621 lines
27 KiB
JavaScript
621 lines
27 KiB
JavaScript
"use strict";
|
||
Object.defineProperty(exports, "__esModule", { value: true });
|
||
exports.createComponent = void 0;
|
||
var tslib_1 = require("tslib");
|
||
/// <reference path="../node_modules/@types/wechat-miniprogram/index.d.ts" />
|
||
var assert_1 = tslib_1.__importDefault(require("assert"));
|
||
var page_common_1 = require("./page.common");
|
||
var i18n_1 = require("./platforms/wechatMp/i18n");
|
||
var lodash_1 = require("oak-domain/lib/utils/lodash");
|
||
var OakProperties = {
|
||
oakId: String,
|
||
oakPath: String,
|
||
oakFilters: String,
|
||
oakSorters: String,
|
||
oakIsPicker: Boolean,
|
||
oakParentEntity: String,
|
||
oakFrom: String,
|
||
oakActions: String,
|
||
oakAutoUnmount: Boolean,
|
||
oakDisablePulldownRefresh: Boolean,
|
||
};
|
||
var oakBehavior = Behavior({
|
||
methods: {
|
||
setDisablePulldownRefresh: function (able) {
|
||
this.setState({
|
||
oakDisablePulldownRefresh: able,
|
||
});
|
||
},
|
||
t: function (key, params) {
|
||
// common: {
|
||
// GREETING: 'Hello {{name}}, nice to see you.',
|
||
// },
|
||
// t('common:GREETING', {name: "John Doe" })
|
||
var i18nInstance = (0, i18n_1.getI18nInstanceWechatMp)();
|
||
if (!i18nInstance) {
|
||
throw new Error('[i18n] ensure run initI18nWechatMp() in app.js before using I18n library');
|
||
}
|
||
return i18nInstance.getString(key, params);
|
||
},
|
||
resolveInput: function (input, keys) {
|
||
var currentTarget = input.currentTarget, detail = input.detail;
|
||
var dataset = currentTarget.dataset;
|
||
var value = detail.value;
|
||
var result = {
|
||
dataset: dataset,
|
||
value: value,
|
||
};
|
||
if (keys) {
|
||
keys.forEach(function (k) {
|
||
var _a;
|
||
return Object.assign(result, (_a = {},
|
||
_a[k] = detail[k],
|
||
_a));
|
||
});
|
||
}
|
||
return result;
|
||
},
|
||
iAmThePage: function () {
|
||
var pages = getCurrentPages();
|
||
if (pages[pages.length - 1] === this) {
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
setState: function (data, callback) {
|
||
var _this = this;
|
||
this.setData(data, function () {
|
||
_this.state = _this.data;
|
||
callback && callback.call(_this);
|
||
});
|
||
},
|
||
reRender: function () {
|
||
return page_common_1.reRender.call(this, this.oakOption);
|
||
},
|
||
onLoad: function (query) {
|
||
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
||
var _a, properties, path, dataResolved, assignProps, key, type2, key;
|
||
return tslib_1.__generator(this, function (_b) {
|
||
switch (_b.label) {
|
||
case 0:
|
||
_a = this.oakOption, properties = _a.properties, path = _a.path;
|
||
dataResolved = {};
|
||
assignProps = function (data, property, type) {
|
||
var _a;
|
||
if (data[property]) {
|
||
var value = data[property];
|
||
if (typeof data[property] === 'string' && type !== String) {
|
||
switch (type) {
|
||
case Boolean: {
|
||
value = new Boolean(data[property]);
|
||
break;
|
||
}
|
||
case Number: {
|
||
value = new Number(data[property]);
|
||
break;
|
||
}
|
||
case Object:
|
||
case Array: {
|
||
value = JSON.parse(data[property]);
|
||
break;
|
||
}
|
||
default: {
|
||
(0, assert_1.default)(false);
|
||
}
|
||
}
|
||
}
|
||
Object.assign(dataResolved, (_a = {},
|
||
_a[property] = value,
|
||
_a));
|
||
}
|
||
};
|
||
if (properties) {
|
||
for (key in properties) {
|
||
type2 = typeof properties[key] === 'object'
|
||
? properties[key].type
|
||
: properties[key];
|
||
if (query[key]) {
|
||
assignProps(query, key, type2);
|
||
}
|
||
else if (this.data) {
|
||
assignProps(this.data, key, type2);
|
||
}
|
||
}
|
||
}
|
||
for (key in OakProperties) {
|
||
if (query[key]) {
|
||
assignProps(query, key, OakProperties[key]);
|
||
}
|
||
else if (this.data) {
|
||
assignProps(this.data, key, OakProperties[key]);
|
||
}
|
||
}
|
||
if (Object.keys(dataResolved).length > 0) {
|
||
this.setState(dataResolved);
|
||
}
|
||
if (!(this.props.oakPath || (this.iAmThePage() && path))) return [3 /*break*/, 2];
|
||
return [4 /*yield*/, page_common_1.onPathSet.call(this, this.oakOption)];
|
||
case 1:
|
||
_b.sent();
|
||
return [3 /*break*/, 3];
|
||
case 2:
|
||
this.reRender();
|
||
_b.label = 3;
|
||
case 3: return [2 /*return*/];
|
||
}
|
||
});
|
||
});
|
||
},
|
||
sub: function (type, callback) {
|
||
this.features.eventBus.sub(type, callback);
|
||
},
|
||
unsub: function (type, callback) {
|
||
this.features.eventBus.unsub(type, callback);
|
||
},
|
||
pub: function (type, option) {
|
||
this.features.eventBus.pub(type, option);
|
||
},
|
||
unsubAll: function (type) {
|
||
this.features.eventBus.unsubAll(type);
|
||
},
|
||
save: function (key, item) {
|
||
this.features.localStorage.save(key, item);
|
||
},
|
||
load: function (key) {
|
||
return this.features.localStorage.load(key);
|
||
},
|
||
clear: function () {
|
||
this.features.localStorage.clear();
|
||
},
|
||
setNotification: function (data) {
|
||
this.features.notification.setNotification(data);
|
||
},
|
||
consumeNotification: function () {
|
||
return this.features.notification.consumeNotification();
|
||
},
|
||
setMessage: function (data) {
|
||
return this.features.message.setMessage(data);
|
||
},
|
||
consumeMessage: function () {
|
||
return this.features.message.consumeMessage();
|
||
},
|
||
navigateBack: function (delta) {
|
||
return this.features.navigator.navigateBack(delta);
|
||
},
|
||
navigateTo: function (option, state) {
|
||
return this.features.navigator.navigateTo(option, state);
|
||
},
|
||
redirectTo: function (option, state) {
|
||
return this.features.navigator.redirectTo(option, state);
|
||
},
|
||
switchTab: function (option, state) {
|
||
return this.features.navigator.switchTab(option, state);
|
||
},
|
||
clean: function (path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.clean(path2);
|
||
},
|
||
execute: function (action, messageProps) {
|
||
return page_common_1.execute.call(this, action, undefined, messageProps);
|
||
},
|
||
getFreshValue: function (path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.getFreshValue(path2);
|
||
},
|
||
checkOperation: function (entity, action, data, filter, checkerTypes) {
|
||
return this.features.cache.checkOperation(entity, action, data, filter, checkerTypes);
|
||
},
|
||
tryExecute: function (path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.tryExecute(path2);
|
||
},
|
||
getOperations: function (path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.getOperations(path2);
|
||
},
|
||
refresh: function () {
|
||
return page_common_1.refresh.call(this);
|
||
},
|
||
loadMore: function () {
|
||
return page_common_1.loadMore.call(this);
|
||
},
|
||
getId: function () {
|
||
return this.features.runningTree.getId(this.state.oakFullpath);
|
||
},
|
||
setFilters: function (filters, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.setNamedFilters(path2, filters);
|
||
},
|
||
getFilters: function (path) {
|
||
if (this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
var namedFilters = this.features.runningTree.getNamedFilters(this.state.oakFullpath);
|
||
return namedFilters.map(function (_a) {
|
||
var filter = _a.filter;
|
||
if (typeof filter === 'function') {
|
||
return filter();
|
||
}
|
||
return filter;
|
||
});
|
||
}
|
||
},
|
||
getFilterByName: function (name, path) {
|
||
if (this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
var filter = this.features.runningTree.getNamedFilterByName(path2, name);
|
||
if (filter === null || filter === void 0 ? void 0 : filter.filter) {
|
||
if (typeof filter.filter === 'function') {
|
||
return filter.filter();
|
||
}
|
||
return filter.filter;
|
||
}
|
||
}
|
||
},
|
||
addNamedFilter: function (namedFilter, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.addNamedFilter(path2, namedFilter, refresh);
|
||
},
|
||
removeNamedFilter: function (namedFilter, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.removeNamedFilter(path2, namedFilter, refresh);
|
||
},
|
||
removeNamedFilterByName: function (name, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.removeNamedFilterByName(path2, name, refresh);
|
||
},
|
||
setNamedSorters: function (namedSorters, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.setNamedSorters(path2, namedSorters);
|
||
},
|
||
getSorters: function (path) {
|
||
if (this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
var namedSorters = this.features.runningTree.getNamedSorters(path2);
|
||
var sorters = namedSorters
|
||
.map(function (_a) {
|
||
var sorter = _a.sorter;
|
||
if (typeof sorter === 'function') {
|
||
return sorter();
|
||
}
|
||
return sorter;
|
||
})
|
||
.filter(function (ele) { return !!ele; });
|
||
return sorters;
|
||
}
|
||
},
|
||
getSorterByName: function (name, path) {
|
||
if (this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
var sorter = this.features.runningTree.getNamedSorterByName(path2, name);
|
||
if (sorter === null || sorter === void 0 ? void 0 : sorter.sorter) {
|
||
if (typeof sorter.sorter === 'function') {
|
||
return sorter.sorter();
|
||
}
|
||
return sorter.sorter;
|
||
}
|
||
}
|
||
},
|
||
addNamedSorter: function (namedSorter, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.addNamedSorter(path2, namedSorter, refresh);
|
||
},
|
||
removeNamedSorter: function (namedSorter, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.removeNamedSorter(path2, namedSorter, refresh);
|
||
},
|
||
removeNamedSorterByName: function (name, refresh, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.removeNamedSorterByName(path2, name, refresh);
|
||
},
|
||
getPagination: function (path) {
|
||
if (this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.getPagination(path2);
|
||
}
|
||
},
|
||
setPageSize: function (pageSize, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.setPageSize(path2, pageSize);
|
||
},
|
||
setCurrentPage: function (currentPage, path) {
|
||
(0, assert_1.default)(currentPage !== 0);
|
||
if (this.state.oakEntity && this.state.oakFullpath) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.setCurrentPage(path2, currentPage);
|
||
}
|
||
},
|
||
addItem: function (data, beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.addItem(path2, data, beforeExecute, afterExecute);
|
||
},
|
||
updateItem: function (data, id, action, beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.updateItem(path2, data, id, action, beforeExecute, afterExecute);
|
||
},
|
||
removeItem: function (id, beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.removeItem(path2, id, beforeExecute, afterExecute);
|
||
},
|
||
recoverItem: function (id, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.recoverItem(path2, id);
|
||
},
|
||
resetItem: function (id, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
this.features.runningTree.resetItem(path2, id);
|
||
},
|
||
setId: function (id) {
|
||
return this.features.runningTree.setId(this.state.oakFullpath, id);
|
||
},
|
||
unsetId: function () {
|
||
return this.features.runningTree.unsetId(this.state.oakFullpath);
|
||
},
|
||
update: function (data, action, beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.update(path2, data, action, beforeExecute, afterExecute);
|
||
},
|
||
create: function (data, beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.create(path2, data, beforeExecute, afterExecute);
|
||
},
|
||
remove: function (beforeExecute, afterExecute, path) {
|
||
var path2 = path
|
||
? "".concat(this.state.oakFullpath, ".").concat(path)
|
||
: this.state.oakFullpath;
|
||
return this.features.runningTree.remove(path2, beforeExecute, afterExecute);
|
||
},
|
||
aggregate: function (aggregation) {
|
||
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
||
return tslib_1.__generator(this, function (_a) {
|
||
switch (_a.label) {
|
||
case 0: return [4 /*yield*/, this.features.cache.aggregate(this.state.oakEntity, aggregation)];
|
||
case 1: return [2 /*return*/, _a.sent()];
|
||
}
|
||
});
|
||
});
|
||
},
|
||
},
|
||
observers: {
|
||
oakPath: function (data) {
|
||
if (data && data !== this.state.oakFullpath) {
|
||
page_common_1.onPathSet.call(this, this.oakOption);
|
||
}
|
||
},
|
||
oakId: function (data) {
|
||
if (data !== this.props.oakId) {
|
||
if (this.state.oakFullpath) {
|
||
this.features.runningTree.setId(this.state.oakFullpath, data);
|
||
}
|
||
}
|
||
},
|
||
},
|
||
pageLifetimes: {
|
||
show: function () {
|
||
var show = (this.oakOption.lifetimes || {}).show;
|
||
this.reRender();
|
||
show && show.call(this);
|
||
},
|
||
hide: function () {
|
||
var hide = (this.oakOption.lifetimes || {}).hide;
|
||
hide && hide.call(this);
|
||
},
|
||
},
|
||
lifetimes: {
|
||
created: function () {
|
||
var _this = this;
|
||
var setData = this.setData;
|
||
this.state = this.data;
|
||
this.props = this.data;
|
||
this.prevState = {};
|
||
this.setData = function (data, callback) {
|
||
_this.prevState = (0, lodash_1.cloneDeep)(_this.data);
|
||
setData.call(_this, data, function () {
|
||
_this.state = _this.data;
|
||
_this.props = _this.data;
|
||
callback && callback.call(_this);
|
||
});
|
||
};
|
||
},
|
||
},
|
||
});
|
||
function translateListeners(listeners) {
|
||
if (listeners) {
|
||
var result = {};
|
||
var _loop_1 = function (ln) {
|
||
result[ln] = function () {
|
||
var _this = this;
|
||
var args = [];
|
||
for (var _i = 0; _i < arguments.length; _i++) {
|
||
args[_i] = arguments[_i];
|
||
}
|
||
// 实测中小程序也是在update之后再调用observer，此时state上的值已经变成后项，因此增加prevState来缓存之
|
||
var propNames = ln.split(',');
|
||
var prev = {};
|
||
var next = {};
|
||
var dirty = false;
|
||
propNames.forEach(function (pn, idx) {
|
||
prev[pn] = _this.prevState[pn];
|
||
next[pn] = args[idx];
|
||
if (prev[pn] !== next[pn]) {
|
||
dirty = true;
|
||
}
|
||
});
|
||
if (dirty) {
|
||
listeners[ln].call(this, prev, next);
|
||
}
|
||
};
|
||
};
|
||
for (var ln in listeners) {
|
||
_loop_1(ln);
|
||
}
|
||
return result;
|
||
}
|
||
}
|
||
function createComponent(option, features) {
|
||
var entity = option.entity, data = option.data, properties = option.properties, methods = option.methods, wechatMp = option.wechatMp, lifetimes = option.lifetimes, listeners = option.listeners;
|
||
var _a = lifetimes || {}, attached = _a.attached, show = _a.show, hide = _a.hide, created = _a.created, detached = _a.detached, ready = _a.ready, moved = _a.moved, error = _a.error;
|
||
var _b = wechatMp || {}, options = _b.options, externalClasses = _b.externalClasses;
|
||
var _c = (methods || {}), onPullDownRefresh = _c.onPullDownRefresh, onReachBottom = _c.onReachBottom, restMethods = tslib_1.__rest(_c, ["onPullDownRefresh", "onReachBottom"]);
|
||
var observers = translateListeners(listeners);
|
||
return Component({
|
||
externalClasses: externalClasses,
|
||
// options,
|
||
behaviors: [oakBehavior],
|
||
data: typeof data !== 'function' ? Object.assign({}, data, {
|
||
oakFullpath: '',
|
||
oakLoading: !!option.entity && !!option.projection,
|
||
}) : {
|
||
oakFullpath: '',
|
||
oakLoading: !!option.entity && !!option.projection,
|
||
},
|
||
properties: Object.assign({}, properties, OakProperties),
|
||
methods: tslib_1.__assign({ onPullDownRefresh: function () {
|
||
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
||
return tslib_1.__generator(this, function (_a) {
|
||
switch (_a.label) {
|
||
case 0:
|
||
if (!(!this.state.oakLoading &&
|
||
this.iAmThePage() &&
|
||
!this.state.oakDisablePulldownRefresh &&
|
||
!this.props.oakDisablePulldownRefresh)) return [3 /*break*/, 2];
|
||
return [4 /*yield*/, (onPullDownRefresh ? onPullDownRefresh.call(this) : this.refresh())];
|
||
case 1:
|
||
_a.sent();
|
||
_a.label = 2;
|
||
case 2: return [4 /*yield*/, wx.stopPullDownRefresh()];
|
||
case 3:
|
||
_a.sent();
|
||
return [2 /*return*/];
|
||
}
|
||
});
|
||
});
|
||
}, onReachBottom: function () {
|
||
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
||
return tslib_1.__generator(this, function (_a) {
|
||
switch (_a.label) {
|
||
case 0:
|
||
if (!(!this.state.oakLoadingMore &&
|
||
this.iAmThePage() &&
|
||
this.oakOption.isList)) return [3 /*break*/, 2];
|
||
return [4 /*yield*/, (onReachBottom ? onReachBottom.call(this) : this.loadMore())];
|
||
case 1:
|
||
_a.sent();
|
||
_a.label = 2;
|
||
case 2: return [2 /*return*/];
|
||
}
|
||
});
|
||
});
|
||
} }, restMethods),
|
||
observers: observers,
|
||
pageLifetimes: {
|
||
show: function () {
|
||
// this.reRender();
|
||
show && show.call(this);
|
||
},
|
||
hide: function () {
|
||
hide && hide.call(this);
|
||
},
|
||
},
|
||
lifetimes: {
|
||
created: function () {
|
||
this.oakOption = option;
|
||
this.features = features;
|
||
this.subscribed = [];
|
||
created && created.call(this);
|
||
},
|
||
attached: function () {
|
||
var _a;
|
||
var _this = this;
|
||
var i18nInstance = (0, i18n_1.getI18nInstanceWechatMp)();
|
||
if (i18nInstance) {
|
||
this.setState((_a = {},
|
||
_a[i18n_1.CURRENT_LOCALE_KEY] = i18nInstance.currentLocale,
|
||
_a[i18n_1.CURRENT_LOCALE_DATA] = i18nInstance.translations,
|
||
_a));
|
||
}
|
||
if (option.entity) {
|
||
this.subscribed.push(features.cache.subscribe(function () { return _this.reRender(); }));
|
||
}
|
||
if (option.features) {
|
||
option.features.forEach(function (ele) { return _this.subscribed.push(features[ele].subscribe(function () { return _this.reRender(); })); });
|
||
}
|
||
attached && attached.call(this);
|
||
},
|
||
detached: function () {
|
||
this.subscribed.forEach(function (ele) { return ele(); });
|
||
this.state.oakFullpath &&
|
||
(this.iAmThePage() || this.props.oakAutoUnmount) &&
|
||
page_common_1.destroyNode.call(this);
|
||
detached && detached.call(this);
|
||
},
|
||
ready: function () {
|
||
if (typeof data === 'function') {
|
||
// ts的编译好像有问题，这里不硬写as过不去
|
||
var data2 = data.call(this);
|
||
this.setData(data2);
|
||
}
|
||
ready && ready.call(this);
|
||
},
|
||
moved: function () {
|
||
moved && moved.call(this);
|
||
},
|
||
error: function (err) {
|
||
error && error.call(this, err);
|
||
},
|
||
},
|
||
});
|
||
}
|
||
exports.createComponent = createComponent;
|