amis-editor 5.2.5-beta.7 → 5.3.0

package/lib/renderer/DataBindingControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -150,8 +150,7 @@ var DataBindingControl = /** @class */function (_super) {
       })));
     });
   };
-  var _a;
-  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [typeof (_a = typeof amisEditorCore.DSField !== "undefined" && amisEditorCore.DSField) === "function" ? _a : Object]), tslib.__metadata("design:returntype", void 0)], DataBindingControl.prototype, "handleConfirm", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], DataBindingControl.prototype, "handleConfirm", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", Promise)], DataBindingControl.prototype, "handlePickerOpen", null);
   return DataBindingControl;
 }(React__default["default"].Component);

package/lib/renderer/DataMappingControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/DataPickerControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/DateShortCutControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/ExpressionFormulaControl.d.ts

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import { FormControlProps } from 'amis-core';
-import type { VariableItem } from 'amis-ui/lib/components/formula/Editor';
+import type { VariableItem } from 'amis-ui';
 interface ExpressionFormulaControlProps extends FormControlProps {
     /**
      * 用于提示的变量集合，默认为空
@@ -38,7 +38,6 @@ export default class ExpressionFormulaControl extends React.Component<Expression
     componentDidUpdate(prevProps: ExpressionFormulaControlProps): Promise<void>;
     componentWillUnmount(): void;
     initFormulaPickerValue(value: string): void;
-    renderFormulaValue(item: any): JSX.Element;
     handleConfirm(value?: string): void;
     handleClearExpression(e: React.MouseEvent<HTMLElement>): void;
     render(): JSX.Element;

package/lib/renderer/ExpressionFormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -12,8 +12,9 @@ var React = require('react');
 var amisCore = require('amis-core');
 var cx = require('classnames');
 var amis = require('amis');
-var FormulaEditor = require('amis-ui/lib/components/formula/Editor');
+var amisUi = require('amis-ui');
 var utils = require('./textarea-formula/utils.js');
+var FormulaControl = require('./FormulaControl.js');
 var mobx = require('mobx');
 var i18nRuntime = require('i18n-runtime');
 
@@ -110,35 +111,22 @@ var ExpressionFormulaControl = /** @class */function (_super) {
     (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
   };
   ExpressionFormulaControl.prototype.initFormulaPickerValue = function (value) {
-    var formulaPickerValue = value;
-    if (this.props.evalMode) {
-      formulaPickerValue = (value === null || value === void 0 ? void 0 : value.replace(/^\$\{(.*)\}$/, function (match, p1) {
-        return p1;
-      })) || '';
-    }
+    var formulaPickerValue = (value === null || value === void 0 ? void 0 : value.replace(/^\$\{(.*)\}$/, function (match, p1) {
+      return p1;
+    })) || '';
     this.setState({
       formulaPickerValue: formulaPickerValue
     });
   };
-  ExpressionFormulaControl.prototype.renderFormulaValue = function (item) {
-    var html = {
-      __html: item.html
-    };
-    // bca-disable-next-line
-    return React__default["default"].createElement("span", {
-      dangerouslySetInnerHTML: html
-    });
-  };
   ExpressionFormulaControl.prototype.handleConfirm = function (value) {
     var _a, _b;
     if (value === void 0) {
       value = '';
     }
-    if (this.props.evalMode) {
-      value = value.replace(/^\$\{(.*)\}$/, function (match, p1) {
-        return p1;
-      });
-      value = value ? "${".concat(value, "}") : '';
+    var expressionReg = /^\$\{(.*)\}$/;
+    value = value.replace(/\r\n|\r|\n/g, ' ');
+    if (value && !expressionReg.test(value)) {
+      value = "${".concat(value, "}");
     }
     (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
   };
@@ -160,7 +148,7 @@ var ExpressionFormulaControl = /** @class */function (_super) {
     var _d = this.state,
       formulaPickerValue = _d.formulaPickerValue,
       variables = _d.variables;
-    var highlightValue = FormulaEditor.FormulaEditor.highlightValue(formulaPickerValue, variables) || {
+    var highlightValue = amisUi.FormulaEditor.highlightValue(formulaPickerValue, variables) || {
       html: formulaPickerValue
     };
     // 自身字段
@@ -172,7 +160,7 @@ var ExpressionFormulaControl = /** @class */function (_super) {
       bodyRender: function (_a) {
         _a.value;
           var onChange = _a.onChange;
-        return React__default["default"].createElement(FormulaEditor.FormulaEditor, tslib.__assign({}, rest, {
+        return React__default["default"].createElement(amisUi.FormulaEditor, tslib.__assign({}, rest, {
           evalMode: true,
           variableMode: variableMode,
           variables: variables,
@@ -196,11 +184,11 @@ var ExpressionFormulaControl = /** @class */function (_super) {
           content: value,
           tooltipClassName: 'btn-configured-tooltip',
           children: function () {
-            return _this.renderFormulaValue(highlightValue);
+            return FormulaControl.renderFormulaValue(highlightValue);
           }
         },
         onClick: onClick
-      }, "\u5DF2\u914D\u7F6E\u8868\u8FBE\u5F0F", React__default["default"].createElement(amis.Icon, {
+      }, FormulaControl.renderFormulaValue(highlightValue), React__default["default"].createElement(amis.Icon, {
         icon: "input-clear",
         className: "icon",
         onClick: _this.handleClearExpression
@@ -216,7 +204,6 @@ var ExpressionFormulaControl = /** @class */function (_super) {
     evalMode: true
   };
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], ExpressionFormulaControl.prototype, "initFormulaPickerValue", null);
-  tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], ExpressionFormulaControl.prototype, "renderFormulaValue", null);
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], ExpressionFormulaControl.prototype, "handleConfirm", null);
   tslib.__decorate([amisCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], ExpressionFormulaControl.prototype, "handleClearExpression", null);
   return ExpressionFormulaControl;

package/lib/renderer/FeatureControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/FlexSettingControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -44,11 +44,11 @@ var getFlexItem = function (props) {
   var isColumn = curDirection === 'column' || curDirection === 'column-reverse';
   // 主轴排列方向
   var directionItemOptions = [{
-    label: '水平方向',
+    label: i18nRuntime.i18n("ed33c46d1d69336bb011813e8352fa01"),
     value: 'row',
     icon: 'drow'
   }, {
-    label: '垂直方向',
+    label: i18nRuntime.i18n("963e9ff4252cdef288063c41eb6d4998"),
     value: 'column',
     icon: 'dcolumn'
   }, {
@@ -69,7 +69,7 @@ var getFlexItem = function (props) {
     icon: 'jFlexStart',
     iconClassName: scaleX[curDirection]
   }, {
-    label: isColumn ? '垂直居中' : '水平居中',
+    label: isColumn ? i18nRuntime.i18n("4117e80d2c2e52f795ec64160f399364") : i18nRuntime.i18n("d365d58d281508b9982f6a0370649ae2"),
     value: 'center',
     icon: 'jCenter',
     iconClassName: scaleX[curDirection]
@@ -84,7 +84,7 @@ var getFlexItem = function (props) {
     icon: 'jSpaceBetween',
     iconClassName: scaleX[curDirection]
   }, {
-    label: '间隔分布',
+    label: i18nRuntime.i18n("21af94c1abc5891b2703c9321417a1a9"),
     value: 'space-around',
     icon: 'jSpaceAround',
     iconClassName: scaleX[curDirection]
@@ -96,7 +96,7 @@ var getFlexItem = function (props) {
     icon: 'aFlexStart',
     iconClassName: scaleY[curDirection]
   }, {
-    label: isColumn ? '水平居中' : '垂直居中',
+    label: isColumn ? i18nRuntime.i18n("d365d58d281508b9982f6a0370649ae2") : i18nRuntime.i18n("4117e80d2c2e52f795ec64160f399364"),
     value: 'center',
     icon: 'aCenter',
     iconClassName: scaleY[curDirection]
@@ -111,7 +111,7 @@ var getFlexItem = function (props) {
     icon: 'aBaseline',
     iconClassName: scaleY[curDirection]
   }, {
-    label: isColumn ? '水平铺开' : i18nRuntime.i18n("cbac406a3f51abad691702015b0784ba"),
+    label: isColumn ? i18nRuntime.i18n("849b9b944a65eb0685f3e6af60a0c523") : i18nRuntime.i18n("cbac406a3f51abad691702015b0784ba"),
     value: 'stretch',
     icon: 'aStretch',
     iconClassName: isColumn ? 'scaleX-90' : ''
@@ -175,7 +175,7 @@ var FlexSettingControl = /** @class */function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   FlexSettingControlRenderer = tslib.__decorate([amis.FormItem({
-    type: 'flex-setting'
+    type: 'flex-layout-setting'
   })], FlexSettingControlRenderer);
   return FlexSettingControlRenderer;
 })(FlexSettingControl);

package/lib/renderer/FormulaControl.d.ts

@@ -2,6 +2,7 @@
  * @file 表达式控件
  */
 import React from 'react';
+import { CustomFormulaPickerProps } from './textarea-formula/FormulaPicker';
 import type { VariableItem, FuncGroup } from 'amis-ui/lib/components/formula/Editor';
 import { FormControlProps } from 'amis-core';
 import type { BaseEventContext } from 'amis-editor-core';
@@ -11,6 +12,7 @@ export declare enum FormulaDateType {
     IsDate = 1,
     IsRange = 2
 }
+export declare function renderFormulaValue(item: any): JSX.Element;
 export interface FormulaControlProps extends FormControlProps {
     manager?: EditorManager;
     /**
@@ -67,7 +69,6 @@ export interface FormulaControlProps extends FormControlProps {
      * 备注2: 开关组件可以设置 true 和 false 对应的值，如果设置了就不是普通的 boolean 类型；
      * 备注3: 默认都是字符串类型；
      */
-    valueType?: string;
     /**
      * 不在表单项上触发时，传入想要获取变量的 表单props 获取对应变量
      */
@@ -83,11 +84,16 @@ export interface FormulaControlProps extends FormControlProps {
      * 默认为 FormulaDateType.NotDate
      */
     DateTimeType?: FormulaDateType;
+    /**
+     * 自定义fx面板
+     */
+    customFormulaPicker?: React.FC<CustomFormulaPickerProps>;
 }
 interface FormulaControlState {
     /** 变量数据 */
     variables: any;
     variableMode?: 'tree' | 'tabs';
+    formulaPickerOpen: boolean;
 }
 export default class FormulaControl extends React.Component<FormulaControlProps, FormulaControlState> {
     static defaultProps: Partial<FormulaControlProps>;
@@ -112,10 +118,11 @@ export default class FormulaControl extends React.Component<FormulaControlProps,
     hasDateShortcutkey(str: string): boolean;
     transExpr(str: string): string;
     handleConfirm(value: any): void;
+    handleFormulaClick(): void;
+    closeFormulaPicker(): void;
     handleSimpleInputChange: (value: any) => void;
     handleInputChange: (value: any) => void;
     filterCustomRendererProps(rendererSchema: any): any;
-    renderFormulaValue(item: any): JSX.Element;
     getContextData(): any;
     render(): JSX.Element;
 }

package/lib/renderer/FormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -17,7 +17,8 @@ var isString = require('lodash/isString');
 var omit = require('lodash/omit');
 var cx = require('classnames');
 var amis = require('amis');
-var FormulaEditor = require('amis-ui/lib/components/formula/Editor');
+var amisUi = require('amis-ui');
+var FormulaPicker = require('./textarea-formula/FormulaPicker.js');
 var amisEditorCore = require('amis-editor-core');
 var mobx = require('mobx');
 var utils = require('./textarea-formula/utils.js');
@@ -43,6 +44,15 @@ exports.FormulaDateType = void 0;
   FormulaDateType[FormulaDateType["IsDate"] = 1] = "IsDate";
   FormulaDateType[FormulaDateType["IsRange"] = 2] = "IsRange"; // 日期时间范围类
 })(exports.FormulaDateType || (exports.FormulaDateType = {}));
+function renderFormulaValue(item) {
+  var html = {
+    __html: typeof item === 'string' ? item : item.html
+  };
+  // bca-disable-next-line
+  return React__default["default"].createElement("span", {
+    dangerouslySetInnerHTML: html
+  });
+}
 var FormulaControl = /** @class */function (_super) {
   tslib.__extends(FormulaControl, _super);
   function FormulaControl(props) {
@@ -58,7 +68,8 @@ var FormulaControl = /** @class */function (_super) {
     };
     _this.state = {
       variables: [],
-      variableMode: 'tabs'
+      variableMode: 'tabs',
+      formulaPickerOpen: false
     };
     return _this;
   }
@@ -240,8 +251,20 @@ var FormulaControl = /** @class */function (_super) {
   };
   FormulaControl.prototype.handleConfirm = function (value) {
     var _a, _b;
+    value = value.replace(/\r\n|\r|\n/g, ' ');
     var val = !value ? undefined : amis.isExpression(value) || this.hasDateShortcutkey(value) ? value : "${".concat(value, "}");
     (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, val);
+    this.closeFormulaPicker();
+  };
+  FormulaControl.prototype.handleFormulaClick = function () {
+    this.setState({
+      formulaPickerOpen: true
+    });
+  };
+  FormulaControl.prototype.closeFormulaPicker = function () {
+    this.setState({
+      formulaPickerOpen: false
+    });
   };
   // 剔除掉一些用不上的属性
   FormulaControl.prototype.filterCustomRendererProps = function (rendererSchema) {
@@ -257,7 +280,7 @@ var FormulaControl = /** @class */function (_super) {
         name: (_c = (_b = rendererSchema.name) !== null && _b !== void 0 ? _b : data.name) !== null && _c !== void 0 ? _c : 'value'
       });
       // 默认要剔除的字段
-      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', 'inputControlClassName', 'themeCss'];
+      var deleteProps = ['label', 'id', '$$id', 'className', 'style', 'readOnly', 'horizontal', 'size', 'remark', 'labelRemark', 'static', 'staticOn', 'hidden', 'hiddenOn', 'visible', 'visibleOn', 'disabled', 'disabledOn', 'required', 'requiredOn', 'className', 'labelClassName', 'labelAlign', 'inputClassName', 'description', 'autoUpdate', 'prefix', 'suffix', 'unitOptions', 'keyboard', 'kilobitSeparator', 'value', 'inputControlClassName', 'css', 'validateApi', 'themeCss'];
       // 当前组件要剔除的字段
       if (this.props.needDeleteProps) {
         deleteProps.push.apply(deleteProps, tslib.__spreadArray([], tslib.__read(this.props.needDeleteProps), false));
@@ -291,40 +314,44 @@ var FormulaControl = /** @class */function (_super) {
     }
     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;
+    var _a, _b, _c, _d, _e;
+    var curContextData = (_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;
+    if (!curContextData) {
+      var curComp = (_d = this.props.node) === null || _d === void 0 ? void 0 : _d.getComponent();
+      if ((_e = curComp === null || curComp === void 0 ? void 0 : curComp.props) === null || _e === void 0 ? void 0 : _e.data) {
+        curContextData = curComp.props.data;
+      }
+    }
     // 当前数据域
-    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) || {};
+    return curContextData;
   };
   FormulaControl.prototype.render = function () {
+    var _a;
     var _this = this;
-    var _a, _b;
-    var _c = this.props,
-      className = _c.className;
-      _c.label;
-      var value = _c.value,
-      header = _c.header;
-      _c.variables;
-      var placeholder = _c.placeholder,
-      simple = _c.simple,
-      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", "rendererSchema", "rendererWrapper", "manager", "useExternalFormData", "render"]);
+    var _b, _c, _d;
+    var _e = this.props,
+      className = _e.className;
+      _e.label;
+      var value = _e.value,
+      header = _e.header,
+      placeholder = _e.placeholder,
+      simple = _e.simple,
+      rendererSchema = _e.rendererSchema,
+      rendererWrapper = _e.rendererWrapper,
+      manager = _e.manager,
+      _f = _e.useExternalFormData,
+      useExternalFormData = _f === void 0 ? false : _f,
+      customFormulaPicker = _e.customFormulaPicker;
+      _e.clearable;
+      var render = _e.render,
+      rest = tslib.__rest(_e, ["className", "label", "value", "header", "placeholder", "simple", "rendererSchema", "rendererWrapper", "manager", "useExternalFormData", "customFormulaPicker", "clearable", "render"]);
+    var _h = this.state,
+      formulaPickerOpen = _h.formulaPickerOpen,
+      variables = _h.variables,
+      variableMode = _h.variableMode;
     // 自身字段
-    var selfName = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.name;
+    (_c = (_b = this.props) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.name;
     // 判断是否含有公式表达式
     var isExpr = amis.isExpression(value);
     // 判断当前是否有循环引用，备注：非精准识别，待优化
@@ -333,10 +360,11 @@ var FormulaControl = /** @class */function (_super) {
       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);
+    // const isTypeError = !this.isExpectType(value);
     var exprValue = this.transExpr(value);
-    var isError = isLoop || isTypeError;
-    var highlightValue = amis.isExpression(value) ? FormulaEditor.FormulaEditor.highlightValue(exprValue, this.state.variables) || {
+    var isError = isLoop;
+    var FormulaPickerCmp = customFormulaPicker !== null && customFormulaPicker !== void 0 ? customFormulaPicker : FormulaPicker["default"];
+    var highlightValue = amis.isExpression(value) ? amisUi.FormulaEditor.highlightValue(exprValue, variables) || {
       html: exprValue
     } : value;
     // 公式表达式弹窗内容过滤
@@ -370,63 +398,59 @@ var FormulaControl = /** @class */function (_super) {
         mouseLeaveDelay: 20,
         content: exprValue,
         children: function () {
-          return _this.renderFormulaValue(highlightValue);
+          return renderFormulaValue(highlightValue);
         }
       }
     }, React__default["default"].createElement("div", {
       className: "ae-editor-FormulaControl-tooltipBox"
+    }, React__default["default"].createElement("div", {
+      className: "ae-editor-FormulaControl-ResultBox-wrapper",
+      onClick: this.handleFormulaClick
     }, React__default["default"].createElement(amis.ResultBox, {
       className: cx__default["default"]('ae-editor-FormulaControl-ResultBox', isError ? 'is-error' : ''),
       allowInput: false,
-      clearable: true,
       value: value,
       result: {
-        html: this.hasDateShortcutkey(value) ? i18nRuntime.i18n("48942ef507ea38d8ead03f8bfdffae5a") : i18nRuntime.i18n("0d9d899edb456e8806a99850e9c38212")
+        html: this.hasDateShortcutkey(value) ? value : highlightValue.html
       },
-      itemRender: this.renderFormulaValue,
+      itemRender: renderFormulaValue,
       onChange: this.handleInputChange,
       onResultChange: function () {
         _this.handleInputChange(undefined);
       }
-    }))), React__default["default"].createElement(amis.PickerContainer, {
-      showTitle: false,
-      bodyRender: function (_a) {
-        var _b;
-        _a.value;
-          var onChange = _a.onChange;
-        return React__default["default"].createElement(FormulaEditor.FormulaEditor, tslib.__assign({}, rest, {
-          evalMode: true,
-          variableMode: (_b = rest.variableMode) !== null && _b !== void 0 ? _b : _this.state.variableMode,
-          variables: _this.state.variables,
-          header: header || i18nRuntime.i18n("a9400c408441f1f7f6d6954deb05ae9a"),
-          value: filterValue,
-          onChange: onChange,
-          selfVariableName: selfName
-        }));
+    })), value && React__default["default"].createElement(amis.Icon, {
+      icon: "input-clear",
+      className: "input-clear-icon",
+      iconContent: "InputText-clear",
+      onClick: function () {
+        return _this.handleInputChange('');
+      }
+    }))), React__default["default"].createElement(amis.Button, {
+      className: "ae-editor-FormulaControl-button",
+      size: "sm",
+      tooltip: {
+        enterable: false,
+        content: i18nRuntime.i18n("303efd5ba79e639001b4328cd266dddc"),
+        tooltipTheme: 'dark',
+        placement: 'left',
+        mouseLeaveDelay: 0
       },
-      value: value,
-      onConfirm: this.handleConfirm,
-      size: "md"
-    }, function (_a) {
-      var _b;
-      var onClick = _a.onClick;
-      return React__default["default"].createElement(amis.Button, {
-        className: "ae-editor-FormulaControl-button",
-        size: "sm",
-        tooltip: {
-          enterable: false,
-          content: i18nRuntime.i18n("303efd5ba79e639001b4328cd266dddc"),
-          placement: 'left',
-          mouseLeaveDelay: 0
-        },
-        onClick: onClick
-      }, React__default["default"].createElement(amis.Icon, {
-        icon: "function",
-        className: cx__default["default"]('ae-editor-FormulaControl-icon', 'icon', (_b = {}, _b['is-filled'] = !!isFx, _b))
-      }));
-    }), isError && React__default["default"].createElement("div", {
+      onClick: this.handleFormulaClick
+    }, React__default["default"].createElement(amis.Icon, {
+      icon: "input-fx",
+      className: cx__default["default"]('ae-editor-FormulaControl-icon', 'icon', (_a = {}, _a['is-filled'] = !!isFx, _a))
+    })), isError && React__default["default"].createElement("div", {
       className: "desc-msg error-msg"
-    }, isLoop ? i18nRuntime.i18n("7d92f998d24da41b58db140b1864f773") : i18nRuntime.i18n("b5cc1cd60cd694f45142dc52a5bf53fc")));
+    }, isLoop ? i18nRuntime.i18n("7d92f998d24da41b58db140b1864f773") : i18nRuntime.i18n("b5cc1cd60cd694f45142dc52a5bf53fc")), formulaPickerOpen ? React__default["default"].createElement(FormulaPickerCmp, tslib.__assign({}, this.props, {
+      value: filterValue,
+      initable: true,
+      header: header,
+      variables: variables,
+      variableMode: (_d = rest.variableMode) !== null && _d !== void 0 ? _d : variableMode,
+      evalMode: true,
+      onClose: this.closeFormulaPicker,
+      onConfirm: this.handleConfirm
+    })) : null);
   };
   FormulaControl.defaultProps = {
     simple: false,
@@ -441,8 +465,9 @@ var FormulaControl = /** @class */function (_super) {
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", Boolean)], FormulaControl.prototype, "hasDateShortcutkey", null);
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [String]), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "transExpr", 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", []), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "handleFormulaClick", null);
+  tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", []), tslib.__metadata("design:returntype", void 0)], FormulaControl.prototype, "closeFormulaPicker", 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);
@@ -452,9 +477,11 @@ var FormulaControl = /** @class */function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
   FormulaControlRenderer = tslib.__decorate([amis.FormItem({
-    type: 'ae-formulaControl'
+    type: 'ae-formulaControl',
+    detectProps: ['rendererSchema']
   })], FormulaControlRenderer);
   return FormulaControlRenderer;
 })(FormulaControl);
 
 exports["default"] = FormulaControl;
+exports.renderFormulaValue = renderFormulaValue;

package/lib/renderer/GoConfigControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/MapSourceControl.d.ts

@@ -4,10 +4,11 @@
 /// <reference types="lodash" />
 import React from 'react';
 import { FormControlProps } from 'amis-core';
-import { SchemaApi } from 'amis/lib/Schema';
+import type { SchemaApi } from 'amis';
 declare enum MapType {
     CUSTOM = "custom",
-    API = "api"
+    API = "api",
+    VARIABLE = "variable"
 }
 export interface MapSourceControlProps extends FormControlProps {
     className?: string;