amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/renderer/FormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -21,7 +21,9 @@ var omit = require('lodash/omit');
 var cx = require('classnames');
 var amis = require('amis');
 var Editor = require('amis-ui/lib/components/formula/Editor');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var amisCore = require('amis-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,285 +42,414 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 /**
  * @file 表达式控件
  */
-var FormulaControl = /** @class */ (function (_super) {
-    tslib.__extends(FormulaControl, _super);
-    function FormulaControl(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleSimpleInputChange = debounce__default["default"](function (value) {
-            var _a, _b;
-            (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, _this.replaceExpression(value));
-        }, 250, {
-            trailing: true,
-            leading: false
-        });
-        _this.handleInputChange = function (value) {
-            var _a, _b;
-            (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
-        };
-        _this.state = {
-            variables: _this.normalizeVariables(props.variables),
-            variableMode: 'tabs',
-            evalMode: false
-        };
-        return _this;
-    }
-    FormulaControl.prototype.componentDidUpdate = function (prevProps) {
-        var _this = this;
-        // 优先使用props中的变量数据
-        if (!this.props.variables) {
-            // 从amis数据域中取变量数据
-            this.resolveVariablesFromScope().then(function (variables) {
-                if (!_this.isUnmount && !isEqual__default["default"](variables, _this.state.variables)) {
-                    _this.setState({
-                        variables: variables
-                    });
-                }
-            });
-        }
-    };
-    FormulaControl.prototype.componentWillUnmount = function () {
-        this.isUnmount = true;
-    };
-    // 组件默认值设置交互中未使用
-    FormulaControl.prototype.normalizeVariables = function (variables) {
-        var _a, _b, _c;
-        if (!variables) {
-            return [];
-        }
-        var _d = this.props, context = _d.context, evalMode = _d.evalMode;
-        // 自身字段
-        var field = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
-        var ancestorField = (_c = context === null || context === void 0 ? void 0 : context.node) === null || _c === void 0 ? void 0 : _c.ancestorField;
-        return uniqBy__default["default"](tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], (Array.isArray(variables) ? variables : []), true), (ancestorField
-            ? ancestorField.map(function (item) { return ({
-                label: item,
-                value: evalMode ? "this.".concat(item) : item
-            }); })
-            : []), true), (field ? [{ label: field, value: "this.".concat(field) }] : []), true), 'value');
-    };
-    /**
-     * 将 ${xx}（非 \${xx}）替换成 \${xx}
-     * 备注: 手动编辑时，自动处理掉 ${xx}，避免识别成 公式表达式
-     */
-    FormulaControl.prototype.replaceExpression = function (expression) {
-        if (expression && isString__default["default"](expression) && amis.isExpression(expression)) {
-            return expression.replace(/(^|[^\\])\$\{/g, '\\${');
-        }
-        return expression;
+
+var FormulaControl =
+/** @class */
+function (_super) {
+  tslib.__extends(FormulaControl, _super);
+
+  function FormulaControl(props) {
+    var _this = _super.call(this, props) || this;
+
+    _this.handleSimpleInputChange = debounce__default["default"](function (value) {
+      var _a, _b;
+
+      var curValue = _this.replaceExpression(value);
+
+      (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, curValue);
+    }, 250, {
+      trailing: true,
+      leading: false
+    });
+
+    _this.handleInputChange = function (value) {
+      var _a, _b;
+
+      (_b = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
-    // 根据 name 值 判断当前表达式是否 存在循环引用问题
-    FormulaControl.prototype.isLoopExpression = function (expression, selfName) {
-        if (!expression || !selfName || !isString__default["default"](expression)) {
-            return false;
-        }
-        var variables = amis.FormulaExec.collect(expression);
-        return variables.some(function (variable) { return variable === selfName; });
+
+    _this.state = {
+      variables: _this.normalizeVariables(props.variables),
+      variableMode: 'tabs',
+      evalMode: true
     };
-    // 判断是否是期望类型
-    FormulaControl.prototype.isExpectType = function (value) {
-        if (value === null || value === undefined) {
-            return true; // 数值为空不进行类型识别
-        }
-        var expectType = this.props.valueType;
-        if (expectType === null || expectType === undefined) {
-            return true; // expectType为空，则不进行类型识别
-        }
-        // 当前数据域
-        var curData = this.getContextData();
-        if ((expectType === 'number' && isNumber__default["default"](value)) ||
-            (expectType === 'boolean' && isBoolean__default["default"](value)) ||
-            (expectType === 'object' && isPlainObject__default["default"](value)) ||
-            (expectType === 'array' && isArray__default["default"](value))) {
-            return true;
+    return _this;
+  }
+
+  FormulaControl.prototype.componentDidUpdate = function (prevProps) {
+    var _this = this; // 优先使用props中的变量数据
+
+
+    if (!this.props.variables) {
+      // 从amis数据域中取变量数据
+      this.resolveVariablesFromScope().then(function (variables) {
+        if (Array.isArray(variables)) {
+          var vars = variables.filter(function (item) {
+            var _a;
+
+            return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length;
+          });
+
+          if (!_this.isUnmount && !isEqual__default["default"](vars, _this.state.variables)) {
+            _this.setState({
+              variables: vars
+            });
+          }
         }
-        else if (isString__default["default"](value)) {
-            if (amis.isExpression(value)) {
-                // 根据公式运算结果判断类型
-                var formulaValue = amis.FormulaExec.formula(value, curData);
-                if ((expectType === 'number' && isNumber__default["default"](formulaValue)) ||
-                    (expectType === 'boolean' && isBoolean__default["default"](formulaValue)) ||
-                    (expectType === 'object' && isPlainObject__default["default"](formulaValue)) ||
-                    (expectType === 'array' && isArray__default["default"](formulaValue)) ||
-                    (expectType === 'string' && isString__default["default"](formulaValue))) {
-                    return true;
-                }
-            }
-            else if (expectType === 'string') {
-                // 非公式字符串
-                return true;
-            }
+      });
+    }
+
+    if (this.props.data !== prevProps.data) {
+      this.setState({
+        variables: amisCore.dataMapping(this.props.variables, this.props.data)
+      });
+    }
+  };
+
+  FormulaControl.prototype.componentWillUnmount = function () {
+    this.isUnmount = true;
+  }; // 组件默认值设置交互中未使用
+
+
+  FormulaControl.prototype.normalizeVariables = function (variables) {
+    var _a, _b, _c;
+
+    if (!variables) {
+      return [];
+    }
+
+    if (variables && variables.some(function (item) {
+      return amis.isExpression(item.children);
+    })) {
+      variables = amisCore.dataMapping(variables, this.props.data);
+    }
+
+    var _d = this.props,
+        context = _d.context,
+        evalMode = _d.evalMode; // 自身字段
+
+    var field = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
+    var ancestorField = (_c = context === null || context === void 0 ? void 0 : context.node) === null || _c === void 0 ? void 0 : _c.ancestorField;
+    return uniqBy__default["default"](tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], Array.isArray(variables) ? variables : [], true), ancestorField ? ancestorField.map(function (item) {
+      return {
+        label: item,
+        value: evalMode ? "this.".concat(item) : item
+      };
+    }) : [], true), field ? [{
+      label: field,
+      value: "this.".concat(field)
+    }] : [], true), 'value');
+  };
+  /**
+   * 将 ${xx}（非 \${xx}）替换成 \${xx}
+   * 备注: 手动编辑时，自动处理掉 ${xx}，避免识别成 公式表达式
+   */
+
+
+  FormulaControl.prototype.replaceExpression = function (expression) {
+    if (expression && isString__default["default"](expression) && amis.isExpression(expression)) {
+      return expression.replace(/(^|[^\\])\$\{/g, '\\${');
+    }
+
+    return expression;
+  }; // 根据 name 值 判断当前表达式是否 存在循环引用问题
+
+
+  FormulaControl.prototype.isLoopExpression = function (expression, selfName) {
+    if (!expression || !selfName || !isString__default["default"](expression)) {
+      return false;
+    }
+
+    var variables = amis.FormulaExec.collect(expression);
+    return variables.some(function (variable) {
+      return variable === selfName;
+    });
+  }; // 判断是否是期望类型
+
+
+  FormulaControl.prototype.isExpectType = function (value) {
+    if (value === null || value === undefined) {
+      return true; // 数值为空不进行类型识别
+    }
+
+    var expectType = this.props.valueType;
+
+    if (expectType === null || expectType === undefined) {
+      return true; // expectType为空，则不进行类型识别
+    } // 当前数据域
+
+
+    var curData = this.getContextData();
+
+    if (expectType === 'number' && isNumber__default["default"](value) || expectType === 'boolean' && isBoolean__default["default"](value) || expectType === 'object' && isPlainObject__default["default"](value) || expectType === 'array' && isArray__default["default"](value)) {
+      return true;
+    } else if (isString__default["default"](value)) {
+      if (amis.isExpression(value)) {
+        // 根据公式运算结果判断类型
+        var formulaValue = amis.FormulaExec.formula(value, curData);
+
+        if (expectType === 'number' && isNumber__default["default"](formulaValue) || expectType === 'boolean' && isBoolean__default["default"](formulaValue) || expectType === 'object' && isPlainObject__default["default"](formulaValue) || expectType === 'array' && isArray__default["default"](formulaValue) || expectType === 'string' && isString__default["default"](formulaValue)) {
+          return true;
         }
-        return false;
-    };
-    FormulaControl.prototype.resolveVariablesFromScope = function () {
-        var _a;
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var _b, node, manager, dataPropsAsOptions;
-            return tslib.__generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _b = this.props, node = _b.node, manager = _b.manager;
-                        return [4 /*yield*/, (manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node))];
-                    case 1:
-                        _c.sent();
-                        dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
-                        return [2 /*return*/, dataPropsAsOptions || []];
-                }
-            });
-        });
-    };
-    FormulaControl.prototype.handleConfirm = function (value) {
-        var _a, _b;
-        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
-    };
-    // 剔除掉一些用不上的属性
-    FormulaControl.prototype.filterCustomRendererProps = function (rendererSchema) {
-        var _a, _b, _c;
-        var data = this.props.data;
-        var curRendererSchema = null;
-        if (rendererSchema) {
-            curRendererSchema = Object.assign({}, rendererSchema, data, {
-                type: (_a = rendererSchema.type) !== null && _a !== void 0 ? _a : data.type,
-                value: (_c = (_b = this.props.value) !== null && _b !== void 0 ? _b : rendererSchema.value) !== null && _c !== void 0 ? _c : data.value,
-            });
-            // 默认要剔除的字段
-            var deleteProps = [
-                'label',
-                'id',
-                '$$id',
-                'className',
-                'style',
-                'readOnly',
-                'horizontal',
-                'size'
-            ];
-            // 当前组件要剔除的字段
-            if (this.props.needDeleteProps) {
-                deleteProps.push.apply(deleteProps, this.props.needDeleteProps);
-            }
-            curRendererSchema = omit__default["default"](curRendererSchema, deleteProps);
-            // 避免没有清空icon
-            if (curRendererSchema.clearable !== undefined && !curRendererSchema.clearable) {
-                curRendererSchema.clearable = true;
+      } else if (expectType === 'string') {
+        // 非公式字符串
+        return true;
+      }
+    }
+
+    return false;
+  };
+
+  FormulaControl.prototype.resolveVariablesFromScope = function () {
+    var _a;
+
+    return tslib.__awaiter(this, void 0, void 0, function () {
+      var _b, node, manager, dataPropsAsOptions;
+
+      return tslib.__generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            _b = this.props.formProps || this.props, node = _b.node, manager = _b.manager;
+            return [4
+            /*yield*/
+            , manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node)];
+
+          case 1:
+            _c.sent();
+
+            dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
+
+            if (dataPropsAsOptions) {
+              return [2
+              /*return*/
+              , dataPropsAsOptions.map(function (item) {
+                return tslib.__assign({
+                  selectMode: 'tree'
+                }, item);
+              })];
             }
+
+            return [2
+            /*return*/
+            , []];
         }
-        return curRendererSchema;
-    };
-    FormulaControl.prototype.renderFormulaValue = function (item) {
-        var html = { __html: item.html };
-        return React__default["default"].createElement("span", { dangerouslySetInnerHTML: html });
-    };
-    FormulaControl.prototype.getContextData = function () {
-        var _a, _b, _c, _d;
-        // 当前数据域
-        return (((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.__super) === null || _b === void 0 ? void 0 : _b.__props__) === null || _c === void 0 ? void 0 : _c.data) ||
-            ((_d = this.props.manager) === null || _d === void 0 ? void 0 : _d.amisStore) ||
-            {});
-    };
-    FormulaControl.prototype.render = function () {
-        var _this = this;
-        var _a, _b;
-        var _c = this.props, className = _c.className, label = _c.label, value = _c.value, header = _c.header; _c.variables; var placeholder = _c.placeholder, simple = _c.simple, evalMode = _c.evalMode, rendererSchema = _c.rendererSchema, rendererWrapper = _c.rendererWrapper, manager = _c.manager, rest = tslib.__rest(_c, ["className", "label", "value", "header", "variables", "placeholder", "simple", "evalMode", "rendererSchema", "rendererWrapper", "manager"]);
-        var labelText = typeof label === 'string' ? label : '';
-        // 自身字段
-        var selfName = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
-        // 判断是否含有公式表达式
-        var isExpr = amis.isExpression(value);
-        // 判断当前是否有循环引用，备注：非精准识别，待优化
-        var isLoop = false;
-        if (isExpr && (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)) {
-            isLoop = (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)
-                ? this.isLoopExpression(value, rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)
-                : false;
-        }
-        // 判断是否含有公式表达式
-        var isTypeError = !this.isExpectType(value);
-        var isError = isLoop || isTypeError;
-        var highlightValue = amis.isExpression(value)
-            ? Editor.FormulaEditor.highlightValue(value, this.state.variables, evalMode !== null && evalMode !== void 0 ? evalMode : this.state.evalMode)
-            : value;
-        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-editor-FormulaControl', isError ? 'is-has-tooltip' : '', className) },
-            !simple && !rendererSchema && !isExpr && (React__default["default"].createElement(amis.InputBox, { className: "ae-editor-FormulaControl-input", value: value, clearable: true, placeholder: placeholder, onChange: this.handleSimpleInputChange })),
-            !simple && rendererSchema && !isExpr && (React__default["default"].createElement("div", { className: cx__default["default"]('ae-editor-FormulaControl-custom-renderer', rendererWrapper ? 'border-wrapper' : '') }, amis.render(this.filterCustomRendererProps(rendererSchema), {
-                onChange: this.handleSimpleInputChange,
-                manager: manager
-            }, tslib.__assign({}, ((manager === null || manager === void 0 ? void 0 : manager.env) || {}))))),
-            !simple && isExpr && (React__default["default"].createElement(amis.ResultBox, { className: cx__default["default"]('ae-editor-FormulaControl-ResultBox', isError ? 'is-error' : ''), allowInput: false, clearable: true, value: value, result: highlightValue, itemRender: this.renderFormulaValue, onChange: this.handleInputChange, onResultChange: function () {
-                    _this.handleInputChange(undefined);
-                } })),
-            React__default["default"].createElement(amis.PickerContainer, { showTitle: false, bodyRender: function (_a) {
-                    var _b;
-                    _a.onClose; var value = _a.value, onChange = _a.onChange;
-                    return (React__default["default"].createElement(Editor.FormulaEditor, tslib.__assign({}, rest, { evalMode: evalMode !== null && evalMode !== void 0 ? evalMode : _this.state.evalMode, variableMode: (_b = rest.variableMode) !== null && _b !== void 0 ? _b : _this.state.variableMode, variables: _this.state.variables, header: header || labelText, value: isString__default["default"](value) ? value : undefined, onChange: onChange, selfVariableName: selfName })));
-                }, value: value, onConfirm: this.handleConfirm, size: "md" }, function (_a) {
-                var _b;
-                var onClick = _a.onClick; _a.isOpened;
-                return (React__default["default"].createElement(amis.Button, { size: "sm", tooltip: '点击配置表达式', tooltipPlacement: "left", onClick: onClick },
-                    React__default["default"].createElement(amis.Icon, { icon: "function", className: cx__default["default"]('ae-editor-FormulaControl-icon', 'icon', (_b = {},
-                            _b['is-filled'] = !!value,
-                            _b)) })));
-            }),
-            isExpr && !isError && (React__default["default"].createElement("div", { className: "desc-msg info-msg", title: value }, value)),
-            isError && (React__default["default"].createElement("div", { className: "desc-msg error-msg" }, isLoop ? '当前表达式异常（存在循环引用）' : '数值类型不匹配'))));
-    };
-    FormulaControl.defaultProps = {
-        simple: false
-    };
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", Object)
-    ], FormulaControl.prototype, "replaceExpression", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object, String]),
-        tslib.__metadata("design:returntype", Boolean)
-    ], FormulaControl.prototype, "isLoopExpression", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", Boolean)
-    ], FormulaControl.prototype, "isExpectType", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "handleConfirm", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "filterCustomRendererProps", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "renderFormulaValue", null);
-    tslib.__decorate([
-        AMisCodeEditor.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaControl.prototype, "getContextData", null);
-    return FormulaControl;
-}(React__default["default"].Component));
-/** @class */ ((function (_super) {
-    tslib.__extends(FormulaControlRenderer, _super);
-    function FormulaControlRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+      });
+    });
+  };
+
+  FormulaControl.prototype.handleConfirm = function (value) {
+    var _a, _b;
+
+    (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+  }; // 剔除掉一些用不上的属性
+
+
+  FormulaControl.prototype.filterCustomRendererProps = function (rendererSchema) {
+    var _a;
+
+    var _b = this.props,
+        data = _b.data,
+        name = _b.name;
+    var curRendererSchema = null;
+
+    if (rendererSchema) {
+      curRendererSchema = Object.assign({}, rendererSchema, data, {
+        type: (_a = rendererSchema.type) !== null && _a !== void 0 ? _a : data.type
+      }); // 默认要剔除的字段
+
+      var deleteProps = ['label', 'id', '$$id', 'className', 'style', 'readOnly', 'horizontal', 'size', 'remark', 'labelRemark', 'hidden', 'hiddenOn', 'visible', 'visibleOn', 'disabled', 'disabledOn', 'required', 'requiredOn', 'className', 'labelClassName', 'labelAlign', 'inputClassName', 'description', 'autoUpdate', 'prefix', 'suffix', 'unitOptions', 'keyboard', 'kilobitSeparator', 'value']; // 当前组件要剔除的字段
+
+      if (this.props.needDeleteProps) {
+        deleteProps.push.apply(deleteProps, this.props.needDeleteProps);
+      }
+
+      if (name && name === 'min') {
+        // 避免min影响自身默认值设置
+        deleteProps.push('min');
+      }
+
+      if (name && name === 'max') {
+        // 避免max影响自身默认值设置
+        deleteProps.push('max');
+      }
+
+      curRendererSchema = omit__default["default"](curRendererSchema, deleteProps); // 避免没有清空icon
+
+      if (curRendererSchema.clearable !== undefined && !curRendererSchema.clearable) {
+        curRendererSchema.clearable = true;
+      } // 设置统一的占位提示
+
+
+      if (curRendererSchema.type === 'select') {
+        curRendererSchema.placeholder = i18nRuntime.i18n("51d8a85a3c59453eed398eb8f5d35585");
+        curRendererSchema.inputClassName = 'ae-editor-FormulaControl-select-style';
+      } else {
+        curRendererSchema.placeholder = i18nRuntime.i18n("cb73fbd12620c6ff4d7e5d1047c3be4d");
+      } // 设置popOverContainer
+
+
+      curRendererSchema.popOverContainer = window.document.body;
     }
-    FormulaControlRenderer = tslib.__decorate([
-        amis.FormItem({
-            type: 'ae-formulaControl'
-        })
-    ], FormulaControlRenderer);
-    return FormulaControlRenderer;
-})(FormulaControl));
+
+    return curRendererSchema;
+  };
+
+  FormulaControl.prototype.renderFormulaValue = function (item) {
+    var html = {
+      __html: item.html
+    }; // bca-disable-next-line
+
+    return React__default["default"].createElement("span", {
+      dangerouslySetInnerHTML: html
+    });
+  };
+
+  FormulaControl.prototype.getContextData = function () {
+    var _a, _b, _c, _d; // 当前数据域
+
+
+    return ((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.__super) === null || _b === void 0 ? void 0 : _b.__props__) === null || _c === void 0 ? void 0 : _c.data) || ((_d = this.props.manager) === null || _d === void 0 ? void 0 : _d.amisStore) || {};
+  };
+
+  FormulaControl.prototype.render = function () {
+    var _this = this;
+
+    var _a, _b;
+
+    var _c = this.props,
+        className = _c.className,
+        label = _c.label,
+        value = _c.value,
+        header = _c.header;
+        _c.variables;
+        var placeholder = _c.placeholder,
+        simple = _c.simple,
+        evalMode = _c.evalMode,
+        rendererSchema = _c.rendererSchema,
+        rendererWrapper = _c.rendererWrapper,
+        manager = _c.manager,
+        _d = _c.useExternalFormData,
+        useExternalFormData = _d === void 0 ? false : _d,
+        render = _c.render,
+        rest = tslib.__rest(_c, ["className", "label", "value", "header", "variables", "placeholder", "simple", "evalMode", "rendererSchema", "rendererWrapper", "manager", "useExternalFormData", "render"]);
+
+    var labelText = typeof label === 'string' ? label : ''; // 自身字段
+
+    var selfName = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name; // 判断是否含有公式表达式
+
+    var isExpr = amis.isExpression(value); // 判断当前是否有循环引用，备注：非精准识别，待优化
+
+    var isLoop = false;
+
+    if (isExpr && (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name)) {
+      isLoop = (rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name) ? this.isLoopExpression(value, rendererSchema === null || rendererSchema === void 0 ? void 0 : rendererSchema.name) : false;
+    } // 判断是否含有公式表达式
+
+
+    var isTypeError = !this.isExpectType(value);
+    var isError = isLoop || isTypeError;
+    var highlightValue = amis.isExpression(value) ? Editor.FormulaEditor.highlightValue(value, this.state.variables, evalMode !== null && evalMode !== void 0 ? evalMode : this.state.evalMode) : value;
+    return React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-editor-FormulaControl', isError ? 'is-has-tooltip' : '', className)
+    }, !simple && !rendererSchema && !isExpr && React__default["default"].createElement(amis.InputBox, {
+      className: "ae-editor-FormulaControl-input",
+      value: value,
+      clearable: true,
+      placeholder: placeholder,
+      onChange: this.handleSimpleInputChange
+    }), !simple && rendererSchema && !isExpr && React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-editor-FormulaControl-custom-renderer', rendererWrapper ? 'border-wrapper' : '')
+    }, render('inner', this.filterCustomRendererProps(rendererSchema), {
+      inputOnly: true,
+      value: value,
+      data: useExternalFormData ? tslib.__assign({}, this.props.data) : {},
+      onChange: this.handleSimpleInputChange,
+      manager: manager
+    })), !simple && isExpr && React__default["default"].createElement(amis.ResultBox, {
+      className: cx__default["default"]('ae-editor-FormulaControl-ResultBox', isError ? 'is-error' : ''),
+      allowInput: false,
+      clearable: true,
+      value: value,
+      result: highlightValue,
+      itemRender: this.renderFormulaValue,
+      onChange: this.handleInputChange,
+      onResultChange: function () {
+        _this.handleInputChange(undefined);
+      }
+    }), React__default["default"].createElement(amis.PickerContainer, {
+      showTitle: false,
+      bodyRender: function (_a) {
+        var _b;
+
+        var value = _a.value,
+            onChange = _a.onChange;
+        return React__default["default"].createElement(Editor.FormulaEditor, tslib.__assign({}, rest, {
+          evalMode: evalMode !== null && evalMode !== void 0 ? evalMode : _this.state.evalMode,
+          variableMode: (_b = rest.variableMode) !== null && _b !== void 0 ? _b : _this.state.variableMode,
+          variables: _this.state.variables,
+          header: header || labelText,
+          value: isString__default["default"](value) ? value : undefined,
+          onChange: onChange,
+          selfVariableName: selfName
+        }));
+      },
+      value: value,
+      onConfirm: this.handleConfirm,
+      size: "md"
+    }, function (_a) {
+      var _b;
+
+      var onClick = _a.onClick;
+      return React__default["default"].createElement(amis.Button, {
+        size: "sm",
+        tooltip: i18nRuntime.i18n("303efd5ba79e639001b4328cd266dddc"),
+        tooltipPlacement: "left",
+        onClick: onClick
+      }, React__default["default"].createElement(amis.Icon, {
+        icon: "function",
+        className: cx__default["default"]('ae-editor-FormulaControl-icon', 'icon', (_b = {}, _b['is-filled'] = !!value, _b))
+      }));
+    }), isExpr && !isError && React__default["default"].createElement("div", {
+      className: "desc-msg info-msg",
+      title: value
+    }, value), isError && React__default["default"].createElement("div", {
+      className: "desc-msg error-msg"
+    }, isLoop ? i18nRuntime.i18n("7d92f998d24da41b58db140b1864f773") : i18nRuntime.i18n("b5cc1cd60cd694f45142dc52a5bf53fc")));
+  };
+
+  FormulaControl.defaultProps = {
+    simple: false
+  };
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", Object)], FormulaControl.prototype, "replaceExpression", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object, String]), tslib.__metadata("design:returntype", Boolean)], FormulaControl.prototype, "isLoopExpression", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", Boolean)], FormulaControl.prototype, "isExpectType", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "handleConfirm", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "filterCustomRendererProps", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "renderFormulaValue", null);
+
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "getContextData", null);
+
+  return FormulaControl;
+}(React__default["default"].Component);
+
+/** @class */
+(function (_super) {
+  tslib.__extends(FormulaControlRenderer, _super);
+
+  function FormulaControlRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  FormulaControlRenderer = tslib.__decorate([amis.FormItem({
+    type: 'ae-formulaControl'
+  })], FormulaControlRenderer);
+  return FormulaControlRenderer;
+})(FormulaControl);
 
 exports["default"] = FormulaControl;