amis 1.10.1-beta.0 → 1.10.2

package/lib/components/Steps.js.map

@@ -6,8 +6,8 @@
         "/src/components/Steps.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n\n  /**\n   * 标签放置位置\n   */\n   labelPlacement?: 'horizontal' | 'vertical';\n}\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  labelPlacement?: 'horizontal' | 'vertical';\n  progressDot?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    labelPlacement = 'horizontal',\n    progressDot = false,\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul className={cx( // 纵向步骤条暂时不支持labelPlacement属性\n      'Steps',\n      `Steps--Placement-${(progressDot || (labelPlacement === 'vertical' && mode != 'vertical')) ? 'vertical' : ''}`,\n      `Steps--${progressDot ? 'ProgressDot' : ''}`, \n      `Steps--${mode}`,\n      mobileUI ? 'Steps-mobile' : '', className)}>\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className, `StepsItem-${progressDot ? 'ProgressDot' : ''}`)}\n          >\n            <div className={cx('StepsItem-container')}>\n                <div className={cx('StepsItem-containerTail')}></div>\n                {progressDot ? <div className={cx('StepsItem-containerProgressDot')}></div>\n                  : <div className={cx('StepsItem-containerIcon', i < current && 'is-success')}>\n                      <span className={cx('StepsItem-icon')}>\n                          {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                      </span>\n                    </div>}\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      `StepsItem-${progressDot ? 'vertical-ProgressDot' : ''}`,\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span className={cx('StepsItem-ellText')} title={String(step.title)}>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle', 'StepsItem-ellText')} title={String(step.subTitle)}>{step.subTitle}</span>\n                  </div>\n                  <div className={cx('StepsItem-description', 'StepsItem-ellText')} title={String(step.description)}>\n                    <span>{step.description}</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n\n  iconClassName?: string;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n\n  /**\n   * 标签放置位置\n   */\n  labelPlacement?: 'horizontal' | 'vertical';\n}\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  labelPlacement?: 'horizontal' | 'vertical';\n  progressDot?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    labelPlacement = 'horizontal',\n    progressDot = false,\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul\n      className={cx(\n        // 纵向步骤条暂时不支持labelPlacement属性\n        'Steps',\n        `Steps--Placement-${\n          progressDot || (labelPlacement === 'vertical' && mode != 'vertical')\n            ? 'vertical'\n            : ''\n        }`,\n        `Steps--${progressDot ? 'ProgressDot' : ''}`,\n        `Steps--${mode}`,\n        mobileUI ? 'Steps-mobile' : '',\n        className\n      )}\n    >\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n        return (\n          <li\n            key={i}\n            className={cx(\n              'StepsItem',\n              `is-${stepStatus}`,\n              step.className,\n              `StepsItem-${progressDot ? 'ProgressDot' : ''}`\n            )}\n          >\n            <div className={cx('StepsItem-container')}>\n              <div className={cx('StepsItem-containerTail')}></div>\n              {progressDot ? (\n                <div className={cx('StepsItem-containerProgressDot')}></div>\n              ) : (\n                <div\n                  className={cx(\n                    'StepsItem-containerIcon',\n                    i < current && 'is-success'\n                  )}\n                >\n                  <span className={cx('StepsItem-icon', step.iconClassName)}>\n                    {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                  </span>\n                </div>\n              )}\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      `StepsItem-${progressDot ? 'vertical-ProgressDot' : ''}`,\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span\n                      className={cx('StepsItem-ellText')}\n                      title={String(step.title)}\n                    >\n                      {step.title}\n                    </span>\n                    {step.subTitle && (\n                      <span\n                        className={cx(\n                          'StepsItem-subTitle',\n                          'StepsItem-ellText'\n                        )}\n                        title={String(step.subTitle)}\n                      >\n                        {step.subTitle}\n                      </span>\n                    )}\n                  </div>\n                  <div\n                    className={cx('StepsItem-description', 'StepsItem-ellText')}\n                    title={String(step.description)}\n                  >\n                    <span>{step.description}</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
     ]
 }

package/lib/components/condition-builder/index.d.ts

@@ -7,13 +7,17 @@ import { Config } from './config';
 import { FormulaPickerProps } from '../formula/Picker';
 export interface ConditionBuilderProps extends ThemeProps, LocaleProps {
     builderMode?: 'simple' | 'full';
+    embed?: boolean;
+    pickerIcon?: JSX.Element;
+    placeholder?: string;
+    title?: string;
     fields: Fields;
     funcs?: Funcs;
     showNot?: boolean;
     showANDOR?: boolean;
     value?: ConditionGroupValue;
     data?: any;
-    onChange: (value: ConditionGroupValue) => void;
+    onChange: (value?: ConditionGroupValue) => void;
     config?: Config;
     disabled?: boolean;
     searchable?: boolean;
@@ -22,7 +26,10 @@ export interface ConditionBuilderProps extends ThemeProps, LocaleProps {
     popOverContainer?: any;
     renderEtrValue?: any;
 }
-export declare class QueryBuilder extends React.Component<ConditionBuilderProps> {
+export interface ConditionBuilderState {
+    tmpValue: ConditionGroupValue;
+}
+export declare class QueryBuilder extends React.Component<ConditionBuilderProps, ConditionBuilderState> {
     config: {
         valueTypes?: ("value" | "formula" | "field" | "func")[] | undefined;
         fields?: Fields | undefined;
@@ -42,6 +49,9 @@ export declare class QueryBuilder extends React.Component<ConditionBuilderProps>
     handleDragOver(e: DragEvent): void;
     handleDragDrop(): void;
     handleDragEnd(e: Event): void;
+    handleClear(): void;
+    highlightValue(value: ConditionGroupValue): JSX.Element;
+    renderBody(onChange: (value: ConditionGroupValue) => void, value?: ConditionGroupValue, popOverContainer?: any): JSX.Element;
     render(): JSX.Element;
 }
 declare const _default: {

package/lib/components/condition-builder/index.js

@@ -6,10 +6,13 @@ var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var theme_1 = require("../../theme");
 var locale_1 = require("../../locale");
 var uncontrollable_1 = require("uncontrollable");
+var types_1 = require("./types");
 var Group_1 = (0, tslib_1.__importDefault)(require("./Group"));
 var config_1 = (0, tslib_1.__importDefault)(require("./config"));
 var helper_1 = require("../../utils/helper");
 var Animation_1 = (0, tslib_1.__importDefault)(require("../../utils/Animation"));
+var PickerContainer_1 = require("../PickerContainer");
+var ResultBox_1 = require("../ResultBox");
 var QueryBuilder = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(QueryBuilder, _super);
     function QueryBuilder() {
@@ -137,8 +140,18 @@ var QueryBuilder = /** @class */ (function (_super) {
         (_a = this.ghost.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.ghost);
         delete this.ghost;
     };
-    QueryBuilder.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, onChange = _a.onChange, value = _a.value, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, popOverContainer = _a.popOverContainer, renderEtrValue = _a.renderEtrValue;
+    QueryBuilder.prototype.handleClear = function () {
+        this.props.onChange();
+    };
+    QueryBuilder.prototype.highlightValue = function (value) {
+        var cx = this.props.classnames;
+        var html = {
+            __html: "<span class=\"label label-info\">\u5DF2\u914D\u7F6E</span>"
+        };
+        return (react_1.default.createElement("div", { className: cx('CPGroup-result'), dangerouslySetInnerHTML: html }));
+    };
+    QueryBuilder.prototype.renderBody = function (onChange, value, popOverContainer) {
+        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue;
         var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
             ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, value), { children: (0, helper_1.mapTree)(value.children, function (value) {
                     if (value.id) {
@@ -146,9 +159,20 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, value), { id: (0, helper_1.guid)() });
                 }) }) : value;
-        return (react_1.default.createElement(Group_1.default, { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, searchable: searchable, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue }));
+        return (react_1.default.createElement(Group_1.default, { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer }));
+    };
+    QueryBuilder.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, placeholder = _a.placeholder, _b = _a.embed, embed = _b === void 0 ? true : _b, pickerIcon = _a.pickerIcon, locale = _a.locale, translate = _a.translate, classPrefix = _a.classPrefix, onFinalChange = _a.onChange, value = _a.value, title = _a.title, disabled = _a.disabled, popOverContainer = _a.popOverContainer;
+        if (embed) {
+            return this.renderBody(onFinalChange, value, popOverContainer);
+        }
+        return (react_1.default.createElement(PickerContainer_1.PickerContainer, { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, onConfirm: onFinalChange, value: value, size: 'md', popOverContainer: popOverContainer, bodyRender: function (params) { return _this.renderBody(params.onChange, params.value); }, title: title }, function (_a) {
+            var onClick = _a.onClick, isOpened = _a.isOpened;
+            return (react_1.default.createElement(ResultBox_1.ResultBox, { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: value, itemRender: _this.highlightValue, onResultChange: helper_1.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (react_1.default.createElement("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), onResultClick: pickerIcon ? undefined : onClick }));
+        }));
     };
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
@@ -173,6 +197,18 @@ var QueryBuilder = /** @class */ (function (_super) {
         (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof Event !== "undefined" && Event) === "function" ? _c : Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], QueryBuilder.prototype, "handleDragEnd", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", []),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], QueryBuilder.prototype, "handleClear", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_d = typeof types_1.ConditionGroupValue !== "undefined" && types_1.ConditionGroupValue) === "function" ? _d : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], QueryBuilder.prototype, "highlightValue", null);
     return QueryBuilder;
 }(react_1.default.Component));
 exports.QueryBuilder = QueryBuilder;

package/lib/components/condition-builder/index.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/index.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,qCAAkD;AAClD,uCAAqD;AACrD,iDAA8C;AAC9C,iCAA2D;AAC3D,+DAAqC;AACrC,iEAA+C;AAC/C,6CAQ4B;AAC5B,iFAA6C;AAE7C,sDAAmD;AACnD,0CAAuC;AA6BvC;IAAkC,6CAGjC;IAHD;QAAA,qEAoTC;QAhTC,YAAM,mDAAO,gBAAa,GAAK,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;QAQlD,gBAAU,GAAW,CAAC,CAAC;;IAwSzB,CAAC;IArSC,sCAAe,GAAf,UAAgB,CAAkB;QAChC,IAAM,MAAM,GAAG,CAAC,CAAC,aAAa,CAAC;QAC/B,IAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAgB,CAAC;QACxD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,kDAAkD;QAClD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAgB,CAAC;QAE3D,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;QAClD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,UAAyB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAElE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAChE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QAEvB,0CAA0C;QAC1C,UAAU,CAAC;YACT,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YAClC,oCAAoC;YACpC,UAAU;YACV,0CAA0C;YAC1C,yBAAyB;QAC3B,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAGD,qCAAc,GAAd,UAAe,CAAY;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,IAAI,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,WAAW,CAAgB,CAAC;QAE3E,IAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,IAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,IAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/C,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAEvB,qBAAqB;QACrB,IAAI,CAAC,GAAG,CAAC,EAAE;YACT,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;aAC1B;iBAAM,IAAI,GAAG,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,EAAE;gBACtC,IAAM,IAAI,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAC5C,iBAAiB,CACH,CAAC;gBAEjB,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;oBACjB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;oBACtB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;oBACf,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;oBACf,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;oBACvB,OAAO;iBACR;aACF;YACD,OAAO;SACR;QAED,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QAEvB,IACE,CAAC,IAAI;YACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,IAAI,EAC7C;YACA,OAAO;SACR;QAED,IAAM,SAAS,GAAG,IAAI,CAAC,aAAc,CAAC;QACtC,IAAM,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAU,CAAC,QAAQ,CAAC,CAAC;QAErD,IAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,CAAC,KAAM,CAAC,aAAa,KAAK,SAAS,EAAE;YAC3C,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,KAAM,CAAC,CAAC;SACpC;QAED,IAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,IAAM,OAAO,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACjE,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;QACrC,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAI,IAAI,KAAK,KAAK,EAAE;YAClB,mBAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAE5B,IAAI,IAAI,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,KAAM,CAAC,CAAC;aACpC;iBAAM;gBACL,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAM,EAAE,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;aACzD;YAED,mBAAQ,CAAC,UAAU,EAAE,CAAC;SACvB;IACH,CAAC;IAGD,qCAAc,GAAd;QACE,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC;QACzD,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAE,CAAC;QACtD,IAAM,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAM,CAAC,aAAc,CAAC,QAAQ,CAAC,CAAC;QACpE,IAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE9C,IAAI,CAAC,GAAG,EAAE;YACR,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;SACzB;QAED,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAM,CAAC;QAE9B,IAAM,OAAO,GAAG,IAAA,sBAAa,EAAC,CAAC,KAAK,CAAC,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,EAAE,KAAK,MAAM,EAAlB,CAAkB,CAAC,CAAC;QAEnE,IAAI,OAAO,EAAE;YACX,IAAM,MAAM,GAAG,IAAA,gBAAO,EAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,CAAE,CAAC;YAClD,KAAK,GAAI,IAAA,mBAAU,EAAC,CAAC,KAAK,CAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAApC,CAAqC;YAE3C,IAAM,QAAQ,GAAG,IAAA,sBAAa,EAAC,CAAC,KAAK,CAAC,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,EAAE,KAAK,IAAI,EAAhB,CAAgB,CAAC,CAAC;YAElE,IAAI,QAAQ,EAAE;gBACX,KAAK,GAAI,IAAA,mBAAU,EAAC,CAAC,KAAK,CAAE,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,GAA7D,CAA8D;gBACpE,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;SACF;IACH,CAAC;IAGD,oCAAa,GAAb,UAAc,CAAQ;;QACpB,IAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QAEvC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC1D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACnE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAE/D,IAAI,CAAC,UAAW,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACjD,8BAA8B;QAC9B,iDAAiD;QACjD,uBAAuB;QACvB,2BAA2B;QAC3B,OAAO;QACP,WAAW;QACX,iEAAiE;QACjE,IAAI;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC;QACvB,+BAA+B;QAC/B,MAAA,IAAI,CAAC,KAAM,CAAC,aAAa,0CAAE,WAAW,CAAC,IAAI,CAAC,KAAM,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,kCAAW,GAAX;QACE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAGD,qCAAc,GAAd,UAAe,KAA0B;QAChC,IAAY,EAAE,GAAI,IAAI,CAAC,KAAK,WAAd,CAAe;QACpC,IAAM,IAAI,GAAG;YACX,MAAM,EAAE,4DAA2C;SACpD,CAAC;QAEF,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,uBAAuB,EAAE,IAAI,GAAI,CACxE,CAAC;IACJ,CAAC;IAED,iCAAU,GAAV,UACE,QAA8C,EAC9C,KAA2B,EAC3B,gBAAsB;QAEhB,IAAA,KAaF,IAAI,CAAC,KAAK,EAZA,EAAE,gBAAA,EACd,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,KAAK,WAAA,EACL,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,cAAc,oBACF,CAAC;QAEf,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC;YACpD,CAAC,iDACM,KAAK,KACR,QAAQ,EAAE,IAAA,gBAAO,EAAC,KAAM,CAAC,QAAQ,EAAE,UAAC,KAAU;oBAC5C,IAAI,KAAK,CAAC,EAAE,EAAE;wBACZ,OAAO,KAAK,CAAC;qBACd;oBAED,uDACK,KAAK,KACR,EAAE,EAAE,IAAA,aAAI,GAAE,IACV;gBACJ,CAAC,CAAC,IAEN,CAAC,CAAC,KAAK,CAAC;QAEV,OAAO,CACL,8BAAC,eAAc,IACb,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,EACjC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EACpC,KAAK,EAAE,eAAsB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,6BAAM,GAAN;QAAA,iBAgEC;QA/DO,IAAA,KAaF,IAAI,CAAC,KAAK,EAZA,EAAE,gBAAA,EACd,WAAW,iBAAA,EACX,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,SAAS,eAAA,EACT,WAAW,iBAAA,EACD,aAAa,cAAA,EACvB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBACJ,CAAC;QAEf,IAAI,KAAK,EAAE;YACT,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC;SAChE;QAED,OAAO,CACL,8BAAC,iCAAe,IACd,UAAU,EAAE,EAAE,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAC,MAGZ,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EACpD,KAAK,EAAE,KAAK,IAEX,UAAC,EAAmB;gBAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;YAAM,OAAA,CACxB,8BAAC,qBAAS,IACR,UAAU,EAAE,EAAE,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,EAAC,WAAW,EAAE,QAAQ,EAAC,CAAC,EACxD,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,KAAI,CAAC,cAAc,EAC/B,cAAc,EAAE,aAAI,EACpB,OAAO,EAAE,KAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EACL,UAAU,IAAI,CACZ,wCAAM,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,IACtD,UAAU,CACN,CACR,EAEH,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GACpC,CACd;QAzByB,CAyBzB,CACe,CACnB,CAAC;IACJ,CAAC;;IApSD;QADC,iBAAQ;;0EACU,eAAK,oBAAL,eAAK,CAAC,SAAS;;uDA2BjC;IAGD;QADC,iBAAQ;;0EACS,SAAS,oBAAT,SAAS;;sDAkE1B;IAGD;QADC,iBAAQ;;;;sDA4BR;IAGD;QADC,iBAAQ;;0EACQ,KAAK,oBAAL,KAAK;;qDAoBrB;IAGD;QADC,iBAAQ;;;;mDAGR;IAGD;QADC,iBAAQ;;0EACa,2BAAmB,oBAAnB,2BAAmB;;sDASxC;IA+HH,mBAAC;CAAA,AApTD,CAAkC,eAAK,CAAC,SAAS,GAoThD;AApTY,oCAAY;AAsTzB,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,YAAY,EAAE;IAC3B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
     "sourcesContent": [
-        "import React from 'react';\nimport {ThemeProps, themeable} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport {uncontrollable} from 'uncontrollable';\nimport {Fields, ConditionGroupValue, Funcs} from './types';\nimport ConditionGroup from './Group';\nimport defaultConfig, {Config} from './config';\nimport {\n  autobind,\n  findTreeIndex,\n  spliceTree,\n  getTree,\n  mapTree,\n  guid\n} from '../../utils/helper';\nimport animtion from '../../utils/Animation';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nexport interface ConditionBuilderProps extends ThemeProps, LocaleProps {\n  builderMode?: 'simple' | 'full'; // 简单模式｜完整模式\n  fields: Fields;\n  funcs?: Funcs;\n  showNot?: boolean;\n  showANDOR?: boolean;\n  value?: ConditionGroupValue;\n  data?: any;\n  onChange: (value: ConditionGroupValue) => void;\n  config?: Config;\n  disabled?: boolean;\n  searchable?: boolean;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n  renderEtrValue?: any;\n}\n\nexport class QueryBuilder extends React.Component<ConditionBuilderProps> {\n  config = {...defaultConfig, ...this.props.config};\n\n  dragTarget?: HTMLElement;\n  // dragNextSibling: Element | null;\n  ghost?: HTMLElement;\n  host: HTMLElement;\n  lastX: number;\n  lastY: number;\n  lastMoveAt: number = 0;\n\n  @autobind\n  handleDragStart(e: React.DragEvent) {\n    const target = e.currentTarget;\n    const item = target.closest('[data-id]') as HTMLElement;\n    this.dragTarget = item;\n    // this.dragNextSibling = item.nextElementSibling;\n    this.host = item.closest('[data-group-id]') as HTMLElement;\n\n    const ghost = item.cloneNode(true) as HTMLElement;\n    ghost.classList.add('is-ghost');\n    this.ghost = ghost;\n\n    e.dataTransfer.setDragImage(item.firstChild as HTMLElement, 0, 0);\n\n    target.addEventListener('dragend', this.handleDragEnd);\n    document.body.addEventListener('dragover', this.handleDragOver);\n    document.body.addEventListener('drop', this.handleDragDrop);\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    // 应该是 chrome 的一个bug，如果你马上修改，会马上执行 dragend\n    setTimeout(() => {\n      item.classList.add('is-dragging');\n      // item.parentElement!.insertBefore(\n      //   item,\n      //   item.parentElement!.firstElementChild\n      // ); // 挪到第一个，主要是因为样式问题。\n    }, 5);\n  }\n\n  @autobind\n  handleDragOver(e: DragEvent) {\n    e.preventDefault();\n    const item = (e.target as HTMLElement).closest('[data-id]') as HTMLElement;\n\n    const dx = e.clientX - this.lastX;\n    const dy = e.clientY - this.lastY;\n    const d = Math.max(Math.abs(dx), Math.abs(dy));\n    const now = Date.now();\n\n    // 没移动还是不要处理，免得晃动个不停。\n    if (d < 5) {\n      if (this.lastMoveAt === 0) {\n      } else if (now - this.lastMoveAt > 500) {\n        const host = (e.target as HTMLElement).closest(\n          '[data-group-id]'\n        ) as HTMLElement;\n\n        if (host) {\n          this.host = host;\n          this.lastMoveAt = now;\n          this.lastX = 0;\n          this.lastY = 0;\n          this.handleDragOver(e);\n          return;\n        }\n      }\n      return;\n    }\n\n    this.lastMoveAt = now;\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    if (\n      !item ||\n      item.classList.contains('is-ghost') ||\n      item.closest('[data-group-id]') !== this.host\n    ) {\n      return;\n    }\n\n    const container = item.parentElement!;\n    const children = [].slice.apply(container!.children);\n\n    const idx = children.indexOf(item);\n\n    if (this.ghost!.parentElement !== container) {\n      container.appendChild(this.ghost!);\n    }\n\n    const rect = item.getBoundingClientRect();\n    const isAfter = dy > 0 && e.clientY > rect.top + rect.height / 2;\n    const gIdx = isAfter ? idx : idx - 1;\n    const cgIdx = children.indexOf(this.ghost);\n\n    if (gIdx !== cgIdx) {\n      animtion.capture(container);\n\n      if (gIdx === children.length - 1) {\n        container.appendChild(this.ghost!);\n      } else {\n        container.insertBefore(this.ghost!, children[gIdx + 1]);\n      }\n\n      animtion.animateAll();\n    }\n  }\n\n  @autobind\n  handleDragDrop() {\n    const onChange = this.props.onChange;\n    const fromId = this.dragTarget!.getAttribute('data-id')!;\n    const toId = this.host.getAttribute('data-group-id')!;\n    const children = [].slice.call(this.ghost!.parentElement!.children);\n    const idx = children.indexOf(this.dragTarget);\n\n    if (~idx) {\n      children.splice(idx, 1);\n    }\n\n    const toIndex = children.indexOf(this.ghost);\n    let value = this.props.value!;\n\n    const indexes = findTreeIndex([value], item => item.id === fromId);\n\n    if (indexes) {\n      const origin = getTree([value], indexes.concat())!;\n      [value] = spliceTree([value]!, indexes, 1);\n\n      const indexes2 = findTreeIndex([value], item => item.id === toId);\n\n      if (indexes2) {\n        [value] = spliceTree([value]!, indexes2.concat(toIndex), 0, origin);\n        onChange(value);\n      }\n    }\n  }\n\n  @autobind\n  handleDragEnd(e: Event) {\n    const target = e.target as HTMLElement;\n\n    target.removeEventListener('dragend', this.handleDragEnd);\n    document.body.removeEventListener('dragover', this.handleDragOver);\n    document.body.removeEventListener('drop', this.handleDragDrop);\n\n    this.dragTarget!.classList.remove('is-dragging');\n    // if (this.dragNextSibling) {\n    //   this.dragTarget.parentElement!.insertBefore(\n    //     this.dragTarget,\n    //     this.dragNextSibling\n    //   );\n    // } else {\n    //   this.dragTarget.parentElement!.appendChild(this.dragTarget);\n    // }\n    delete this.dragTarget;\n    // delete this.dragNextSibling;\n    this.ghost!.parentElement?.removeChild(this.ghost!);\n    delete this.ghost;\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      fieldClassName,\n      fields,\n      funcs,\n      onChange,\n      value,\n      showNot,\n      showANDOR,\n      data,\n      disabled,\n      searchable,\n      builderMode,\n      formula,\n      popOverContainer,\n      renderEtrValue\n    } = this.props;\n\n    const normalizedValue = Array.isArray(value?.children)\n      ? {\n          ...value,\n          children: mapTree(value!.children, (value: any) => {\n            if (value.id) {\n              return value;\n            }\n\n            return {\n              ...value,\n              id: guid()\n            };\n          })\n        }\n      : value;\n\n    return (\n      <ConditionGroup\n        builderMode={builderMode}\n        config={this.config}\n        funcs={funcs || this.config.funcs}\n        fields={fields || this.config.fields}\n        value={normalizedValue as any}\n        onChange={onChange}\n        classnames={cx}\n        fieldClassName={fieldClassName}\n        removeable={false}\n        onDragStart={this.handleDragStart}\n        showANDOR={showANDOR}\n        showNot={showNot}\n        data={data}\n        disabled={disabled}\n        searchable={searchable}\n        formula={formula}\n        popOverContainer={popOverContainer}\n        renderEtrValue={renderEtrValue}\n      />\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(QueryBuilder, {\n      value: 'onChange'\n    })\n  )\n);\n"
+        "import React from 'react';\nimport {ThemeProps, themeable} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport {uncontrollable} from 'uncontrollable';\nimport {Fields, ConditionGroupValue, Funcs} from './types';\nimport ConditionGroup from './Group';\nimport defaultConfig, {Config} from './config';\nimport {\n  autobind,\n  findTreeIndex,\n  spliceTree,\n  getTree,\n  mapTree,\n  guid,\n  noop\n} from '../../utils/helper';\nimport animtion from '../../utils/Animation';\nimport {FormulaPickerProps} from '../formula/Picker';\nimport {PickerContainer} from '../PickerContainer';\nimport {ResultBox} from '../ResultBox';\nimport {Icon} from '../icons';\n\nexport interface ConditionBuilderProps extends ThemeProps, LocaleProps {\n  builderMode?: 'simple' | 'full'; // 简单模式｜完整模式\n  embed?: boolean;\n  pickerIcon?: JSX.Element;\n  placeholder?: string;\n  title?: string;\n  fields: Fields;\n  funcs?: Funcs;\n  showNot?: boolean;\n  showANDOR?: boolean;\n  value?: ConditionGroupValue;\n  data?: any;\n  onChange: (value?: ConditionGroupValue) => void;\n  config?: Config;\n  disabled?: boolean;\n  searchable?: boolean;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n  renderEtrValue?: any;\n}\n\nexport interface ConditionBuilderState {\n  tmpValue: ConditionGroupValue;\n}\n\nexport class QueryBuilder extends React.Component<\n  ConditionBuilderProps,\n  ConditionBuilderState\n> {\n  config = {...defaultConfig, ...this.props.config};\n\n  dragTarget?: HTMLElement;\n  // dragNextSibling: Element | null;\n  ghost?: HTMLElement;\n  host: HTMLElement;\n  lastX: number;\n  lastY: number;\n  lastMoveAt: number = 0;\n\n  @autobind\n  handleDragStart(e: React.DragEvent) {\n    const target = e.currentTarget;\n    const item = target.closest('[data-id]') as HTMLElement;\n    this.dragTarget = item;\n    // this.dragNextSibling = item.nextElementSibling;\n    this.host = item.closest('[data-group-id]') as HTMLElement;\n\n    const ghost = item.cloneNode(true) as HTMLElement;\n    ghost.classList.add('is-ghost');\n    this.ghost = ghost;\n\n    e.dataTransfer.setDragImage(item.firstChild as HTMLElement, 0, 0);\n\n    target.addEventListener('dragend', this.handleDragEnd);\n    document.body.addEventListener('dragover', this.handleDragOver);\n    document.body.addEventListener('drop', this.handleDragDrop);\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    // 应该是 chrome 的一个bug，如果你马上修改，会马上执行 dragend\n    setTimeout(() => {\n      item.classList.add('is-dragging');\n      // item.parentElement!.insertBefore(\n      //   item,\n      //   item.parentElement!.firstElementChild\n      // ); // 挪到第一个，主要是因为样式问题。\n    }, 5);\n  }\n\n  @autobind\n  handleDragOver(e: DragEvent) {\n    e.preventDefault();\n    const item = (e.target as HTMLElement).closest('[data-id]') as HTMLElement;\n\n    const dx = e.clientX - this.lastX;\n    const dy = e.clientY - this.lastY;\n    const d = Math.max(Math.abs(dx), Math.abs(dy));\n    const now = Date.now();\n\n    // 没移动还是不要处理，免得晃动个不停。\n    if (d < 5) {\n      if (this.lastMoveAt === 0) {\n      } else if (now - this.lastMoveAt > 500) {\n        const host = (e.target as HTMLElement).closest(\n          '[data-group-id]'\n        ) as HTMLElement;\n\n        if (host) {\n          this.host = host;\n          this.lastMoveAt = now;\n          this.lastX = 0;\n          this.lastY = 0;\n          this.handleDragOver(e);\n          return;\n        }\n      }\n      return;\n    }\n\n    this.lastMoveAt = now;\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    if (\n      !item ||\n      item.classList.contains('is-ghost') ||\n      item.closest('[data-group-id]') !== this.host\n    ) {\n      return;\n    }\n\n    const container = item.parentElement!;\n    const children = [].slice.apply(container!.children);\n\n    const idx = children.indexOf(item);\n\n    if (this.ghost!.parentElement !== container) {\n      container.appendChild(this.ghost!);\n    }\n\n    const rect = item.getBoundingClientRect();\n    const isAfter = dy > 0 && e.clientY > rect.top + rect.height / 2;\n    const gIdx = isAfter ? idx : idx - 1;\n    const cgIdx = children.indexOf(this.ghost);\n\n    if (gIdx !== cgIdx) {\n      animtion.capture(container);\n\n      if (gIdx === children.length - 1) {\n        container.appendChild(this.ghost!);\n      } else {\n        container.insertBefore(this.ghost!, children[gIdx + 1]);\n      }\n\n      animtion.animateAll();\n    }\n  }\n\n  @autobind\n  handleDragDrop() {\n    const onChange = this.props.onChange;\n    const fromId = this.dragTarget!.getAttribute('data-id')!;\n    const toId = this.host.getAttribute('data-group-id')!;\n    const children = [].slice.call(this.ghost!.parentElement!.children);\n    const idx = children.indexOf(this.dragTarget);\n\n    if (~idx) {\n      children.splice(idx, 1);\n    }\n\n    const toIndex = children.indexOf(this.ghost);\n    let value = this.props.value!;\n\n    const indexes = findTreeIndex([value], item => item.id === fromId);\n\n    if (indexes) {\n      const origin = getTree([value], indexes.concat())!;\n      [value] = spliceTree([value]!, indexes, 1);\n\n      const indexes2 = findTreeIndex([value], item => item.id === toId);\n\n      if (indexes2) {\n        [value] = spliceTree([value]!, indexes2.concat(toIndex), 0, origin);\n        onChange(value);\n      }\n    }\n  }\n\n  @autobind\n  handleDragEnd(e: Event) {\n    const target = e.target as HTMLElement;\n\n    target.removeEventListener('dragend', this.handleDragEnd);\n    document.body.removeEventListener('dragover', this.handleDragOver);\n    document.body.removeEventListener('drop', this.handleDragDrop);\n\n    this.dragTarget!.classList.remove('is-dragging');\n    // if (this.dragNextSibling) {\n    //   this.dragTarget.parentElement!.insertBefore(\n    //     this.dragTarget,\n    //     this.dragNextSibling\n    //   );\n    // } else {\n    //   this.dragTarget.parentElement!.appendChild(this.dragTarget);\n    // }\n    delete this.dragTarget;\n    // delete this.dragNextSibling;\n    this.ghost!.parentElement?.removeChild(this.ghost!);\n    delete this.ghost;\n  }\n\n  @autobind\n  handleClear() {\n    this.props.onChange();\n  }\n\n  @autobind\n  highlightValue(value: ConditionGroupValue) {\n    const {classnames: cx} = this.props;\n    const html = {\n      __html: `<span class=\"label label-info\">已配置</span>`\n    };\n\n    return (\n      <div className={cx('CPGroup-result')} dangerouslySetInnerHTML={html} />\n    );\n  }\n\n  renderBody(\n    onChange: (value: ConditionGroupValue) => void,\n    value?: ConditionGroupValue,\n    popOverContainer?: any\n  ) {\n    const {\n      classnames: cx,\n      fieldClassName,\n      fields,\n      funcs,\n      showNot,\n      showANDOR,\n      data,\n      disabled,\n      searchable,\n      builderMode,\n      formula,\n      renderEtrValue\n    } = this.props;\n\n    const normalizedValue = Array.isArray(value?.children)\n      ? {\n          ...value,\n          children: mapTree(value!.children, (value: any) => {\n            if (value.id) {\n              return value;\n            }\n\n            return {\n              ...value,\n              id: guid()\n            };\n          })\n        }\n      : value;\n\n    return (\n      <ConditionGroup\n        builderMode={builderMode}\n        config={this.config}\n        funcs={funcs || this.config.funcs}\n        fields={fields || this.config.fields}\n        value={normalizedValue as any}\n        onChange={onChange}\n        classnames={cx}\n        fieldClassName={fieldClassName}\n        removeable={false}\n        onDragStart={this.handleDragStart}\n        showANDOR={showANDOR}\n        showNot={showNot}\n        data={data}\n        disabled={disabled}\n        searchable={searchable}\n        formula={formula}\n        renderEtrValue={renderEtrValue}\n        popOverContainer={popOverContainer}\n      />\n    );\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      placeholder,\n      embed = true,\n      pickerIcon,\n      locale,\n      translate,\n      classPrefix,\n      onChange: onFinalChange,\n      value,\n      title,\n      disabled,\n      popOverContainer\n    } = this.props;\n\n    if (embed) {\n      return this.renderBody(onFinalChange, value, popOverContainer);\n    }\n\n    return (\n      <PickerContainer\n        classnames={cx}\n        classPrefix={classPrefix}\n        translate={translate}\n        locale={locale}\n        onConfirm={onFinalChange}\n        value={value}\n        size={'md'}\n        popOverContainer={popOverContainer}\n        bodyRender={(params: {\n          value: ConditionGroupValue;\n          onChange: (value: ConditionGroupValue) => void;\n        }) => this.renderBody(params.onChange, params.value)}\n        title={title}\n      >\n        {({onClick, isOpened}) => (\n          <ResultBox\n            classnames={cx}\n            classPrefix={classPrefix}\n            translate={translate}\n            locale={locale}\n            className={cx('CBGroup-result', {'is-active': isOpened})}\n            allowInput={false}\n            clearable={true}\n            result={value}\n            itemRender={this.highlightValue}\n            onResultChange={noop}\n            onClear={this.handleClear}\n            disabled={disabled}\n            borderMode={'full'}\n            placeholder={placeholder}\n            actions={\n              pickerIcon && (\n                <span className={cx('CBPicker-trigger')} onClick={onClick}>\n                  {pickerIcon}\n                </span>\n              )\n            }\n            onResultClick={pickerIcon ? undefined : onClick}\n          ></ResultBox>\n        )}\n      </PickerContainer>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(QueryBuilder, {\n      value: 'onChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/formula/Editor.js

@@ -117,7 +117,7 @@ var FormulaEditor = /** @class */ (function (_super) {
     FormulaEditor.prototype.handleVariableSelect = function (item) {
         var _a;
         var _b = this.props, evalMode = _b.evalMode, selfVariableName = _b.selfVariableName;
-        if (item && item.value && selfVariableName === item.value) {
+        if (item && item.value && (selfVariableName && selfVariableName === item.value)) {
             Toast_1.toast.warning('不能使用当前变量[self]，避免循环引用。');
             return;
         }

package/lib/components/formula/Editor.js.map

@@ -6,8 +6,8 @@
         "/src/components/formula/Editor.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,iDAA8C;AAC9C,6CAAmC;AACnC,6CAA0C;AAE1C,mCAAsD;AACtD,qEAAkC;AAClC,6EAA0C;AAC1C,0EAA6C;AAC7C,6CAAsD;AACtD,qCAAkD;AAClD,uCAAqD;AACrD,kCAA+B;AAgF/B;IAAmC,8CAGlC;IAHD;QAAA,qEAmPC;QA/OC,WAAK,GAAiB;YACpB,OAAO,EAAE,KAAK;SACf,CAAC;;IA6OJ,CAAC;IA1OQ,mCAAqB,GAA5B,UACE,GAIE;QAEF,IAAM,KAAK,GAAqB,EAAE,CAAC;QAEnC,GAAG,CAAC,OAAO,CAAC,UAAA,IAAI;YACd,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC;YAC7C,IAAI,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,SAAS,KAAK,SAAS,EAA5B,CAA4B,CAAC,CAAC;YAC9D,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM,GAAG;oBACP,SAAS,EAAE,SAAS;oBACpB,KAAK,EAAE,EAAE;iBACV,CAAC;gBACF,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACpB;YACD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;IAOM,4BAAc,GAArB,UACE,KAAa,EACb,SAA8B,EAC9B,QAAwB;QAAxB,yBAAA,EAAA,eAAwB;QAExB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE;YAC5D,OAAO;SACR;QAED,IAAM,MAAM,GAER,EAAE,CAAC;QAEP,IAAA,iBAAQ,EAAC,SAAS,EAAE,UAAA,IAAI;YACtB,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;gBACvB,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;QACH,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;aAC7B,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,EAAJ,CAAI,CAAC;aACpB,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAnB,CAAmB,CAAC,CAAC;QAEvC,IAAM,OAAO,GAAG,KAAK,IAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,SAAS;QACT,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,EAAE,UAAC,CAAC,EAAE,IAAI,EAAE,GAAG;YACpD,OAAO,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,OAAO,CAAC,IAAI,EAAE,iCAAwB,IAAI,YAAS,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,UAAA,CAAC;YACZ,IAAI,IAAI,GAAG,CAAC,CAAC;YACb,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;YACb,OAAO,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE;gBACxC,IAAM,SAAS,GAAG,IAAI,MAAM,CAAC,aAAM,CAAC,QAAK,EAAE,GAAG,CAAC,CAAC,CAAC,kCAAkC;gBACnF,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,kCAAyB,MAAM,CAAC,CAAC,CAAC,YAAS,CAAC,CAAC;gBAC5E,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;aACvB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,EAAC,IAAI,MAAA,EAAC,CAAC;IAChB,CAAC;IAED,4CAAoB,GAApB;;QACE,MAAA,IAAI,CAAC,YAAY,0CAAE,OAAO,EAAE,CAAC;IAC/B,CAAC;IAGD,mCAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAGD,kCAAU,GAAV;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,OAAO,EAAE,KAAK;SACf,CAAC,CAAC;IACL,CAAC;IAGD,mCAAW,GAAX,UAAY,KAAU,EAAE,IAAyB;;QAC/C,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAGD,2CAAmB,GAAnB,UAAoB,EAAO,EAAE,MAAW;QADxC,iBAGC;QADC,IAAI,CAAC,YAAY,GAAG,IAAI,sBAAa,CAAC,MAAM,EAAE,EAAE,EAAE,cAAM,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAC,CAAC;IACtE,CAAC;IAGD,gCAAQ,GAAR;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAE/B,IAAI;YACF,KAAK;gBACH,CAAC,CAAC,IAAA,oBAAK,EAAC,KAAK,EAAE;oBACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;iBAC9B,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAC;SACV;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,CAAC,OAAO,CAAC;SAClB;QAED,OAAO;IACT,CAAC;IAGD,4CAAoB,GAApB,UAAqB,IAAc;;QACjC,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,CAAC,UAAG,IAAI,CAAC,IAAI,CAAE,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;IAGD,4CAAoB,GAApB,UAAqB,IAAkB;;QAC/B,IAAA,KAA+B,IAAI,CAAC,KAAK,EAAxC,QAAQ,cAAA,EAAE,gBAAgB,sBAAc,CAAC;QAEhD,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,gBAAgB,KAAK,IAAI,CAAC,KAAK,EAAE;YACzD,aAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;YACxC,OAAO;SACR;QAED,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,CAC9B;YACE,GAAG,EAAE,IAAI,CAAC,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,KAAK;SACjB,EACD,UAAU,CACX,CAAC;IACJ,CAAC;IAGD,sCAAc,GAAd,UAAe,KAAU;QACvB,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACpB,CAAC;IAGD,qCAAa,GAAb,UAAc,GAAgB,EAAE,EAAO;QACrC,OAAO,IAAA,sBAAa,EAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAYF,IAAI,CAAC,KAAK,EAXZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACD,EAAE,eAAA,EACD,EAAE,gBAAA,EACd,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,gBAAgB,sBACJ,CAAC;QACR,IAAA,OAAO,GAAI,IAAI,CAAC,KAAK,QAAd,CAAe;QAC7B,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,IAAM,YAAY,6DACb,aAAa,CAAC,qBAAqB,CAAC,SAAG,CAAC,SACxC,eAAe,OACnB,CAAC;QAEF,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE;gBAC7B,YAAY,EAAE,OAAO;aACtB,CAAC;YAEF,2CAAS,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;gBAC7C,0CAAQ,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAC1C,EAAE,CAAC,MAAM,IAAI,qBAAqB,CAAC,CAC7B;gBAET,8BAAC,oBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EACxC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,GACvB,CACM;YAEV,2CAAS,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;gBAC9C,uCAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC;oBACtC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,CACzB,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAC7C,EAAE,CAAC,wBAAwB,CAAC,CACzB,CACP,CAAC,CAAC,CAAC,IAAI;oBACR,uCACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,YAAY,IAAI,oCAA6B,YAAY,CAAE,CAC5D;wBAED,8BAAC,sBAAY,IACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,iCAAiC,EACjC,iBAAiB,CAClB,EACD,UAAU,EAAE,YAAY,EACxB,IAAI,EAAE,SAAU,EAChB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACF;gBAEN,8BAAC,kBAAQ,IACP,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,EAAE,CAAC,wBAAwB,CAAC,EACnC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,IAAI,CAAC,oBAAoB,GACnC,CACM,CACN,CACP,CAAC;IACJ,CAAC;;IAhNM,0BAAY,GAAuD;QACxE,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,IAAI;KACf,CAAC;IAmDF;QADC,iBAAQ;;;;oDAKR;IAGD;QADC,iBAAQ;;;;mDAKR;IAGD;QADC,iBAAQ;;;;oDAGR;IAGD;QADC,iBAAQ;;;;4DAGR;IAGD;QADC,iBAAQ;;;;iDAeR;IAGD;QADC,iBAAQ;;;;6DAGR;IAGD;QADC,iBAAQ;;;;6DAgBR;IAGD;QADC,iBAAQ;;;;uDAIR;IAGD;QADC,iBAAQ;;0EACU,WAAW,oBAAX,WAAW;;sDAE7B;IAmFH,oBAAC;CAAA,AAnPD,CAAmC,eAAK,CAAC,SAAS,GAmPjD;AAnPY,sCAAa;AAqP1B,kBAAe,IAAA,+BAAc,EAC3B,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,aAAa,CAAC,CAAC,EACpC;IACE,KAAK,EAAE,UAAU;CAClB,EACD,CAAC,UAAU,CAAC,CACb,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 公式编辑器\n */\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport {parse} from 'amis-formula';\nimport {doc} from 'amis-formula/dist/doc';\n\nimport {FormulaPlugin, editorFactory} from './plugin';\nimport FuncList from './FuncList';\nimport VariableList from './VariableList';\nimport CodeMirrorEditor from '../CodeMirror';\nimport {autobind, eachTree} from '../../utils/helper';\nimport {themeable, ThemeProps} from '../../theme';\nimport {localeable, LocaleProps} from '../../locale';\nimport {toast} from '../Toast';\n\nexport interface VariableItem {\n  label: string;\n  value?: string;\n  children?: Array<VariableItem>;\n  type?: string;\n  tag?: string;\n  selectMode?: 'tree' | 'tabs';\n}\n\nexport interface FuncGroup {\n  groupName: string;\n  items: Array<FuncItem>;\n}\n\nexport interface FuncItem {\n  name: string; // 函数名\n  example?: string; // 示例\n  description?: string; // 描述\n  [propName: string]: any;\n}\n\nexport interface FormulaEditorProps extends ThemeProps, LocaleProps {\n  onChange?: (value: string) => void;\n  value?: string;\n  /**\n   * evalMode 即直接就是表达式，否则\n   * 需要 ${这里面才是表达式}\n   * 默认为 true\n   */\n  evalMode?: boolean;\n\n  /**\n   * 用于提示的变量集合，默认为空\n   */\n  variables?: Array<VariableItem>;\n\n  /**\n   * 变量展现模式，可选值：'tabs' ｜ 'tree'\n   */\n  variableMode?: 'tabs' | 'tree';\n\n  /**\n   * 函数集合，默认不需要传，即  amis-formula 里面那个函数\n   * 如果有扩充，则需要传。\n   */\n  functions?: Array<FuncGroup>;\n\n  /**\n   * 顶部标题，默认为表达式\n   */\n  header: string;\n\n  variableClassName?: string;\n\n  functionClassName?: string;\n\n  /**\n   * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染\n   */\n  selfVariableName?: string;\n}\n\nexport interface FunctionsProps {\n  name: string;\n  items: FunctionProps[];\n}\n\nexport interface FunctionProps {\n  name: string;\n  intro: string;\n  usage: string;\n  example: string;\n}\n\nexport interface FormulaState {\n  focused: boolean;\n}\n\nexport class FormulaEditor extends React.Component<\n  FormulaEditorProps,\n  FormulaState\n> {\n  state: FormulaState = {\n    focused: false\n  };\n  editorPlugin?: FormulaPlugin;\n\n  static buildDefaultFunctions(\n    doc: Array<{\n      namespace: string;\n      name: string;\n      [propName: string]: any;\n    }>\n  ) {\n    const funcs: Array<FuncGroup> = [];\n\n    doc.forEach(item => {\n      const namespace = item.namespace || 'Others';\n      let exists = funcs.find(item => item.groupName === namespace);\n      if (!exists) {\n        exists = {\n          groupName: namespace,\n          items: []\n        };\n        funcs.push(exists);\n      }\n      exists.items.push(item);\n    });\n\n    return funcs;\n  }\n\n  static defaultProps: Pick<FormulaEditorProps, 'variables' | 'evalMode'> = {\n    variables: [],\n    evalMode: true\n  };\n\n  static highlightValue(\n    value: string,\n    variables: Array<VariableItem>,\n    evalMode: boolean = true\n  ) {\n    if (!Array.isArray(variables) || !variables.length || !value) {\n      return;\n    }\n\n    const varMap: {\n      [propname: string]: string;\n    } = {};\n\n    eachTree(variables, item => {\n      if (item.value) {\n        const key = item.value;\n        varMap[key] = item.label;\n      }\n    });\n    const vars = Object.keys(varMap)\n      .filter(item => item)\n      .sort((a, b) => b.length - a.length);\n\n    const content = value || '';\n    let html = '';\n\n    // 标记方法调用\n    html = content.replace(/([A-Z]+)\\s*\\(/g, (_, func, pos) => {\n      return _?.replace(func, `<span class=\"c-func\">${func}</span>`);\n    });\n\n    vars.forEach(v => {\n      let from = 0;\n      let idx = -1;\n      while (~(idx = content.indexOf(v, from))) {\n        const curNameEg = new RegExp(`\\\\b${v}\\\\b`, 'g'); // 避免变量识别冲突，比如：name、me 被识别成 na「me」\n        html = html.replace(curNameEg, `<span class=\"c-field\">${varMap[v]}</span>`);\n        from = idx + v.length;\n      }\n    });\n\n    return {html};\n  }\n\n  componentWillUnmount() {\n    this.editorPlugin?.dispose();\n  }\n\n  @autobind\n  handleFocus() {\n    this.setState({\n      focused: true\n    });\n  }\n\n  @autobind\n  handleBlur() {\n    this.setState({\n      focused: false\n    });\n  }\n\n  @autobind\n  insertValue(value: any, type: 'variable' | 'func') {\n    this.editorPlugin?.insertContent(value, type);\n  }\n\n  @autobind\n  handleEditorMounted(cm: any, editor: any) {\n    this.editorPlugin = new FormulaPlugin(editor, cm, () => this.props);\n  }\n\n  @autobind\n  validate() {\n    const value = this.props.value;\n\n    try {\n      value\n        ? parse(value, {\n            evalMode: this.props.evalMode\n          })\n        : null;\n    } catch (e) {\n      return e.message;\n    }\n\n    return;\n  }\n\n  @autobind\n  handleFunctionSelect(item: FuncItem) {\n    this.editorPlugin?.insertContent(`${item.name}`, 'func');\n  }\n\n  @autobind\n  handleVariableSelect(item: VariableItem) {\n    const {evalMode, selfVariableName} = this.props;\n\n    if (item && item.value && selfVariableName === item.value) {\n      toast.warning('不能使用当前变量[self]，避免循环引用。');\n      return;\n    }\n\n    this.editorPlugin?.insertContent(\n      {\n        key: item.value,\n        name: item.label\n      },\n      'variable'\n    );\n  }\n\n  @autobind\n  handleOnChange(value: any) {\n    const onChange = this.props.onChange;\n    onChange?.(value);\n  }\n\n  @autobind\n  editorFactory(dom: HTMLElement, cm: any) {\n    return editorFactory(dom, cm, this.props);\n  }\n\n  render() {\n    const {\n      variables,\n      header,\n      value,\n      functions,\n      variableMode,\n      translate: __,\n      classnames: cx,\n      variableClassName,\n      functionClassName,\n      classPrefix,\n      selfVariableName\n    } = this.props;\n    const {focused} = this.state;\n    const customFunctions = Array.isArray(functions) ? functions : [];\n    const functionList = [\n      ...FormulaEditor.buildDefaultFunctions(doc),\n      ...customFunctions\n    ];\n\n    return (\n      <div\n        className={cx(`FormulaEditor`, {\n          'is-focused': focused\n        })}\n      >\n        <section className={cx(`FormulaEditor-content`)}>\n          <header className={cx(`FormulaEditor-header`)}>\n            {__(header || 'FormulaEditor.title')}\n          </header>\n\n          <CodeMirrorEditor\n            className={cx('FormulaEditor-editor')}\n            value={value}\n            onChange={this.handleOnChange}\n            editorFactory={this.editorFactory}\n            editorDidMount={this.handleEditorMounted}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        </section>\n\n        <section className={cx('FormulaEditor-settings')}>\n          <div className={cx('FormulaEditor-panel')}>\n            {variableMode !== 'tabs' ? (\n              <div className={cx('FormulaEditor-panel-header')}>\n                {__('FormulaEditor.variable')}\n              </div>\n            ) : null}\n            <div\n              className={cx(\n                'FormulaEditor-panel-body',\n                variableMode && `FormulaEditor-panel-body--${variableMode}`\n              )}\n            >\n              <VariableList\n                classPrefix={classPrefix}\n                className={cx(\n                  'FormulaEditor-VariableList',\n                  'FormulaEditor-VariableList-root',\n                  variableClassName\n                )}\n                selectMode={variableMode}\n                data={variables!}\n                onSelect={this.handleVariableSelect}\n                selfVariableName={selfVariableName}\n              />\n            </div>\n          </div>\n\n          <FuncList\n            className={functionClassName}\n            title={__('FormulaEditor.function')}\n            data={functionList}\n            onSelect={this.handleFunctionSelect}\n          />\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default uncontrollable(\n  themeable(localeable(FormulaEditor)),\n  {\n    value: 'onChange'\n  },\n  ['validate']\n);\n"
+        "/**\n * @file 公式编辑器\n */\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport {parse} from 'amis-formula';\nimport {doc} from 'amis-formula/dist/doc';\n\nimport {FormulaPlugin, editorFactory} from './plugin';\nimport FuncList from './FuncList';\nimport VariableList from './VariableList';\nimport CodeMirrorEditor from '../CodeMirror';\nimport {autobind, eachTree} from '../../utils/helper';\nimport {themeable, ThemeProps} from '../../theme';\nimport {localeable, LocaleProps} from '../../locale';\nimport {toast} from '../Toast';\n\nexport interface VariableItem {\n  label: string;\n  value?: string;\n  children?: Array<VariableItem>;\n  type?: string;\n  tag?: string;\n  selectMode?: 'tree' | 'tabs';\n}\n\nexport interface FuncGroup {\n  groupName: string;\n  items: Array<FuncItem>;\n}\n\nexport interface FuncItem {\n  name: string; // 函数名\n  example?: string; // 示例\n  description?: string; // 描述\n  [propName: string]: any;\n}\n\nexport interface FormulaEditorProps extends ThemeProps, LocaleProps {\n  onChange?: (value: string) => void;\n  value?: string;\n  /**\n   * evalMode 即直接就是表达式，否则\n   * 需要 ${这里面才是表达式}\n   * 默认为 true\n   */\n  evalMode?: boolean;\n\n  /**\n   * 用于提示的变量集合，默认为空\n   */\n  variables?: Array<VariableItem>;\n\n  /**\n   * 变量展现模式，可选值：'tabs' ｜ 'tree'\n   */\n  variableMode?: 'tabs' | 'tree';\n\n  /**\n   * 函数集合，默认不需要传，即  amis-formula 里面那个函数\n   * 如果有扩充，则需要传。\n   */\n  functions?: Array<FuncGroup>;\n\n  /**\n   * 顶部标题，默认为表达式\n   */\n  header: string;\n\n  variableClassName?: string;\n\n  functionClassName?: string;\n\n  /**\n   * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染\n   */\n  selfVariableName?: string;\n}\n\nexport interface FunctionsProps {\n  name: string;\n  items: FunctionProps[];\n}\n\nexport interface FunctionProps {\n  name: string;\n  intro: string;\n  usage: string;\n  example: string;\n}\n\nexport interface FormulaState {\n  focused: boolean;\n}\n\nexport class FormulaEditor extends React.Component<\n  FormulaEditorProps,\n  FormulaState\n> {\n  state: FormulaState = {\n    focused: false\n  };\n  editorPlugin?: FormulaPlugin;\n\n  static buildDefaultFunctions(\n    doc: Array<{\n      namespace: string;\n      name: string;\n      [propName: string]: any;\n    }>\n  ) {\n    const funcs: Array<FuncGroup> = [];\n\n    doc.forEach(item => {\n      const namespace = item.namespace || 'Others';\n      let exists = funcs.find(item => item.groupName === namespace);\n      if (!exists) {\n        exists = {\n          groupName: namespace,\n          items: []\n        };\n        funcs.push(exists);\n      }\n      exists.items.push(item);\n    });\n\n    return funcs;\n  }\n\n  static defaultProps: Pick<FormulaEditorProps, 'variables' | 'evalMode'> = {\n    variables: [],\n    evalMode: true\n  };\n\n  static highlightValue(\n    value: string,\n    variables: Array<VariableItem>,\n    evalMode: boolean = true\n  ) {\n    if (!Array.isArray(variables) || !variables.length || !value) {\n      return;\n    }\n\n    const varMap: {\n      [propname: string]: string;\n    } = {};\n\n    eachTree(variables, item => {\n      if (item.value) {\n        const key = item.value;\n        varMap[key] = item.label;\n      }\n    });\n    const vars = Object.keys(varMap)\n      .filter(item => item)\n      .sort((a, b) => b.length - a.length);\n\n    const content = value || '';\n    let html = '';\n\n    // 标记方法调用\n    html = content.replace(/([A-Z]+)\\s*\\(/g, (_, func, pos) => {\n      return _?.replace(func, `<span class=\"c-func\">${func}</span>`);\n    });\n\n    vars.forEach(v => {\n      let from = 0;\n      let idx = -1;\n      while (~(idx = content.indexOf(v, from))) {\n        const curNameEg = new RegExp(`\\\\b${v}\\\\b`, 'g'); // 避免变量识别冲突，比如：name、me 被识别成 na「me」\n        html = html.replace(curNameEg, `<span class=\"c-field\">${varMap[v]}</span>`);\n        from = idx + v.length;\n      }\n    });\n\n    return {html};\n  }\n\n  componentWillUnmount() {\n    this.editorPlugin?.dispose();\n  }\n\n  @autobind\n  handleFocus() {\n    this.setState({\n      focused: true\n    });\n  }\n\n  @autobind\n  handleBlur() {\n    this.setState({\n      focused: false\n    });\n  }\n\n  @autobind\n  insertValue(value: any, type: 'variable' | 'func') {\n    this.editorPlugin?.insertContent(value, type);\n  }\n\n  @autobind\n  handleEditorMounted(cm: any, editor: any) {\n    this.editorPlugin = new FormulaPlugin(editor, cm, () => this.props);\n  }\n\n  @autobind\n  validate() {\n    const value = this.props.value;\n\n    try {\n      value\n        ? parse(value, {\n            evalMode: this.props.evalMode\n          })\n        : null;\n    } catch (e) {\n      return e.message;\n    }\n\n    return;\n  }\n\n  @autobind\n  handleFunctionSelect(item: FuncItem) {\n    this.editorPlugin?.insertContent(`${item.name}`, 'func');\n  }\n\n  @autobind\n  handleVariableSelect(item: VariableItem) {\n    const {evalMode, selfVariableName} = this.props;\n\n    if (item && item.value && (selfVariableName && selfVariableName === item.value)) {\n      toast.warning('不能使用当前变量[self]，避免循环引用。');\n      return;\n    }\n\n    this.editorPlugin?.insertContent(\n      {\n        key: item.value,\n        name: item.label\n      },\n      'variable'\n    );\n  }\n\n  @autobind\n  handleOnChange(value: any) {\n    const onChange = this.props.onChange;\n    onChange?.(value);\n  }\n\n  @autobind\n  editorFactory(dom: HTMLElement, cm: any) {\n    return editorFactory(dom, cm, this.props);\n  }\n\n  render() {\n    const {\n      variables,\n      header,\n      value,\n      functions,\n      variableMode,\n      translate: __,\n      classnames: cx,\n      variableClassName,\n      functionClassName,\n      classPrefix,\n      selfVariableName\n    } = this.props;\n    const {focused} = this.state;\n    const customFunctions = Array.isArray(functions) ? functions : [];\n    const functionList = [\n      ...FormulaEditor.buildDefaultFunctions(doc),\n      ...customFunctions\n    ];\n\n    return (\n      <div\n        className={cx(`FormulaEditor`, {\n          'is-focused': focused\n        })}\n      >\n        <section className={cx(`FormulaEditor-content`)}>\n          <header className={cx(`FormulaEditor-header`)}>\n            {__(header || 'FormulaEditor.title')}\n          </header>\n\n          <CodeMirrorEditor\n            className={cx('FormulaEditor-editor')}\n            value={value}\n            onChange={this.handleOnChange}\n            editorFactory={this.editorFactory}\n            editorDidMount={this.handleEditorMounted}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n        </section>\n\n        <section className={cx('FormulaEditor-settings')}>\n          <div className={cx('FormulaEditor-panel')}>\n            {variableMode !== 'tabs' ? (\n              <div className={cx('FormulaEditor-panel-header')}>\n                {__('FormulaEditor.variable')}\n              </div>\n            ) : null}\n            <div\n              className={cx(\n                'FormulaEditor-panel-body',\n                variableMode && `FormulaEditor-panel-body--${variableMode}`\n              )}\n            >\n              <VariableList\n                classPrefix={classPrefix}\n                className={cx(\n                  'FormulaEditor-VariableList',\n                  'FormulaEditor-VariableList-root',\n                  variableClassName\n                )}\n                selectMode={variableMode}\n                data={variables!}\n                onSelect={this.handleVariableSelect}\n                selfVariableName={selfVariableName}\n              />\n            </div>\n          </div>\n\n          <FuncList\n            className={functionClassName}\n            title={__('FormulaEditor.function')}\n            data={functionList}\n            onSelect={this.handleFunctionSelect}\n          />\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default uncontrollable(\n  themeable(localeable(FormulaEditor)),\n  {\n    value: 'onChange'\n  },\n  ['validate']\n);\n"
     ]
 }

package/lib/components/formula/VariableList.js

@@ -17,7 +17,7 @@ function VariableList(props) {
         ? props.itemRender
         : function (option, states) {
             return (react_1.default.createElement("span", { className: cx("".concat(classPrefix, "-item"), itemClassName) },
-                option.label && option.value === selfVariableName && (react_1.default.createElement(Badge_1.Badge, { classnames: cx, badge: {
+                option.label && (selfVariableName && option.value === selfVariableName) && (react_1.default.createElement(Badge_1.Badge, { classnames: cx, badge: {
                         mode: "text",
                         text: "self",
                         offset: [
@@ -26,7 +26,7 @@ function VariableList(props) {
                         ]
                     } },
                     react_1.default.createElement("label", null, option.label))),
-                option.label && option.value !== selfVariableName && (react_1.default.createElement("label", null, option.label)),
+                option.label && (!selfVariableName || option.value !== selfVariableName) && (react_1.default.createElement("label", null, option.label)),
                 (option === null || option === void 0 ? void 0 : option.tag) ? (react_1.default.createElement("span", { className: cx("".concat(classPrefix, "-item-tag")) }, option.tag)) : null));
         };
     function onSearch(term) {

package/lib/components/formula/VariableList.js.map

@@ -6,8 +6,8 @@
         "/src/components/formula/VariableList.tsx"
     ],
     "names": [],
-    "mappings": ";;;AAAA,6DAA0B;AAE1B,qCAAkD;AAClD,sFAAmD;AACnD,2DAAkC;AAClC,gFAA6C;AAC7C,wEAAqC;AACrC,6CAA4C;AAC5C,kCAA+B;AAoB/B,SAAS,YAAY,CAAC,KAAwB;IAE1C,IAAM,IAAI,GAUR,KAAK,KAVG,EACV,SAAS,GASP,KAAK,UATE,EACG,EAAE,GAQZ,KAAK,WARO,EACd,KAOE,KAAK,SAPU,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACJ,WAAW,GAMtB,KAAK,YANiB,EACxB,aAAa,GAKX,KAAK,cALM,EACb,UAAU,GAIR,KAAK,WAJG,EACV,QAAQ,GAGN,KAAK,SAHC,EACR,iBAAiB,GAEf,KAAK,kBAFU,EACjB,gBAAgB,GACd,KAAK,iBADS,CACR;IACJ,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAjD,UAAU,QAAA,EAAE,aAAa,QAAwB,CAAC;IACzD,IAAM,WAAW,GAAG,UAAG,WAAW,+BAA4B,CAAC;IAC/D,IAAM,UAAU,GACd,KAAK,CAAC,UAAU,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,UAAU;QACxD,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,UAAC,MAAc,EAAE,MAAwB;YACvC,OAAO,CACL,wCAAM,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,UAAO,EAAE,aAAa,CAAC;gBAEnD,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,gBAAgB,IAAI,CACnD,8BAAC,aAAK,IACJ,UAAU,EAAE,EAAE,EACd,KAAK,EAAE;wBACL,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,MAAM;wBACZ,MAAM,EAAE;4BACN,EAAE;4BACF,CAAC;yBACF;qBACF;oBAED,6CACG,MAAM,CAAC,KAAK,CACP,CACF,CACT;gBAGD,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,gBAAgB,IAAI,CACnD,6CACK,MAAM,CAAC,KAAK,CACP,CACX;gBAEJ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,EAAC,CAAC,CAAC,CACb,wCAAM,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,cAAW,CAAC,IAC3C,MAAM,CAAC,GAAG,CACN,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;QACJ,CAAC,CAAC;IAER,SAAS,QAAQ,CAAC,IAAY;QAC5B,IAAM,IAAI,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;QACzD,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,CAAC;YACxD,8BAAC,mBAAS,IAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,4BAA4B,EAC5B,UAAU,IAAI,qCAA8B,UAAU,CAAE,CACzD,IAEA,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,8BAAC,cAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,mBAAS,WAAW,UAAO,CAAC,IAEvD,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,8BAAC,UAAG,IACF,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,SAAM,CAAC,EACnC,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK;QAEjB,8BAAC,YAAY,IACX,UAAU,EAAE,EAAE,EACd,WAAW,EAAE,UAAG,WAAW,UAAO,EAClC,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,SAAM,CAAC,EACnC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,QAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACP,EAnBgC,CAmBhC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,CAC1B,uCAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC;QAClD,eAAe,EAAE;QAClB,8BAAC,uBAAa,IACZ,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,UAAO,EAAE,eAAe,CAAC,EACrD,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAC,IAAS,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,EAAhB,CAAgB,GACzC,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC;QAClD,eAAe,EAAE;QAClB,8BAAC,0BAAgB,IACf,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,EAAE,CAAC,UAAG,WAAW,UAAO,EAAE,eAAe,CAAC,EACrD,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAC,IAAS,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,EAAhB,CAAgB,GACzC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,iBAAS,EAAC,YAAY,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport GroupedSelection from '../GroupedSelection';\nimport Tabs, {Tab} from '../Tabs';\nimport TreeSelection from '../TreeSelection';\nimport SearchBox from '../SearchBox';\nimport {findTree} from '../../utils/helper';\nimport {Badge} from '../Badge';\n\nimport type {VariableItem} from './Editor';\nimport type {ItemRenderStates} from '../Selection';\nimport type {Option} from '../Select';\nimport type {TabsMode} from '../Tabs';\n\nexport interface VariableListProps extends ThemeProps {\n  className?: string;\n  itemClassName?: string;\n  value?: any;\n  data: Array<VariableItem>;\n  selectMode?: 'list' | 'tree' | 'tabs';\n  tabsMode?: TabsMode;\n  itemRender?: (option: Option, states: ItemRenderStates) => JSX.Element;\n  placeholderRender?: (props: any) => JSX.Element | null;\n  onSelect?: (item: VariableItem) => void;\n  selfVariableName?: string;\n}\n\nfunction VariableList(props: VariableListProps) {\n  const {\n    data: list,\n    className,\n    classnames: cx,\n    tabsMode = 'line',\n    classPrefix: themePrefix,\n    itemClassName,\n    selectMode,\n    onSelect,\n    placeholderRender,\n    selfVariableName\n  } = props;\n  const [filterVars, setFilterVars] = React.useState(list);\n  const classPrefix = `${themePrefix}FormulaEditor-VariableList`;\n  const itemRender =\n    props.itemRender && typeof props.itemRender === 'function'\n      ? props.itemRender\n      : (option: Option, states: ItemRenderStates): JSX.Element => {\n          return (\n            <span className={cx(`${classPrefix}-item`, itemClassName)}>\n              {\n                  option.label && option.value === selfVariableName && (\n                    <Badge\n                      classnames={cx}\n                      badge={{\n                        mode: \"text\",\n                        text: \"self\",\n                        offset: [\n                          15,\n                          2\n                        ]\n                      }}\n                    >\n                      <label>\n                        {option.label}\n                      </label>\n                    </Badge>\n                  )\n                }\n                {\n                  option.label && option.value !== selfVariableName && (\n                    <label>\n                        {option.label}\n                      </label>\n                  )\n                }\n              {option?.tag ? (\n                <span className={cx(`${classPrefix}-item-tag`)}>\n                  {option.tag}\n                </span>\n              ) : null}\n            </span>\n          );\n        };\n\n  function onSearch(term: string) {\n    const tree = findTree(list, i => ~i.label.indexOf(term));\n    setFilterVars(!term ? list : tree ? [tree] : list);\n  }\n\n  function renderSearchBox() {\n    return (\n      <div className={cx('FormulaEditor-VariableList-searchBox')}>\n        <SearchBox mini={false} onSearch={onSearch} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\n        className,\n        'FormulaEditor-VariableList',\n        selectMode && `FormulaEditor-VariableList-${selectMode}`\n      )}\n    >\n      {selectMode === 'tabs' ? (\n        <Tabs\n          tabsMode={tabsMode}\n          className={cx(`${classPrefix}-base ${classPrefix}-tabs`)}\n        >\n          {filterVars.map((item, index) => (\n            <Tab\n              className={cx(`${classPrefix}-tab`)}\n              eventKey={index}\n              key={index}\n              title={item.label}\n            >\n              <VariableList\n                classnames={cx}\n                classPrefix={`${classPrefix}-sub-`}\n                className={cx(`${classPrefix}-sub`)}\n                itemRender={itemRender}\n                placeholderRender={placeholderRender}\n                selectMode={item.selectMode}\n                data={item.children!}\n                onSelect={onSelect}\n                selfVariableName={selfVariableName}\n              />\n            </Tab>\n          ))}\n        </Tabs>\n      ) : selectMode === 'tree' ? (\n        <div className={cx('FormulaEditor-VariableList-body')}>\n          {renderSearchBox()}\n          <TreeSelection\n            itemRender={itemRender}\n            placeholderRender={placeholderRender}\n            className={cx(`${classPrefix}-base`, 'is-scrollable')}\n            multiple={false}\n            options={filterVars}\n            onChange={(item: any) => onSelect?.(item)}\n          />\n        </div>\n      ) : (\n        <div className={cx('FormulaEditor-VariableList-body')}>\n          {renderSearchBox()}\n          <GroupedSelection\n            itemRender={itemRender}\n            placeholderRender={placeholderRender}\n            className={cx(`${classPrefix}-base`, 'is-scrollable')}\n            multiple={false}\n            options={filterVars}\n            onChange={(item: any) => onSelect?.(item)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default themeable(VariableList);\n"
+        "import React from 'react';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport GroupedSelection from '../GroupedSelection';\nimport Tabs, {Tab} from '../Tabs';\nimport TreeSelection from '../TreeSelection';\nimport SearchBox from '../SearchBox';\nimport {findTree} from '../../utils/helper';\nimport {Badge} from '../Badge';\n\nimport type {VariableItem} from './Editor';\nimport type {ItemRenderStates} from '../Selection';\nimport type {Option} from '../Select';\nimport type {TabsMode} from '../Tabs';\n\nexport interface VariableListProps extends ThemeProps {\n  className?: string;\n  itemClassName?: string;\n  value?: any;\n  data: Array<VariableItem>;\n  selectMode?: 'list' | 'tree' | 'tabs';\n  tabsMode?: TabsMode;\n  itemRender?: (option: Option, states: ItemRenderStates) => JSX.Element;\n  placeholderRender?: (props: any) => JSX.Element | null;\n  onSelect?: (item: VariableItem) => void;\n  selfVariableName?: string;\n}\n\nfunction VariableList(props: VariableListProps) {\n  const {\n    data: list,\n    className,\n    classnames: cx,\n    tabsMode = 'line',\n    classPrefix: themePrefix,\n    itemClassName,\n    selectMode,\n    onSelect,\n    placeholderRender,\n    selfVariableName\n  } = props;\n  const [filterVars, setFilterVars] = React.useState(list);\n  const classPrefix = `${themePrefix}FormulaEditor-VariableList`;\n  const itemRender =\n    props.itemRender && typeof props.itemRender === 'function'\n      ? props.itemRender\n      : (option: Option, states: ItemRenderStates): JSX.Element => {\n          return (\n            <span className={cx(`${classPrefix}-item`, itemClassName)}>\n              {\n                  option.label && (selfVariableName && option.value === selfVariableName) && (\n                    <Badge\n                      classnames={cx}\n                      badge={{\n                        mode: \"text\",\n                        text: \"self\",\n                        offset: [\n                          15,\n                          2\n                        ]\n                      }}\n                    >\n                      <label>\n                        {option.label}\n                      </label>\n                    </Badge>\n                  )\n                }\n                {\n                  option.label && (!selfVariableName || option.value !== selfVariableName) && (\n                    <label>\n                        {option.label}\n                      </label>\n                  )\n                }\n              {option?.tag ? (\n                <span className={cx(`${classPrefix}-item-tag`)}>\n                  {option.tag}\n                </span>\n              ) : null}\n            </span>\n          );\n        };\n\n  function onSearch(term: string) {\n    const tree = findTree(list, i => ~i.label.indexOf(term));\n    setFilterVars(!term ? list : tree ? [tree] : list);\n  }\n\n  function renderSearchBox() {\n    return (\n      <div className={cx('FormulaEditor-VariableList-searchBox')}>\n        <SearchBox mini={false} onSearch={onSearch} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\n        className,\n        'FormulaEditor-VariableList',\n        selectMode && `FormulaEditor-VariableList-${selectMode}`\n      )}\n    >\n      {selectMode === 'tabs' ? (\n        <Tabs\n          tabsMode={tabsMode}\n          className={cx(`${classPrefix}-base ${classPrefix}-tabs`)}\n        >\n          {filterVars.map((item, index) => (\n            <Tab\n              className={cx(`${classPrefix}-tab`)}\n              eventKey={index}\n              key={index}\n              title={item.label}\n            >\n              <VariableList\n                classnames={cx}\n                classPrefix={`${classPrefix}-sub-`}\n                className={cx(`${classPrefix}-sub`)}\n                itemRender={itemRender}\n                placeholderRender={placeholderRender}\n                selectMode={item.selectMode}\n                data={item.children!}\n                onSelect={onSelect}\n                selfVariableName={selfVariableName}\n              />\n            </Tab>\n          ))}\n        </Tabs>\n      ) : selectMode === 'tree' ? (\n        <div className={cx('FormulaEditor-VariableList-body')}>\n          {renderSearchBox()}\n          <TreeSelection\n            itemRender={itemRender}\n            placeholderRender={placeholderRender}\n            className={cx(`${classPrefix}-base`, 'is-scrollable')}\n            multiple={false}\n            options={filterVars}\n            onChange={(item: any) => onSelect?.(item)}\n          />\n        </div>\n      ) : (\n        <div className={cx('FormulaEditor-VariableList-body')}>\n          {renderSearchBox()}\n          <GroupedSelection\n            itemRender={itemRender}\n            placeholderRender={placeholderRender}\n            className={cx(`${classPrefix}-base`, 'is-scrollable')}\n            multiple={false}\n            options={filterVars}\n            onChange={(item: any) => onSelect?.(item)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default themeable(VariableList);\n"
     ]
 }

package/lib/components/table/index.d.ts

@@ -144,9 +144,12 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     tdColumns: Array<TdProps>;
     selectedRows: Array<any>;
     unSelectedRows: Array<any>;
-    sortable: Sortable;
+    sortable: Sortable | null;
     resizeStart: number;
     resizeKey: string;
+    resizeTarget: HTMLElement | null;
+    resizeWidth: number;
+    resizeMaxDistance: number;
     tableDom: React.RefObject<HTMLDivElement>;
     theadDom: React.RefObject<HTMLTableSectionElement>;
     tbodyDom: React.RefObject<HTMLTableSectionElement>;
@@ -162,6 +165,7 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     };
     updateTableBodyFixed(): void;
     updateColWidths(): void;
+    updateTableFixedRows(): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
     componentWillUnmount(): void;
@@ -176,8 +180,9 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     updateFootSummaryFixedRow(tfoot: HTMLElement): void;
     updateHeadSummaryFixedRow(tbody: HTMLElement): void;
     renderColGroup(colWidths?: Array<number>): JSX.Element;
-    onResizeMouseDown(event: React.MouseEvent<any>, key: string): void;
-    onResizeMouseUp(event: React.MouseEvent<any>): void;
+    onResizeMouseDown(event: any, key: string): void;
+    onResizeMouseMove(event: any): void;
+    onResizeMouseUp(event: MouseEvent): void;
     renderTHead(): JSX.Element;
     onRowClick(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): Promise<void>;
     onRowMouseEnter(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
@@ -205,10 +210,7 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     updateTableDom(dom: HTMLElement): void;
     onTableContentScroll(event: React.ChangeEvent<any>): void;
     onWheel(event: WheelEvent): void;
-    onTableScroll(event: {
-        target: HTMLDivElement;
-        scrollLeft?: number;
-    }): void;
+    onTableScroll(event: any): void;
     renderLoading(): JSX.Element;
     renderTable(): JSX.Element;
     renderScrollTableHeader(): JSX.Element;