amis 1.5.7 → 1.5.8-beta.2

package/lib/components/calendar/MonthsView.js.map

@@ -6,8 +6,8 @@
         "/src/components/calendar/MonthsView.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,aAAa;AACb,0FAAuD;AAEvD,6DAA0B;AAC1B,uCAAkE;AAMlE;IAAsC,iDAAU;IAAhD;QAAA,qEA+EC;QA9DC,iBAAW,GAAG,UAAC,KAAU,EAAE,KAAa;YACtC,IAAI,WAAW,GAAG,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACtC,IAAI,QAAQ,GAAG,WAAW;iBACvB,UAAU,EAAE;iBACZ,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACzC,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,8DAA8D;YAC9D,4CAA4C;YAC5C,IAAI,mBAAmB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;YAC3D,OAAO,CACL,8DAAQ,KAAK;gBACX,4CAAO,mBAAmB,CAAQ,CAC/B,CACN,CAAC;QACJ,CAAC,CAAC;;IAgDJ,CAAC;IA/CC,iCAAM,GAAN;QACE,IAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAChC,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;QACjE,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;QAE1D,OAAO,CACL,uCAAK,SAAS,EAAC,WAAW;YACvB,YAAY,IAAI,CACf;gBACE;oBACE;wBACE,sCACE,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC,aAGzC;wBACJ,QAAQ,CAAC,CAAC,CAAC,CACV,sCACE,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAEpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAC/C,CACN,CAAC,CAAC,CAAC,CACF,sCAAI,SAAS,EAAC,WAAW,IACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAC/C,CACN;wBAED,sCACE,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,aAGpC,CACF,CACC,CACF,CACT;YAED;gBACE,6CAAQ,IAAI,CAAC,YAAY,EAAE,CAAS,CAC9B,CACJ,CACP,CAAC;IACJ,CAAC;IACH,uBAAC;AAAD,CAAC,AA/ED,CAAsC,oBAAU,GA+E/C;AA/EY,4CAAgB;AAiF7B,kBAAe,IAAA,mBAAU,EAAC,gBAAuB,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "// @ts-ignore\nimport MonthsView from 'react-datetime/src/MonthsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable, TranslateFn} from '../../locale';\n\nexport interface OtherProps {\n  inputFormat?: string;\n}\n\nexport class CustomMonthsView extends MonthsView {\n  props: {\n    viewDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n  } & LocaleProps &\n    OtherProps;\n  renderMonths: () => JSX.Element;\n  renderMonth = (props: any, month: number) => {\n    var localMoment = this.props.viewDate;\n    var monthStr = localMoment\n      .localeData()\n      .monthsShort(localMoment.month(month));\n    var strLength = 3;\n    // Because some months are up to 5 characters long, we want to\n    // use a fixed string length for consistency\n    var monthStrFixedLength = monthStr.substring(0, strLength);\n    return (\n      <td {...props}>\n        <span>{monthStrFixedLength}</span>\n      </td>\n    );\n  };\n  render() {\n    const __ = this.props.translate;\n    const showYearHead = !/^mm$/i.test(this.props.inputFormat || '');\n    const canClick = /yy/i.test(this.props.inputFormat || '');\n\n    return (\n      <div className=\"rdtMonths\">\n        {showYearHead && (\n          <table>\n            <thead>\n              <tr>\n                <th\n                  className=\"rdtPrev\"\n                  onClick={this.props.subtractTime(1, 'years')}\n                >\n                  &laquo;\n                </th>\n                {canClick ? (\n                  <th\n                    className=\"rdtSwitch\"\n                    onClick={this.props.showView('years')}\n                  >\n                    {this.props.viewDate.format(__('dateformat.year'))}\n                  </th>\n                ) : (\n                  <th className=\"rdtSwitch\">\n                    {this.props.viewDate.format(__('dateformat.year'))}\n                  </th>\n                )}\n\n                <th\n                  className=\"rdtNext\"\n                  onClick={this.props.addTime(1, 'years')}\n                >\n                  &raquo;\n                </th>\n              </tr>\n            </thead>\n          </table>\n        )}\n\n        <table>\n          <tbody>{this.renderMonths()}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(CustomMonthsView as any);\n"
+        "// @ts-ignore\nimport MonthsView from 'react-datetime/src/MonthsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable, TranslateFn} from '../../locale';\nimport Picker from '../Picker';\nimport {convertDateToObject, getRange, isMobile} from '../../utils/helper';\n\nexport interface OtherProps {\n  inputFormat?: string;\n  hideHeader?: boolean;\n}\n\nexport class CustomMonthsView extends MonthsView {\n  props: {\n    viewDate: moment.Moment;\n    selectedDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n    minDate?: moment.Moment;\n    maxDate?: moment.Moment;\n    onChange?: () => void;\n    onClose?: () => void;\n    onConfirm?: (value: number[], types: string[]) => void;\n    useMobileUI: boolean;\n  } & LocaleProps &\n    OtherProps;\n  maxDateObject: {year: number; month: number; day?: number};\n  minDateObject: {year: number; month: number; day?: number};\n  state: {columns: {options: number[]}[]};\n  setState: (arg0: any) => () => any;\n  renderMonths: () => JSX.Element;\n\n  constructor(props: any) {\n    super(props);\n\n    const {minDate, maxDate, selectedDate, viewDate} = props;\n    const currentDate = selectedDate || viewDate || moment();\n    const year = currentDate.year();\n    this.maxDateObject = maxDate\n      ? convertDateToObject(maxDate)\n      : {\n          year: year + 100,\n          month: 12\n        };\n    this.minDateObject = minDate\n      ? convertDateToObject(minDate)\n      : {\n          year: year - 100,\n          month: 1\n        };\n\n    const columns = ['year', 'month'].map((type: 'year' | 'month') => {\n      if (type === 'month') {\n        const minMonth =\n          year === this.minDateObject.year ? this.minDateObject.month : 1;\n        const maxMonth =\n          year === this.maxDateObject.year ? this.maxDateObject.month : 12;\n        return {\n          options: getRange(minMonth, maxMonth, 1)\n        };\n      }\n      return {\n        options: getRange(this.minDateObject[type], this.maxDateObject[type], 1)\n      };\n    });\n\n    this.state = {\n      columns\n    };\n  }\n\n  renderMonth = (props: any, month: number) => {\n    var localMoment = this.props.viewDate;\n    var monthStr = localMoment\n      .localeData()\n      .monthsShort(localMoment.month(month));\n    var strLength = 3;\n    // Because some months are up to 5 characters long, we want to\n    // use a fixed string length for consistency\n    var monthStrFixedLength = monthStr.substring(0, strLength);\n    return (\n      <td {...props}>\n        <span>{monthStrFixedLength}</span>\n      </td>\n    );\n  };\n\n  onConfirm = (value: number[]) => {\n    // 将月份的值减1 ，月份是0-11\n    value[1] && --value[1];\n    this.props.onConfirm && this.props.onConfirm(value, ['year', 'month']);\n  };\n\n  onPickerChange = (value: number[], index: number) => {\n    const columns = [...this.state.columns];\n    // 选择年份是最大值的年或者最小值的月时，需要重新计算月分选择的cloumn\n    if (index === 0) {\n      if (\n        value[0] === this.minDateObject.year &&\n        value[0] === this.maxDateObject.year\n      ) {\n        columns[1] = {\n          options: getRange(\n            this.minDateObject.month,\n            this.maxDateObject.month,\n            1\n          )\n        };\n      } else if (value[0] === this.minDateObject.year) {\n        columns[1] = {\n          options: getRange(this.minDateObject.month, 12, 1)\n        };\n      } else if (value[0] === this.maxDateObject.year) {\n        columns[1] = {\n          options: getRange(1, this.maxDateObject.month, 1)\n        };\n      } else {\n        columns[1] = {\n          options: getRange(1, 12, 1)\n        };\n      }\n      this.setState({columns});\n    }\n  };\n\n  renderPicker = () => {\n    const {selectedDate, viewDate} = this.props;\n    const currentDate = selectedDate || viewDate || moment();\n    const year = currentDate.year();\n    const month = parseInt(currentDate.format('MM'), 10);\n\n    return (\n      <Picker\n        translate={this.props.translate}\n        locale={this.props.locale}\n        columns={this.state.columns}\n        value={[year, month]}\n        onChange={this.onPickerChange}\n        onConfirm={this.onConfirm}\n        onClose={this.props.onClose}\n      />\n    );\n  };\n\n  render() {\n    const __ = this.props.translate;\n    const showYearHead = !/^mm$/i.test(this.props.inputFormat || '') && !this.props.hideHeader;\n    const canClick = /yy/i.test(this.props.inputFormat || '');\n    if (isMobile() && this.props.useMobileUI) {\n      return <div className=\"rdtYears\">{this.renderPicker()}</div>;\n    }\n    return (\n      <div className=\"rdtMonths\">\n        {showYearHead && (\n          <table>\n            <thead>\n              <tr>\n                <th\n                  className=\"rdtPrev\"\n                  onClick={this.props.subtractTime(1, 'years')}\n                >\n                  &laquo;\n                </th>\n                {canClick ? (\n                  <th\n                    className=\"rdtSwitch\"\n                    onClick={this.props.showView('years')}\n                  >\n                    {this.props.viewDate.format(__('dateformat.year'))}\n                  </th>\n                ) : (\n                  <th className=\"rdtSwitch\">\n                    {this.props.viewDate.format(__('dateformat.year'))}\n                  </th>\n                )}\n\n                <th\n                  className=\"rdtNext\"\n                  onClick={this.props.addTime(1, 'years')}\n                >\n                  &raquo;\n                </th>\n              </tr>\n            </thead>\n          </table>\n        )}\n\n        <table>\n          <tbody>{this.renderMonths()}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(CustomMonthsView as any);\n"
     ]
 }

package/lib/components/calendar/QuartersView.d.ts

@@ -15,6 +15,7 @@ export interface QuarterViewProps extends LocaleProps, ThemeProps {
     updateSelectedDate: (e: any, close?: boolean) => void;
     renderQuarter: any;
     isValidDate: (date: moment.Moment) => boolean;
+    hideHeader?: boolean;
 }
 export declare class QuarterView extends React.Component<QuarterViewProps> {
     renderYear(): JSX.Element | null;

package/lib/components/calendar/QuartersView.js

@@ -67,9 +67,9 @@ var QuarterView = /** @class */ (function (_super) {
         return true;
     };
     QuarterView.prototype.render = function () {
-        var cx = this.props.classnames;
+        var _a = this.props, cx = _a.classnames, hideHeader = _a.hideHeader;
         return (react_1.default.createElement("div", { className: cx('ClalendarQuarter') },
-            this.renderYear(),
+            hideHeader ? null : this.renderYear(),
             react_1.default.createElement("table", null,
                 react_1.default.createElement("tbody", null, this.renderQuarters()))));
     };

package/lib/components/calendar/QuartersView.js.map

@@ -6,8 +6,8 @@
         "/src/components/calendar/QuartersView.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import moment from 'moment';\nimport React from 'react';\nimport {localeable, LocaleProps} from '../../locale';\nimport {ThemeProps} from '../../theme';\n\nexport interface QuarterViewProps extends LocaleProps, ThemeProps {\n  viewDate: moment.Moment;\n  selectedDate: moment.Moment;\n  inputFormat?: string;\n  updateOn: string;\n  subtractTime: (\n    amount: number,\n    type: string,\n    toSelected?: moment.Moment\n  ) => () => void;\n  addTime: (\n    amount: number,\n    type: string,\n    toSelected?: moment.Moment\n  ) => () => void;\n  setDate: (type: string) => () => void;\n  showView: (view: string) => () => void;\n  updateSelectedDate: (e: any, close?: boolean) => void;\n  renderQuarter: any;\n  isValidDate: (date: moment.Moment) => boolean;\n}\n\nexport class QuarterView extends React.Component<QuarterViewProps> {\n  renderYear() {\n    const __ = this.props.translate;\n    const showYearHead = !/^mm$/i.test(this.props.inputFormat || '');\n\n    if (!showYearHead) {\n      return null;\n    }\n\n    const canClick = /yy/i.test(this.props.inputFormat || '');\n\n    return (\n      <table>\n        <thead>\n          <tr>\n            <th\n              className=\"rdtPrev\"\n              onClick={this.props.subtractTime(1, 'years')}\n            >\n              &laquo;\n            </th>\n            {canClick ? (\n              <th className=\"rdtSwitch\" onClick={this.props.showView('years')}>\n                {this.props.viewDate.format(__('dateformat.year'))}\n              </th>\n            ) : (\n              <th className=\"rdtSwitch\">\n                {this.props.viewDate.format(__('dateformat.year'))}\n              </th>\n            )}\n\n            <th className=\"rdtNext\" onClick={this.props.addTime(1, 'years')}>\n              &raquo;\n            </th>\n          </tr>\n        </thead>\n      </table>\n    );\n  }\n  renderQuarters() {\n    let date = this.props.selectedDate,\n      quarter = this.props.viewDate.quarter(),\n      year = this.props.viewDate.year(),\n      rows = [],\n      i = 1,\n      quarters = [],\n      renderer = this.props.renderQuarter || this.renderQuarter,\n      isValid = this.props.isValidDate || this.alwaysValidDate,\n      classes,\n      props: any,\n      isDisabled;\n\n    while (i < 5) {\n      classes = 'rdtQuarter';\n      isDisabled = !isValid(moment(`${year}-${i}`, 'YYYY-Q'));\n\n      if (isDisabled) classes += ' rdtDisabled';\n\n      if (date && i === date.quarter() && year === date.year())\n        classes += ' rdtActive';\n\n      props = {\n        'key': i,\n        'data-value': i,\n        'className': classes\n      };\n\n      if (!isDisabled) {\n        props.onClick =\n          this.props.updateOn === 'quarters'\n            ? this.updateSelectedQuarter\n            : this.props.setDate('quarter');\n      }\n\n      quarters.push(renderer(props, i, year, date && date.clone()));\n\n      if (quarters.length === 2) {\n        rows.push(\n          React.createElement(\n            'tr',\n            {key: quarter + '_' + rows.length},\n            quarters\n          )\n        );\n        quarters = [];\n      }\n\n      i++;\n    }\n\n    return rows;\n  }\n\n  renderQuarter = (\n    props: any,\n    quartar: number,\n    year: number,\n    date: moment.Moment\n  ) => {\n    return (\n      <td {...props}>\n        <span>Q{quartar}</span>\n      </td>\n    );\n  };\n\n  updateSelectedQuarter = (event: any) => {\n    this.props.updateSelectedDate(event);\n  };\n\n  alwaysValidDate() {\n    return true;\n  }\n\n  render() {\n    const {classnames: cx} = this.props;\n\n    return (\n      <div className={cx('ClalendarQuarter')}>\n        {this.renderYear()}\n        <table>\n          <tbody>{this.renderQuarters()}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(QuarterView);\n"
+        "import moment from 'moment';\nimport React from 'react';\nimport {localeable, LocaleProps} from '../../locale';\nimport {ThemeProps} from '../../theme';\n\nexport interface QuarterViewProps extends LocaleProps, ThemeProps {\n  viewDate: moment.Moment;\n  selectedDate: moment.Moment;\n  inputFormat?: string;\n  updateOn: string;\n  subtractTime: (\n    amount: number,\n    type: string,\n    toSelected?: moment.Moment\n  ) => () => void;\n  addTime: (\n    amount: number,\n    type: string,\n    toSelected?: moment.Moment\n  ) => () => void;\n  setDate: (type: string) => () => void;\n  showView: (view: string) => () => void;\n  updateSelectedDate: (e: any, close?: boolean) => void;\n  renderQuarter: any;\n  isValidDate: (date: moment.Moment) => boolean;\n  hideHeader?: boolean;\n}\n\nexport class QuarterView extends React.Component<QuarterViewProps> {\n  renderYear() {\n    const __ = this.props.translate;\n    const showYearHead = !/^mm$/i.test(this.props.inputFormat || '');\n\n    if (!showYearHead) {\n      return null;\n    }\n\n    const canClick = /yy/i.test(this.props.inputFormat || '');\n\n    return (\n      <table>\n        <thead>\n          <tr>\n            <th\n              className=\"rdtPrev\"\n              onClick={this.props.subtractTime(1, 'years')}\n            >\n              &laquo;\n            </th>\n            {canClick ? (\n              <th className=\"rdtSwitch\" onClick={this.props.showView('years')}>\n                {this.props.viewDate.format(__('dateformat.year'))}\n              </th>\n            ) : (\n              <th className=\"rdtSwitch\">\n                {this.props.viewDate.format(__('dateformat.year'))}\n              </th>\n            )}\n\n            <th className=\"rdtNext\" onClick={this.props.addTime(1, 'years')}>\n              &raquo;\n            </th>\n          </tr>\n        </thead>\n      </table>\n    );\n  }\n  renderQuarters() {\n    let date = this.props.selectedDate,\n      quarter = this.props.viewDate.quarter(),\n      year = this.props.viewDate.year(),\n      rows = [],\n      i = 1,\n      quarters = [],\n      renderer = this.props.renderQuarter || this.renderQuarter,\n      isValid = this.props.isValidDate || this.alwaysValidDate,\n      classes,\n      props: any,\n      isDisabled;\n\n    while (i < 5) {\n      classes = 'rdtQuarter';\n      isDisabled = !isValid(moment(`${year}-${i}`, 'YYYY-Q'));\n\n      if (isDisabled) classes += ' rdtDisabled';\n\n      if (date && i === date.quarter() && year === date.year())\n        classes += ' rdtActive';\n\n      props = {\n        'key': i,\n        'data-value': i,\n        'className': classes\n      };\n\n      if (!isDisabled) {\n        props.onClick =\n          this.props.updateOn === 'quarters'\n            ? this.updateSelectedQuarter\n            : this.props.setDate('quarter');\n      }\n\n      quarters.push(renderer(props, i, year, date && date.clone()));\n\n      if (quarters.length === 2) {\n        rows.push(\n          React.createElement(\n            'tr',\n            {key: quarter + '_' + rows.length},\n            quarters\n          )\n        );\n        quarters = [];\n      }\n\n      i++;\n    }\n\n    return rows;\n  }\n\n  renderQuarter = (\n    props: any,\n    quartar: number,\n    year: number,\n    date: moment.Moment\n  ) => {\n    return (\n      <td {...props}>\n        <span>Q{quartar}</span>\n      </td>\n    );\n  };\n\n  updateSelectedQuarter = (event: any) => {\n    this.props.updateSelectedDate(event);\n  };\n\n  alwaysValidDate() {\n    return true;\n  }\n\n  render() {\n    const {classnames: cx, hideHeader} = this.props;\n\n    return (\n      <div className={cx('ClalendarQuarter')}>\n        {hideHeader ? null : this.renderYear()}\n        <table>\n          <tbody>{this.renderQuarters()}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(QuarterView);\n"
     ]
 }

package/lib/components/calendar/TimeView.d.ts

@@ -16,6 +16,8 @@ export declare class CustomTimeView extends TimeView {
         onClose?: () => void;
         onConfirm?: (value: number[], types: string[]) => void;
         useMobileUI: boolean;
+        showToolbar?: boolean;
+        onChange?: (value: any) => void;
     } & LocaleProps;
     onStartClicking: any;
     disableContextMenu: any;
@@ -34,6 +36,9 @@ export declare class CustomTimeView extends TimeView {
         seconds: number;
         milliseconds: number;
     };
+    static defaultProps: {
+        showToolbar: boolean;
+    };
     renderDayPart: () => JSX.Element;
     getCounterValue: (type: string) => number;
     renderCounter: (type: string) => JSX.Element | null;

package/lib/components/calendar/TimeView.js

@@ -82,9 +82,9 @@ var CustomTimeView = /** @class */ (function (_super) {
                     var counterValue = _this.getCounterValue(type);
                     var _a = _this.timeConstraints[type], min = _a.min, max = _a.max, step = _a.step;
                     // 修正am pm时hours可选最大值
-                    if (type === 'hours'
-                        && _this.state.daypart !== false
-                        && _this.props.timeFormat.toLowerCase().indexOf(' a') !== -1) {
+                    if (type === 'hours' &&
+                        _this.state.daypart !== false &&
+                        _this.props.timeFormat.toLowerCase().indexOf(' a') !== -1) {
                         max = max > 12 ? 12 : max;
                     }
                     columns.push({
@@ -99,7 +99,7 @@ var CustomTimeView = /** @class */ (function (_super) {
                 });
                 values.push(_this.state.daypart);
             }
-            return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value: values, onConfirm: _this.onConfirm, onClose: _this.props.onClose }));
+            return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value: values, onConfirm: _this.onConfirm, onClose: _this.props.onClose, showToolbar: _this.props.showToolbar, onChange: _this.props.onChange }));
         };
         return _this;
     }
@@ -108,7 +108,7 @@ var CustomTimeView = /** @class */ (function (_super) {
         var counters = [];
         var cx = this.props.classnames;
         if ((0, helper_1.isMobile)() && this.props.useMobileUI) {
-            return react_1.default.createElement("div", { className: cx('CalendarTime') }, this.renderTimeViewPicker());
+            return (react_1.default.createElement("div", { className: cx('CalendarTime') }, this.renderTimeViewPicker()));
         }
         this.state.counters.forEach(function (c) {
             if (counters.length) {
@@ -127,6 +127,9 @@ var CustomTimeView = /** @class */ (function (_super) {
         }
         return react_1.default.createElement("div", { className: cx('CalendarTime') }, counters);
     };
+    CustomTimeView.defaultProps = {
+        showToolbar: true
+    };
     return CustomTimeView;
 }(TimeView_1.default));
 exports.CustomTimeView = CustomTimeView;

package/lib/components/calendar/TimeView.js.map

@@ -6,8 +6,8 @@
         "/src/components/calendar/TimeView.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "// @ts-ignore\nimport TimeView from 'react-datetime/src/TimeView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport {Icon} from '../icons';\nimport {ClassNamesFn} from '../../theme';\nimport Picker from '../Picker';\nimport {PickerColumnItem} from '../PickerColumn';\nimport {getRange, isMobile} from \"../../utils/helper\";\n\nexport class CustomTimeView extends TimeView {\n  props: {\n    viewDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n    timeFormat: string;\n    classnames: ClassNamesFn;\n    setTime: (type: string, value: any) => void;\n    onClose?: () => void;\n    onConfirm?: (value: number[], types: string[]) => void;\n    useMobileUI: boolean;\n  } & LocaleProps;\n  onStartClicking: any;\n  disableContextMenu: any;\n  updateMilli: any;\n  renderHeader: any;\n  pad: any;\n  state: {daypart: any; counters: Array<string>; [propName: string]: any};\n  timeConstraints: any;\n  padValues = {\n    hours: 2,\n    minutes: 2,\n    seconds: 2,\n    milliseconds: 3\n  };\n\n  renderDayPart = () => {\n    const {translate: __, classnames: cx} = this.props;\n    return (\n      <div\n        key=\"dayPart\"\n        className={cx('CalendarCounter CalendarCounter--daypart')}\n      >\n        <span\n          key=\"up\"\n          className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n          onClick={this.onStartClicking('toggleDayPart', 'hours')}\n          onContextMenu={this.disableContextMenu}\n        >\n          <Icon icon=\"right-arrow-bold\" />\n        </span>\n        <div className={cx('CalendarCounter-value')} key={this.state.daypart}>\n          {__(this.state.daypart)}\n        </div>\n        <span\n          key=\"down\"\n          className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n          onClick={this.onStartClicking('toggleDayPart', 'hours')}\n          onContextMenu={this.disableContextMenu}\n        >\n          <Icon icon=\"right-arrow-bold\" />\n        </span>\n      </div>\n    );\n  };\n\n  getCounterValue = (type: string) => {\n    if (type !== 'daypart') {\n      let value = this.state[type];\n      if (\n        type === 'hours' &&\n        this.props.timeFormat.toLowerCase().indexOf(' a') !== -1\n      ) {\n        value = ((value - 1) % 12) + 1;\n\n        if (value === 0) {\n          value = 12;\n        }\n      }\n      return parseInt(value);\n    }\n    return 0;\n  }\n\n  renderCounter = (type: string) => {\n    const cx = this.props.classnames;\n    if (type !== 'daypart') {\n      const value = this.getCounterValue(type);\n\n      const {min, max, step} = this.timeConstraints[type];\n\n      return (\n        <div key={type} className={cx('CalendarCounter')}>\n          <span\n            key=\"up\"\n            className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n            onMouseDown={this.onStartClicking('increase', type)}\n            onContextMenu={this.disableContextMenu}\n          >\n            <Icon icon=\"right-arrow-bold\" />\n          </span>\n\n          <div key=\"c\" className={cx('CalendarCounter-value')}>\n            <input\n              type=\"text\"\n              value={this.pad(type, value)}\n              className={cx('CalendarInput')}\n              min={min}\n              max={max}\n              step={step}\n              onChange={e =>\n                this.props.setTime(\n                  type,\n                  Math.max(\n                    min,\n                    Math.min(\n                      parseInt(e.currentTarget.value.replace(/\\D/g, ''), 10) ||\n                        0,\n                      max\n                    )\n                  )\n                )\n              }\n            />\n          </div>\n\n          <span\n            key=\"do\"\n            className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n            onMouseDown={this.onStartClicking('decrease', type)}\n            onContextMenu={this.disableContextMenu}\n          >\n            <Icon icon=\"right-arrow-bold\" />\n          </span>\n        </div>\n      );\n    }\n    return null;\n  };\n\n  onConfirm = (value: number[]) => {\n    this.props.onConfirm && this.props.onConfirm(value, this.state.counters);\n  }\n\n  getDayPartOptions = () => {\n    const {translate: __} = this.props;\n    let options = ['am', 'pm'];\n    if ( this.props.timeFormat.indexOf( ' A' ) !== -1 ) {\n      options = ['AM', 'PM'];\n    }\n\n    return options.map(daypart => ({\n      text: __(daypart),\n      value: daypart\n    }));\n  }\n\n  renderTimeViewPicker = () => {\n    const columns: PickerColumnItem[] = [];\n    const values = [];\n\n    this.state.counters.forEach(type => {\n      if (type !== 'daypart') {\n        const counterValue: number = this.getCounterValue(type);\n        let {min, max, step} = this.timeConstraints[type];\n        // 修正am pm时hours可选最大值\n        if (type === 'hours'\n          && this.state.daypart !== false\n          && this.props.timeFormat.toLowerCase().indexOf(' a') !== -1) {\n            max = max > 12 ? 12 : max;\n        }\n        columns.push({\n          options: getRange(min, max, step)\n        });\n        values.push(counterValue);\n      }\n    });\n    if (this.state.daypart !== false) {\n      columns.push({\n        options: this.getDayPartOptions()\n      });\n      values.push(this.state.daypart)\n    }\n\n    return (\n      <Picker\n        translate={this.props.translate}\n        locale={this.props.locale}\n        columns={columns}\n        value={values} \n        onConfirm={this.onConfirm}\n        onClose={this.props.onClose}\n        />\n    );\n  }\n\n  render() {\n    let counters: Array<JSX.Element | null> = [];\n    const cx = this.props.classnames;\n    \n    if (isMobile() && this.props.useMobileUI) {\n      return <div className={cx('CalendarTime')}>\n          {this.renderTimeViewPicker()}\n        </div>\n    }\n    this.state.counters.forEach(c => {\n      if (counters.length) {\n        counters.push(\n          <div\n            key={`sep${counters.length}`}\n            className={cx('CalendarCounter-sep')}\n          >\n            :\n          </div>\n        );\n      }\n      counters.push(this.renderCounter(c));\n    });\n\n    if (this.state.daypart !== false) {\n      counters.push(this.renderDayPart());\n    }\n\n    if (\n      this.state.counters.length === 3 &&\n      this.props.timeFormat.indexOf('S') !== -1\n    ) {\n      counters.push(\n        <div className={cx('CalendarCounter-sep')} key=\"sep5\">\n          :\n        </div>\n      );\n      counters.push(\n        <div className={cx('CalendarCounter CalendarCounter--milli')}>\n          <input\n            value={this.state.milliseconds}\n            type=\"text\"\n            onChange={this.updateMilli}\n          />\n        </div>\n      );\n    }\n\n    return <div className={cx('CalendarTime')}>{counters}</div>;\n  }\n}\n\nexport default localeable(CustomTimeView as any);\n"
+        "// @ts-ignore\nimport TimeView from 'react-datetime/src/TimeView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport {Icon} from '../icons';\nimport {ClassNamesFn} from '../../theme';\nimport Picker from '../Picker';\nimport {PickerColumnItem} from '../PickerColumn';\nimport {getRange, isMobile} from '../../utils/helper';\n\nexport class CustomTimeView extends TimeView {\n  props: {\n    viewDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n    timeFormat: string;\n    classnames: ClassNamesFn;\n    setTime: (type: string, value: any) => void;\n    onClose?: () => void;\n    onConfirm?: (value: number[], types: string[]) => void;\n    useMobileUI: boolean;\n    showToolbar?: boolean;\n    onChange?: (value: any) => void;\n  } & LocaleProps;\n  onStartClicking: any;\n  disableContextMenu: any;\n  updateMilli: any;\n  renderHeader: any;\n  pad: any;\n  state: {daypart: any; counters: Array<string>; [propName: string]: any};\n  timeConstraints: any;\n  padValues = {\n    hours: 2,\n    minutes: 2,\n    seconds: 2,\n    milliseconds: 3\n  };\n\n  static defaultProps = {\n    showToolbar: true\n  };\n\n  renderDayPart = () => {\n    const {translate: __, classnames: cx} = this.props;\n    return (\n      <div\n        key=\"dayPart\"\n        className={cx('CalendarCounter CalendarCounter--daypart')}\n      >\n        <span\n          key=\"up\"\n          className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n          onClick={this.onStartClicking('toggleDayPart', 'hours')}\n          onContextMenu={this.disableContextMenu}\n        >\n          <Icon icon=\"right-arrow-bold\" />\n        </span>\n        <div className={cx('CalendarCounter-value')} key={this.state.daypart}>\n          {__(this.state.daypart)}\n        </div>\n        <span\n          key=\"down\"\n          className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n          onClick={this.onStartClicking('toggleDayPart', 'hours')}\n          onContextMenu={this.disableContextMenu}\n        >\n          <Icon icon=\"right-arrow-bold\" />\n        </span>\n      </div>\n    );\n  };\n\n  getCounterValue = (type: string) => {\n    if (type !== 'daypart') {\n      let value = this.state[type];\n      if (\n        type === 'hours' &&\n        this.props.timeFormat.toLowerCase().indexOf(' a') !== -1\n      ) {\n        value = ((value - 1) % 12) + 1;\n\n        if (value === 0) {\n          value = 12;\n        }\n      }\n      return parseInt(value);\n    }\n    return 0;\n  };\n\n  renderCounter = (type: string) => {\n    const cx = this.props.classnames;\n    if (type !== 'daypart') {\n      const value = this.getCounterValue(type);\n\n      const {min, max, step} = this.timeConstraints[type];\n\n      return (\n        <div key={type} className={cx('CalendarCounter')}>\n          <span\n            key=\"up\"\n            className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n            onMouseDown={this.onStartClicking('increase', type)}\n            onContextMenu={this.disableContextMenu}\n          >\n            <Icon icon=\"right-arrow-bold\" />\n          </span>\n\n          <div key=\"c\" className={cx('CalendarCounter-value')}>\n            <input\n              type=\"text\"\n              value={this.pad(type, value)}\n              className={cx('CalendarInput')}\n              min={min}\n              max={max}\n              step={step}\n              onChange={e =>\n                this.props.setTime(\n                  type,\n                  Math.max(\n                    min,\n                    Math.min(\n                      parseInt(e.currentTarget.value.replace(/\\D/g, ''), 10) ||\n                        0,\n                      max\n                    )\n                  )\n                )\n              }\n            />\n          </div>\n\n          <span\n            key=\"do\"\n            className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n            onMouseDown={this.onStartClicking('decrease', type)}\n            onContextMenu={this.disableContextMenu}\n          >\n            <Icon icon=\"right-arrow-bold\" />\n          </span>\n        </div>\n      );\n    }\n    return null;\n  };\n\n  onConfirm = (value: number[]) => {\n    this.props.onConfirm && this.props.onConfirm(value, this.state.counters);\n  };\n\n  getDayPartOptions = () => {\n    const {translate: __} = this.props;\n    let options = ['am', 'pm'];\n    if (this.props.timeFormat.indexOf(' A') !== -1) {\n      options = ['AM', 'PM'];\n    }\n\n    return options.map(daypart => ({\n      text: __(daypart),\n      value: daypart\n    }));\n  };\n\n  renderTimeViewPicker = () => {\n    const columns: PickerColumnItem[] = [];\n    const values = [];\n\n    this.state.counters.forEach(type => {\n      if (type !== 'daypart') {\n        const counterValue: number = this.getCounterValue(type);\n        let {min, max, step} = this.timeConstraints[type];\n        // 修正am pm时hours可选最大值\n        if (\n          type === 'hours' &&\n          this.state.daypart !== false &&\n          this.props.timeFormat.toLowerCase().indexOf(' a') !== -1\n        ) {\n          max = max > 12 ? 12 : max;\n        }\n        columns.push({\n          options: getRange(min, max, step)\n        });\n        values.push(counterValue);\n      }\n    });\n    if (this.state.daypart !== false) {\n      columns.push({\n        options: this.getDayPartOptions()\n      });\n      values.push(this.state.daypart);\n    }\n\n    return (\n      <Picker\n        translate={this.props.translate}\n        locale={this.props.locale}\n        columns={columns}\n        value={values}\n        onConfirm={this.onConfirm}\n        onClose={this.props.onClose}\n        showToolbar={this.props.showToolbar}\n        onChange={this.props.onChange}\n        />\n    );\n  };\n\n  render() {\n    let counters: Array<JSX.Element | null> = [];\n    const cx = this.props.classnames;\n\n    if (isMobile() && this.props.useMobileUI) {\n      return (\n        <div className={cx('CalendarTime')}>{this.renderTimeViewPicker()}</div>\n      );\n    }\n    this.state.counters.forEach(c => {\n      if (counters.length) {\n        counters.push(\n          <div\n            key={`sep${counters.length}`}\n            className={cx('CalendarCounter-sep')}\n          >\n            :\n          </div>\n        );\n      }\n      counters.push(this.renderCounter(c));\n    });\n\n    if (this.state.daypart !== false) {\n      counters.push(this.renderDayPart());\n    }\n\n    if (\n      this.state.counters.length === 3 &&\n      this.props.timeFormat.indexOf('S') !== -1\n    ) {\n      counters.push(\n        <div className={cx('CalendarCounter-sep')} key=\"sep5\">\n          :\n        </div>\n      );\n      counters.push(\n        <div className={cx('CalendarCounter CalendarCounter--milli')}>\n          <input\n            value={this.state.milliseconds}\n            type=\"text\"\n            onChange={this.updateMilli}\n          />\n        </div>\n      );\n    }\n\n    return <div className={cx('CalendarTime')}>{counters}</div>;\n  }\n}\n\nexport default localeable(CustomTimeView as any);\n"
     ]
 }

package/lib/components/calendar/YearsView.js

@@ -18,16 +18,18 @@ var CustomYearsView = /** @class */ (function (_super) {
                 react_1.default.createElement("span", null, year)));
         };
         _this.onConfirm = function (value) {
-            _this.props.onConfirm && _this.props.onConfirm(value, ["year"]);
+            _this.props.onConfirm && _this.props.onConfirm(value, ['year']);
         };
         _this.renderYearPicker = function () {
             var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate, selectedDate = _a.selectedDate, viewDate = _a.viewDate;
             var year = (selectedDate || viewDate || (0, moment_1.default)()).year();
             var maxYear = maxDate ? (0, helper_1.convertDateToObject)(maxDate).year : year + 100;
             var minYear = minDate ? (0, helper_1.convertDateToObject)(minDate).year : year - 100;
-            var columns = [{
+            var columns = [
+                {
                     options: (0, helper_1.getRange)(minYear, maxYear, 1)
-                }];
+                }
+            ];
             return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value: [year], onConfirm: _this.onConfirm, onClose: _this.props.onClose }));
         };
         return _this;
@@ -37,7 +39,7 @@ var CustomYearsView = /** @class */ (function (_super) {
         year = year - (year % 10);
         var __ = this.props.translate;
         if ((0, helper_1.isMobile)() && this.props.useMobileUI) {
-            return (react_1.default.createElement("div", { className: "rdtYears" }, this.renderYearPicker()));
+            return react_1.default.createElement("div", { className: "rdtYears" }, this.renderYearPicker());
         }
         return (react_1.default.createElement("div", { className: "rdtYears" },
             react_1.default.createElement("table", null,

package/lib/components/calendar/YearsView.js.map

@@ -6,8 +6,8 @@
         "/src/components/calendar/YearsView.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "// @ts-ignore\nimport YearsView from 'react-datetime/src/YearsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport Picker from '../Picker';\nimport {convertDateToObject, getRange, isMobile} from \"../../utils/helper\";\n\nexport class CustomYearsView extends YearsView {\n  props: {\n    viewDate: moment.Moment;\n    selectedDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n    minDate?: moment.Moment;\n    maxDate?: moment.Moment;\n    onChange?: () => void;\n    onClose?: () => void;\n    onConfirm?: (value: number[], types: string[]) => void;\n    useMobileUI: boolean;\n  } & LocaleProps;\n  renderYears: (year: number) => JSX.Element;\n  renderYear = (props: any, year: number) => {\n    return (\n      <td {...props}>\n        <span>{year}</span>\n      </td>\n    );\n  };\n\n  onConfirm = (value: number[]) => {\n    this.props.onConfirm && this.props.onConfirm(value, [\"year\"])\n  }\n\n  renderYearPicker = () => {\n    const {minDate, maxDate, selectedDate, viewDate} =  this.props;\n    const year = (selectedDate || viewDate || moment()).year();\n    const maxYear = maxDate ? convertDateToObject(maxDate)!.year : year + 100;\n    const minYear = minDate ? convertDateToObject(minDate)!.year : year - 100;\n    \n    const columns = [{\n      options: getRange(minYear, maxYear, 1)\n    }];\n\n    return (\n      <Picker\n        translate={this.props.translate}\n        locale={this.props.locale}\n        columns={columns}\n        value={[year]} \n        onConfirm={this.onConfirm}\n        onClose={this.props.onClose}\n        />\n    );\n  };\n\n  render() {\n    let year = this.props.viewDate.year();\n    year = year - (year % 10);\n    const __ = this.props.translate;\n    \n    if (isMobile() && this.props.useMobileUI) {\n      return (\n        <div className=\"rdtYears\">\n          {this.renderYearPicker()}\n        </div>\n      );\n    }\n    return (\n      <div className=\"rdtYears\">\n        <table>\n          <thead>\n            <tr>\n              <th\n                className=\"rdtPrev\"\n                onClick={this.props.subtractTime(10, 'years')}\n              >\n                &laquo;\n              </th>\n              <th className=\"rdtSwitch\">\n                {__('year-to-year', {from: year, to: year + 9})}\n              </th>\n              <th className=\"rdtNext\" onClick={this.props.addTime(10, 'years')}>\n                &raquo;\n              </th>\n            </tr>\n          </thead>\n        </table>\n        <table>\n          <tbody>{this.renderYears(year)}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(CustomYearsView as any);\n"
+        "// @ts-ignore\nimport YearsView from 'react-datetime/src/YearsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport Picker from '../Picker';\nimport {convertDateToObject, getRange, isMobile} from '../../utils/helper';\n\nexport class CustomYearsView extends YearsView {\n  props: {\n    viewDate: moment.Moment;\n    selectedDate: moment.Moment;\n    subtractTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    addTime: (\n      amount: number,\n      type: string,\n      toSelected?: moment.Moment\n    ) => () => void;\n    showView: (view: string) => () => void;\n    minDate?: moment.Moment;\n    maxDate?: moment.Moment;\n    onChange?: () => void;\n    onClose?: () => void;\n    onConfirm?: (value: number[], types: string[]) => void;\n    useMobileUI: boolean;\n  } & LocaleProps;\n  renderYears: (year: number) => JSX.Element;\n  renderYear = (props: any, year: number) => {\n    return (\n      <td {...props}>\n        <span>{year}</span>\n      </td>\n    );\n  };\n\n  onConfirm = (value: number[]) => {\n    this.props.onConfirm && this.props.onConfirm(value, ['year']);\n  };\n\n  renderYearPicker = () => {\n    const {minDate, maxDate, selectedDate, viewDate} = this.props;\n    const year = (selectedDate || viewDate || moment()).year();\n    const maxYear = maxDate ? convertDateToObject(maxDate)!.year : year + 100;\n    const minYear = minDate ? convertDateToObject(minDate)!.year : year - 100;\n\n    const columns = [\n      {\n        options: getRange(minYear, maxYear, 1)\n      }\n    ];\n\n    return (\n      <Picker\n        translate={this.props.translate}\n        locale={this.props.locale}\n        columns={columns}\n        value={[year]}\n        onConfirm={this.onConfirm}\n        onClose={this.props.onClose}\n      />\n    );\n  };\n\n  render() {\n    let year = this.props.viewDate.year();\n    year = year - (year % 10);\n    const __ = this.props.translate;\n\n    if (isMobile() && this.props.useMobileUI) {\n      return <div className=\"rdtYears\">{this.renderYearPicker()}</div>;\n    }\n    return (\n      <div className=\"rdtYears\">\n        <table>\n          <thead>\n            <tr>\n              <th\n                className=\"rdtPrev\"\n                onClick={this.props.subtractTime(10, 'years')}\n              >\n                &laquo;\n              </th>\n              <th className=\"rdtSwitch\">\n                {__('year-to-year', {from: year, to: year + 9})}\n              </th>\n              <th className=\"rdtNext\" onClick={this.props.addTime(10, 'years')}>\n                &raquo;\n              </th>\n            </tr>\n          </thead>\n        </table>\n        <table>\n          <tbody>{this.renderYears(year)}</tbody>\n        </table>\n      </div>\n    );\n  }\n}\n\nexport default localeable(CustomYearsView as any);\n"
     ]
 }

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

@@ -66,12 +66,9 @@ var ConditionField = /** @class */ (function (_super) {
                             return onChange(Array.isArray(value) ? value[0] : value);
                         } })));
             } }, function (_a) {
-            var _b;
             var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
             return (react_1.default.createElement("div", { className: cx('CBGroup-field') },
-                react_1.default.createElement(ResultBox_1.default, { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: value
-                        ? (_b = (0, helper_1.findTree)(options, function (item) { return item.name === value; })) === null || _b === void 0 ? void 0 : _b.label
-                        : '', onResultChange: helper_1.noop, onResultClick: onClick, placeholder: __('Condition.field_placeholder'), disabled: disabled },
+                react_1.default.createElement(ResultBox_1.default, { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: value ? (0, helper_1.findTree)(options, function (item) { return item.name === value; }) : '', onResultChange: helper_1.noop, onResultClick: onClick, placeholder: __('Condition.field_placeholder'), disabled: disabled },
                     react_1.default.createElement("span", { className: cx('CBGroup-fieldCaret') },
                         react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" })))));
         }));

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

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Field.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport PopOverContainer from '../PopOverContainer';\nimport ListSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {ClassNamesFn, ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {findTree, noop} from '../../utils/helper';\nimport {localeable, LocaleProps} from '../../locale';\nimport SearchBox from '../SearchBox';\n\nexport interface ConditionFieldProps extends ThemeProps, LocaleProps {\n  options: Array<any>;\n  value: any;\n  onChange: (value: any) => void;\n  disabled?: boolean;\n  fieldClassName?: string;\n  searchable?: boolean;\n}\n\nexport interface ConditionFieldState {\n  options: Array<any>;\n}\n\nconst option2value = (item: any) => item.name;\n\nexport class ConditionField extends React.Component<\n  ConditionFieldProps,\n  ConditionFieldState\n> {\n  constructor(props: ConditionFieldProps) {\n    super(props);\n    this.state = {\n      options: props.options\n    };\n    this.onSearch = this.onSearch.bind(this);\n  }\n\n  onSearch(text: string) {\n    let txt = text.toLowerCase();\n\n    this.setState({\n      options: this.props.options\n        .map((item: any) => {\n          if (item.children) {\n            let children = item.children.filter((child: any) => {\n              return (\n                child.name.toLowerCase().includes(txt) ||\n                child.label.toLowerCase().includes(txt)\n              );\n            });\n            return children.length > 0\n              ? Object.assign({}, item, {children}) // 需要copy一份，防止覆盖原始数据\n              : false;\n          } else {\n            return item.name.toLowerCase().includes(txt) ||\n              item.label.toLowerCase().includes(txt)\n              ? item\n              : false;\n          }\n        })\n        .filter((item: any) => {\n          return !!item;\n        })\n    });\n  }\n\n  // 选了值，还原options\n  onPopClose(e: React.MouseEvent, onClose: () => void) {\n    this.setState({\n      options: this.props.options\n    });\n    onClose();\n  }\n\n  render() {\n    const {\n      options,\n      onChange,\n      value,\n      classnames: cx,\n      fieldClassName,\n      disabled,\n      translate: __,\n      searchable\n    } = this.props;\n    return (\n      <PopOverContainer\n        popOverRender={({onClose}) => (\n          <>\n            {searchable ? (\n              <SearchBox mini={false} onSearch={this.onSearch} />\n            ) : null}\n            <ListSelection\n              multiple={false}\n              onClick={e => this.onPopClose(e, onClose)}\n              options={this.state.options}\n              value={[value]}\n              option2value={option2value}\n              onChange={(value: any) =>\n                onChange(Array.isArray(value) ? value[0] : value)\n              }\n            />\n          </>\n        )}\n      >\n        {({onClick, ref, isOpened}) => (\n          <div className={cx('CBGroup-field')}>\n            <ResultBox\n              className={cx(\n                'CBGroup-fieldInput',\n                fieldClassName,\n                isOpened ? 'is-active' : ''\n              )}\n              ref={ref}\n              allowInput={false}\n              result={\n                value\n                  ? findTree(options, item => item.name === value)?.label\n                  : ''\n              }\n              onResultChange={noop}\n              onResultClick={onClick}\n              placeholder={__('Condition.field_placeholder')}\n              disabled={disabled}\n            >\n              <span className={cx('CBGroup-fieldCaret')}>\n                <Icon icon=\"caret\" className=\"icon\" />\n              </span>\n            </ResultBox>\n          </div>\n        )}\n      </PopOverContainer>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionField));\n"
+        "import React from 'react';\nimport PopOverContainer from '../PopOverContainer';\nimport ListSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {ClassNamesFn, ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {findTree, noop} from '../../utils/helper';\nimport {localeable, LocaleProps} from '../../locale';\nimport SearchBox from '../SearchBox';\n\nexport interface ConditionFieldProps extends ThemeProps, LocaleProps {\n  options: Array<any>;\n  value: any;\n  onChange: (value: any) => void;\n  disabled?: boolean;\n  fieldClassName?: string;\n  searchable?: boolean;\n}\n\nexport interface ConditionFieldState {\n  options: Array<any>;\n}\n\nconst option2value = (item: any) => item.name;\n\nexport class ConditionField extends React.Component<\n  ConditionFieldProps,\n  ConditionFieldState\n> {\n  constructor(props: ConditionFieldProps) {\n    super(props);\n    this.state = {\n      options: props.options\n    };\n    this.onSearch = this.onSearch.bind(this);\n  }\n\n  onSearch(text: string) {\n    let txt = text.toLowerCase();\n\n    this.setState({\n      options: this.props.options\n        .map((item: any) => {\n          if (item.children) {\n            let children = item.children.filter((child: any) => {\n              return (\n                child.name.toLowerCase().includes(txt) ||\n                child.label.toLowerCase().includes(txt)\n              );\n            });\n            return children.length > 0\n              ? Object.assign({}, item, {children}) // 需要copy一份，防止覆盖原始数据\n              : false;\n          } else {\n            return item.name.toLowerCase().includes(txt) ||\n              item.label.toLowerCase().includes(txt)\n              ? item\n              : false;\n          }\n        })\n        .filter((item: any) => {\n          return !!item;\n        })\n    });\n  }\n\n  // 选了值，还原options\n  onPopClose(e: React.MouseEvent, onClose: () => void) {\n    this.setState({\n      options: this.props.options\n    });\n    onClose();\n  }\n\n  render() {\n    const {\n      options,\n      onChange,\n      value,\n      classnames: cx,\n      fieldClassName,\n      disabled,\n      translate: __,\n      searchable\n    } = this.props;\n    return (\n      <PopOverContainer\n        popOverRender={({onClose}) => (\n          <>\n            {searchable ? (\n              <SearchBox mini={false} onSearch={this.onSearch} />\n            ) : null}\n            <ListSelection\n              multiple={false}\n              onClick={e => this.onPopClose(e, onClose)}\n              options={this.state.options}\n              value={[value]}\n              option2value={option2value}\n              onChange={(value: any) =>\n                onChange(Array.isArray(value) ? value[0] : value)\n              }\n            />\n          </>\n        )}\n      >\n        {({onClick, ref, isOpened}) => (\n          <div className={cx('CBGroup-field')}>\n            <ResultBox\n              className={cx(\n                'CBGroup-fieldInput',\n                fieldClassName,\n                isOpened ? 'is-active' : ''\n              )}\n              ref={ref}\n              allowInput={false}\n              result={\n                value ? findTree(options, item => item.name === value) : ''\n              }\n              onResultChange={noop}\n              onResultClick={onClick}\n              placeholder={__('Condition.field_placeholder')}\n              disabled={disabled}\n            >\n              <span className={cx('CBGroup-fieldCaret')}>\n                <Icon icon=\"caret\" className=\"icon\" />\n              </span>\n            </ResultBox>\n          </div>\n        )}\n      </PopOverContainer>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionField));\n"
     ]
 }

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

@@ -49,7 +49,7 @@ var ConditionFunc = /** @class */ (function (_super) {
                 } }, function (_a) {
                 var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
                 return (react_1.default.createElement("div", { className: cx('CBFunc-select') },
-                    react_1.default.createElement(ResultBox_1.default, { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: func === null || func === void 0 ? void 0 : func.label, onResultChange: helper_1.noop, onResultClick: onClick, placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5", disabled: disabled },
+                    react_1.default.createElement(ResultBox_1.default, { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: func, onResultChange: helper_1.noop, onResultClick: onClick, placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5", disabled: disabled },
                         react_1.default.createElement("span", { className: cx('CBGroup-fieldCaret') },
                             react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" })))));
             }),

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

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Func.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Func, ExpressionFunc, Field, Funcs} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport PopOverContainer from '../PopOverContainer';\nimport GroupedSelection from '../GroupedSelection';\nimport {autobind, findTree, noop} from '../../utils/helper';\nimport ResultBox from '../ResultBox';\nimport {Icon} from '../icons';\nimport Expression from './Expression';\nimport {Config} from './config';\n\nexport interface ConditionFuncProps extends ThemeProps {\n  value: ExpressionFunc;\n  onChange: (value: ExpressionFunc) => void;\n  disabled?: boolean;\n  config: Config;\n  fields?: Field[];\n  funcs?: Funcs;\n  allowedTypes?: Array<'value' | 'field' | 'func' | 'formula'>;\n  fieldClassName?: string;\n}\n\nconst option2value = (item: Func) => item.type;\n\nexport class ConditionFunc extends React.Component<ConditionFuncProps> {\n  @autobind\n  handleFuncChange(type: string) {\n    const value = {...this.props.value};\n    value.func = type;\n    this.props.onChange(value);\n  }\n\n  @autobind\n  handleArgChange(arg: any, index: number) {\n    const value = {...this.props.value};\n    value.args = Array.isArray(value.args) ? value.args.concat() : [];\n    value.args.splice(index, 1, arg);\n    this.props.onChange(value);\n  }\n\n  renderFunc(func: Func) {\n    const {classnames: cx, fields, value, funcs, config, disabled} = this.props;\n\n    return (\n      <div className={cx('CBFunc-args')}>\n        <span>(</span>\n        {Array.isArray(func.args) && func.args.length ? (\n          <div>\n            {func.args.map((item, index) => (\n              <Expression\n                config={config}\n                key={index}\n                index={index}\n                fields={fields}\n                value={value?.args[index]}\n                valueField={{type: item.type} as any}\n                onChange={this.handleArgChange}\n                funcs={funcs}\n                disabled={disabled}\n                // allowedTypes={allowedTypes}\n              />\n            ))}\n          </div>\n        ) : null}\n        <span>)</span>\n      </div>\n    );\n  }\n\n  render() {\n    const {value, classnames: cx, fieldClassName, funcs, disabled} = this.props;\n    const func = value\n      ? findTree(funcs!, item => (item as Func).type === value.func)\n      : null;\n\n    return (\n      <div className={cx('CBFunc')}>\n        <PopOverContainer\n          popOverRender={({onClose}) => (\n            <GroupedSelection\n              onClick={onClose}\n              options={funcs!}\n              value={(func as Func)?.type}\n              option2value={option2value}\n              onChange={this.handleFuncChange}\n              multiple={false}\n            />\n          )}\n        >\n          {({onClick, ref, isOpened}) => (\n            <div className={cx('CBFunc-select')}>\n              <ResultBox\n                className={cx(\n                  'CBGroup-fieldInput',\n                  fieldClassName,\n                  isOpened ? 'is-active' : ''\n                )}\n                ref={ref}\n                allowInput={false}\n                result={func?.label}\n                onResultChange={noop}\n                onResultClick={onClick}\n                placeholder=\"请选择字段\"\n                disabled={disabled}\n              >\n                <span className={cx('CBGroup-fieldCaret')}>\n                  <Icon icon=\"caret\" className=\"icon\" />\n                </span>\n              </ResultBox>\n            </div>\n          )}\n        </PopOverContainer>\n\n        {func ? (\n          this.renderFunc(func as Func)\n        ) : (\n          <span className={cx('CBFunc-error')}>方法未定义</span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(ConditionFunc);\n"
+        "import React from 'react';\nimport {Func, ExpressionFunc, Field, Funcs} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport PopOverContainer from '../PopOverContainer';\nimport GroupedSelection from '../GroupedSelection';\nimport {autobind, findTree, noop} from '../../utils/helper';\nimport ResultBox from '../ResultBox';\nimport {Icon} from '../icons';\nimport Expression from './Expression';\nimport {Config} from './config';\n\nexport interface ConditionFuncProps extends ThemeProps {\n  value: ExpressionFunc;\n  onChange: (value: ExpressionFunc) => void;\n  disabled?: boolean;\n  config: Config;\n  fields?: Field[];\n  funcs?: Funcs;\n  allowedTypes?: Array<'value' | 'field' | 'func' | 'formula'>;\n  fieldClassName?: string;\n}\n\nconst option2value = (item: Func) => item.type;\n\nexport class ConditionFunc extends React.Component<ConditionFuncProps> {\n  @autobind\n  handleFuncChange(type: string) {\n    const value = {...this.props.value};\n    value.func = type;\n    this.props.onChange(value);\n  }\n\n  @autobind\n  handleArgChange(arg: any, index: number) {\n    const value = {...this.props.value};\n    value.args = Array.isArray(value.args) ? value.args.concat() : [];\n    value.args.splice(index, 1, arg);\n    this.props.onChange(value);\n  }\n\n  renderFunc(func: Func) {\n    const {classnames: cx, fields, value, funcs, config, disabled} = this.props;\n\n    return (\n      <div className={cx('CBFunc-args')}>\n        <span>(</span>\n        {Array.isArray(func.args) && func.args.length ? (\n          <div>\n            {func.args.map((item, index) => (\n              <Expression\n                config={config}\n                key={index}\n                index={index}\n                fields={fields}\n                value={value?.args[index]}\n                valueField={{type: item.type} as any}\n                onChange={this.handleArgChange}\n                funcs={funcs}\n                disabled={disabled}\n                // allowedTypes={allowedTypes}\n              />\n            ))}\n          </div>\n        ) : null}\n        <span>)</span>\n      </div>\n    );\n  }\n\n  render() {\n    const {value, classnames: cx, fieldClassName, funcs, disabled} = this.props;\n    const func = value\n      ? findTree(funcs!, item => (item as Func).type === value.func)\n      : null;\n\n    return (\n      <div className={cx('CBFunc')}>\n        <PopOverContainer\n          popOverRender={({onClose}) => (\n            <GroupedSelection\n              onClick={onClose}\n              options={funcs!}\n              value={(func as Func)?.type}\n              option2value={option2value}\n              onChange={this.handleFuncChange}\n              multiple={false}\n            />\n          )}\n        >\n          {({onClick, ref, isOpened}) => (\n            <div className={cx('CBFunc-select')}>\n              <ResultBox\n                className={cx(\n                  'CBGroup-fieldInput',\n                  fieldClassName,\n                  isOpened ? 'is-active' : ''\n                )}\n                ref={ref}\n                allowInput={false}\n                result={func}\n                onResultChange={noop}\n                onResultClick={onClick}\n                placeholder=\"请选择字段\"\n                disabled={disabled}\n              >\n                <span className={cx('CBGroup-fieldCaret')}>\n                  <Icon icon=\"caret\" className=\"icon\" />\n                </span>\n              </ResultBox>\n            </div>\n          )}\n        </PopOverContainer>\n\n        {func ? (\n          this.renderFunc(func as Func)\n        ) : (\n          <span className={cx('CBFunc-error')}>方法未定义</span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(ConditionFunc);\n"
     ]
 }

package/lib/components/formula/Editor.d.ts

@@ -34,6 +34,9 @@ export interface FormulaEditorProps extends ThemeProps, LocaleProps {
      * 用于提示的变量集合，默认为空
      */
     variables: Array<VariableItem>;
+    /**
+     * 变量展现模式，可选值：'tabs' ｜ 'tree'
+     */
     variableMode?: 'tabs' | 'tree';
     /**
      * 函数集合，默认不需要传，即  amis-formula 里面那个函数

package/lib/components/formula/Editor.js

@@ -105,8 +105,9 @@ var FormulaEditor = /** @class */ (function (_super) {
         return (react_1.default.createElement("div", { className: cx("FormulaEditor", {
                 'is-focused': focused
             }) },
-            react_1.default.createElement("div", { className: cx("FormulaEditor-header") }, header !== null && header !== void 0 ? header : '表达式'),
-            react_1.default.createElement(CodeMirror_1.default, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur }),
+            react_1.default.createElement("div", { className: cx("FormulaEditor-content") },
+                react_1.default.createElement("div", { className: cx("FormulaEditor-header") }, header !== null && header !== void 0 ? header : '表达式'),
+                react_1.default.createElement(CodeMirror_1.default, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur })),
             react_1.default.createElement("div", { className: cx('FormulaEditor-settings') },
                 Array.isArray(functions) && functions.length ? (react_1.default.createElement("div", null,
                     react_1.default.createElement("h3", null, "\u53D8\u91CF"),

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

@@ -6,8 +6,8 @@
         "/src/components/formula/Editor.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,iDAA8C;AAC9C,mCAAsD;AACtD,6CAA0C;AAC1C,qEAAkC;AAClC,+CAA4C;AAC5C,6CAAmC;AACnC,6CAA4C;AAC5C,0EAA6C;AAC7C,qCAAkD;AAClD,uCAAqD;AAmErD;IAAmC,8CAGlC;IAHD;QAAA,qEAiLC;QA7KC,WAAK,GAAiB;YACpB,OAAO,EAAE,KAAK;SACf,CAAC;;IA2KJ,CAAC;IAxKQ,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;IAWM,4BAAc,GAArB,UACE,KAAa,EACb,SAA8B,EAC9B,SAA2B;QAE3B,cAAc;QACd,OAAO,KAAK,CAAC;IACf,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,KAAG,IAAI,CAAC,IAAM,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;IAGD,4CAAoB,GAApB,UAAqB,IAAkB;;QACrC,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,KAOF,IAAI,CAAC,KAAK,EANZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACA,EAAE,gBACF,CAAC;QACR,IAAA,OAAO,GAAI,IAAI,CAAC,KAAK,QAAd,CAAe;QAE7B,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE;gBAC7B,YAAY,EAAE,OAAO;aACtB,CAAC;YAEF,uCAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;gBACzC,uCAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAO;gBAEnE,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,GACL,CAChB;YAEN,uCAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;gBACzC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9C;oBACE,yDAAW;oBACX,8BAAC,2BAAY,IACX,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAC7B,UAAU,EAAE,YAAY,EACxB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,IAAI,CAAC,oBAAoB,GACnC,CACE,CACP,CAAC,CAAC,CAAC,IAAI;gBACP,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9C;oBACE,yDAAW;oBACX,8BAAC,kBAAQ,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,oBAAoB,GAAI,CAC9D,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;IACJ,CAAC;;;;IA9IM,0BAAY,GAGf;QACF,SAAS,EAAE,EAAI,CAAC,qBAAqB,CAAC,SAAG,CAAC;QAC1C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,IAAI;KACd,CAAA;IAgBF;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;;;;6DASR;IAGD;QADC,iBAAQ;;;;uDAIR;IAGD;QADC,iBAAQ;;0EACU,WAAW,oBAAX,WAAW;;sDAE7B;IAuDH,oBAAC;CAAA,AAjLD,CAAmC,eAAK,CAAC,SAAS,GAiLjD;AAjLY,sCAAa;AAmL1B,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",
     "sourcesContent": [
-        "/**\n * @file 公式编辑器\n */\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport {FormulaPlugin, editorFactory} from './plugin';\nimport {doc} from 'amis-formula/dist/doc';\nimport FuncList from './FuncList';\nimport {VariableList} from './VariableList';\nimport {parse} from 'amis-formula';\nimport {autobind} from '../../utils/helper';\nimport CodeMirrorEditor from '../CodeMirror';\nimport {themeable, ThemeProps} from '../../theme';\nimport {localeable, LocaleProps} from '../../locale';\n\nexport interface VariableItem {\n  label: string;\n  value?: string;\n  children?: Array<VariableItem>;\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  [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  variableMode?: 'tabs' | 'tree';\n\n  /**\n   * 函数集合，默认不需要传，即  amis-formula 里面那个函数\n   * 如果有扩充，则需要传。\n   */\n  functions: Array<FuncGroup>;\n\n  /**\n   * 顶部标题，默认为表达式\n   */\n  header: 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<\n    FormulaEditorProps,\n    'functions' | 'variables' | 'evalMode'\n  > = {\n    functions: this.buildDefaultFunctions(doc),\n    variables: [],\n    evalMode: true\n  };\n\n  static highlightValue(\n    value: string,\n    variables: Array<VariableItem>,\n    functions: Array<FuncGroup>\n  ) {\n    // todo 高亮原始文本\n    return value;\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    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      classnames: cx\n    } = this.props;\n    const {focused} = this.state;\n\n    return (\n      <div\n        className={cx(`FormulaEditor`, {\n          'is-focused': focused\n        })}\n      >\n        <div className={cx(`FormulaEditor-header`)}>{header ?? '表达式'}</div>\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        ></CodeMirrorEditor>\n\n        <div className={cx('FormulaEditor-settings')}>\n          {Array.isArray(functions) && functions.length ? (\n            <div>\n              <h3>变量</h3>\n              <VariableList\n                className={cx('VariableList')}\n                selectMode={variableMode}\n                data={variables}\n                onSelect={this.handleVariableSelect}\n              />\n            </div>\n          ) : null}\n          {Array.isArray(variables) && variables.length ? (\n            <div>\n              <h3>函数</h3>\n              <FuncList data={functions} onSelect={this.handleFunctionSelect} />\n            </div>\n          ) : null}\n        </div>\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 {FormulaPlugin, editorFactory} from './plugin';\nimport {doc} from 'amis-formula/dist/doc';\nimport FuncList from './FuncList';\nimport {VariableList} from './VariableList';\nimport {parse} from 'amis-formula';\nimport {autobind} from '../../utils/helper';\nimport CodeMirrorEditor from '../CodeMirror';\nimport {themeable, ThemeProps} from '../../theme';\nimport {localeable, LocaleProps} from '../../locale';\n\nexport interface VariableItem {\n  label: string;\n  value?: string;\n  children?: Array<VariableItem>;\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  [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\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<\n    FormulaEditorProps,\n    'functions' | 'variables' | 'evalMode'\n  > = {\n    functions: this.buildDefaultFunctions(doc),\n    variables: [],\n    evalMode: true\n  };\n\n  static highlightValue(\n    value: string,\n    variables: Array<VariableItem>,\n    functions: Array<FuncGroup>\n  ) {\n    // todo 高亮原始文本\n    return value;\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    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      classnames: cx\n    } = this.props;\n    const {focused} = this.state;\n\n    return (\n      <div\n        className={cx(`FormulaEditor`, {\n          'is-focused': focused\n        })}\n      >\n        <div className={cx(`FormulaEditor-content`)}>\n          <div className={cx(`FormulaEditor-header`)}>{header ?? '表达式'}</div>\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          ></CodeMirrorEditor>\n        </div>\n\n        <div className={cx('FormulaEditor-settings')}>\n          {Array.isArray(functions) && functions.length ? (\n            <div>\n              <h3>变量</h3>\n              <VariableList\n                className={cx('VariableList')}\n                selectMode={variableMode}\n                data={variables}\n                onSelect={this.handleVariableSelect}\n              />\n            </div>\n          ) : null}\n          {Array.isArray(variables) && variables.length ? (\n            <div>\n              <h3>函数</h3>\n              <FuncList data={functions} onSelect={this.handleFunctionSelect} />\n            </div>\n          ) : null}\n        </div>\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/FuncList.js

@@ -27,7 +27,8 @@ function FuncList(props) {
         react_1.default.createElement("div", { className: cx('FormulaFuncList-columns') },
             react_1.default.createElement(CollapseGroup_1.default, { className: "FormulaFuncList-group", defaultActiveKey: (_a = filteredFuncs[0]) === null || _a === void 0 ? void 0 : _a.groupName, accordion: true }, filteredFuncs.map(function (item) { return (react_1.default.createElement(Collapse_1.default, { headingClassName: "FormulaFuncList-groupTitle", bodyClassName: "FormulaFuncList-groupBody", propKey: item.groupName, header: item.groupName, key: item.groupName }, item.items.map(function (item) { return (react_1.default.createElement("div", { className: cx("FormulaFuncList-funcItem " + (item.name === (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? 'is-active' : '')), onMouseEnter: function () { return setActiveFunc(item); }, onClick: function () { var _a; return (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, item); }, key: item.name }, item.name)); }))); })),
             react_1.default.createElement("div", { className: cx('FormulaFuncList-column') }, activeFunc ? (react_1.default.createElement("div", { className: cx('FormulaFuncList-funcDetail') },
-                react_1.default.createElement("p", null, activeFunc.example),
+                react_1.default.createElement("pre", null,
+                    react_1.default.createElement("code", null, activeFunc.example)),
                 react_1.default.createElement("div", null, activeFunc.description))) : null))));
 }
 exports.FuncList = FuncList;

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

@@ -6,8 +6,8 @@
         "/src/components/formula/FuncList.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAC1B,qCAAkD;AAClD,sEAAmC;AACnC,gFAA6C;AAC7C,wEAAqC;AAQrC,SAAgB,QAAQ,CAAC,KAAoB;;IAC3C,IAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC;IACtB,IAAA,KAAmC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAA5D,aAAa,QAAA,EAAE,eAAe,QAA8B,CAAC;IAC9D,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAM,IAAI,CAAC,EAAtD,UAAU,QAAA,EAAE,aAAa,QAA6B,CAAC;IAC9D,SAAS,QAAQ,CAAC,IAAY;QAC5B,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI;aACxB,GAAG,CAAC,UAAA,IAAI;YACP,uDACK,IAAI,KACP,KAAK,EAAE,IAAI;oBACT,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAtC,CAAsC,CAAC;oBACnE,CAAC,CAAC,IAAI,CAAC,KAAK,IACd;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAjB,CAAiB,CAAC,CAAC;QACrC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC;QACnC,8BAAC,mBAAS,IACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,QAAQ,GAClB;QACF,uCAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;YAC3C,8BAAC,uBAAa,IACZ,SAAS,EAAC,uBAAuB,EACjC,gBAAgB,EAAE,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,SAAS,EAC7C,SAAS,UAER,aAAa,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACzB,8BAAC,kBAAQ,IACP,gBAAgB,EAAC,4BAA4B,EAC7C,aAAa,EAAC,2BAA2B,EACzC,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,GAAG,EAAE,IAAI,CAAC,SAAS,IAElB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACtB,uCACE,SAAS,EAAE,EAAE,CACX,+BACE,IAAI,CAAC,IAAI,MAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CACjD,CACH,EACD,YAAY,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,EACvC,OAAO,EAAE,sBAAM,OAAA,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,IAAI,CAAC,CAAA,EAAA,EACrC,GAAG,EAAE,IAAI,CAAC,IAAI,IAEb,IAAI,CAAC,IAAI,CACN,CACP,EAbuB,CAavB,CAAC,CACO,CACZ,EAvB0B,CAuB1B,CAAC,CACY;YAChB,uCAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IACzC,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;gBAC9C,yCAAI,UAAU,CAAC,OAAO,CAAK;gBAC3B,2CAAM,UAAU,CAAC,WAAW,CAAO,CAC/B,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAnED,4BAmEC;AAED,kBAAe,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {themeable, ThemeProps} from '../../theme';\nimport Collapse from '../Collapse';\nimport CollapseGroup from '../CollapseGroup';\nimport SearchBox from '../SearchBox';\nimport type {FuncGroup, FuncItem} from './Editor';\n\nexport interface FuncListProps extends ThemeProps {\n  data: Array<FuncGroup>;\n  onSelect?: (item: FuncItem) => void;\n}\n\nexport function FuncList(props: FuncListProps) {\n  const cx = props.classnames;\n  const [filteredFuncs, setFiteredFuncs] = React.useState(props.data);\n  const [activeFunc, setActiveFunc] = React.useState<any>(null);\n  function onSearch(term: string) {\n    const filtered = props.data\n      .map(item => {\n        return {\n          ...item,\n          items: term\n            ? item.items.filter(item => ~item.name.indexOf(term.toUpperCase()))\n            : item.items\n        };\n      })\n      .filter(item => item.items.length);\n    setFiteredFuncs(filtered);\n  }\n\n  return (\n    <div className={cx('FormulaFuncList')}>\n      <SearchBox\n        className=\"FormulaFuncList-searchBox\"\n        mini={false}\n        onSearch={onSearch}\n      />\n      <div className={cx('FormulaFuncList-columns')}>\n        <CollapseGroup\n          className=\"FormulaFuncList-group\"\n          defaultActiveKey={filteredFuncs[0]?.groupName}\n          accordion\n        >\n          {filteredFuncs.map(item => (\n            <Collapse\n              headingClassName=\"FormulaFuncList-groupTitle\"\n              bodyClassName=\"FormulaFuncList-groupBody\"\n              propKey={item.groupName}\n              header={item.groupName}\n              key={item.groupName}\n            >\n              {item.items.map(item => (\n                <div\n                  className={cx(\n                    `FormulaFuncList-funcItem ${\n                      item.name === activeFunc?.name ? 'is-active' : ''\n                    }`\n                  )}\n                  onMouseEnter={() => setActiveFunc(item)}\n                  onClick={() => props.onSelect?.(item)}\n                  key={item.name}\n                >\n                  {item.name}\n                </div>\n              ))}\n            </Collapse>\n          ))}\n        </CollapseGroup>\n        <div className={cx('FormulaFuncList-column')}>\n          {activeFunc ? (\n            <div className={cx('FormulaFuncList-funcDetail')}>\n              <p>{activeFunc.example}</p>\n              <div>{activeFunc.description}</div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default themeable(FuncList);\n"
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../../theme';\nimport Collapse from '../Collapse';\nimport CollapseGroup from '../CollapseGroup';\nimport SearchBox from '../SearchBox';\nimport type {FuncGroup, FuncItem} from './Editor';\n\nexport interface FuncListProps extends ThemeProps {\n  data: Array<FuncGroup>;\n  onSelect?: (item: FuncItem) => void;\n}\n\nexport function FuncList(props: FuncListProps) {\n  const cx = props.classnames;\n  const [filteredFuncs, setFiteredFuncs] = React.useState(props.data);\n  const [activeFunc, setActiveFunc] = React.useState<any>(null);\n  function onSearch(term: string) {\n    const filtered = props.data\n      .map(item => {\n        return {\n          ...item,\n          items: term\n            ? item.items.filter(item => ~item.name.indexOf(term.toUpperCase()))\n            : item.items\n        };\n      })\n      .filter(item => item.items.length);\n    setFiteredFuncs(filtered);\n  }\n\n  return (\n    <div className={cx('FormulaFuncList')}>\n      <SearchBox\n        className=\"FormulaFuncList-searchBox\"\n        mini={false}\n        onSearch={onSearch}\n      />\n      <div className={cx('FormulaFuncList-columns')}>\n        <CollapseGroup\n          className=\"FormulaFuncList-group\"\n          defaultActiveKey={filteredFuncs[0]?.groupName}\n          accordion\n        >\n          {filteredFuncs.map(item => (\n            <Collapse\n              headingClassName=\"FormulaFuncList-groupTitle\"\n              bodyClassName=\"FormulaFuncList-groupBody\"\n              propKey={item.groupName}\n              header={item.groupName}\n              key={item.groupName}\n            >\n              {item.items.map(item => (\n                <div\n                  className={cx(\n                    `FormulaFuncList-funcItem ${\n                      item.name === activeFunc?.name ? 'is-active' : ''\n                    }`\n                  )}\n                  onMouseEnter={() => setActiveFunc(item)}\n                  onClick={() => props.onSelect?.(item)}\n                  key={item.name}\n                >\n                  {item.name}\n                </div>\n              ))}\n            </Collapse>\n          ))}\n        </CollapseGroup>\n        <div className={cx('FormulaFuncList-column')}>\n          {activeFunc ? (\n            <div className={cx('FormulaFuncList-funcDetail')}>\n              <pre>\n                <code>{activeFunc.example}</code>\n              </pre>\n              <div>{activeFunc.description}</div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default themeable(FuncList);\n"
     ]
 }

package/lib/components/formula/Picker.js

@@ -28,7 +28,7 @@ var FormulaPicker = /** @class */ (function (_super) {
                 return react_1.default.createElement(Editor_2.default, (0, tslib_1.__assign)({}, rest, { value: value, onChange: onChange }));
             }, value: value, onConfirm: this.handleConfirm, size: 'md' }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (react_1.default.createElement(ResultBox_1.default, { className: cx('FormulaPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: Editor_1.FormulaEditor.highlightValue(value, rest.variables, rest.functions), onResultClick: onClick, disabled: disabled, borderMode: borderMode },
+            return (react_1.default.createElement(ResultBox_1.default, { className: cx('FormulaPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: Editor_1.FormulaEditor.highlightValue(value, rest.variables, rest.functions), onResultChange: helper_1.noop, onResultClick: onClick, disabled: disabled, borderMode: borderMode },
                 react_1.default.createElement("span", { className: cx('FormulaPicker-icon') },
                     react_1.default.createElement(icons_1.Icon, { icon: "pencil", className: "icon" }))));
         }));