amis-editor 6.5.0 → 6.6.0

package/esm/renderer/FormulaControl.js

@@ -1,22 +1,20 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
 import { __extends, __awaiter, __generator, __assign, __spreadArray, __read, __rest, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import isNumber from 'lodash/isNumber';
-import isBoolean from 'lodash/isBoolean';
-import isPlainObject from 'lodash/isPlainObject';
-import isArray from 'lodash/isArray';
 import isString from 'lodash/isString';
 import omit from 'lodash/omit';
 import cx from 'classnames';
-import { isExpression, FormulaExec, InputBox, TooltipWrapper, Button, Icon, FormItem } from 'amis';
-import { FormulaCodeEditor } from 'amis-ui';
+import { isExpression, FormulaExec, Button, Icon, InputBox, TooltipWrapper, FormItem } from 'amis';
+import { Overlay, PopOver, VariableList, FormulaCodeEditor, CodeMirrorEditor } from 'amis-ui';
+import { RootClose, isMobile, isObjectShallowModified } from 'amis-core';
 import FormulaPicker from './textarea-formula/FormulaPicker.js';
-import { getVariables, JSONPipeOut, translateSchema, autobind } from 'amis-editor-core';
+import { editorFactory, FormulaPlugin } from './textarea-formula/plugin.js';
+import { getQuickVariables, getVariables, JSONPipeOut, translateSchema, autobind } from 'amis-editor-core';
 import { reaction } from 'mobx';
 import { i18n } from 'i18n-runtime';
 
@@ -47,6 +45,7 @@ var FormulaControl = /** @class */function (_super) {
   __extends(FormulaControl, _super);
   function FormulaControl(props) {
     var _this = _super.call(this, props) || this;
+    _this.wrapRef = React__default.createRef();
     _this.handleSimpleInputChange = function (value) {
       var _a, _b;
       var curValue = _this.outReplaceExpression(value);
@@ -58,15 +57,18 @@ var FormulaControl = /** @class */function (_super) {
     };
     _this.state = {
       variables: [],
+      quickVariables: [],
       variableMode: 'tree',
       formulaPickerOpen: false,
-      loading: false
+      loading: false,
+      menuIsOpened: false,
+      quickVariablesIsOpened: false
     };
     return _this;
   }
   FormulaControl.prototype.componentDidMount = function () {
     return __awaiter(this, void 0, void 0, function () {
-      var editorStore, variables;
+      var editorStore, variables, quickVariables;
       var _this = this;
       return __generator(this, function (_a) {
         switch (_a.label) {
@@ -88,8 +90,12 @@ var FormulaControl = /** @class */function (_super) {
             return [4 /*yield*/, getVariables(this)];
           case 1:
             variables = _a.sent();
+            return [4 /*yield*/, getQuickVariables(this, this.filterQuickVariablesByType)];
+          case 2:
+            quickVariables = _a.sent();
             this.setState({
-              variables: variables
+              variables: variables,
+              quickVariables: quickVariables
             });
             return [2 /*return*/];
         }
@@ -97,9 +103,48 @@ var FormulaControl = /** @class */function (_super) {
     });
   };
   FormulaControl.prototype.componentWillUnmount = function () {
-    var _a;
+    var _a, _b;
     this.isUnmount = true;
-    (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
+    (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.dispose();
+    (_b = this.unReaction) === null || _b === void 0 ? void 0 : _b.call(this);
+  };
+  FormulaControl.prototype.menuRef = function (ref) {
+    this.buttonTarget = ref;
+  };
+  FormulaControl.prototype.filterQuickVariablesByType = function (variables) {
+    var rendererSchema = FormulaControl.getRendererSchemaFromProps(this.props);
+    var filterVars = variables.map(function (item) {
+      if (item.children && item.type !== 'quickVars') {
+        item.children = item.children.filter(function (i) {
+          return i.schemaType === rendererSchema.type;
+        });
+      }
+      return item;
+    }).filter(function (item) {
+      var _a;
+      return item.schemaType === rendererSchema.type || item.children && ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+    });
+    return filterVars;
+  };
+  FormulaControl.prototype.editorFactory = function (dom, cm) {
+    return editorFactory(dom, cm, this.props.value, {
+      lineWrapping: false,
+      cursorHeight: 0.85
+    });
+  };
+  FormulaControl.prototype.handleEditorMounted = function (cm, editor) {
+    var _this = this;
+    var variables = this.state.variables;
+    var quickVariables = this.state.quickVariables;
+    this.editorPlugin = new FormulaPlugin(editor, {
+      getProps: function () {
+        return __assign(__assign({}, _this.props), {
+          variables: __spreadArray(__spreadArray([], __read(variables), false), __read(quickVariables), false)
+        });
+      },
+      showPopover: false,
+      showClearIcon: true
+    });
   };
   /**
    * 将 ${xx}（非 \${xx}）替换成 \${xx}
@@ -132,50 +177,16 @@ var FormulaControl = /** @class */function (_super) {
   };
   /**
    * 获取rendererSchema的值
-   * @returns
    */
-  FormulaControl.prototype.getRendererSchemaFromProps = function (rendererSchema) {
-    if (!rendererSchema) {
-      rendererSchema = this.props.rendererSchema;
-    }
+  FormulaControl.getRendererSchemaFromProps = function (props) {
+    var rendererSchema = props.rendererSchema;
     if (typeof rendererSchema === 'function') {
-      var schema = this.props.data ? __assign({}, this.props.data) : undefined;
+      var schema = props.data ? __assign({}, props.data) : undefined;
       return rendererSchema(schema);
     } else {
       return rendererSchema;
     }
   };
-  // 判断是否是期望类型
-  FormulaControl.prototype.isExpectType = function (value) {
-    if (value === null || value === undefined) {
-      return true; // 数值为空不进行类型识别
-    }
-    var rendererSchema = this.getRendererSchemaFromProps();
-    var expectType = this.props.valueType;
-    if (expectType === null || expectType === undefined) {
-      return true; // expectType为空，则不进行类型识别
-    }
-    // 当前数据域
-    var curData = this.getContextData();
-    if (rendererSchema.type === 'switch' && (rendererSchema.trueValue !== undefined || rendererSchema.falseValue !== undefined)) {
-      // 开关类型组件单独处理
-      return rendererSchema.trueValue === value || rendererSchema.falseValue === value;
-    } else if (expectType === 'number' && isNumber(value) || expectType === 'boolean' && isBoolean(value) || expectType === 'object' && isPlainObject(value) || expectType === 'array' && isArray(value)) {
-      return true;
-    } else if (isString(value)) {
-      if (isExpression(value)) {
-        // 根据公式运算结果判断类型
-        var formulaValue = FormulaExec.formula(value, curData);
-        if (expectType === 'number' && isNumber(formulaValue) || expectType === 'boolean' && isBoolean(formulaValue) || expectType === 'object' && isPlainObject(formulaValue) || expectType === 'array' && isArray(formulaValue) || expectType === 'string' && isString(formulaValue)) {
-          return true;
-        }
-      } else if (expectType === 'string') {
-        // 非公式字符串
-        return true;
-      }
-    }
-    return false;
-  };
   FormulaControl.prototype.matchDate = function (str) {
     var matchDate = /^(.+)?(\+|-)(\d+)(minute|min|hour|day|week|month|year|weekday|second|millisecond)s?$/i;
     var m = matchDate.exec(str);
@@ -222,11 +233,16 @@ var FormulaControl = /** @class */function (_super) {
     return str;
   };
   FormulaControl.prototype.handleConfirm = function (value) {
+    var _this = this;
     var _a, _b;
     // value = value.replace(/\r\n|\r|\n/g, ' ');
     var val = !value ? undefined : 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();
+    requestAnimationFrame(function () {
+      var _a, _b;
+      (_b = (_a = _this.editorPlugin) === null || _a === void 0 ? void 0 : _a.autoMark) === null || _b === void 0 ? void 0 : _b.call(_a);
+    });
   };
   /**
    * 公式编辑器打开完成一些异步任务的加载
@@ -371,30 +387,170 @@ var FormulaControl = /** @class */function (_super) {
     // 当前数据域
     return curContextData;
   };
+  FormulaControl.prototype.closeMenuOuter = function () {
+    this.setState({
+      menuIsOpened: false
+    });
+  };
+  FormulaControl.prototype.closeQuickVariablesOuter = function () {
+    this.setState({
+      quickVariablesIsOpened: false
+    });
+  };
+  FormulaControl.prototype.renderMenuOuter = function () {
+    var _this = this;
+    var _a = this.props,
+      popOverContainer = _a.popOverContainer,
+      cx = _a.classnames,
+      ns = _a.classPrefix;
+    var menuIsOpened = this.state.menuIsOpened;
+    return React__default.createElement(Overlay, {
+      container: popOverContainer || this.wrapRef.current,
+      target: function () {
+        return _this.wrapRef.current;
+      },
+      placement: "right-bottom-right-top",
+      show: true
+    }, React__default.createElement(PopOver, {
+      classPrefix: ns,
+      className: cx('DropDown-popover')
+    }, React__default.createElement(RootClose, {
+      disabled: !menuIsOpened,
+      onRootClose: this.closeMenuOuter
+    }, function (ref) {
+      return React__default.createElement("ul", {
+        className: cx('DropDown-menu-root', 'DropDown-menu', {
+          'is-mobile': isMobile()
+        }),
+        onClick: _this.closeMenuOuter,
+        ref: ref
+      }, React__default.createElement("li", {
+        onClick: function () {
+          return _this.setState({
+            quickVariablesIsOpened: true
+          });
+        }
+      }, "\u5FEB\u6377\u53D8\u91CF"), React__default.createElement("li", {
+        onClick: _this.handleFormulaClick
+      }, "\u51FD\u6570\u8BA1\u7B97"));
+    })));
+  };
+  FormulaControl.prototype.renderQuickVariablesOuter = function () {
+    var _this = this;
+    var _a = this.props,
+      popOverContainer = _a.popOverContainer,
+      cx = _a.classnames,
+      ns = _a.classPrefix;
+    var _b = this.state,
+      quickVariables = _b.quickVariables,
+      quickVariablesIsOpened = _b.quickVariablesIsOpened;
+    return React__default.createElement(Overlay, {
+      container: popOverContainer || this.wrapRef.current,
+      target: function () {
+        return _this.wrapRef.current;
+      },
+      placement: "right-bottom-right-top",
+      show: true
+    }, React__default.createElement(PopOver, {
+      classPrefix: ns,
+      className: cx('DropDown-popover')
+    }, React__default.createElement(RootClose, {
+      disabled: !quickVariablesIsOpened,
+      onRootClose: this.closeQuickVariablesOuter
+    }, function (ref) {
+      return React__default.createElement("ul", {
+        className: cx('DropDown-menu-root', 'DropDown-menu', {
+          'is-mobile': isMobile()
+        }),
+        ref: ref
+      }, React__default.createElement(VariableList, {
+        className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root'),
+        data: quickVariables,
+        onSelect: _this.handleQuickVariableSelect,
+        popOverContainer: popOverContainer,
+        simplifyMemberOprs: true
+      }));
+    })));
+  };
+  FormulaControl.prototype.handleQuickVariableSelect = function (item) {
+    var _this = this;
+    this.handleInputChange('${' + item.value + '}');
+    this.closeQuickVariablesOuter();
+    requestAnimationFrame(function () {
+      var _a, _b;
+      (_b = (_a = _this.editorPlugin) === null || _a === void 0 ? void 0 : _a.autoMark) === null || _b === void 0 ? void 0 : _b.call(_a);
+    });
+  };
+  FormulaControl.prototype.renderButton = function () {
+    var _a;
+    var _this = this;
+    var _b = this.props,
+      loading = _b.loading,
+      quickVariables = _b.quickVariables,
+      simple = _b.simple,
+      value = _b.value;
+    var _c = this.state,
+      menuIsOpened = _c.menuIsOpened,
+      quickVariablesIsOpened = _c.quickVariablesIsOpened;
+    var isExpr = isExpression(value);
+    var isFx = !simple && (isExpr || this.hasDateShortcutkey(value));
+    return React__default.createElement("div", {
+      className: "ae-editor-FormulaControl-buttonWrapper",
+      ref: this.menuRef
+    }, quickVariables ? React__default.createElement(Button, {
+      className: "ae-editor-FormulaControl-button",
+      size: "sm",
+      onClick: function () {
+        return _this.setState({
+          menuIsOpened: true
+        });
+      }
+    }, React__default.createElement(Icon, {
+      icon: "add",
+      className: cx('ae-TplFormulaControl-icon', 'icon')
+    })) : React__default.createElement(Button, {
+      className: "ae-editor-FormulaControl-button",
+      size: "sm",
+      tooltip: {
+        enterable: false,
+        content: i18n("303efd5ba79e639001b4328cd266dddc"),
+        tooltipTheme: 'dark',
+        placement: 'left',
+        mouseLeaveDelay: 0
+      },
+      onClick: this.handleFormulaClick,
+      loading: loading
+    }, React__default.createElement(Icon, {
+      icon: "input-fx",
+      className: cx('ae-editor-FormulaControl-icon', 'icon', (_a = {}, _a['is-filled'] = !!isFx, _a))
+    })), menuIsOpened ? this.renderMenuOuter() : null, quickVariablesIsOpened ? this.renderQuickVariablesOuter() : null);
+  };
   FormulaControl.prototype.render = function () {
+    var _this = this;
     var _a;
-    var _b;
-    var _c = this.props,
-      className = _c.className;
-      _c.label;
-      var value = _c.value,
-      header = _c.header,
-      placeholder = _c.placeholder,
-      simple = _c.simple,
-      rendererWrapper = _c.rendererWrapper,
-      manager = _c.manager,
-      _d = _c.useExternalFormData,
-      useExternalFormData = _d === void 0 ? false : _d,
-      customFormulaPicker = _c.customFormulaPicker;
-      _c.clearable;
-      var render = _c.render,
-      rest = __rest(_c, ["className", "label", "value", "header", "placeholder", "simple", "rendererWrapper", "manager", "useExternalFormData", "customFormulaPicker", "clearable", "render"]);
-    var _f = this.state,
-      formulaPickerOpen = _f.formulaPickerOpen,
-      variables = _f.variables,
-      variableMode = _f.variableMode,
-      loading = _f.loading;
-    var rendererSchema = this.getRendererSchemaFromProps();
+    var _b = this.props,
+      className = _b.className;
+      _b.label;
+      var value = _b.value,
+      header = _b.header,
+      placeholder = _b.placeholder,
+      simple = _b.simple,
+      rendererWrapper = _b.rendererWrapper,
+      manager = _b.manager,
+      _c = _b.useExternalFormData,
+      useExternalFormData = _c === void 0 ? false : _c,
+      customFormulaPicker = _b.customFormulaPicker,
+      _d = _b.clearable,
+      clearable = _d === void 0 ? true : _d,
+      simplifyMemberOprs = _b.simplifyMemberOprs,
+      render = _b.render,
+      rest = __rest(_b, ["className", "label", "value", "header", "placeholder", "simple", "rendererWrapper", "manager", "useExternalFormData", "customFormulaPicker", "clearable", "simplifyMemberOprs", "render"]);
+    var _e = this.state,
+      formulaPickerOpen = _e.formulaPickerOpen,
+      variables = _e.variables,
+      variableMode = _e.variableMode;
+      _e.loading;
+    var rendererSchema = FormulaControl.getRendererSchemaFromProps(this.props);
     // 判断是否含有公式表达式
     var isExpr = isExpression(value);
     // 判断当前是否有循环引用，备注：非精准识别，待优化
@@ -402,8 +558,6 @@ var FormulaControl = /** @class */function (_super) {
     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;
     }
-    // 判断是否含有公式表达式
-    // const isTypeError = !this.isExpectType(value);
     var exprValue = this.transExpr(value);
     var isError = isLoop;
     var FormulaPickerCmp = customFormulaPicker !== null && customFormulaPicker !== void 0 ? customFormulaPicker : FormulaPicker;
@@ -412,7 +566,8 @@ var FormulaControl = /** @class */function (_super) {
     // 值 是表达式或日期快捷
     var isFx = !simple && (isExpr || this.hasDateShortcutkey(value));
     return React__default.createElement("div", {
-      className: cx('ae-editor-FormulaControl', isError ? 'is-has-tooltip' : '', className)
+      className: cx('ae-editor-FormulaControl', isError ? 'is-has-tooltip' : '', className),
+      ref: this.wrapRef
     }, !simple && !isExpr && !this.hasDateShortcutkey(value) && !rendererSchema && React__default.createElement(InputBox, {
       className: "ae-editor-FormulaControl-input",
       value: this.inReplaceExpression(value),
@@ -445,63 +600,56 @@ var FormulaControl = /** @class */function (_super) {
             variables: variables,
             evalMode: true,
             editorTheme: "dark",
+            highlightMode: "expression",
             editorOptions: {
               lineNumbers: false
             }
           });
         }
       }
-    }, React__default.createElement("div", {
-      className: cx('ae-editor-FormulaControl-tooltipBox')
     }, React__default.createElement(InputBox, {
+      className: cx('ae-editor-FormulaControl-ResultBox'),
       onClick: this.handleFormulaClick,
       hasError: isError,
       inputRender: function (_a) {
         var value = _a.value,
-          onChange = _a.onChange,
-          onFocus = _a.onFocus,
-          onBlur = _a.onBlur;
-        return React__default.createElement(FormulaCodeEditor, {
-          singleLine: true,
+          onChange = _a.onChange;
+          _a.onFocus;
+          var onBlur = _a.onBlur;
+        return React__default.createElement("div", {
+          className: cx('ae-editor-FormulaControl-ResultBox-wrapper')
+        }, React__default.createElement(CodeMirrorEditor, {
+          className: "ae-editor-FormulaControl-ResultBox-editor",
           value: value,
           onChange: onChange,
-          onFocus: onFocus,
-          onBlur: onBlur,
-          functions: [],
-          variables: variables,
-          evalMode: false,
-          highlightMode: "expression",
-          readOnly: true
-        });
+          editorFactory: _this.editorFactory,
+          editorDidMount: _this.handleEditorMounted,
+          onBlur: onBlur
+        }), !_this.props.value && React__default.createElement("div", {
+          className: "ae-TplFormulaControl-placeholder"
+        }, placeholder), clearable && _this.props.value && React__default.createElement(Icon, {
+          icon: "input-clear",
+          className: "input-clear-icon",
+          iconContent: "InputText-clear",
+          onClick: function () {
+            return _this.handleInputChange('');
+          }
+        }));
       },
       value: value,
       onChange: this.handleInputChange
-    }))), React__default.createElement(Button, {
-      className: "ae-editor-FormulaControl-button",
-      size: "sm",
-      tooltip: {
-        enterable: false,
-        content: i18n("303efd5ba79e639001b4328cd266dddc"),
-        tooltipTheme: 'dark',
-        placement: 'left',
-        mouseLeaveDelay: 0
-      },
-      onClick: this.handleFormulaClick,
-      loading: loading
-    }, React__default.createElement(Icon, {
-      icon: "input-fx",
-      className: cx('ae-editor-FormulaControl-icon', 'icon', (_a = {}, _a['is-filled'] = !!isFx, _a))
-    })), isError && React__default.createElement("div", {
+    })), this.renderButton(), isError && React__default.createElement("div", {
       className: "desc-msg error-msg"
     }, isLoop ? i18n("7d92f998d24da41b58db140b1864f773") : i18n("b5cc1cd60cd694f45142dc52a5bf53fc")), formulaPickerOpen ? React__default.createElement(FormulaPickerCmp, __assign({}, this.props, {
       value: filterValue,
       initable: true,
       header: header,
       variables: variables,
-      variableMode: (_b = rest.variableMode) !== null && _b !== void 0 ? _b : variableMode,
+      variableMode: (_a = rest.variableMode) !== null && _a !== void 0 ? _a : variableMode,
       evalMode: true,
       onClose: this.closeFormulaPicker,
-      onConfirm: this.handleConfirm
+      onConfirm: this.handleConfirm,
+      simplifyMemberOprs: simplifyMemberOprs
     })) : null);
   };
   FormulaControl.defaultProps = {
@@ -510,11 +658,13 @@ var FormulaControl = /** @class */function (_super) {
     DateTimeType: FormulaDateType.NotDate,
     requiredDataPropsVariables: false
   };
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [HTMLDivElement]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "menuRef", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Array]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "filterQuickVariablesByType", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [HTMLElement, Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "editorFactory", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object, Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "handleEditorMounted", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Object)], FormulaControl.prototype, "outReplaceExpression", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Object)], FormulaControl.prototype, "inReplaceExpression", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object, String]), __metadata("design:returntype", Boolean)], FormulaControl.prototype, "isLoopExpression", null);
-  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "getRendererSchemaFromProps", null);
-  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Boolean)], FormulaControl.prototype, "isExpectType", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", Boolean)], FormulaControl.prototype, "hasDateShortcutkey", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "transExpr", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "handleConfirm", null);
@@ -523,6 +673,12 @@ var FormulaControl = /** @class */function (_super) {
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "closeFormulaPicker", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "filterCustomRendererProps", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "getContextData", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "closeMenuOuter", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "closeQuickVariablesOuter", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "renderMenuOuter", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "renderQuickVariablesOuter", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FormulaControl.prototype, "handleQuickVariableSelect", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FormulaControl.prototype, "renderButton", null);
   return FormulaControl;
 }(React__default.Component);
 /** @class */(function (_super) {
@@ -532,10 +688,14 @@ var FormulaControl = /** @class */function (_super) {
   }
   FormulaControlRenderer = __decorate([FormItem({
     type: 'ae-formulaControl',
-    detectProps: ['rendererSchema']
+    shouldComponentUpdate: function (props, nextProps) {
+      var rendererSchema = FormulaControl.getRendererSchemaFromProps(props);
+      var newRendererSchema = FormulaControl.getRendererSchemaFromProps(nextProps);
+      return isObjectShallowModified(rendererSchema, newRendererSchema);
+    }
   })], FormulaControlRenderer);
   return FormulaControlRenderer;
 })(FormulaControl);
 
 export { FormulaDateType, FormulaControl as default, renderFormulaValue };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/FunctionEditorControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -104,4 +104,4 @@ var FunctionEditorControl = /** @class */ (function (_super) {
 })(FunctionEditorControl));
 
 export { FunctionEditorControl as default };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/GoConfigControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -59,4 +59,4 @@ var GoConfigControl = /** @class */function (_super) {
 })(GoConfigControl);
 
 export { GoConfigControl };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/InputRangeValueControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -118,4 +118,4 @@ InputRangeValue.defaultProps = {
     ], InputRangeValueRenderer);
     return InputRangeValueRenderer;
 })(React__default.Component));
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/KeyValueMapControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -347,4 +347,4 @@ import { i18n } from 'i18n-runtime';
   }), __metadata("design:paramtypes", [Object])], KeyValueMapControl);
   return KeyValueMapControl;
 })(React__default.Component);
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/ListItemControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -349,4 +349,4 @@ var ListItemControl = /** @class */function (_super) {
 })(ListItemControl);
 
 export { ListItemControl as default };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/MapSourceControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -352,4 +352,4 @@ var MapSourceControl = /** @class */function (_super) {
 })(MapSourceControl);
 
 export { MapSourceControl as default };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/NavBadgeControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -282,4 +282,4 @@ var BadgeControl = /** @class */function (_super) {
 })(BadgeControl);
 
 export { BadgeControl as default };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};

package/esm/renderer/NavDefaultActive.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.5.0
- * build time: 2024-05-31
+ * amis-editor v6.6.0
+ * build time: 2024-07-01
  * Copyright 2018-2024 @fex
  */
 
@@ -104,4 +104,4 @@ var NavDefaultActiveControl = /** @class */function (_super) {
 })(NavDefaultActiveControl);
 
 export { NavDefaultActiveControl as default };
-window.amisEditorVersionInfo={version:'6.5.0',buildTime:'2024-05-31'};
+window.amisEditorVersionInfo={version:'6.6.0',buildTime:'2024-07-01'};