amis-editor 5.2.0 → 5.2.1-beta.15

package/lib/renderer/textarea-formula/plugin.js

@@ -0,0 +1,278 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FormulaEditor = require('amis-ui/lib/components/formula/Editor');
+
+/**
+ * @file 扩展 codemirror
+ */
+function editorFactory(dom, cm, props) {
+    return cm(dom, {
+        value: props.value || '',
+        autofocus: false,
+        lineWrapping: true
+    });
+}
+var FormulaPlugin = /** @class */ (function () {
+    function FormulaPlugin(editor, cm, getProps, onExpressionClick) {
+        Object.defineProperty(this, "editor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: editor
+        });
+        Object.defineProperty(this, "cm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: cm
+        });
+        Object.defineProperty(this, "getProps", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: getProps
+        });
+        Object.defineProperty(this, "onExpressionClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: onExpressionClick
+        });
+        var value = this.getProps().value;
+        if (value) {
+            this.autoMark();
+            this.focus(value);
+        }
+    }
+    Object.defineProperty(FormulaPlugin.prototype, "autoMark", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var editor = this.editor;
+            var lines = editor.lineCount();
+            for (var line = 0; line < lines; line++) {
+                var content = editor.getLine(line);
+                var braces = this.computedBracesPosition(content);
+                for (var i = 0; i < braces.length; i++) {
+                    // 替换每个公式表达式中的内容
+                    var start = braces[i].begin;
+                    var end = braces[i].end;
+                    var expression = content.slice(start, end);
+                    this.markExpression({
+                        line: line,
+                        ch: start - 2
+                    }, {
+                        line: line,
+                        ch: end + 1
+                    }, expression);
+                }
+            }
+        }
+    });
+    // 找到表达式所在的位置
+    Object.defineProperty(FormulaPlugin.prototype, "getExpressionBrace", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (expression) {
+            var editor = this.editor;
+            var lines = editor.lineCount();
+            for (var line = 0; line < lines; line++) {
+                var content = editor.getLine(line);
+                var braces = this.computedBracesPosition(content);
+                for (var i = 0; i < braces.length; i++) {
+                    // 替换每个公式表达式中的内容
+                    var start = braces[i].begin;
+                    var end = braces[i].end;
+                    if (expression === content.slice(start, end)) {
+                        return [
+                            {
+                                line: line,
+                                ch: start - 2
+                            },
+                            {
+                                line: line,
+                                ch: end + 1
+                            }
+                        ];
+                    }
+                }
+            }
+            return undefined;
+        }
+    });
+    // 计算 `${`、`}` 括号的位置，如 ${a}+${b}, 结果是 [ { from: 0, to: 3 }, { from: 5, to: 8 } ]
+    Object.defineProperty(FormulaPlugin.prototype, "computedBracesPosition", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: 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;
+        }
+    });
+    // 判断字符串是否在 ${} 中
+    Object.defineProperty(FormulaPlugin.prototype, "checkStrIsInBraces", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (_a, braces) {
+            var from = _a[0], to = _a[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;
+        }
+    });
+    Object.defineProperty(FormulaPlugin.prototype, "insertBraces", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: 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('}');
+            }
+        }
+    });
+    Object.defineProperty(FormulaPlugin.prototype, "insertContent", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (value, type, brace) {
+            if (brace) {
+                // 替换
+                var from = brace[0], to = brace[1];
+                if (type === 'expression') {
+                    this.editor.replaceRange(value, from, to);
+                    this.autoMark();
+                }
+                else if (typeof value === 'string') {
+                    this.editor.replaceRange(value, from, to);
+                }
+            }
+            else {
+                // 新增
+                if (type === 'expression') {
+                    this.editor.replaceSelection(value);
+                    this.autoMark();
+                }
+                else if (typeof value === 'string') {
+                    this.editor.replaceSelection(value);
+                }
+                this.editor.focus();
+            }
+        }
+    });
+    Object.defineProperty(FormulaPlugin.prototype, "markExpression", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (from, to, expression, className) {
+            var _this = this;
+            if (expression === void 0) { expression = ''; }
+            if (className === void 0) { className = 'cm-expression'; }
+            var wrap = document.createElement('span');
+            wrap.className = className;
+            var text = document.createElement('span');
+            text.className = "".concat(className, "-text");
+            text.innerText = expression;
+            text.setAttribute('data-expression', expression);
+            text.onclick = function () {
+                var brace = _this.getExpressionBrace(expression);
+                _this.onExpressionClick(expression, brace);
+            };
+            var variables = this.getProps().variables;
+            var highlightValue = FormulaEditor.FormulaEditor.highlightValue(expression, variables) || {
+                html: expression
+            };
+            // 添加popover
+            var popoverEl = document.createElement('div');
+            // bca-disable-next-line
+            popoverEl.innerHTML = highlightValue.html;
+            popoverEl.classList.add('expression-popover');
+            var arrow = document.createElement('div');
+            arrow.classList.add('expression-popover-arrow');
+            popoverEl.appendChild(arrow);
+            wrap.appendChild(text);
+            wrap.appendChild(popoverEl);
+            this.editor.markText(from, to, {
+                atomic: true,
+                replacedWith: wrap
+            });
+        }
+    });
+    // 焦点放在最后
+    Object.defineProperty(FormulaPlugin.prototype, "focus", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (value) {
+            this.editor.setCursor({
+                line: 0,
+                ch: (value === null || value === void 0 ? void 0 : value.length) || 0
+            });
+        }
+    });
+    Object.defineProperty(FormulaPlugin.prototype, "dispose", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () { }
+    });
+    Object.defineProperty(FormulaPlugin.prototype, "validate", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () { }
+    });
+    return FormulaPlugin;
+}());
+
+exports.FormulaPlugin = FormulaPlugin;
+exports.editorFactory = editorFactory;

package/lib/renderer/textarea-formula/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 从amis数据域中取变量数据
+ * @param node
+ * @param manager
+ * @returns
+ */
+export declare function resolveVariablesFromScope(node: any, manager: any): Promise<any>;
+/**
+ * 整合 props & amis数据域 中的 variables
+ * @param that  为组件的实例 this
+ **/
+export declare function getVariables(that: any): Promise<any[]>;

package/lib/renderer/textarea-formula/utils.js

@@ -0,0 +1,81 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amisCore = require('amis-core');
+
+/**
+ * 从amis数据域中取变量数据
+ * @param node
+ * @param manager
+ * @returns
+ */
+function resolveVariablesFromScope(node, manager) {
+    var _a;
+    return tslib.__awaiter(this, void 0, void 0, function () {
+        var dataPropsAsOptions;
+        return tslib.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, (manager === null || manager === void 0 ? void 0 : manager.getContextSchemas(node))];
+                case 1:
+                    _b.sent();
+                    dataPropsAsOptions = (_a = manager === null || manager === void 0 ? void 0 : manager.dataSchema) === null || _a === void 0 ? void 0 : _a.getDataPropsAsOptions();
+                    if (dataPropsAsOptions) {
+                        return [2 /*return*/, dataPropsAsOptions
+                                .map(function (item) { return (tslib.__assign({ selectMode: 'tree' }, item)); })
+                                .filter(function (item) { var _a; return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length; })];
+                    }
+                    return [2 /*return*/, []];
+            }
+        });
+    });
+}
+/**
+ * 整合 props & amis数据域 中的 variables
+ * @param that  为组件的实例 this
+ **/
+function getVariables(that) {
+    return tslib.__awaiter(this, void 0, void 0, function () {
+        var variablesArr, _a, variables, requiredDataPropsVariables, _b, node, manager, vars;
+        return tslib.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    variablesArr = [];
+                    _a = that.props, variables = _a.variables, requiredDataPropsVariables = _a.requiredDataPropsVariables;
+                    if (!(!variables || requiredDataPropsVariables)) return [3 /*break*/, 2];
+                    _b = that.props.formProps || that.props, node = _b.node, manager = _b.manager;
+                    return [4 /*yield*/, resolveVariablesFromScope(node, manager)];
+                case 1:
+                    vars = _c.sent();
+                    if (Array.isArray(vars)) {
+                        if (!that.isUnmount) {
+                            variablesArr = vars;
+                        }
+                    }
+                    _c.label = 2;
+                case 2:
+                    if (variables) {
+                        if (Array.isArray(variables)) {
+                            variablesArr = tslib.__spreadArray(tslib.__spreadArray([], variables, true), variablesArr, true);
+                        }
+                        else if (typeof variables === 'function') {
+                            variablesArr = tslib.__spreadArray(tslib.__spreadArray([], variables(that), true), variablesArr, true);
+                        }
+                        else if (amisCore.isExpression(variables)) {
+                            variablesArr = tslib.__spreadArray(tslib.__spreadArray([], amisCore.resolveVariableAndFilter(that.props.variables, that.props.data, '| raw'), true), variablesArr, true);
+                        }
+                    }
+                    return [2 /*return*/, variablesArr];
+            }
+        });
+    });
+}
+
+exports.getVariables = getVariables;
+exports.resolveVariablesFromScope = resolveVariablesFromScope;

package/lib/tpl/api.d.ts

@@ -0,0 +1 @@
+export {};