amis
Version:
一种MIS页面生成工具
149 lines (148 loc) • 6.24 kB
JavaScript
;
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
exports.MappingFieldRenderer = exports.MappingField = exports.Store = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var factory_1 = require("../factory");
var WithStore_1 = require("../components/WithStore");
var mobx_state_tree_1 = require("mobx-state-tree");
var helper_1 = require("../utils/helper");
var node_1 = require("../store/node");
var tpl_builtin_1 = require("../utils/tpl-builtin");
var api_1 = require("../utils/api");
exports.Store = node_1.StoreNode.named('MappingStore')
.props({
fetching: false,
errorMsg: '',
map: mobx_state_tree_1.types.frozen({})
})
.actions(function (self) {
var load = mobx_state_tree_1.flow(function (env, api, data) {
var ret, data_1, e_1;
return tslib_1.__generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 2, 3, 4]);
self.fetching = true;
return [4 /*yield*/, env.fetcher(api, data)];
case 1:
ret = _a.sent();
if (ret.ok) {
data_1 = ret.data || {};
self.setMap(data_1);
}
else {
throw new Error(ret.msg || 'fetch error');
}
return [3 /*break*/, 4];
case 2:
e_1 = _a.sent();
self.errorMsg = e_1.message;
return [3 /*break*/, 4];
case 3:
self.fetching = false;
return [7 /*endfinally*/];
case 4: return [2 /*return*/];
}
});
});
return {
load: load,
setMap: function (options) {
if (helper_1.isObject(options)) {
self.map = tslib_1.__assign({}, options);
}
}
};
});
exports.MappingField = WithStore_1.withStore(function (props) {
return exports.Store.create({
id: helper_1.guid(),
storeType: exports.Store.name
}, props.env);
})((_a = /** @class */ (function (_super) {
tslib_1.__extends(class_1, _super);
function class_1(props) {
var _this = _super.call(this, props) || this;
props.store.syncProps(props, undefined, ['map']);
return _this;
}
class_1.prototype.componentDidMount = function () {
var _a = this.props, store = _a.store, source = _a.source, data = _a.data;
this.reload();
};
class_1.prototype.componentDidUpdate = function (prevProps) {
var props = this.props;
var _a = this.props, store = _a.store, source = _a.source, data = _a.data;
store.syncProps(props, prevProps, ['map']);
if (tpl_builtin_1.isPureVariable(source)) {
var prev = tpl_builtin_1.resolveVariableAndFilter(prevProps.source, prevProps.data, '| raw');
var curr = tpl_builtin_1.resolveVariableAndFilter(source, data, '| raw');
if (prev !== curr) {
store.setMap(curr);
}
}
else if (api_1.isApiOutdated(prevProps.source, props.source, prevProps.data, props.data)) {
this.reload();
}
};
class_1.prototype.reload = function () {
var _a;
var _b = this.props, source = _b.source, data = _b.data, env = _b.env;
var store = this.props.store;
if (tpl_builtin_1.isPureVariable(source)) {
store.setMap(tpl_builtin_1.resolveVariableAndFilter(source, data, '| raw'));
}
else if (api_1.isEffectiveApi(source, data)) {
var api = api_1.normalizeApi(source, 'get');
api.cache = (_a = api.cache) !== null && _a !== void 0 ? _a : 30 * 1000;
store.load(env, api, data);
}
};
class_1.prototype.render = function () {
var _a, _b;
var _c = this.props, className = _c.className, placeholder = _c.placeholder, render = _c.render, cx = _c.classnames, name = _c.name, data = _c.data, store = _c.store;
var map = store.map;
var key = (_a = this.props.value) !== null && _a !== void 0 ? _a : (name ? helper_1.getVariable(data, name) : undefined);
var viewValue = (react_1.default.createElement("span", { className: "text-muted" }, placeholder));
key = typeof key === 'string' ? key.trim() : key; // trim 一下，干掉一些空白字符。
var value = undefined;
if (typeof key !== 'undefined' &&
map &&
(value = (_b = map[key]) !== null && _b !== void 0 ? _b : (key === true && map['1']
? map['1']
: key === false && map['0']
? map['0']
: map['*'])) !== undefined) {
viewValue = render('tpl', value);
}
return react_1.default.createElement("span", { className: cx('MappingField', className) }, viewValue);
};
return class_1;
}(react_1.default.Component)),
_a.defaultProps = {
placeholder: '-',
map: {
'*': '通配值'
}
},
_a));
var MappingFieldRenderer = /** @class */ (function (_super) {
tslib_1.__extends(MappingFieldRenderer, _super);
function MappingFieldRenderer() {
return _super !== null && _super.apply(this, arguments) || this;
}
MappingFieldRenderer.prototype.render = function () {
return react_1.default.createElement(exports.MappingField, tslib_1.__assign({}, this.props));
};
MappingFieldRenderer = tslib_1.__decorate([
factory_1.Renderer({
test: /(^|\/)(?:map|mapping)$/,
name: 'mapping'
})
], MappingFieldRenderer);
return MappingFieldRenderer;
}(react_1.default.Component));
exports.MappingFieldRenderer = MappingFieldRenderer;
//# sourceMappingURL=./renderers/Mapping.js.map