amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

package/lib/components/formula/Editor.js

@@ -1,444 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-var plugin = require('./plugin.js');
-var FuncList = require('./FuncList.js');
-var VariableList = require('./VariableList.js');
-var Toast = require('../Toast.js');
-var Switch = require('../Switch.js');
-var CodeEditor = require('./CodeEditor.js');
-var amisFormula = require('amis-formula');
-var Transition = require('react-transition-group/Transition');
-var Editor$1 = require('../Editor.js');
-var debounce = require('lodash/debounce');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-var _a;
-var collapseStyles = (_a = {},
-    _a[Transition.EXITED] = 'out',
-    _a[Transition.EXITING] = 'out',
-    _a[Transition.ENTERING] = 'in',
-    _a);
-var FormulaEditor = /** @class */ (function (_super) {
-    tslib.__extends(FormulaEditor, _super);
-    function FormulaEditor(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            focused: false,
-            isCodeMode: false,
-            showRunPanel: false,
-            expandTree: false,
-            functions: _this.props.functions,
-            runContext: '{\n}',
-            runResult: '',
-            runValid: false
-        };
-        _this.unmounted = false;
-        _this.editor = React__default["default"].createRef();
-        _this.runCode = debounce__default["default"](_this.runCode.bind(_this), 250, {
-            leading: false,
-            trailing: true
-        });
-        return _this;
-    }
-    FormulaEditor.buildFunctions = function (functions, functionsFilter) {
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var builtInFunctions, customFunctions, functionList;
-            return tslib.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, amisFormula.getFunctionsDoc()];
-                    case 1:
-                        builtInFunctions = _a.sent();
-                        customFunctions = Array.isArray(functions) ? functions : [];
-                        functionList = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(builtInFunctions), false), tslib.__read(customFunctions), false);
-                        if (functionsFilter) {
-                            return [2 /*return*/, functionsFilter(functionList)];
-                        }
-                        return [2 /*return*/, functionList];
-                }
-            });
-        });
-    };
-    FormulaEditor.replaceStrByIndex = function (str, idx, key, replaceKey) {
-        var from = str.slice(0, idx);
-        var left = str.slice(idx);
-        return from + left.replace(key, replaceKey);
-    };
-    FormulaEditor.getRegExpByMode = function (evalMode, key) {
-        var reg = evalMode
-            ? "\\b".concat(key, "\\b")
-            : "\\$\\{[^\\{\\}]*\\b".concat(key, "\\b[^\\{\\}]*\\}");
-        return new RegExp(reg);
-    };
-    /**
-     * 干不掉，太多地方使用了，但是要废弃了。
-     * 不要用了，输入框也换成 codemirror 了，本身就支持高亮
-     * @deprecated
-     * @param value
-     * @param variables
-     * @param evalMode
-     * @returns
-     */
-    FormulaEditor.highlightValue = function (value, variables, evalMode, sourceCode) {
-        if (evalMode === void 0) { evalMode = true; }
-        if (sourceCode === void 0) { sourceCode = true; }
-        if (!Array.isArray(variables) || !variables.length || !value) {
-            return;
-        }
-        if (typeof value !== 'string') {
-            try {
-                value = JSON.stringify(value);
-            }
-            catch (error) {
-                console.error('[amis][formula] given value is not a string');
-                value = '';
-            }
-        }
-        var varMap = {};
-        amisCore.eachTree(variables, function (item) {
-            var _a;
-            if (item.value) {
-                var key = item.value;
-                varMap[key] = (_a = item.path) !== null && _a !== void 0 ? _a : item.label;
-            }
-        });
-        var vars = Object.keys(varMap)
-            .filter(function (item) { return item; })
-            .sort(function (a, b) { return b.length - a.length; });
-        var content = value || '';
-        var html = '';
-        // 标记方法调用
-        html = content.replace(/([A-Z]+)\s*\(/g, function (_, func, pos) {
-            return _ === null || _ === void 0 ? void 0 : _.replace(func, "<span class=\"c-func\">".concat(func, "</span>"));
-        });
-        var REPLACE_KEY = 'AMIS_FORMULA_REPLACE_KEY';
-        vars.forEach(function (v) {
-            var from = 0;
-            var idx = -1;
-            while (~(idx = content.indexOf(v, from))) {
-                var encodeHtml = FormulaEditor.replaceStrByIndex(html, idx, v, REPLACE_KEY);
-                var reg = FormulaEditor.getRegExpByMode(evalMode, REPLACE_KEY);
-                // 如果匹配到则高亮，没有匹配到替换成原值
-                if (reg.test(encodeHtml)) {
-                    html = encodeHtml.replace(REPLACE_KEY, "<span class=\"c-field\">".concat(sourceCode ? v : varMap[v], "</span>"));
-                }
-                else {
-                    html = encodeHtml.replace(REPLACE_KEY, v);
-                }
-                from = idx + v.length;
-            }
-        });
-        return { html: html };
-    };
-    FormulaEditor.prototype.componentDidMount = function () {
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var functionList;
-            return tslib.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, FormulaEditor.buildFunctions()];
-                    case 1:
-                        functionList = _a.sent();
-                        if (this.unmounted) {
-                            return [2 /*return*/];
-                        }
-                        if (!this.state.functions) {
-                            this.setState({
-                                functions: functionList
-                            });
-                        }
-                        else {
-                            this.setState({
-                                functions: tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(functionList), false), tslib.__read(this.state.functions), false)
-                            });
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    FormulaEditor.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.functions !== this.props.functions) {
-            this.setState({
-                functions: this.props.functions
-            });
-        }
-    };
-    FormulaEditor.prototype.componentWillUnmount = function () {
-        this.unmounted = true;
-        this.runCode.cancel();
-    };
-    FormulaEditor.prototype.handleFocus = function () {
-        this.setState({
-            focused: true
-        });
-    };
-    FormulaEditor.prototype.handleBlur = function () {
-        this.setState({
-            focused: false
-        });
-    };
-    FormulaEditor.prototype.getEditor = function () {
-        var ref = this.editor.current;
-        while (ref === null || ref === void 0 ? void 0 : ref.getWrappedInstance) {
-            ref = ref.getWrappedInstance();
-        }
-        return ref;
-    };
-    FormulaEditor.prototype.insertValue = function (value, type) {
-        var _a;
-        (_a = this.getEditor()) === null || _a === void 0 ? void 0 : _a.insertContent(value, type);
-    };
-    FormulaEditor.prototype.validate = function () {
-        var value = this.props.value;
-        try {
-            value
-                ? amisCore.parse(value, {
-                    evalMode: this.props.evalMode
-                })
-                : null;
-        }
-        catch (e) {
-            return e.message;
-        }
-        return;
-    };
-    FormulaEditor.prototype.handleFunctionSelect = function (item) {
-        var _a;
-        (_a = this.getEditor()) === null || _a === void 0 ? void 0 : _a.insertContent("".concat(item.name), 'func');
-    };
-    FormulaEditor.prototype.handleVariableSelect = function (item) {
-        var _a;
-        var selfVariableName = this.props.selfVariableName;
-        if (item &&
-            item.value &&
-            selfVariableName &&
-            selfVariableName === item.value) {
-            Toast.toast.warning('不能使用当前变量[self]，避免循环引用。');
-            return;
-        }
-        if (!item.value) {
-            return;
-        }
-        (_a = this.getEditor()) === null || _a === void 0 ? void 0 : _a.insertContent(item.isMember
-            ? item.value
-            : {
-                key: item.value,
-                name: item.label,
-                path: item.path
-                // chunks: item.chunks
-            }, item.isMember ? undefined : 'variable', 'cm-field', !this.state.isCodeMode);
-    };
-    FormulaEditor.prototype.handleOnChange = function (value) {
-        var onChange = this.props.onChange;
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        this.runCode();
-    };
-    FormulaEditor.prototype.editorFactory = function (dom, cm) {
-        var _a = this.props; _a.editorOptions; var rest = tslib.__rest(_a, ["editorOptions"]);
-        return plugin.editorFactory(dom, cm, rest, {
-            lineWrapping: true,
-            autoFocus: true
-        });
-    };
-    FormulaEditor.prototype.handleIsCodeModeChange = function (showCode) {
-        var _this = this;
-        // 重置一下value
-        // this.getEditor()?.setValue(this.getEditor()?.getValue());
-        // 非源码模式，则mark一下
-        // !showCode && this.getEditor()?.autoMarkText();
-        this.setState({ isCodeMode: showCode }, function () { var _a; return (_a = _this.getEditor()) === null || _a === void 0 ? void 0 : _a.setDisableAutoMark(showCode ? true : false); });
-    };
-    FormulaEditor.prototype.toggleRunPanel = function () {
-        this.setState({
-            showRunPanel: !this.state.showRunPanel
-        }, this.runCode);
-    };
-    FormulaEditor.prototype.handleRunContextChange = function (value) {
-        this.setState({ runContext: value }, this.runCode);
-    };
-    FormulaEditor.prototype.runCode = function () {
-        return tslib.__awaiter(this, void 0, void 0, function () {
-            var value, runContext, code, result, e_1;
-            return tslib.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        value = this.props.value || '';
-                        if (!this.state.showRunPanel) {
-                            return [2 /*return*/];
-                        }
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        // 因为 resolveVariableAndFilterForAsync 不会报语法错误
-                        amisCore.parse(value, {
-                            evalMode: this.props.evalMode
-                        });
-                        runContext = JSON.parse(this.state.runContext);
-                        code = this.props.evalMode ? "${".concat(value, "}") : value;
-                        return [4 /*yield*/, amisCore.resolveVariableAndFilterForAsync(code, runContext)];
-                    case 2:
-                        result = _a.sent();
-                        this.unmounted ||
-                            this.setState({
-                                runValid: true,
-                                runResult: JSON.stringify(result)
-                            });
-                        return [3 /*break*/, 4];
-                    case 3:
-                        e_1 = _a.sent();
-                        this.unmounted ||
-                            this.setState({
-                                runValid: false,
-                                runResult: e_1.message
-                            });
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    FormulaEditor.prototype.handleExpandTreeChange = function (expand) {
-        this.setState({ expandTree: expand });
-    };
-    FormulaEditor.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, header = _a.header, value = _a.value, variables = _a.variables, variableMode = _a.variableMode, __ = _a.translate, cx = _a.classnames, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, classPrefix = _a.classPrefix, selfVariableName = _a.selfVariableName, evalMode = _a.evalMode, simplifyMemberOprs = _a.simplifyMemberOprs, _b = _a.enableRunPanel, enableRunPanel = _b === void 0 ? true : _b;
-        var _c = this.state, focused = _c.focused, isCodeMode = _c.isCodeMode, showRunPanel = _c.showRunPanel, expandTree = _c.expandTree, functions = _c.functions, runContext = _c.runContext, runResult = _c.runResult, runValid = _c.runValid;
-        return (_J$X_("div", { className: cx("FormulaEditor", {
-                'is-focused': focused
-            }) },
-            _J$X_("section", { className: cx('FormulaEditor-settings') },
-                _J$X_(FuncList["default"], { className: functionClassName, title: __('FormulaEditor.function'), data: functions || [], onSelect: this.handleFunctionSelect }),
-                _J$X_("div", { className: cx("FormulaEditor-content") },
-                    _J$X_("header", { className: cx("FormulaEditor-header") },
-                        __(header || 'FormulaEditor.title'),
-                        enableRunPanel ? (_J$X_("div", { className: cx("FormulaEditor-header-toolbar m-l") },
-                            _J$X_("span", null, __('FormulaEditor.run')),
-                            _J$X_(Switch["default"], { value: showRunPanel, onChange: this.toggleRunPanel }))) : null,
-                        _J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
-                            _J$X_("span", null, __('FormulaEditor.sourceMode')),
-                            _J$X_(Switch["default"], { value: isCodeMode, onChange: this.handleIsCodeModeChange }))),
-                    _J$X_(CodeEditor["default"], { evalMode: evalMode, functions: functions, variables: variables, className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, ref: this.editor, onFocus: this.handleFocus, onBlur: this.handleBlur, autoFocus: true }),
-                    _J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, key: "run-panel", in: showRunPanel, timeout: 300 }, function (status) {
-                        return (_J$X_("div", { className: cx("FormulaEditor-runPanel", collapseStyles[status]) },
-                            _J$X_("div", { className: cx("FormulaEditor-runPanel-context") },
-                                _J$X_("header", null, __('FormulaEditor.runContext')),
-                                _J$X_("div", null,
-                                    _J$X_(Editor$1["default"], { value: runContext, onChange: _this.handleRunContextChange, language: "json", options: {
-                                            tabSize: 2,
-                                            lineNumbers: false
-                                        } }))),
-                            _J$X_("div", { className: cx("FormulaEditor-runPanel-result", runValid ? '' : 'is-error') },
-                                _J$X_("header", null, __('FormulaEditor.runResult')),
-                                _J$X_("div", null, runResult))));
-                    })),
-                _J$X_("div", { className: cx('FormulaEditor-panel', 'right') },
-                    variableMode !== 'tabs' ? (_J$X_("div", { className: cx('FormulaEditor-panel-header') },
-                        __('FormulaEditor.variable'),
-                        variableMode === 'tree' ? (_J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
-                            _J$X_("span", null, __('FormulaEditor.toggleAll')),
-                            _J$X_(Switch["default"], { value: expandTree, onChange: this.handleExpandTreeChange }))) : null)) : null,
-                    _J$X_("div", { className: cx('FormulaEditor-panel-body', variableMode && "FormulaEditor-panel-body--".concat(variableMode)) },
-                        _J$X_(VariableList["default"], { classPrefix: classPrefix, className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root', variableClassName), expandTree: expandTree, selectMode: variableMode, data: variables, onSelect: this.handleVariableSelect, selfVariableName: selfVariableName, simplifyMemberOprs: simplifyMemberOprs }))))));
-    };
-    FormulaEditor.defaultProps = {
-        variables: [],
-        evalMode: true
-    };
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleFocus", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleBlur", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object, String]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "insertValue", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "validate", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleFunctionSelect", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleVariableSelect", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleOnChange", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [HTMLElement, Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "editorFactory", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Boolean]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleIsCodeModeChange", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "toggleRunPanel", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [String]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleRunContextChange", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Boolean]),
-        tslib.__metadata("design:returntype", void 0)
-    ], FormulaEditor.prototype, "handleExpandTreeChange", null);
-    return FormulaEditor;
-}(React__default["default"].Component));
-var Editor = amisCore.uncontrollable(amisCore.themeable(amisCore.localeable(FormulaEditor)), {
-    value: 'onChange'
-}, ['validate']);
-
-exports.FormulaEditor = FormulaEditor;
-exports["default"] = Editor;

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

@@ -1,46 +0,0 @@
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ThemeProps } from 'amis-core';
-import type { FuncGroup, FuncItem } from './CodeEditor';
-export interface FuncListProps extends ThemeProps {
-    title?: string;
-    descClassName?: string;
-    bodyClassName?: string;
-    data: Array<FuncGroup>;
-    onSelect?: (item: FuncItem) => void;
-}
-export declare function FuncList(props: FuncListProps): React.JSX.Element;
-declare const _default: {
-    new (props: Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
-        ref: any;
-        childRef(ref: any): void;
-        getWrappedInstance(): any;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FuncListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof FuncList>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof FuncList, {}> & {
-    ComposedComponent: typeof FuncList;
-};
-export default _default;

package/lib/components/formula/FuncList.js

@@ -1,75 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-var Collapse = require('../Collapse.js');
-var CollapseGroup = require('../CollapseGroup.js');
-var SearchBox = require('../SearchBox.js');
-var TooltipWrapper = require('../TooltipWrapper.js');
-var icons = require('../icons.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-function FuncList(props) {
-    var _a;
-    var title = props.title, className = props.className, cx = props.classnames, bodyClassName = props.bodyClassName, descClassName = props.descClassName, mobileUI = props.mobileUI;
-    var _b = tslib.__read(React__default["default"].useState(''), 2), term = _b[0], setTerm = _b[1];
-    var _c = tslib.__read(React__default["default"].useState(props.data), 2), filteredFuncs = _c[0], setFiteredFuncs = _c[1];
-    var _d = tslib.__read(React__default["default"].useState(null), 2), activeFunc = _d[0], setActiveFunc = _d[1];
-    var onSearch = React__default["default"].useCallback(function (term) {
-        var filtered = props.data
-            .map(function (item) {
-            return tslib.__assign(tslib.__assign({}, item), { items: term
-                    ? item.items.filter(function (item) { return ~item.name.indexOf(term.toUpperCase()); })
-                    : item.items });
-        })
-            .filter(function (item) { return item.items.length; });
-        setFiteredFuncs(filtered);
-    }, [props.data]);
-    React__default["default"].useEffect(function () {
-        onSearch(term);
-    }, [props.data]);
-    return (_J$X_("div", { className: cx('FormulaEditor-panel', 'left', className) },
-        _J$X_("div", { className: cx('FormulaEditor-FuncList', (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? 'withDoc' : '') },
-            _J$X_("div", { className: cx('FormulaEditor-panel-header') }, title),
-            _J$X_("div", { className: cx('FormulaEditor-panel-body') },
-                _J$X_("div", { className: cx('FormulaEditor-FuncList-searchBox') },
-                    _J$X_(SearchBox["default"], { value: term, onChange: setTerm, mini: false, onSearch: onSearch, mobileUI: mobileUI })),
-                _J$X_("div", { className: cx('FormulaEditor-FuncList-body', bodyClassName) },
-                    _J$X_(CollapseGroup["default"], { className: cx('FormulaEditor-FuncList-collapseGroup'), defaultActiveKey: (_a = filteredFuncs[0]) === null || _a === void 0 ? void 0 : _a.groupName, expandIcon: _J$X_(icons.Icon, { cx: cx, icon: "fa fa-chevron-right FormulaEditor-FuncList-expandIcon", className: "Icon" }), accordion: true }, filteredFuncs.map(function (item) { return (_J$X_(Collapse["default"], { className: cx('FormulaEditor-FuncList-collapse'), headingClassName: cx('FormulaEditor-FuncList-groupTitle'), bodyClassName: cx('FormulaEditor-FuncList-groupBody'), propKey: item.groupName, header: item.groupName, key: item.groupName }, item.items.map(function (item) { return (_J$X_("div", { className: cx('FormulaEditor-FuncList-item', {
-                            'is-active': item.name === (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name)
-                        }), 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)); }))); }))))),
-        (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? (_J$X_("div", { className: cx('FormulaEditor-FuncDoc') },
-            _J$X_("div", { className: cx('FormulaEditor-panel-header') }, (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) || ''),
-            _J$X_("div", { className: cx('FormulaEditor-panel-body') },
-                _J$X_("div", { className: cx('FormulaEditor-FuncList-doc', descClassName) }, activeFunc ? (_J$X_(React__default["default"].Fragment, null,
-                    Array.isArray(activeFunc.params) ? (_J$X_("pre", null,
-                        _J$X_(TooltipWrapper["default"], { placement: "top", tooltip: {
-                                children: function () { return (_J$X_("table", { className: cx('FormulaEditor-FuncList-doc-example', 'Table-table') },
-                                    _J$X_("thead", null,
-                                        _J$X_("tr", null, ['参数名称', '类型', '描述'].map(function (name, index) { return (_J$X_("th", { key: index }, name)); }))),
-                                    _J$X_("tbody", null, activeFunc.params.map(function (param, index) { return (_J$X_("tr", { key: index },
-                                        _J$X_("td", null, param.name),
-                                        _J$X_("td", null, param.type),
-                                        _J$X_("td", null, param.description))); })))); }
-                            }, trigger: "hover" },
-                            _J$X_("code", null, activeFunc.example)))) : null,
-                    _J$X_("div", { className: cx('FormulaEditor-FuncList-doc-desc') }, activeFunc.description))) : null)))) : null));
-}
-var FuncList$1 = amisCore.themeable(FuncList);
-
-exports.FuncList = FuncList;
-exports["default"] = FuncList$1;