@xw-components/formula-editor 18.1.0

package/fesm2022/formula-editor.mjs

@@ -0,0 +1,699 @@
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, input, signal, effect, ViewChild, Component } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Node, mergeAttributes, Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import * as i7 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzHighlightPipe } from 'ng-zorro-antd/core/highlight';
+import * as i1 from 'ng-zorro-antd/grid';
+import { NzColDirective, NzGridModule } from 'ng-zorro-antd/grid';
+import * as i4 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import * as i9 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import * as i6 from 'ng-zorro-antd/tree';
+import { NzTreeModule } from 'ng-zorro-antd/tree';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i8 from 'ng-zorro-antd/core/transition-patch';
+
+const FormulaEditorRequestServiceToken = new InjectionToken('FormulaEditorRequestServiceToken');
+/**
+ * 公式编辑器请求服务，用于获取函数列表、字段列表、指标列表和校验公式格式
+ * 实现类需要实现四个方法。如果有部分方法不需要，可以实现空方法。
+ */
+class FormulaEditorRequestService {
+    constructor() { }
+    /**
+     * 获取字段的描述
+     * @param item 字段对象
+     * @returns 描述字符串
+     */
+    getFieldDescription() {
+        return Promise.resolve('');
+    }
+}
+
+/**
+ * 输入项类型，可选择指标模式或字段模式
+ */
+var ItemType;
+(function (ItemType) {
+    ItemType["Field"] = "field";
+    ItemType["Template"] = "template"; // 模板模式
+})(ItemType || (ItemType = {}));
+/**
+ * 输入校验格式方法
+ */
+var CheckFormatMethod;
+(function (CheckFormatMethod) {
+    CheckFormatMethod["self"] = "self";
+    CheckFormatMethod["server"] = "server"; // 自定义异步校验
+})(CheckFormatMethod || (CheckFormatMethod = {}));
+/**
+ * 函数列表模式，可选择列表或树模式
+ */
+var FuncListType;
+(function (FuncListType) {
+    FuncListType["List"] = "list";
+    FuncListType["Tree"] = "tree"; // 树模式
+})(FuncListType || (FuncListType = {}));
+const OPERATOR_LIST = [
+    {
+        type: 'add',
+        name: '+',
+        description: '加法'
+    },
+    {
+        type: 'minus',
+        name: '-',
+        description: '减法'
+    },
+    {
+        type: 'multiply',
+        name: '*',
+        description: '乘法'
+    },
+    {
+        type: 'divide',
+        name: '/',
+        description: '除法'
+    },
+    {
+        type: 'left-parenthesis',
+        name: '(',
+        description: '左括号'
+    },
+    {
+        type: 'right-parenthesis',
+        name: ')',
+        description: '右括号'
+    }
+];
+
+class FormulaEditorService {
+    constructor() {
+        this.sanitizer = inject(DomSanitizer);
+    }
+    initNodes() {
+        this.createFuncNode();
+        this.createFieldNode();
+    }
+    createFieldNode() {
+        this.fieldNode = Node.create({
+            name: 'field',
+            inline: true,
+            group: 'inline',
+            selectable: false,
+            draggable: true,
+            atom: true,
+            addAttributes() {
+                return {
+                    id: {
+                        default: null
+                    },
+                    name: {
+                        default: ''
+                    },
+                    className: {
+                        default: ''
+                    },
+                    dataType: {
+                        default: 'field'
+                    }
+                };
+            },
+            renderText({ node }) {
+                return `${node.attrs['name']}`;
+            },
+            parseHTML() {
+                return [{ tag: 'div[data-type="field"]' }];
+            },
+            renderHTML({ HTMLAttributes, node }) {
+                return [
+                    'div',
+                    mergeAttributes({
+                        'data-type': 'field',
+                        class: `field-node ${node.attrs['className']}` || '',
+                        contenteditable: 'false',
+                        style: `display: inline-block;margin: 0 4px;font-size: 13px;height: 18px;line-height: 18px;`
+                    }, HTMLAttributes),
+                    node.attrs['name']
+                ];
+            }
+        });
+    }
+    createFuncNode() {
+        this.funcNode = Node.create({
+            name: 'func',
+            inline: true,
+            group: 'inline',
+            selectable: false,
+            draggable: false,
+            content: 'inline*',
+            atom: true,
+            addAttributes() {
+                return {
+                    id: {
+                        default: null
+                    },
+                    name: {
+                        default: ''
+                    },
+                    className: {
+                        default: ''
+                    },
+                    dataType: {
+                        default: 'func'
+                    }
+                };
+            },
+            renderText({ node }) {
+                const funcName = node.attrs['name'] || '';
+                const childrenText = node.content.content
+                    .map(child => {
+                    if (child.text) {
+                        return child.text;
+                    }
+                    if (child.type && child.type.spec && child.type.spec['toText']) {
+                        return child.type.spec['toText']({ node: child });
+                    }
+                    return '';
+                })
+                    .join('');
+                return `${funcName}(${childrenText})`;
+            },
+            parseHTML() {
+                return [{ tag: 'div[data-type="func"]' }];
+            },
+            addNodeView() {
+                return ({ node }) => {
+                    const createElement = (tag, props = {}) => {
+                        const element = document.createElement(tag);
+                        Object.entries(props).forEach(([key, value]) => {
+                            if (key === 'style') {
+                                Object.entries(value).forEach(([styleKey, styleValue]) => {
+                                    element.style[styleKey] = styleValue;
+                                });
+                            }
+                            else if (key === 'innerText') {
+                                element.innerText = value;
+                            }
+                            else if (key === 'className') {
+                                element.className = value;
+                            }
+                            else {
+                                element.setAttribute(key, value);
+                            }
+                        });
+                        return element;
+                    };
+                    const className = node.attrs['className'] || '';
+                    const funcName = node.attrs['name'];
+                    const container = createElement('span', {
+                        style: {
+                            display: 'inline-block',
+                            margin: '0 4px',
+                            fontSize: '13px'
+                        }
+                    });
+                    const content = createElement('span', {
+                        style: {
+                            whiteSpace: 'pre-wrap',
+                            display: 'inline-block'
+                        },
+                        contenteditable: 'true'
+                    });
+                    const before = createElement('span', {
+                        innerText: `${funcName} `,
+                        contenteditable: 'false',
+                        className
+                    });
+                    const bracket = (value, style = {}) => {
+                        return createElement('span', {
+                            innerText: value,
+                            contenteditable: 'false',
+                            style: {
+                                ...style
+                            }
+                        });
+                    };
+                    container.append(before, bracket('(', { marginRight: '2px' }), content, bracket(')', { marginLeft: '2px' }));
+                    return {
+                        dom: container,
+                        contentDOM: content
+                    };
+                };
+            }
+        });
+    }
+    /**
+     * 校验公式的JSON表示是否有效
+     * @param formula 公式的JSON表示
+     * @returns 校验结果，包含是否有效和错误信息数组
+     */
+    validateFormula(formula) {
+        const errors = [];
+        if (!formula) {
+            errors.push('公式不能为空');
+            return { isValid: false, errors };
+        }
+        if (formula.type !== 'doc') {
+            errors.push('公式根节点类型必须是 doc');
+        }
+        if (!formula.content || !Array.isArray(formula.content)) {
+            errors.push('公式必须包含 content 数组');
+            return { isValid: false, errors };
+        }
+        for (const paragraph of formula.content) {
+            if (paragraph.type !== 'paragraph') {
+                errors.push('段落类型必须是 paragraph');
+                continue;
+            }
+            if (!paragraph.content || !Array.isArray(paragraph.content)) {
+                continue;
+            }
+            for (const node of paragraph.content) {
+                this.validateNode(node, errors);
+            }
+        }
+        return {
+            isValid: errors.length === 0,
+            errors
+        };
+    }
+    /**
+     * 从JSON数据中提取内容文本或HTML
+     * @param jsonData 公式的JSON表示
+     * @param outputFormat 输出格式，'text'或'html'，默认'text'
+     * @returns 提取的内容文本或HTML字符串
+     */
+    getContentFromJson(jsonData, outputFormat = 'text') {
+        if (!jsonData || !jsonData.content)
+            return '';
+        return outputFormat === 'html'
+            ? this.sanitizer.bypassSecurityTrustHtml(this.processContentToHtml(jsonData.content))
+            : this.processContent(jsonData.content);
+    }
+    processContent(content) {
+        if (!content || !Array.isArray(content))
+            return '';
+        return content.map(item => this.processNode(item)).join('');
+    }
+    processNode(node) {
+        if (!node)
+            return '';
+        switch (node.type) {
+            case 'func':
+                return this.processFuncNode(node);
+            case 'field':
+                return `{${node.attrs?.name || ''}}`;
+            case 'metric':
+                return `[${node.attrs?.name || ''}]`;
+            case 'text':
+                return node.text || '';
+            case 'paragraph':
+                return this.processContent(node.content);
+            case 'doc':
+                return this.processContent(node.content);
+            default:
+                return '';
+        }
+    }
+    processFuncNode(node) {
+        const funcName = node.attrs?.name || '';
+        const content = this.processContent(node.content);
+        return `${funcName}(${content})`;
+    }
+    processContentToHtml(content) {
+        if (!content || !Array.isArray(content))
+            return '';
+        return content.map(item => this.processNodeToHtml(item)).join('');
+    }
+    processNodeToHtml(node) {
+        if (!node)
+            return '';
+        switch (node.type) {
+            case 'func':
+                return this.processFuncNodeToHtml(node);
+            case 'field':
+                return `<span class="${node.attrs?.className || ''}" style="display: inline-block; margin: 0 4px;height: 18px;line-height: 18px;">${node.attrs?.name || ''}</span>`;
+            case 'text':
+                return this.escapeHtml(node.text || '');
+            case 'paragraph':
+                return this.processContentToHtml(node.content);
+            case 'doc':
+                return this.processContentToHtml(node.content);
+            default:
+                return '';
+        }
+    }
+    processFuncNodeToHtml(node) {
+        const funcName = node.attrs?.name || '';
+        const className = node.attrs?.className || '';
+        const content = this.processContentToHtml(node.content);
+        return `<span style="display: inline-block; margin: 0 4px;"><span contenteditable="false" class="${className}">${funcName}(</span><span style="white-space: pre-wrap; display: inline-block; margin: 0 4px;" contenteditable="true">${content}</span><span contenteditable="false" class="${className}">)</span></span>`;
+    }
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    validateNode(node, errors, path = '') {
+        if (!node || !node.type) {
+            return;
+        }
+        const currentPath = path ? `${path} > ${node.type}` : node.type;
+        if (node.type === 'func') {
+            this.validateFuncNode(node, errors, currentPath);
+        }
+    }
+    validateFuncNode(node, errors, path) {
+        if (!node.content || !Array.isArray(node.content)) {
+            return;
+        }
+        const content = node.content;
+        const length = content.length;
+        for (let i = 0; i < length; i++) {
+            const currentItem = content[i];
+            const nextItem = content[i + 1];
+            if (currentItem.type === 'field' || currentItem.type === 'func') {
+                if (i < length - 1) {
+                    if (nextItem && nextItem.type === 'text') {
+                        const text = nextItem.text || '';
+                        if (!text.startsWith(',')) {
+                            errors.push(`${path}: 参数之间必须用逗号分隔，位置 ${i + 1}`);
+                        }
+                    }
+                    else {
+                        errors.push(`${path}: 参数之间必须用逗号分隔，位置 ${i + 1}`);
+                    }
+                }
+            }
+            if (currentItem.type === 'func') {
+                this.validateFuncNode(currentItem, errors, `${path} > ${currentItem.attrs?.name || 'func'}`);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaEditorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaEditorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+const ICONS = {
+    cheng: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M460.8 896c-7.1 0-12.8-5.7-12.8-12.8V614.8L268.8 794c-5 5-13.1 5.1-18.1 0.1l-0.1-0.1-49.5-49.8c-5-5-5.1-13.1-0.1-18.1l0.1-0.1L383 544.1H140.8c-7.1 0-12.8-5.7-12.8-12.8v-70.4c0-7.1 5.7-12.8 12.8-12.8h239.4L200.9 268.9c-5-5-5.1-13.1-0.1-18.1l0.1-0.1 49.5-49.8c5-5 13.1-5.1 18.1-0.1l0.1 0.1 179.2 179.2V140.8c0-7.1 5.7-12.8 12.8-12.8H531c7.1 0 12.8 5.7 12.8 12.8v242.3L725.9 201c5-4.9 12.9-4.9 17.9 0l49.8 49.8c5 5 5.1 13.1 0.1 18.1l-0.1 0.1-179.2 179.1h268.4c7.1 0 12.8 5.7 12.8 12.8v70.4c0 7.1-5.7 12.8-12.8 12.8H611.6L793.5 726c5 5 5.1 13.1 0.1 18.1l-0.1 0.1-49.8 49.8c-5 4.9-12.9 4.9-17.9 0L543.7 611.8v271.6c0 7.1-5.7 12.8-12.8 12.8l-70.1-0.2z" /></svg>`,
+    chu: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M808.3 283.6L283.6 808.3c-5 5-13.1 5-18.1 0l-49.8-49.8c-5-5-5-13.1 0-18.1l524.7-524.7c5-5 13.1-5 18.1 0l49.8 49.8c4.9 5 4.9 13.1 0 18.1z" /></svg>`,
+    jia: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M476.8 896c-7.1 0-12.8-5.7-12.8-12.8V560H140.8c-7.1 0-12.8-5.7-12.8-12.8v-70.4c0-7.1 5.7-12.8 12.8-12.8H464V140.8c0-7.1 5.7-12.8 12.8-12.8h70.4c7.1 0 12.8 5.7 12.8 12.8V464h323.2c7.1 0 12.8 5.7 12.8 12.8v70.4c0 7.1-5.7 12.8-12.8 12.8H560v323.2c-0.2 7-5.8 12.7-12.8 12.8h-70.4z" /></svg>`,
+    jian: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M140.8 464h742.4c7.1 0 12.8 5.7 12.8 12.8v70.4c0 7.1-5.7 12.8-12.8 12.8H140.8c-7.1 0-12.8-5.7-12.8-12.8v-70.4c0-7.1 5.7-12.8 12.8-12.8z" /></svg>`,
+    youkuohao: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M416 163c38.7 49.3 68.8 104.8 88.9 164.1 19.8 59.6 29.7 122.1 29.3 184.9 1.1 62.3-8.5 124.2-28.4 183.2-23.2 59.2-53.3 115.4-89.8 167.4l56.9 33.3c42.9-56 76.8-118.4 100.4-184.9 23.2-64.1 34.9-131.8 34.7-199.9 0.3-69.3-11.4-138-34.7-203.3-23.2-65-57.2-125.8-100.4-179.8L416 163z" /></svg>`,
+    zuokuohao: `<svg class="icon" width="16px" height="16px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M608 163c-38.7 49.3-68.8 104.8-88.9 164.1-19.8 59.6-29.7 122.1-29.3 184.9-1.1 62.3 8.5 124.2 28.4 183.2 23.1 59.2 53.2 115.4 89.6 167.4L550.9 896c-42.8-56-76.6-118.4-100.2-184.9-23.2-64.1-34.9-131.8-34.7-199.9-0.3-69.3 11.4-138 34.7-203.3C473.9 242.8 507.9 182 551.1 128l56.9 35z" /></svg>`
+};
+
+/**
+ * 公式编辑器组件
+ * 用于创建和编辑计算公式，支持函数、指标和字段的插入与验证
+ * 依赖className与在使用组件处使用穿透样式实现样式
+ */
+class FormulaEditorComponent {
+    getOperatorIcon(type) {
+        const iconMap = {
+            add: ICONS.jia,
+            minus: ICONS.jian,
+            multiply: ICONS.cheng,
+            divide: ICONS.chu,
+            'left-parenthesis': ICONS.zuokuohao,
+            'right-parenthesis': ICONS.youkuohao
+        };
+        return this.sanitizer.bypassSecurityTrustHtml(iconMap[type] || '');
+    }
+    /**
+     * 构造函数
+     * 初始化信号监听，处理搜索和项目类型变化
+     */
+    constructor() {
+        this.formulaEditorService = inject(FormulaEditorService);
+        this.sanitizer = inject(DomSanitizer);
+        this.msg = inject(NzMessageService);
+        this.formulaEditorRequestService = inject(FormulaEditorRequestServiceToken);
+        /**
+         * 项目类型，决定显示字段或自定义
+         * 默认值：ItemType.Field
+         */
+        this.itemType = input(ItemType.Field);
+        /**
+         * 字段标题，当项目类型为字段时显示
+         * 默认值：'字段'
+         */
+        this.fieldTitle = input('字段');
+        /**
+         * 格式检查方法
+         * 默认值：CheckFormatMethod.self
+         */
+        this.checkFormatMethod = input(CheckFormatMethod.self);
+        /**
+         * 函数列表显示类型
+         * 默认值：FuncListType.Tree
+         */
+        this.functionListType = input(FuncListType.Tree);
+        this.itemTemplate = input(null);
+        this._itemType = ItemType;
+        this._funcListType = FuncListType;
+        this.searchWord = '';
+        this.fieldListOrigin = [];
+        this.fieldList = [];
+        this.checkLoading = false;
+        this.showDescription = true;
+        this.funcNode = [];
+        this.fieldDescription = '';
+        this.editDescription = '请选择函数';
+        this.editDescShow = 'none';
+        this.searchField = signal('');
+        this.searchFunction = signal('');
+        this._operatorList = OPERATOR_LIST;
+        effect(() => {
+            const searchWord = this.searchField();
+            this.fieldList = this.fieldListOrigin.filter(item => item.name.includes(searchWord));
+        });
+        effect(() => {
+            const itemType = this.itemType();
+            if (itemType === ItemType.Field) {
+                this.formulaEditorRequestService.getFields().then(res => {
+                    this.fieldListOrigin = res;
+                    this.fieldList = [...this.fieldListOrigin];
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        this.formulaEditorRequestService.getFunctions().then(res => {
+            this.funcNode = res;
+        });
+        this.formulaEditorRequestService.getFieldDescription().then(res => {
+            this.fieldDescription = res;
+        });
+    }
+    ngAfterViewInit() {
+        this.formulaEditorService.initNodes();
+        this.editorObj = new Editor({
+            element: this.editor.nativeElement,
+            extensions: [
+                StarterKit.configure({
+                    blockquote: false,
+                    codeBlock: false,
+                    code: false
+                }),
+                this.formulaEditorService.funcNode,
+                this.formulaEditorService.fieldNode
+            ]
+        });
+    }
+    insertFunc(func) {
+        this.editorObj
+            .chain()
+            .insertContent({
+            type: 'func',
+            attrs: {
+                name: func.name,
+                id: func.id,
+                className: `text-func-${func.className}`
+            },
+            content: []
+        })
+            .focus()
+            .run();
+    }
+    insertField(field) {
+        this.editorObj
+            .chain()
+            .insertContent({
+            type: 'field',
+            attrs: {
+                name: field.name,
+                id: field.id,
+                className: `text-field-${field.className}`
+            }
+        })
+            .focus()
+            .run();
+    }
+    insertOperator(operator) {
+        this.editorObj
+            .chain()
+            .insertContent({
+            type: 'text',
+            text: operator
+        })
+            .focus()
+            .run();
+    }
+    functionClick(node) {
+        const func = node.node.origin;
+        this.editDescription = func.description || '';
+        this.editDescShow = 'func';
+        this.insertFunc(func);
+    }
+    /**
+     * 获取公式JSON
+     * @returns 公式的JSON表示
+     * @example
+     * // 返回示例
+     * {
+     *   "type": "doc",
+     *   "content": [
+     *     {
+     *       "type": "paragraph",
+     *       "content": [
+     *         {
+     *           "type": "func",
+     *           "attrs": {
+     *             "name": "SUM",
+     *             "id": "sum",
+     *             "className": "text-func-agg"
+     *           }
+     *         }
+     *       ]
+     *     }
+     *   ]
+     * }
+     */
+    getFormula() {
+        const formula = this.editorObj.getJSON();
+        return formula;
+    }
+    /**
+     * 获取公式文本
+     * @returns 公式的纯文本表示
+     * @example
+     * // 返回示例
+     * "SUM(field1, field2)"
+     */
+    getFormulaText() {
+        const formulaText = this.editorObj.getText();
+        return formulaText;
+    }
+    checkFormat() {
+        if (this.checkFormatMethod() === CheckFormatMethod.self) {
+            const result = this.validateFormula();
+            if (result.isValid) {
+                this.msg.success('格式校验通过');
+            }
+            else {
+                this.msg.error(`格式校验不通过: ${result.errors.join(', ')}`);
+                this.editDescription = result.errors.join(', ');
+                this.editDescShow = 'error';
+            }
+        }
+        else {
+            this.checkLoading = true;
+            this.formulaEditorRequestService.validateFormula(this.getFormula()).then(res => {
+                this.checkLoading = false;
+                if (res.isValid) {
+                    this.msg.success('格式校验通过');
+                }
+                else {
+                    this.msg.error(`格式校验不通过: ${res.errors.join(', ')}`);
+                    this.editDescription = res.errors.join(', ');
+                    this.editDescShow = 'error';
+                }
+            });
+        }
+    }
+    /**
+     * 从JSON加载公式
+     * @param formula 公式的JSON表示
+     * @example
+     * // 使用示例
+     * const formula = {
+     *   "type": "doc",
+     *   "content": [
+     *     {
+     *       "type": "paragraph",
+     *       "content": [
+     *         {
+     *           "type": "func",
+     *           "attrs": {
+     *             "name": "SUM",
+     *             "id": "sum",
+     *             "className": "text-func-agg"
+     *           }
+     *         }
+     *       ]
+     *     }
+     *   ]
+     * };
+     * formulaEditor.loadFormula(formula);
+     */
+    loadFormula(formula) {
+        if (!formula || !this.editorObj) {
+            return;
+        }
+        this.editorObj.commands.setContent(formula);
+    }
+    // 校验公式
+    validateFormula() {
+        const formula = this.editorObj.getJSON();
+        const result = this.formulaEditorService.validateFormula(formula);
+        return result;
+    }
+    toggleDescription() {
+        this.showDescription = !this.showDescription;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FormulaEditorComponent, isStandalone: true, selector: "app-formula-editor", inputs: { itemType: { classPropertyName: "itemType", publicName: "itemType", isSignal: true, isRequired: false, transformFunction: null }, fieldTitle: { classPropertyName: "fieldTitle", publicName: "fieldTitle", isSignal: true, isRequired: false, transformFunction: null }, checkFormatMethod: { classPropertyName: "checkFormatMethod", publicName: "checkFormatMethod", isSignal: true, isRequired: false, transformFunction: null }, functionListType: { classPropertyName: "functionListType", publicName: "functionListType", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<div nz-row class=\"formula-editor\">\n  <div nz-col nzSpan=\"10\" class=\"editor-box\">\n    <div class=\"editor-title\">\n      <div class=\"label-title label-require\">\u5B57\u6BB5\u8868\u8FBE\u5F0F</div>\n      <button nz-button nzType=\"link\" nzSize=\"small\" [nzLoading]=\"checkLoading\" (click)=\"checkFormat()\">\u683C\u5F0F\u6821\u9A8C</button>\n    </div>\n    <div class=\"edit-box\">\n      <div class=\"edit-operation-box\">\n        @for (item of _operatorList; track item) {\n          <div class=\"edit-operation-item\" (click)=\"insertOperator(item.name)\">\n            <span class=\"operator-icon\" [innerHTML]=\"getOperatorIcon(item.type)\"></span>\n          </div>\n        }\n      </div>\n      <div #editor class=\"editor\"></div>\n      @if (editDescShow !== 'none') {\n        <div class=\"edit-description-box\">\n          <div class=\"edit-description-head\" [style]=\"{ marginBottom: !showDescription ? '10px' : '0' }\">\n            <span class=\"edit-description-title\">{{ editDescShow === 'func' ? '\u51FD\u6570\u91CA\u4E49' : '\u6821\u9A8C\u9519\u8BEF\u4FE1\u606F' }}</span>\n            <span\n              class=\"edit-description-icon\"\n              nz-icon\n              [nzType]=\"showDescription ? 'down' : 'up'\"\n              nzTheme=\"outline\"\n              (click)=\"toggleDescription()\"\n            ></span>\n          </div>\n          @if (showDescription) {\n            <div class=\"edit-description-text\"> {{ editDescription }} </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n  @switch (itemType()) {\n    @case (_itemType.Field) {\n      <div nz-col nzSpan=\"7\" class=\"field-box\">\n        <div class=\"label-title\"\n          >{{ fieldTitle() }}\n          @if (fieldDescription) {\n            <span nz-icon nzType=\"question-circle\" nzTheme=\"outline\" nz-tooltip [nzTooltipTitle]=\"fieldDescription\"></span>\n          }\n        </div>\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\" [(ngModel)]=\"searchField\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\"></i>\n        </ng-template>\n        <div class=\"field-list\">\n          @for (item of fieldList; track item) {\n            <div (click)=\"insertField(item)\" [class]=\"item.className ? 'item-field-' + item.className : ''\" class=\"field-list-item\">\n              @if (item.image) {\n                <img class=\"field-img\" [src]=\"item.image\" />\n              }\n              @if (item.icon) {\n                <span class=\"field-icon\" nz-icon [nzIconfont]=\"item.icon\"></span>\n              }\n              <span class=\"field-name\" [innerHTML]=\"item.name | nzHighlight: searchField() : 'i' : 'node-highlight'\"></span>\n              @if (item.description) {\n                <span\n                  class=\"desc-icon\"\n                  nz-icon\n                  nzType=\"question-circle\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  [nzTooltipTitle]=\"item.description\"\n                ></span>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n    @case (_itemType.Template) {\n      <div nz-col nzSpan=\"7\" class=\"field-box\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate()\"></ng-container>\n      </div>\n    }\n  }\n  <div nz-col nzSpan=\"7\" class=\"function-box\">\n    <div class=\"label-title\">\u51FD\u6570</div>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\" [(ngModel)]=\"searchFunction\" />\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\"></i>\n    </ng-template>\n    <nz-tree\n      class=\"function-tree\"\n      [nzHideUnMatched]=\"true\"\n      [nzSearchValue]=\"searchFunction()\"\n      [nzTreeTemplate]=\"nzTreeTemplate\"\n      [nzData]=\"funcNode\"\n      [nzShowExpand]=\"functionListType() === _funcListType.Tree\"\n      (nzClick)=\"functionClick($event)\"\n    ></nz-tree>\n    <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n      <span class=\"custom-node\" [innerHTML]=\"origin.name | nzHighlight: searchFunction() : 'i' : 'node-highlight'\">\n        @if (origin.description) {\n          <span\n            class=\"desc-icon\"\n            nz-icon\n            nzType=\"question-circle\"\n            nzTheme=\"outline\"\n            nz-tooltip\n            [nzTooltipTitle]=\"origin.description\"\n          ></span>\n        }\n      </span>\n    </ng-template>\n  </div>\n</div>\n", styles: [":host ::ng-deep .ant-tree-node-content-wrapper{width:100%}:host ::ng-deep .ant-input-affix-wrapper{padding:0 11px;height:32px}:host ::ng-deep .ProseMirror-focused{outline:none}:host ::ng-deep .node-highlight{color:#ff4d4f!important}:host .total-box{width:1000px;padding:8px;background-color:#fff}:host .ant-input-affix-wrapper{width:100%}:host .desc-icon{margin-left:auto}:host .formula-editor .editor-box{padding:12px;border-right:1px solid #e8e8e8}:host .formula-editor .editor-box .editor-title{display:flex;justify-content:space-between}:host .formula-editor .editor-box .edit-box{display:flex;flex-direction:column;height:400px;border:1px solid #ccc;border-radius:2px}:host .formula-editor .editor-box .edit-box .edit-operation-box{display:flex;gap:10px;align-items:center;height:32px;padding:0 10px;border-bottom:1px solid #ccc}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item{width:16px;height:16px;color:#687488;font-size:16px;line-height:16px;cursor:pointer;-webkit-user-select:none;user-select:none}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item .operator-icon{pointer-events:none}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item:hover .operator-icon{fill:#2e87ff}:host .formula-editor .editor-box .edit-box .edit-description-box{display:flex;flex-direction:column;padding:10px 10px 0;border-top:1px solid #ccc}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-head{display:flex;justify-content:space-between}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-text{max-height:128px;overflow:hidden auto;color:#333;font-size:13px;white-space:pre-wrap}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-title{color:#333;font-weight:700;font-size:14px}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-icon{font-size:14px;cursor:pointer}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-icon:hover{color:#2e87ff}:host .formula-editor .editor-box .edit-box .editor{flex:1;min-height:0;padding:12px 10px;overflow:auto;font-size:13px}:host .formula-editor .metric-box{padding:12px}:host .formula-editor .metric-box .metric-list{display:flex;flex-direction:column;gap:4px;height:360px;margin-top:12px;overflow-y:auto}:host .formula-editor .metric-box .metric-list-item{display:flex;align-items:center;height:32px;min-height:32px;padding:0 12px;border:1px solid #ccc;border-radius:2px;cursor:pointer}:host .formula-editor .metric-box .metric-list-item:hover{background:#2e87ff1a;border:1px solid #2e87ff;border-radius:2px}:host .formula-editor .metric-box .metric-list-item .metric-img{width:24px;height:24px;margin-right:8px}:host .formula-editor .metric-box .metric-list-item .metric-icon{margin-right:4px;font-size:16px}:host .formula-editor .metric-box .metric-list-item .metric-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .formula-editor .field-box{padding:12px}:host .formula-editor .field-box .field-list{display:flex;flex-direction:column;gap:4px;height:360px;margin-top:12px;overflow-y:auto}:host .formula-editor .field-box .field-list-item{display:flex;flex-direction:row;align-items:center;height:32px;min-height:32px;padding:0 10px;border:1px solid #ccc;border-radius:2px;cursor:pointer}:host .formula-editor .field-box .field-list-item:hover{background:#2e87ff1a;border:1px solid #2e87ff;border-radius:2px}:host .formula-editor .field-box .field-list-item .field-img{width:24px;height:24px;margin-right:4px}:host .formula-editor .field-box .field-list-item .field-icon{margin-right:4px;font-size:16px}:host .formula-editor .field-box .field-list-item .field-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .formula-editor .function-box{padding:12px;border-left:1px solid #e8e8e8}:host .formula-editor .function-box .function-tree{height:360px;margin-top:8px;overflow-y:auto}:host .formula-editor .function-box .function-tree .custom-node{display:flex;align-items:center}:host .formula-editor .label-title{margin-bottom:12px;color:#333;font-weight:400;font-size:14px}:host .formula-editor .label-require:after{margin-left:4px;color:#f5222d;content:\"*\"}\n"], dependencies: [{ kind: "directive", type: NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i2.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i2.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i6.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckBoxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i7.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i8.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i9.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "pipe", type: NzHighlightPipe, name: "nzHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-formula-editor', standalone: true, imports: [
+                        NzColDirective,
+                        NzGridModule,
+                        NzInputModule,
+                        FormsModule,
+                        NzIconModule,
+                        CommonModule,
+                        NzTreeModule,
+                        NzButtonModule,
+                        NzToolTipModule,
+                        NzHighlightPipe
+                    ], template: "<div nz-row class=\"formula-editor\">\n  <div nz-col nzSpan=\"10\" class=\"editor-box\">\n    <div class=\"editor-title\">\n      <div class=\"label-title label-require\">\u5B57\u6BB5\u8868\u8FBE\u5F0F</div>\n      <button nz-button nzType=\"link\" nzSize=\"small\" [nzLoading]=\"checkLoading\" (click)=\"checkFormat()\">\u683C\u5F0F\u6821\u9A8C</button>\n    </div>\n    <div class=\"edit-box\">\n      <div class=\"edit-operation-box\">\n        @for (item of _operatorList; track item) {\n          <div class=\"edit-operation-item\" (click)=\"insertOperator(item.name)\">\n            <span class=\"operator-icon\" [innerHTML]=\"getOperatorIcon(item.type)\"></span>\n          </div>\n        }\n      </div>\n      <div #editor class=\"editor\"></div>\n      @if (editDescShow !== 'none') {\n        <div class=\"edit-description-box\">\n          <div class=\"edit-description-head\" [style]=\"{ marginBottom: !showDescription ? '10px' : '0' }\">\n            <span class=\"edit-description-title\">{{ editDescShow === 'func' ? '\u51FD\u6570\u91CA\u4E49' : '\u6821\u9A8C\u9519\u8BEF\u4FE1\u606F' }}</span>\n            <span\n              class=\"edit-description-icon\"\n              nz-icon\n              [nzType]=\"showDescription ? 'down' : 'up'\"\n              nzTheme=\"outline\"\n              (click)=\"toggleDescription()\"\n            ></span>\n          </div>\n          @if (showDescription) {\n            <div class=\"edit-description-text\"> {{ editDescription }} </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n  @switch (itemType()) {\n    @case (_itemType.Field) {\n      <div nz-col nzSpan=\"7\" class=\"field-box\">\n        <div class=\"label-title\"\n          >{{ fieldTitle() }}\n          @if (fieldDescription) {\n            <span nz-icon nzType=\"question-circle\" nzTheme=\"outline\" nz-tooltip [nzTooltipTitle]=\"fieldDescription\"></span>\n          }\n        </div>\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\" [(ngModel)]=\"searchField\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\"></i>\n        </ng-template>\n        <div class=\"field-list\">\n          @for (item of fieldList; track item) {\n            <div (click)=\"insertField(item)\" [class]=\"item.className ? 'item-field-' + item.className : ''\" class=\"field-list-item\">\n              @if (item.image) {\n                <img class=\"field-img\" [src]=\"item.image\" />\n              }\n              @if (item.icon) {\n                <span class=\"field-icon\" nz-icon [nzIconfont]=\"item.icon\"></span>\n              }\n              <span class=\"field-name\" [innerHTML]=\"item.name | nzHighlight: searchField() : 'i' : 'node-highlight'\"></span>\n              @if (item.description) {\n                <span\n                  class=\"desc-icon\"\n                  nz-icon\n                  nzType=\"question-circle\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  [nzTooltipTitle]=\"item.description\"\n                ></span>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n    @case (_itemType.Template) {\n      <div nz-col nzSpan=\"7\" class=\"field-box\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate()\"></ng-container>\n      </div>\n    }\n  }\n  <div nz-col nzSpan=\"7\" class=\"function-box\">\n    <div class=\"label-title\">\u51FD\u6570</div>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\" [(ngModel)]=\"searchFunction\" />\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\"></i>\n    </ng-template>\n    <nz-tree\n      class=\"function-tree\"\n      [nzHideUnMatched]=\"true\"\n      [nzSearchValue]=\"searchFunction()\"\n      [nzTreeTemplate]=\"nzTreeTemplate\"\n      [nzData]=\"funcNode\"\n      [nzShowExpand]=\"functionListType() === _funcListType.Tree\"\n      (nzClick)=\"functionClick($event)\"\n    ></nz-tree>\n    <ng-template #nzTreeTemplate let-node let-origin=\"origin\">\n      <span class=\"custom-node\" [innerHTML]=\"origin.name | nzHighlight: searchFunction() : 'i' : 'node-highlight'\">\n        @if (origin.description) {\n          <span\n            class=\"desc-icon\"\n            nz-icon\n            nzType=\"question-circle\"\n            nzTheme=\"outline\"\n            nz-tooltip\n            [nzTooltipTitle]=\"origin.description\"\n          ></span>\n        }\n      </span>\n    </ng-template>\n  </div>\n</div>\n", styles: [":host ::ng-deep .ant-tree-node-content-wrapper{width:100%}:host ::ng-deep .ant-input-affix-wrapper{padding:0 11px;height:32px}:host ::ng-deep .ProseMirror-focused{outline:none}:host ::ng-deep .node-highlight{color:#ff4d4f!important}:host .total-box{width:1000px;padding:8px;background-color:#fff}:host .ant-input-affix-wrapper{width:100%}:host .desc-icon{margin-left:auto}:host .formula-editor .editor-box{padding:12px;border-right:1px solid #e8e8e8}:host .formula-editor .editor-box .editor-title{display:flex;justify-content:space-between}:host .formula-editor .editor-box .edit-box{display:flex;flex-direction:column;height:400px;border:1px solid #ccc;border-radius:2px}:host .formula-editor .editor-box .edit-box .edit-operation-box{display:flex;gap:10px;align-items:center;height:32px;padding:0 10px;border-bottom:1px solid #ccc}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item{width:16px;height:16px;color:#687488;font-size:16px;line-height:16px;cursor:pointer;-webkit-user-select:none;user-select:none}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item .operator-icon{pointer-events:none}:host .formula-editor .editor-box .edit-box .edit-operation-box .edit-operation-item:hover .operator-icon{fill:#2e87ff}:host .formula-editor .editor-box .edit-box .edit-description-box{display:flex;flex-direction:column;padding:10px 10px 0;border-top:1px solid #ccc}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-head{display:flex;justify-content:space-between}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-text{max-height:128px;overflow:hidden auto;color:#333;font-size:13px;white-space:pre-wrap}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-title{color:#333;font-weight:700;font-size:14px}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-icon{font-size:14px;cursor:pointer}:host .formula-editor .editor-box .edit-box .edit-description-box .edit-description-icon:hover{color:#2e87ff}:host .formula-editor .editor-box .edit-box .editor{flex:1;min-height:0;padding:12px 10px;overflow:auto;font-size:13px}:host .formula-editor .metric-box{padding:12px}:host .formula-editor .metric-box .metric-list{display:flex;flex-direction:column;gap:4px;height:360px;margin-top:12px;overflow-y:auto}:host .formula-editor .metric-box .metric-list-item{display:flex;align-items:center;height:32px;min-height:32px;padding:0 12px;border:1px solid #ccc;border-radius:2px;cursor:pointer}:host .formula-editor .metric-box .metric-list-item:hover{background:#2e87ff1a;border:1px solid #2e87ff;border-radius:2px}:host .formula-editor .metric-box .metric-list-item .metric-img{width:24px;height:24px;margin-right:8px}:host .formula-editor .metric-box .metric-list-item .metric-icon{margin-right:4px;font-size:16px}:host .formula-editor .metric-box .metric-list-item .metric-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .formula-editor .field-box{padding:12px}:host .formula-editor .field-box .field-list{display:flex;flex-direction:column;gap:4px;height:360px;margin-top:12px;overflow-y:auto}:host .formula-editor .field-box .field-list-item{display:flex;flex-direction:row;align-items:center;height:32px;min-height:32px;padding:0 10px;border:1px solid #ccc;border-radius:2px;cursor:pointer}:host .formula-editor .field-box .field-list-item:hover{background:#2e87ff1a;border:1px solid #2e87ff;border-radius:2px}:host .formula-editor .field-box .field-list-item .field-img{width:24px;height:24px;margin-right:4px}:host .formula-editor .field-box .field-list-item .field-icon{margin-right:4px;font-size:16px}:host .formula-editor .field-box .field-list-item .field-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .formula-editor .function-box{padding:12px;border-left:1px solid #e8e8e8}:host .formula-editor .function-box .function-tree{height:360px;margin-top:8px;overflow-y:auto}:host .formula-editor .function-box .function-tree .custom-node{display:flex;align-items:center}:host .formula-editor .label-title{margin-bottom:12px;color:#333;font-weight:400;font-size:14px}:host .formula-editor .label-require:after{margin-left:4px;color:#f5222d;content:\"*\"}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { editor: [{
+                type: ViewChild,
+                args: ['editor']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckFormatMethod, FormulaEditorComponent, FormulaEditorRequestService, FormulaEditorRequestServiceToken, FormulaEditorService, FuncListType, ICONS, ItemType, OPERATOR_LIST };
+//# sourceMappingURL=formula-editor.mjs.map