amis-ui 6.13.0-beta.8 → 6.13.0

package/lib/components/formula/Editor.js

@@ -0,0 +1,460 @@
+/**
+ * amis-ui v6.13.0
+ * 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, unMerged_1, functions;
+            return tslib.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, FormulaEditor.buildFunctions()];
+                    case 1:
+                        functionList = _a.sent();
+                        if (this.unmounted || !Array.isArray(functionList)) {
+                            return [2 /*return*/];
+                        }
+                        if (!this.state.functions) {
+                            this.setState({
+                                functions: functionList
+                            });
+                        }
+                        else {
+                            unMerged_1 = functionList.concat();
+                            functions = this.state.functions
+                                .map(function (group) {
+                                var idx = unMerged_1.findIndex(function (item) { return item.groupName === group.groupName; });
+                                if (~idx) {
+                                    var item = unMerged_1.splice(idx, 1)[0];
+                                    return tslib.__assign(tslib.__assign({}, group), { items: group.items
+                                            .concat(item.items)
+                                            .filter(function (item, index, list) {
+                                            // 过滤掉重复的函数
+                                            return list.findIndex(function (i) { return i.name === item.name; }) === index;
+                                        }) });
+                                }
+                                return group;
+                            })
+                                .concat(unMerged_1);
+                            this.setState({
+                                functions: functions
+                            });
+                        }
+                        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

@@ -0,0 +1,46 @@
+/// <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

@@ -0,0 +1,76 @@
+/**
+ * amis-ui v6.13.0
+ * 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) {
+        term = term.trim();
+        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;