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

package/lib/components/formula/VariableList.js

@@ -0,0 +1,193 @@
+/**
+ * amis-ui v6.13.0-beta.9
+ * 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 GroupedSelection = require('../GroupedSelection.js');
+var Tabs = require('../Tabs.js');
+var TreeSelection = require('../TreeSelection.js');
+var SearchBox = require('../SearchBox.js');
+var icons = require('../icons.js');
+var Badge = require('../Badge.js');
+var PopOverContainer = require('../PopOverContainer.js');
+var matchSorter = require('match-sorter');
+var TooltipWrapper = require('../TooltipWrapper.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;
+// 数组成员读取
+var memberOpers = [
+    {
+        label: '取列值',
+        value: 'ARRAYMAP(${arr}, item => item.${member})',
+        description: '取当前列的所有值（数组）'
+    },
+    {
+        label: '取条件值',
+        value: 'ARRAYFILTER(ARRAYMAP(${arr}, item => item.${member}), item => item === 条件)',
+        description: '取当前列中符合配置条件的值（数组）'
+    },
+    {
+        label: '取表值',
+        value: 'ARRAYFILTER(${arr}, item => item.${member} === 条件)',
+        description: '取列表中符合配置条件的值（数组）'
+    },
+    {
+        label: '计数',
+        value: 'COUNT(ARRAYFILTER(${arr}, item => item.${member} === 条件))',
+        description: '统计表中符合配置条件的值的总数'
+    },
+    {
+        label: '去重计数',
+        value: 'COUNT(UNIQ(${arr}, item.${member}))',
+        description: '对表中当前值进行去重，并统计去重后的值的数量',
+        simple: true
+    },
+    {
+        label: '求和',
+        value: 'SUM(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '求当前列的所有值之和',
+        simple: true
+    },
+    {
+        label: '平均值',
+        value: 'AVG(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '求当前列的平均值',
+        simple: true
+    },
+    {
+        label: '最大值',
+        value: 'MAX(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '取当前列的最大值',
+        simple: true
+    },
+    {
+        label: '最小值',
+        value: 'MIN(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '取当前列的最小值',
+        simple: true
+    }
+];
+function VariableList(props) {
+    var variableListRef = React__default["default"].useRef(null);
+    var className = props.className, cx = props.classnames, _a = props.tabsMode, tabsMode = _a === void 0 ? 'line' : _a, themePrefix = props.classPrefix, itemClassName = props.itemClassName, selectMode = props.selectMode, onSelect = props.onSelect, placeholderRender = props.placeholderRender, selfVariableName = props.selfVariableName, expandTree = props.expandTree, simplifyMemberOprs = props.simplifyMemberOprs, popOverContainer = props.popOverContainer;
+    var _b = tslib.__read(React__default["default"].useState([]), 2), variables = _b[0], setVariables = _b[1];
+    var _c = tslib.__read(React__default["default"].useState([]), 2), filterVars = _c[0], setFilterVars = _c[1];
+    var classPrefix = "".concat(themePrefix, "FormulaEditor-VariableList");
+    React__default["default"].useEffect(function () {
+        // 追加path，用于分级高亮
+        var list = amisCore.mapTree(props.data, function (item, key, level, paths) {
+            var _a;
+            var path = paths === null || paths === void 0 ? void 0 : paths.reduce(function (prev, item) {
+                var _a;
+                return !item.value
+                    ? prev
+                    : "".concat(prev).concat(prev ? '.' : '').concat((_a = item.label) !== null && _a !== void 0 ? _a : item.value);
+            }, '');
+            return tslib.__assign(tslib.__assign(tslib.__assign({}, item), { path: "".concat(path).concat(path ? '.' : '').concat(item.label) }), (item.isMember || paths.some(function (item) { return item.isMember; })
+                ? {
+                    memberDepth: (_a = paths === null || paths === void 0 ? void 0 : paths.filter(function (item) { return item.type === 'array'; })) === null || _a === void 0 ? void 0 : _a.length
+                }
+                : {}));
+        });
+        setVariables(list);
+        setFilterVars(list);
+    }, [props.data]);
+    var itemRender = props.itemRender && typeof props.itemRender === 'function'
+        ? props.itemRender
+        : function (option, states) {
+            var _a;
+            return (_J$X_("div", { key: states.index },
+                _J$X_("div", { className: cx("".concat(classPrefix, "-item"), itemClassName) },
+                    option.label &&
+                        selfVariableName &&
+                        option.value === selfVariableName && (_J$X_(Badge.Badge, { classnames: cx, badge: {
+                            mode: 'text',
+                            text: 'self',
+                            offset: [15, 2]
+                        } },
+                        _J$X_("label", null, option.label))),
+                    option.memberDepth === undefined &&
+                        option.label &&
+                        (!selfVariableName || option.value !== selfVariableName) && (_J$X_(TooltipWrapper["default"], { tooltip: (_a = option.description) !== null && _a !== void 0 ? _a : option.label, tooltipTheme: "dark" },
+                        _J$X_("label", null, option.label))),
+                    option.memberDepth !== undefined &&
+                        option.label &&
+                        (!selfVariableName || option.value !== selfVariableName) ? (option.memberDepth < 2 ? (_J$X_(PopOverContainer.PopOverContainer, { popOverContainer: popOverContainer ||
+                            (function () {
+                                return document.querySelector(".".concat(cx('FormulaPicker-Modal')));
+                            }), popOverRender: function (_a) {
+                            var onClose = _a.onClose;
+                            return (_J$X_("ul", { className: cx("".concat(classPrefix, "-item-oper")) }, memberOpers
+                                .filter(function (item) { return !simplifyMemberOprs || item.simple; })
+                                .map(function (item, i) {
+                                return (_J$X_(TooltipWrapper["default"], { key: i, tooltip: item.description, tooltipTheme: "dark" },
+                                    _J$X_("li", { key: i, onClick: function () {
+                                            return handleMemberClick(tslib.__assign(tslib.__assign({}, item), { isMember: true }), option, onClose);
+                                        } },
+                                        _J$X_("span", null, item.label))));
+                            })));
+                        } }, function (_a) {
+                        var _b;
+                        var onClick = _a.onClick; _a.ref; _a.isOpened;
+                        return (_J$X_(TooltipWrapper["default"], { tooltip: (_b = option.description) !== null && _b !== void 0 ? _b : option.label, tooltipTheme: "dark" },
+                            _J$X_(React__default["default"].Fragment, null,
+                                _J$X_("label", { onClick: onClick }, option.label),
+                                _J$X_(icons.Icon, { onClick: onClick, icon: "ellipsis-v", className: "icon" }))));
+                    })) : (_J$X_("label", null, option.label))) : null,
+                    (option === null || option === void 0 ? void 0 : option.tag) ? (_J$X_("span", { className: cx("".concat(classPrefix, "-item-tag")) }, option.tag)) : null)));
+        };
+    function handleMemberClick(item, option, onClose) {
+        // todo：暂时只提供一层的快捷操作
+        var lastPointIdx = option.value.lastIndexOf('.');
+        // const firstPointIdx = option.value.indexOf('.');
+        var arr = option.value.substring(0, lastPointIdx);
+        var member = option.value.substring(lastPointIdx + 1);
+        var value = item.value
+            .replace('${arr}', arr)
+            .replace('${member}', member);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(tslib.__assign(tslib.__assign({}, item), { label: value, value: value }));
+    }
+    function onSearch(term) {
+        var tree = amisCore.filterTree(variables, function (i, key, level, paths) {
+            return !!((Array.isArray(i.children) && i.children.length) ||
+                !!matchSorter.matchSorter([i].concat(paths), term, {
+                    keys: ['label', 'value'],
+                    threshold: matchSorter.matchSorter.rankings.CONTAINS
+                }).length);
+        }, 1, true);
+        setFilterVars(!term ? variables : tree);
+    }
+    function renderSearchBox() {
+        return (_J$X_("div", { className: cx('FormulaEditor-VariableList-searchBox') },
+            _J$X_(SearchBox["default"], { mini: false, onSearch: onSearch, mobileUI: props.mobileUI })));
+    }
+    function handleChange(item) {
+        if (item.isMember || item.memberDepth !== undefined) {
+            return;
+        }
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
+    }
+    return (_J$X_("div", { className: cx(className, 'FormulaEditor-VariableList', selectMode && "FormulaEditor-VariableList-".concat(selectMode)), ref: variableListRef }, selectMode === 'tabs' ? (_J$X_(Tabs["default"], { tabsMode: tabsMode, className: cx("".concat(classPrefix, "-base ").concat(classPrefix, "-tabs")) }, filterVars.map(function (item, index) { return (_J$X_(Tabs.Tab, { className: cx("".concat(classPrefix, "-tab")), eventKey: index, key: index, title: item.label },
+        _J$X_(VariableList, { classnames: cx, classPrefix: "".concat(classPrefix, "-sub-"), className: cx("".concat(classPrefix, "-sub")), itemRender: itemRender, placeholderRender: placeholderRender, selectMode: item.selectMode, data: item.children, onSelect: handleChange, selfVariableName: selfVariableName }))); }))) : selectMode === 'tree' ? (_J$X_("div", { className: cx('FormulaEditor-VariableList-body') },
+        renderSearchBox(),
+        _J$X_(TreeSelection["default"], { itemRender: itemRender, placeholderRender: placeholderRender, className: cx("".concat(classPrefix, "-base"), 'is-scrollable'), multiple: false, expand: expandTree ? 'all' : 'none', options: filterVars, onChange: function (item) { return handleChange(item); } }))) : (_J$X_("div", { className: cx('FormulaEditor-VariableList-body') },
+        renderSearchBox(),
+        _J$X_(GroupedSelection["default"], { itemRender: itemRender, placeholderRender: placeholderRender, className: cx("".concat(classPrefix, "-base"), 'is-scrollable'), multiple: false, options: filterVars, onChange: function (item) { return handleChange(item); } })))));
+}
+var VariableList$1 = amisCore.themeable(VariableList);
+
+exports["default"] = VariableList$1;

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

@@ -0,0 +1,51 @@
+/**
+ * @file 扩展 codemirror
+ */
+import type CodeMirror from 'codemirror';
+import { FuncGroup, VariableItem } from './CodeEditor';
+export declare function editorFactory(dom: HTMLElement, cm: typeof CodeMirror, props: any, options?: any): CodeMirror.Editor;
+export declare class FormulaPlugin {
+    readonly editor: CodeMirror.Editor;
+    readonly cm: typeof CodeMirror;
+    /**
+     * 用于提示的变量集合，默认为空
+     */
+    variables: Array<VariableItem>;
+    /**
+     * 函数集合，默认不需要传，即  amis-formula 里面那个函数
+     * 如果有扩充，则需要传。
+     */
+    functions: Array<FuncGroup>;
+    /**
+     * evalMode 即直接就是表达式，否则就是混合模式
+     */
+    evalMode: boolean;
+    highlightMode: 'expression' | 'formula';
+    disableAutoMark: boolean;
+    constructor(editor: CodeMirror.Editor, cm: typeof CodeMirror);
+    setVariables(variables: Array<VariableItem>): void;
+    setFunctions(functions: Array<FuncGroup>): void;
+    setEvalMode(evalMode: boolean): void;
+    setHighlightMode(highlightMode: 'expression' | 'formula'): void;
+    setDisableAutoMark(disableAutoMark: boolean): void;
+    autoMarkText(forceClear?: boolean): void;
+    computedBracesPosition(exp: string): {
+        begin: number;
+        end: number;
+    }[];
+    checkStrIsInBraces([from, to]: number[], braces: {
+        begin: number;
+        end: number;
+    }[]): boolean;
+    insertBraces(originFrom: CodeMirror.Position, originTo: CodeMirror.Position): void;
+    insertContent(value: any, type?: 'variable' | 'func'): void;
+    setValue(value: string): void;
+    getValue(): string;
+    markText(from: CodeMirror.Position, to: CodeMirror.Position, label: string, className?: string, rawString?: string): CodeMirror.TextMarker<CodeMirror.MarkerRange>;
+    widgets: any[];
+    marks: any[];
+    autoMark(): void;
+    focus(value: string): void;
+    dispose(): void;
+    validate(): void;
+}

package/lib/components/formula/plugin.js

@@ -0,0 +1,381 @@
+/**
+ * amis-ui v6.13.0-beta.9
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisCore = require('amis-core');
+var amisFormula = require('amis-formula');
+var debounce = require('lodash/debounce');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+
+/**
+ * @file 扩展 codemirror
+ */
+function editorFactory(dom, cm, props, options) {
+    registerLaunguageMode(cm);
+    return cm(dom, tslib.__assign({ value: props.value || '', autofocus: false, mode: props.evalMode ? 'text/formula' : 'text/formula-template', readOnly: props.readOnly ? 'nocursor' : false }, options));
+}
+function traverseAst(ast, iterator) {
+    if (!ast || !ast.type) {
+        return;
+    }
+    var ret = iterator(ast);
+    if (ret === false) {
+        return;
+    }
+    Object.keys(ast).forEach(function (key) {
+        var value = ast[key];
+        if (Array.isArray(value)) {
+            value.forEach(function (child) { return traverseAst(child, iterator); });
+        }
+        else {
+            traverseAst(value, iterator);
+        }
+    });
+}
+var FormulaPlugin = /** @class */ (function () {
+    function FormulaPlugin(editor, cm) {
+        var _this = this;
+        this.editor = editor;
+        this.cm = cm;
+        /**
+         * 用于提示的变量集合，默认为空
+         */
+        this.variables = [];
+        /**
+         * 函数集合，默认不需要传，即  amis-formula 里面那个函数
+         * 如果有扩充，则需要传。
+         */
+        this.functions = [];
+        /**
+         * evalMode 即直接就是表达式，否则就是混合模式
+         */
+        this.evalMode = true;
+        this.highlightMode = 'formula';
+        this.disableAutoMark = false;
+        this.widgets = [];
+        this.marks = [];
+        // this.autoMarkText();
+        this.autoMarkText = debounce__default["default"](this.autoMarkText.bind(this), 250, {
+            leading: false,
+            trailing: true
+        });
+        editor.on('blur', function () { return _this.autoMarkText(); });
+    }
+    FormulaPlugin.prototype.setVariables = function (variables) {
+        this.variables = Array.isArray(variables) ? variables : [];
+    };
+    FormulaPlugin.prototype.setFunctions = function (functions) {
+        this.functions = Array.isArray(functions) ? functions : [];
+    };
+    FormulaPlugin.prototype.setEvalMode = function (evalMode) {
+        this.evalMode = evalMode;
+    };
+    FormulaPlugin.prototype.setHighlightMode = function (highlightMode) {
+        this.highlightMode = highlightMode;
+    };
+    FormulaPlugin.prototype.setDisableAutoMark = function (disableAutoMark) {
+        this.disableAutoMark = disableAutoMark;
+        this.autoMarkText(true);
+    };
+    FormulaPlugin.prototype.autoMarkText = function (forceClear) {
+        var _a;
+        if (forceClear === void 0) { forceClear = false; }
+        if (forceClear || !this.editor.hasFocus()) {
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getAllMarks().forEach(function (mark) { return mark.clear(); });
+        }
+        this.disableAutoMark || this.autoMark();
+    };
+    // 计算 `${`、`}` 括号的位置，如 ${a}+${b}, 结果是 [ { from: 0, to: 3 }, { from: 5, to: 8 } ]
+    FormulaPlugin.prototype.computedBracesPosition = function (exp) {
+        var braces = [];
+        exp === null || exp === void 0 ? void 0 : exp.replace(/\$\{/g, function (val, offset) {
+            if (val) {
+                var charArr = exp.slice(offset + val.length).split('');
+                var cache = ['${'];
+                for (var index = 0; index < charArr.length; index++) {
+                    var char = charArr[index];
+                    if (char === '$' && charArr[index + 1] === '{') {
+                        cache.push('${');
+                    }
+                    else if (char === '}') {
+                        cache.pop();
+                    }
+                    if (cache.length === 0) {
+                        braces.push({ begin: offset + 2, end: index + offset + 2 });
+                        break;
+                    }
+                }
+            }
+            return '';
+        });
+        return braces;
+    };
+    // 判断字符串是否在 ${} 中
+    FormulaPlugin.prototype.checkStrIsInBraces = function (_a, braces) {
+        var _b = tslib.__read(_a, 2), from = _b[0], to = _b[1];
+        var isIn = false;
+        if (braces.length) {
+            for (var index = 0; index < braces.length; index++) {
+                var brace = braces[index];
+                if (from >= brace.begin && to <= brace.end) {
+                    isIn = true;
+                    break;
+                }
+            }
+        }
+        return isIn;
+    };
+    FormulaPlugin.prototype.insertBraces = function (originFrom, originTo) {
+        var str = this.editor.getValue();
+        var braces = this.computedBracesPosition(str);
+        if (!this.checkStrIsInBraces([originFrom.ch, originTo.ch], braces)) {
+            this.editor.setCursor({
+                line: originFrom.line,
+                ch: originFrom.ch
+            });
+            this.editor.replaceSelection('${');
+            this.editor.setCursor({
+                line: originTo.line,
+                ch: originTo.ch + 2
+            });
+            this.editor.replaceSelection('}');
+        }
+    };
+    FormulaPlugin.prototype.insertContent = function (value, type) {
+        var from = this.editor.getCursor();
+        var evalMode = this.evalMode;
+        if (type === 'variable') {
+            this.editor.replaceSelection(value.key);
+            var to = this.editor.getCursor();
+            !evalMode && this.insertBraces(from, to);
+        }
+        else if (type === 'func') {
+            this.editor.replaceSelection("".concat(value, "()"));
+            var to = this.editor.getCursor();
+            this.editor.setCursor({
+                line: to.line,
+                ch: to.ch - 1
+            });
+            if (!evalMode) {
+                this.insertBraces(from, to);
+                this.editor.setCursor({
+                    line: to.line,
+                    ch: to.ch + 1
+                });
+            }
+        }
+        else if (typeof value === 'string') {
+            this.editor.replaceSelection(value);
+            // 非变量、非函数，可能是组合模式，也需要标记
+        }
+        this.editor.focus();
+    };
+    FormulaPlugin.prototype.setValue = function (value) {
+        this.editor.setValue(value);
+    };
+    FormulaPlugin.prototype.getValue = function () {
+        return this.editor.getValue();
+    };
+    FormulaPlugin.prototype.markText = function (from, to, label, className, rawString) {
+        if (className === void 0) { className = 'cm-func'; }
+        var text = document.createElement('span');
+        text.className = className;
+        text.innerText = label;
+        if (rawString) {
+            text.setAttribute('data-tooltip', rawString);
+            text.setAttribute('data-position', 'bottom');
+        }
+        return this.editor.markText(from, to, {
+            atomic: true,
+            replacedWith: text
+        });
+    };
+    FormulaPlugin.prototype.autoMark = function () {
+        var _this = this;
+        var editor = this.editor;
+        var value = editor.getValue();
+        var functions = this.functions;
+        var variables = this.variables;
+        var highlightMode = this.highlightMode;
+        // 把旧的清掉
+        this.widgets.forEach(function (widget) { return editor.removeLineWidget(widget); });
+        this.widgets = [];
+        this.marks.forEach(function (mark) { return mark.clear(); });
+        this.marks = [];
+        try {
+            var ast = amisFormula.parse(value, {
+                evalMode: this.evalMode,
+                variableMode: false
+            });
+            traverseAst(ast, function (ast) {
+                var _a, _b;
+                if (highlightMode === 'expression') {
+                    if (ast.type === 'script') {
+                        _this.markText({
+                            line: ast.start.line - 1,
+                            ch: ast.start.column - 1
+                        }, {
+                            line: ast.end.line - 1,
+                            ch: ast.end.column - 1
+                        }, value.substring(ast.start.index + 2, ast.end.index - 1), 'cm-expression', value);
+                    }
+                    return;
+                }
+                if (ast.type === 'func_call') {
+                    var funName_1 = ast.identifier;
+                    var exists = functions.some(function (item) {
+                        return item.items.some(function (i) { return i.name === funName_1; });
+                    });
+                    if (exists) {
+                        _this.markText({
+                            line: ast.start.line - 1,
+                            ch: ast.start.column - 1
+                        }, {
+                            line: ast.start.line - 1,
+                            ch: ast.start.column + funName_1.length - 1
+                        }, funName_1, 'cm-func');
+                    }
+                }
+                else if (ast.type === 'getter') {
+                    // 获取对象中的变量
+                    var list = [ast];
+                    var current = ast;
+                    while ((current === null || current === void 0 ? void 0 : current.type) === 'getter') {
+                        current = current.host;
+                        list.unshift(current);
+                    }
+                    var host_1 = list.shift();
+                    if ((host_1 === null || host_1 === void 0 ? void 0 : host_1.type) === 'variable') {
+                        var variable = amisCore.findTree(variables, function (item) { return item.value === host_1.name; });
+                        if (variable) {
+                            // 先标记顶层对象
+                            _this.markText({
+                                line: host_1.start.line - 1,
+                                ch: host_1.start.column - 1
+                            }, {
+                                line: host_1.end.line - 1,
+                                ch: host_1.end.column - 1
+                            }, variable.label, 'cm-field', host_1.name);
+                            // 再标记子对象
+                            var path_1 = host_1.name + '.';
+                            var vars = variable.children || [];
+                            var _loop_1 = function (i, len) {
+                                var item = (_a = list[i]) === null || _a === void 0 ? void 0 : _a.key;
+                                // 只能识别这种固定下标的情况
+                                if ((item === null || item === void 0 ? void 0 : item.type) === 'identifier') {
+                                    var variable_1 = (_b = amisCore.findTree(vars, function (v) { return v.value === path_1 + item.name; })) !== null && _b !== void 0 ? _b : amisCore.findTree(vars, function (v) { return v.value === item.name; } // 兼容不带路径的情况
+                                    );
+                                    if (variable_1) {
+                                        _this.markText({
+                                            line: item.start.line - 1,
+                                            ch: item.start.column - 1
+                                        }, {
+                                            line: item.end.line - 1,
+                                            ch: item.end.column - 1
+                                        }, variable_1.label, 'cm-field', item.name);
+                                        path_1 += item.name + '.';
+                                        vars = variable_1.children || [];
+                                    }
+                                    else {
+                                        return "break";
+                                    }
+                                }
+                            };
+                            for (var i = 0, len = list.length; i < len; i++) {
+                                var state_1 = _loop_1(i, len);
+                                if (state_1 === "break")
+                                    break;
+                            }
+                        }
+                    }
+                    return false;
+                }
+                else if (ast.type === 'variable') {
+                    // 直接就是变量
+                    var variable = amisCore.findTree(variables, function (item) { return item.value === ast.name; });
+                    if (variable) {
+                        _this.markText({
+                            line: ast.start.line - 1,
+                            ch: ast.start.column - 1
+                        }, {
+                            line: ast.end.line - 1,
+                            ch: ast.end.column - 1
+                        }, variable.label, 'cm-field', ast.name);
+                    }
+                    return false;
+                }
+            });
+        }
+        catch (e) {
+            var reg = /^Unexpected\stoken\s(.+)\sin\s(\d+):(\d+)$/.exec(e.message);
+            if (reg) {
+                var token = reg[1];
+                var line = parseInt(reg[2], 10);
+                var column = parseInt(reg[3], 10);
+                var msg = document.createElement('div');
+                var icon = msg.appendChild(document.createElement('span'));
+                icon.innerText = '!!';
+                icon.className = 'lint-error-icon';
+                msg.appendChild(document.createTextNode("Unexpected token `".concat(token, "`")));
+                msg.className = 'lint-error';
+                this.widgets.push(editor.addLineWidget(line - 1, msg, {
+                    coverGutter: false,
+                    noHScroll: true
+                }));
+                this.marks.push(this.markText({
+                    line: line - 1,
+                    ch: column - 1
+                }, {
+                    line: line - 1,
+                    ch: column + token.length - 1
+                }, token, 'cm-error-token'));
+            }
+            console.warn('synax error, ignore it');
+        }
+    };
+    // 焦点放在最后
+    FormulaPlugin.prototype.focus = function (value) {
+        this.editor.setCursor({
+            line: 0,
+            ch: (value === null || value === void 0 ? void 0 : value.length) || 0
+        });
+    };
+    FormulaPlugin.prototype.dispose = function () {
+        this.autoMarkText.cancel();
+    };
+    FormulaPlugin.prototype.validate = function () { };
+    return FormulaPlugin;
+}());
+var modeRegisted = false;
+function registerLaunguageMode(cm) {
+    if (modeRegisted) {
+        return;
+    }
+    modeRegisted = true;
+    // TODO 自定义语言规则
+    // 对应 evalMode
+    cm.defineMode('formula', function (config, parserConfig) {
+        var formula = cm.getMode(config, 'javascript');
+        if (!parserConfig || !parserConfig.base)
+            return formula;
+        return cm.multiplexingMode(cm.getMode(config, parserConfig.base), {
+            open: '${',
+            close: '}',
+            mode: formula
+        });
+    });
+    cm.defineMIME('text/formula', { name: 'formula' });
+    cm.defineMIME('text/formula-template', { name: 'formula', base: 'htmlmixed' });
+}
+
+exports.FormulaPlugin = FormulaPlugin;
+exports.editorFactory = editorFactory;