@ebuilding/abc 2.0.0

package/fesm2022/codemirror.mjs

@@ -0,0 +1,806 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+// import {
+//     AfterViewInit,
+//     ChangeDetectionStrategy,
+//     Component,
+//     DoCheck,
+//     ElementRef,
+//     EventEmitter,
+//     forwardRef,
+//     Inject,
+//     Input,
+//     KeyValueDiffer,
+//     KeyValueDiffers,
+//     NgZone,
+//     OnChanges,
+//     OnDestroy,
+//     OnInit,
+//     Output,
+//     SimpleChanges,
+//     ViewChild,
+// } from "@angular/core";
+// import { CommonModule } from "@angular/common";
+// import { ReactiveFormsModule, FormsModule, ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
+// import { NzInputModule } from "ng-zorro-antd/input";
+// import { NzCollapseModule } from "ng-zorro-antd/collapse";
+// import { NzIconModule } from "ng-zorro-antd/icon";
+// import { NzButtonModule } from "ng-zorro-antd/button";
+// import { NzToolTipModule } from "ng-zorro-antd/tooltip";
+// import { NzConfigService } from "ng-zorro-antd/core/config";
+// import { NzMessageService } from "ng-zorro-antd/message";
+// import CodeMirror from 'codemirror';
+// import { Editor, EditorFromTextArea, ScrollInfo } from "codemirror";
+// import { GramPipeModule } from "@ebuilding/base/shared.pipe";
+// import { Formula } from "../tools/formula";
+// import { searchUsageFun, searchVariable, searchArrayVariable } from "../tools/common";
+// import _ from "lodash";
+// declare var require: any;
+// type FormulaType = (a?: any, b?: any, c?: any, d?: any) => boolean;
+// export declare interface IFormulaClass {
+//     FormulaUsage?: {
+//         category: string;
+//         categoryCode: string;
+//         contains: {
+//             name: string;
+//             intro: string;
+//             usage: string;
+//             example: string;
+//         }[];
+//     }[];
+//     Formula?: {
+//         [funcName: string]: FormulaType;
+//     };
+// }
+// @Component({
+//     selector: "deon-codemirror",
+//     templateUrl: "./index.html",
+//     styleUrls: ['./index.less'],
+//     providers: [
+//         {
+//             provide: NG_VALUE_ACCESSOR,
+//             useExisting: forwardRef(() => GramCodemirrorComponent),
+//             multi: true,
+//         },
+//         Formula
+//     ],
+//     preserveWhitespaces: false,
+//     changeDetection: ChangeDetectionStrategy.OnPush,
+//     imports: [CommonModule, ReactiveFormsModule, FormsModule, NzInputModule, NzCollapseModule, NzIconModule, NzButtonModule, NzToolTipModule, GramPipeModule]
+// })
+// export class GramCodemirrorComponent
+//     implements
+//     AfterViewInit,
+//     OnDestroy,
+//     ControlValueAccessor,
+//     OnChanges,
+//     DoCheck,
+//     OnInit {
+//     @Input() itemTitle = {};
+//     @Input()
+//     set options(value: { [key: string]: any }) {
+//         if (value!!) {
+//             this._options = value;
+//             if (!this._differ && value) {
+//                 this._differ = this._differs.find(value).create();
+//             }
+//         }
+//     }
+//     /**
+//      * 可用变量对象
+//      * {
+//      *   formFields:[],tableList:[]
+//      * }
+//      */
+//     @Input()
+//     set fieldData(value: any) {
+//         this._fieldData = value;
+//         if (Array.isArray(value) && value.length > 0) {
+//             value.forEach((t: any) => {
+//                 if (Array.isArray(t.listField) && t.listField.length > 0) {
+//                     t.listField.forEach((f: any) => {
+//                         this.labelMap['$' + `{${f.key}}`] = f.label;
+//                     });
+//                 }
+//             })
+//         }
+//     }
+//     get fieldData() {
+//         return this._fieldData;
+//     }
+//     /**
+//      * 黑名单  值为函数名数组
+//      */
+//     @Input() blacklist: Array<string>;
+//     /**
+//      * 启用默认黑名单
+//      * 默认黑名单与blackList合并
+//      */
+//     @Input() enableDefaultBlack = true;
+//     /**
+//      * 显示的公式 值显示列表内指定公式
+//      */
+//     @Input() showList: Array<string>;
+//     get dateType(): string {
+//         const t = Array.isArray(this.fieldData);
+//         return t ? "array" : "object";
+//     }
+//     set variableSearch(value: string) {
+//         let variableSearchList;
+//         if ("array" === this.dateType) {
+//             variableSearchList = searchArrayVariable(value, this.fieldData);
+//         } else {
+//             variableSearchList = searchVariable(value, this.fieldData);
+//         }
+//         this.variableSearchList = variableSearchList;
+//         this._variableSearch = value;
+//     }
+//     get variableSearch() {
+//         return this._variableSearch;
+//     }
+//     set usageFunSearch(value: string) {
+//         // TODO 只显示当前公式编辑器支持的函数
+//         this.usageFunSearchList = searchUsageFun(value, this.FormulaUsage);
+//         this._usageFunSearch = value;
+//     }
+//     get usageFunSearch() {
+//         return this._usageFunSearch;
+//     }
+//     /**
+//      *  所有支持函数分组信息
+//      *  name 分组名称  string
+//      *  code 分组code  string
+//      *  items 函数名集合 string[]
+//      */
+//     public get globalCategorys() {
+//         var info: any[] = [];
+//         _.forEach(this.fml.FormulaUsage, function (item: any) {
+//             info.push({
+//                 // name 分组名称  string
+//                 name: item.category,
+//                 // code 分组code  string
+//                 code: item.categoryCode,
+//                 // items 函数名集合 string[]
+//                 items: _.flatMap(item.contains, function (c) {
+//                     return c.name;
+//                 }),
+//             });
+//         });
+//         return info;
+//     }
+//     /**
+//      * 获取全局CodeMirror
+//      */
+//     get codeMirrorGlobal(): any {
+//         if (this._codeMirror) {
+//             return this._codeMirror;
+//         }
+//         this._codeMirror =
+//             typeof CodeMirror !== "undefined" ? CodeMirror : require("codemirror");
+//         return this._codeMirror;
+//     }
+//     // fml = new Formula();
+//     @Input() name = "codemirror";
+//     @Input() title = "";
+//     @Input() autoFocus = false;
+//     /**
+//      * 函数显示类型
+//      * 班次 attendance 所有 // attendance-items 精度 进位规则
+//      *
+//      * 与categorys互斥，有type时使用type
+//      */
+//     @Input() type: string = "";
+//     /**
+//      * 显示的函数组
+//      * 与type 互斥，如果type有值，当前参数无效。
+//      */
+//     @Input() categorys: Array<string>;
+//     /**
+//      * 自定义公式
+//      */
+//     @Input() formulaClass: IFormulaClass;
+//     typeList: any = {
+//         "attendance-items": [
+//             "MANHOURS",
+//             "CalendarDay",
+//             "PRECISION",
+//             "DepartmentScope",
+//             "AND",
+//             "OR",
+//             "IF",
+//             "IN",
+//             "AttendanceType",
+//             "MinusSupport",
+//         ],
+//         Daycalculation: [
+//             "Daycalculation",
+//             "Hourcalculation",
+//             "SUM",
+//             "Daycompute",
+//             "PositionHeadcount",
+//         ],
+//     };
+//     @Input() preserveScrollPosition = false;
+//     labelMap: any = {};
+//     _fieldData: any = null;
+//     @Output()
+//     cursorActivity = new EventEmitter<Editor>();
+//     @Output() focusChange = new EventEmitter<boolean>();
+//     @Output() scroll = new EventEmitter<ScrollInfo>();
+//     @Output() drop = new EventEmitter<[Editor, DragEvent]>();
+//     @Output() textChange = new EventEmitter<any>();
+//     @ViewChild("ref", { static: true }) ref!: ElementRef;
+//     fml: any;
+//     value: any = "";
+//     disabled = false;
+//     isFocused = false;
+//     codeMirror?: EditorFromTextArea;
+//     /**
+//      * 存放匹配的变量集合
+//      */
+//     variableSearchList: any[] = [];
+//     /**
+//      * 存放匹配的函数集合
+//      */
+//     usageFunSearchList: any[] = [];
+//     FormulaUsage: any[] = [];
+//     /**
+//      * 查询可用变量
+//      */
+//     _variableSearch: any = null;
+//     /**
+//      * 查询可用函数
+//      */
+//     _usageFunSearch: any = null;
+//     /**
+//      * 函数描述
+//      */
+//     usageDescription = `
+//       <ul class="intro-wrapper default">
+//         <li>从左侧面板选择字段名和函数，或输入函数</li>
+//         <li>公式编辑举例：
+//           <span class="formula-name">AVERAGE</span>
+//           (
+//           <span class="formula-field">语文成绩</span>
+//           ,
+//           <span class="formula-field">数学成绩</span>
+//           )
+//         </li>
+//       </ul>
+//     `;
+//     private _codeMirror: any;
+//     private _differ?: KeyValueDiffer<string, any>;
+//     private _options: any = {
+//         autoCloseBrackets: true,
+//         keywords: [],
+//         textWrapping: true,
+//         lineWrapping: true,
+//         lineNumbers: false,
+//         matchBrackets: true,
+//         specialChars:
+//             /[\u0000-\u001f\u007f\u00ad\u200c-\u200f\u2028\u2029\ufeff]/,
+//         mode: "text/fx-formula",
+//         labelMap: null,
+//     };
+//     private _fomulaContext: string[];
+//     /**
+//      * 默认公式
+//      */
+//     private defaultFml: any;
+//     constructor(
+//         private _differs: KeyValueDiffers,
+//         private _ngZone: NgZone,
+//         public el: ElementRef,
+//         private message: NzMessageService,
+//         private nzConfigService: NzConfigService,
+//         private fmlService: Formula
+//     ) {
+//         this.defaultFml = _.cloneDeep({
+//             FormulaUsage: fmlService.FormulaUsage,
+//             Formula: fmlService.Formula,
+//         });
+//         this.fml = fmlService;
+//     }
+//     ngOnInit() {
+//         this.nzConfigService.set("message", {
+//             nzMaxStack: 1,
+//             nzAnimate: false,
+//         });
+//     }
+//     /**
+//      * 根据黑名单过滤公式
+//      */
+//     filterUsageByBlackList(formulaUsage: any) {
+//         let FormulaUsageList: any[] = [];
+//         formulaUsage.forEach((el: any) => {
+//             el.contains.forEach((formula: any) => {
+//                 // 黑名单列表内的Index。
+//                 const blackIndex = _.indexOf(this.blacklist, formula.name);
+//                 if (blackIndex < 0) {
+//                     if (
+//                         FormulaUsageList.findIndex((ele) => ele.category === el.category) >
+//                         -1
+//                     ) {
+//                         let index = FormulaUsageList.findIndex(
+//                             (ele) => ele.category === el.category
+//                         );
+//                         (FormulaUsageList[index].contains as any[]).push(formula);
+//                     } else {
+//                         let item: any = {
+//                             category: el.category,
+//                             contains: [],
+//                         };
+//                         item.contains.push(formula);
+//                         FormulaUsageList.push(item);
+//                     }
+//                 }
+//             });
+//         });
+//         return FormulaUsageList;
+//     }
+//     /**
+//      * 组装显示的函数
+//      */
+//     resolveDisplayFormula(): string[] {
+//         let displayFormula: string[] = [];
+//         if (this.showList) {
+//             return _.cloneDeep(this.showList);
+//         }
+//         if (this.type && !_.isEmpty(this.type)) {
+//             displayFormula = this.typeList[this.type];
+//             return displayFormula || [];
+//         }
+//         /**
+//          * this.categorys 显示的函数组
+//          * 与this.type 互斥,this.type优先级最高。
+//          */
+//         if (this.categorys && Array.isArray(this.categorys)) {
+//             // 显示函数组数组转对象
+//             const displayCategory = _.keyBy(this.categorys, function (o) {
+//                 return o;
+//             });
+//             // 过滤出需显示的函数
+//             this.globalCategorys.map((c: any) => {
+//                 if (c.items && displayCategory[c.code]) {
+//                     displayFormula = displayFormula.concat(c.items);
+//                 }
+//             });
+//         }
+//         return displayFormula || [];
+//     }
+//     /**
+//      * 组装FomulaContext
+//      */
+//     resolveFomulaContext() {
+//         const fomlaArray: string[] = [];
+//         if (!this.FormulaUsage) {
+//             return fomlaArray;
+//         }
+//         this.FormulaUsage.map((usage) => {
+//             const contains = _.flatMap(usage.contains, function (c) {
+//                 return c.name;
+//             });
+//             fomlaArray.push(...contains);
+//         });
+//         this._fomulaContext = fomlaArray;
+//         return fomlaArray;
+//     }
+//     /**
+//      * 组装 this.FormulaUsage
+//      */
+//     setFormulaUsage() {
+//         var FormulaUsage = _.cloneDeep(this.fml.FormulaUsage);
+//         this.FormulaUsage = FormulaUsage;
+//     }
+//     ngAfterViewInit(): void {
+//         this.setFormulaUsage();
+//         if (!this.ref) {
+//             return;
+//         }
+//         this._ngZone.runOutsideAngular(() => {
+//             this.codeMirror = this.codeMirrorGlobal.fromTextArea(
+//                 this.ref.nativeElement,
+//                 this._options
+//             ) as EditorFromTextArea;
+//             this.codeMirror.on("cursorActivity", (cm) =>
+//                 this._ngZone.run(() => this.cursorActive(cm))
+//             );
+//             this.codeMirror.on("scroll", this.scrollChanged.bind(this));
+//             this.codeMirror.on("blur", () =>
+//                 this._ngZone.run(() => this.focusChanged(false))
+//             );
+//             this.codeMirror.on("focus", () =>
+//                 this._ngZone.run(() => this.focusChanged(true))
+//             );
+//             this.codeMirror.on("change", (cm: any, change: any) => {
+//                 this._ngZone.run(() => this.codemirrorValueChanged(cm, change));
+//             });
+//             this.codeMirror.on("drop", (cm: Editor, e: DragEvent) => {
+//                 this._ngZone.run(() => this.dropFiles(cm, e));
+//             });
+//             this.codeMirror.setValue(this.value);
+//             (CodeMirror as any).fomulaContext = Object.keys(this.fml.Formula);
+//             this.codeMirror.setOption("mode", "text/fx-formula");
+//         });
+//     }
+//     ngOnChanges(changes: SimpleChanges): void {
+//         if (changes && changes["formulaClass"]) {
+//             const change = changes["formulaClass"];
+//             if (change && (change.currentValue || change.previousValue)) {
+//                 this.setFormulaClass(change.currentValue);
+//                 this.setFormulaUsage();
+//             }
+//         }
+//     }
+//     ngDoCheck(): void {
+//         if (!this._differ) {
+//             return;
+//         }
+//         const changes = this._differ.diff(this._options);
+//         if (changes) {
+//             changes.forEachChangedItem((option) =>
+//                 this.setOptionIfChanged(option.key, option.currentValue)
+//             );
+//             changes.forEachAddedItem((option) =>
+//                 this.setOptionIfChanged(option.key, option.currentValue)
+//             );
+//             changes.forEachRemovedItem((option) =>
+//                 this.setOptionIfChanged(option.key, option.currentValue)
+//             );
+//         }
+//     }
+//     ngOnDestroy(): void {
+//         if (this.codeMirror) {
+//             this.codeMirror.toTextArea();
+//         }
+//     }
+//     /**
+//      * set  FormulaClass
+//      * @param formulaCalss
+//      */
+//     setFormulaClass(formulaCalss: any): void {
+//         const fml: IFormulaClass = new formulaCalss(this.fml);
+//         const { FormulaUsage, Formula } = fml;
+//         if (Formula) {
+//             this._ngZone.runOutsideAngular(() => {
+//                 Object.keys(Formula).forEach((key) => {
+//                     this.fml.Formula[key] = Formula[key].bind(this.fml);
+//                 });
+//                 // CodeMirror.fomulaContext = this.resolveFomulaContext();
+//                 (CodeMirror as any).fomulaContext = Object.keys(this.fml.Formula);
+//             });
+//         }
+//         if (FormulaUsage) {
+//             const oldIndexs: any = {};
+//             this.fml.FormulaUsage.forEach((category: any, index: number) => {
+//                 oldIndexs[category.categoryCode] = index;
+//             });
+//             const newCategorys: any = {};
+//             FormulaUsage.forEach((category: any) => {
+//                 newCategorys[category.categoryCode] = category;
+//             });
+//             Object.keys(newCategorys).forEach((categoryCode: any) => {
+//                 const oldIndex = _.get(oldIndexs, categoryCode, undefined);
+//                 const newCategory = newCategorys[categoryCode];
+//                 if (undefined === oldIndex) {
+//                     // 新增分类
+//                     this.fml.FormulaUsage.push(newCategorys[categoryCode]);
+//                 } else {
+//                     // 已有分类 添加新函数
+//                     let oldContains = this.fml.FormulaUsage[oldIndex].contains;
+//                     oldContains = oldContains.concat(newCategory.contains);
+//                     oldContains.reverse();
+//                     _.uniqWith(oldContains, (a: any, b: any) => {
+//                         return a.name === b.name;
+//                     });
+//                     this.fml.FormulaUsage[oldIndex].contains = oldContains.reverse();
+//                 }
+//             });
+//         }
+//     }
+//     codemirrorValueChanged(cm: any, change: any): void {
+//         if (change.origin !== "complete") {
+//             cm.showHint({
+//                 hint: (CodeMirror as any).hint.formula,
+//                 completeSingle: false,
+//                 shown: function () { },
+//                 select: function (cpt: any, ele: any) { },
+//                 pick: function (item: any) { },
+//             });
+//         } else {
+//             this.insertBarcket();
+//         }
+//         setTimeout(() => {
+//             this.getValue();
+//         }, 0);
+//     }
+//     setOptionIfChanged(optionName: string, newValue: any): void {
+//         if (!this.codeMirror) {
+//             return;
+//         }
+//         this.codeMirror.setOption(optionName as any, newValue);
+//     }
+//     focusChanged(focused: boolean): void {
+//         this.onTouched();
+//         this.isFocused = focused;
+//         // CodeMirror.fomulaContext = this._fomulaContext;
+//         this.focusChange.emit(focused);
+//     }
+//     scrollChanged(cm: Editor): void {
+//         this.scroll.emit(cm.getScrollInfo());
+//     }
+//     cursorActive(cm: Editor): void {
+//         this.cursorActivity.emit(cm);
+//     }
+//     dropFiles(cm: Editor, e: DragEvent): void {
+//         this.drop.emit([cm, e]);
+//     }
+//     writeValue(value: string): void {
+//         if (value === null || value === undefined) {
+//             if (this.codeMirror) {
+//                 this.codeMirror.setValue("");
+//             }
+//             return;
+//         }
+//         this.value = value;
+//         this.setValue();
+//     }
+//     registerOnChange(fn: (value: string) => void): void {
+//         this.onChange = fn;
+//     }
+//     registerOnTouched(fn: () => void): void {
+//         this.onTouched = fn;
+//     }
+//     setDisabledState(isDisabled: boolean): void {
+//         this.disabled = isDisabled;
+//         this.setOptionIfChanged("readOnly", this.disabled);
+//     }
+//     /**
+//      * 函数鼠标滑动时事件
+//      * @param e
+//      */
+//     usageMouseover(e: any) {
+//         let usage = e.usage ? `<li class="usage"> 用法：${e.usage} </li>` : "";
+//         this.usageDescription = `
+//         <div class="formula-title">${e.name}</div>
+//         <ul class="intro-wrapper">
+//           <li class="intro">
+//             ${e.intro}
+//           </li>
+//           ${usage}
+//           <li class="example">示例：${e.example}</li>
+//         </ul>
+//         `;
+//     }
+//     /**
+//      * 插入函数
+//      * @param e
+//      */
+//     insertUsageFun(e: any) {
+//         if (this.codeMirror && this.codeMirror !== null) {
+//             let c = this.codeMirror.getCursor();
+//             this.codeMirror.replaceSelection(`${e.name}`);
+//             let d = this.codeMirror.getCursor();
+//             this.insertBarcket();
+//             this.getValue();
+//         }
+//     }
+//     /**
+//      * 插入可用变量
+//      * @param event
+//      */
+//     insertField(event: any) {
+//         if (this.codeMirror && this.codeMirror !== null) {
+//             let c = this.codeMirror.getCursor();
+//             this.codeMirror.replaceSelection("" + event.label + "");
+//             let d = this.codeMirror.getCursor();
+//             let e = {
+//                 from: c,
+//                 to: d,
+//                 key: '$' + `{${event.key}}`, // 工作项ID
+//                 label: event.label,
+//             };
+//             this.markField(e);
+//             this.codeMirror.focus();
+//             this.getValue();
+//         }
+//     }
+//     /**
+//      * 复制
+//      */
+//     btnCopy() {
+//         if (!!`${this.value}`) {
+//             let value = (_.cloneDeep(this.value) as string).replace("↵", "");
+//             localStorage.setItem("codemirror", value);
+//             this.message.success(`复制成功`);
+//         } else {
+//             this.message.warning(`公式为空,请配置公式后复制`);
+//         }
+//     }
+//     /**
+//      * 粘贴
+//      */
+//     btnPaste() {
+//         if (!!localStorage.getItem("codemirror")) {
+//             if (!this.value) {
+//                 this.value = localStorage.getItem("codemirror") as string;
+//             } else {
+//                 this.value = `${this.value}${localStorage.getItem("codemirror") as string}`;
+//             }
+//             this.setValue();
+//             this.message.success(`粘贴成功`);
+//         } else {
+//             this.message.warning(`没有需要粘贴的数据，请先复制`);
+//         }
+//     }
+//     /**
+//      * 清空
+//      */
+//     btnClear() {
+//         this.value = null;
+//         if (this.codeMirror) {
+//             this.codeMirror.setValue("");
+//         }
+//         this.message.success(`清空成功`);
+//     }
+//     private onChange = (_: any) => { };
+//     private onTouched = () => { };
+//     private markField(e: any) {
+//         if (this.codeMirror && this.codeMirror !== null) {
+//             let node = document.createElement("span");
+//             node.innerHTML = e.label;
+//             node.className = "cm-field cm-field-value";
+//             node.setAttribute("field-key", e.key);
+//             this.codeMirror.markText(e.from, e.to, {
+//                 handleMouseEvents: !0,
+//                 atomic: !0,
+//                 replacedWith: node,
+//             });
+//             let d = this.codeMirror.getCursor();
+//         }
+//     }
+//     private insertBarcket() {
+//         if (this.codeMirror && this.codeMirror !== null) {
+//             let c = this.codeMirror.getCursor();
+//             this.codeMirror.replaceSelection("(");
+//             let d = this.codeMirror.getCursor();
+//             let c1 = this.codeMirror.getCursor();
+//             this.codeMirror.replaceSelection(")");
+//             let d1 = this.codeMirror.getCursor();
+//             this.codeMirror.setCursor(d);
+//             this.codeMirror.focus();
+//         }
+//     }
+//     private getValue() {
+//         let result: any = [];
+//         let codeContent =
+//             this.el.nativeElement.querySelectorAll(".CodeMirror-line");
+//         this.fml.Utils.forEach(codeContent, (t: any, e: any) => {
+//             this.fml.Utils.forEach(e.children, (t1: any, e1: any) => {
+//                 this.fml.Utils.forEach(e1.children, (t2: any, e2: any) => {
+//                     if (
+//                         e2.getAttribute("cm-text") !== undefined &&
+//                         e2.getAttribute("cm-text") !== null
+//                     ) {
+//                         result.push("↵");
+//                     } else {
+//                         if (e2.className === "CodeMirror-widget") {
+//                             this.fml.Utils.forEach(e2.children, (t3: any, e3: any) => {
+//                                 if (
+//                                     e3.getAttribute("field-key") !== undefined &&
+//                                     e3.getAttribute("field-key") !== null
+//                                 ) {
+//                                     result.push(e3.getAttribute("field-key"));
+//                                 } else {
+//                                     result.push(e3.innerText);
+//                                 }
+//                             });
+//                         } else {
+//                             result.push(e2.innerText);
+//                         }
+//                     }
+//                 });
+//             });
+//         });
+//         if (result[0] === "↵") {
+//             result.splice(0, 1);
+//         }
+//         this.value = result.join("");
+//         if (this.codeMirror) {
+//             this.textChange.emit(this.codeMirror.getValue());
+//         }
+//         this.onChange(this.value);
+//     }
+//     private fakeLabel(t: any) {
+//         return t ? t.replace(/[\[\]()'"]/g, " ") : "";
+//     }
+//     private setValue() {
+//         if (this.value === undefined || this.value === null || this.value === "") {
+//             return;
+//         }
+//         let e: any = [];
+//         let p: any = [];
+//         let t: any[] = this.value.split("\n");
+//         this.fml.Utils.forEach(t, (c: any, t1: any) => {
+//             let d: any = "",
+//                 t = t1.split(
+//                     new RegExp(this.fml.FormulaEditor.COMMON_REG.FORM_FORMULA, "g")
+//                 );
+//             this.fml.Utils.forEach(t, (t: any, e: any) => {
+//                 let i: any, a: any, n: any, s: any, o: any, r: any, l: any;
+//                 this.fml.FormulaEditor.CONST.FIELD_REG.test(e)
+//                     ? ((a = !1),
+//                         this.labelMap &&
+//                         (i = this.labelMap[e] ? this.labelMap[e] : " ") &&
+//                         ((i = this.fakeLabel(i)), (a = !0)),
+//                         (n = !1),
+//                         this.fml.Utils.isNull(i) && ((i = 1), (n = !0)),
+//                         (s = (l = e.replace("$", "").split("}"))[0]),
+//                         (o = l[1]),
+//                         (r = CodeMirror.Pos(c, d.length)),
+//                         (d += i),
+//                         (l = CodeMirror.Pos(c, d.length)),
+//                         p.push({
+//                             from: r,
+//                             to: l,
+//                             key: `$${s}}`,
+//                             label: a ? (this.labelMap[e] ? this.labelMap[e] : "") : null,
+//                         }))
+//                     : (d += e);
+//             });
+//             e.push(d);
+//         });
+//         if (this.codeMirror) {
+//             this.codeMirror.setValue(e.join("\n"));
+//             this.fml.Utils.forEach(p, (t: any, e: any) => {
+//                 this.markField(e);
+//             });
+//         }
+//     }
+// }
+class GramCodemirrorComponent {
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() {
+    }
+    ngOnChanges(change) {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramCodemirrorComponent, isStandalone: true, selector: "deon-codemirror", usesOnChanges: true, ngImport: i0, template: "<!-- <div class=\"formula-head\">\r\n  <div class=\"formula-title\">\r\n    <span class=\"formula-name\">{{ title }}</span><span class=\"formula-equal\">=</span>\r\n  </div>\r\n  <div class=\"formula-body\">\r\n    <textarea [name]=\"name\" autocomplete=\"off\" [autofocus]=\"autoFocus\" #ref>\r\n    </textarea>\r\n    <div class=\"button-body\">\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnCopy()\">\u590D\u5236</button>\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnPaste()\">\u7C98\u8D34</button>\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnClear()\">\u6E05\u7A7A</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"formula-wrapper\">\r\n  <div class=\"field-list\">\r\n    <div class=\"title\">\u53EF\u7528\u53D8\u91CF</div>\r\n    <div class=\"field-wrapper\">\r\n      <div class=\"search\">\r\n        <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\u53EF\u7528\u53D8\u91CF\" [(ngModel)]=\"variableSearch\" />\r\n      </div>\r\n      <div class=\"collapse-wrapper\">\r\n        <ng-container *ngIf=\"fieldData!! && fieldData.length>0\">\r\n          <nz-collapse [nzBordered]=\"false\">\r\n            <ng-container *ngFor=\"let item of fieldData\">\r\n              <nz-collapse-panel [nzHeader]=\"item.label\">\r\n                <div class=\"item\" *ngFor=\"let field of item.listField\" (click)=\"insertField(field)\">\r\n                  {{ field.label }}\r\n                </div>\r\n              </nz-collapse-panel>\r\n            </ng-container>\r\n          </nz-collapse>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"field-list\">\r\n    <div class=\"title\">\u51FD\u6570</div>\r\n    <div class=\"field-wrapper\">\r\n      <div class=\"search\">\r\n        <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\u51FD\u6570\" [(ngModel)]=\"usageFunSearch\" />\r\n      </div>\r\n      <div class=\"collapse-wrapper\">\r\n\r\n        <ng-container *ngIf=\"FormulaUsage!! && FormulaUsage.length>0\">\r\n          <nz-collapse [nzBordered]=\"false\">\r\n            <ng-container *ngFor=\"let item of FormulaUsage\">\r\n              <nz-collapse-panel [nzHeader]=\"item.category\">\r\n                <div class=\"item\" *ngFor=\"let field of item.contains\" (mouseover)=\"usageMouseover(field)\"\r\n                  (click)=\"insertUsageFun(field)\">\r\n                  {{ field.name }}\r\n                </div>\r\n              </nz-collapse-panel>\r\n            </ng-container>\r\n          </nz-collapse>\r\n        </ng-container>\r\n\r\n\r\n        <ng-template #searchPanel>\r\n          <ul>\r\n            <li *ngFor=\"let item of usageFunSearchList\" (mouseover)=\"usageMouseover(item)\"\r\n              (click)=\"insertUsageFun(item)\">\r\n              {{ item.name }}\r\n            </li>\r\n          </ul>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"formula-intro\" [innerHtml]=\"usageDescription | safeHtml\"></div>\r\n</div> -->", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%}:host ::ng-deep .CodeMirror{height:200px}:host ::ng-deep input::placeholder{font-size:12px!important}:host ::ng-deep .ant-input{font-size:12px!important;border:0!important}:host ::ng-deep .ant-input:focus{box-shadow:none!important}:host ::ng-deep .formula-head{display:flex;flex-direction:column;width:100%;overflow:hidden;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .formula-head .formula-title{display:inline-block;width:100%;padding:8px 12px;background:#f3f8fb}:host ::ng-deep .formula-head .formula-body{padding:12px 12px 0}:host ::ng-deep .formula-head .formula-body .button-body{display:inline-block;width:100%;padding:0 0 10px;text-align:right}:host ::ng-deep .formula-head .formula-body .button-body button{font-size:12px!important}:host ::ng-deep .formula-wrapper{display:flex;flex-direction:row;height:280px;margin-top:10px;font-size:12px}:host ::ng-deep .formula-wrapper .search{border-bottom:1px solid #eaeaea}:host ::ng-deep .formula-wrapper .field-list+.field-list{padding-left:15px}:host ::ng-deep .formula-wrapper .field-list{display:flex;flex-direction:column;width:230px;height:100%}:host ::ng-deep .formula-wrapper .field-list .title{display:inline-block;height:20px}:host ::ng-deep .formula-wrapper .field-list .field-wrapper{display:flex;flex:1;flex-direction:column;width:100%;overflow:auto;border:1px solid #eaeaea;border-radius:2px}:host ::ng-deep .formula-wrapper .field-list .item{padding:3px 0 0;cursor:pointer}:host ::ng-deep .formula-wrapper .collapse-wrapper{flex:1;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar{width:8px}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .formula-intro{flex:1;margin:20px 0 0 15px;border:1px solid #eaeaea}:host ::ng-deep .formula-intro ul{margin:0;padding:0}:host ::ng-deep .formula-intro .intro-wrapper{height:240px;margin:0;padding:10px 0 0;color:#5e6d82;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar{width:8px}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .formula-intro .intro-wrapper>li{padding:2px 10px;word-wrap:break-word;word-break:break-all;list-style-type:none}:host ::ng-deep .formula-intro .default>li{margin-left:25px;padding:5px 0;list-style-type:disc}:host ::ng-deep .formula-intro .formula-title{height:35px;padding-left:10px;line-height:35px;border-bottom:solid 1px #e0e0e0}:host ::ng-deep .ant-collapse-borderless{background-color:#fff}:host ::ng-deep .ant-collapse-borderless .ant-collapse-item{border-bottom:0}:host ::ng-deep .ant-collapse-header{padding:10px 15px 0 19px!important;font-size:12px}:host ::ng-deep .ant-collapse-header i{top:3px!important;left:5px!important;padding:10px 15px 10px 0!important}:host ::ng-deep .ant-collapse-content-box{padding:0 16px!important;font-size:12px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "deon-codemirror", imports: [
+                        CommonModule
+                    ], template: "<!-- <div class=\"formula-head\">\r\n  <div class=\"formula-title\">\r\n    <span class=\"formula-name\">{{ title }}</span><span class=\"formula-equal\">=</span>\r\n  </div>\r\n  <div class=\"formula-body\">\r\n    <textarea [name]=\"name\" autocomplete=\"off\" [autofocus]=\"autoFocus\" #ref>\r\n    </textarea>\r\n    <div class=\"button-body\">\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnCopy()\">\u590D\u5236</button>\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnPaste()\">\u7C98\u8D34</button>\r\n      <button nz-button type=\"button\" nzSize=\"small\" (click)=\"btnClear()\">\u6E05\u7A7A</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"formula-wrapper\">\r\n  <div class=\"field-list\">\r\n    <div class=\"title\">\u53EF\u7528\u53D8\u91CF</div>\r\n    <div class=\"field-wrapper\">\r\n      <div class=\"search\">\r\n        <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\u53EF\u7528\u53D8\u91CF\" [(ngModel)]=\"variableSearch\" />\r\n      </div>\r\n      <div class=\"collapse-wrapper\">\r\n        <ng-container *ngIf=\"fieldData!! && fieldData.length>0\">\r\n          <nz-collapse [nzBordered]=\"false\">\r\n            <ng-container *ngFor=\"let item of fieldData\">\r\n              <nz-collapse-panel [nzHeader]=\"item.label\">\r\n                <div class=\"item\" *ngFor=\"let field of item.listField\" (click)=\"insertField(field)\">\r\n                  {{ field.label }}\r\n                </div>\r\n              </nz-collapse-panel>\r\n            </ng-container>\r\n          </nz-collapse>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"field-list\">\r\n    <div class=\"title\">\u51FD\u6570</div>\r\n    <div class=\"field-wrapper\">\r\n      <div class=\"search\">\r\n        <input type=\"text\" nz-input placeholder=\"\u641C\u7D22\u51FD\u6570\" [(ngModel)]=\"usageFunSearch\" />\r\n      </div>\r\n      <div class=\"collapse-wrapper\">\r\n\r\n        <ng-container *ngIf=\"FormulaUsage!! && FormulaUsage.length>0\">\r\n          <nz-collapse [nzBordered]=\"false\">\r\n            <ng-container *ngFor=\"let item of FormulaUsage\">\r\n              <nz-collapse-panel [nzHeader]=\"item.category\">\r\n                <div class=\"item\" *ngFor=\"let field of item.contains\" (mouseover)=\"usageMouseover(field)\"\r\n                  (click)=\"insertUsageFun(field)\">\r\n                  {{ field.name }}\r\n                </div>\r\n              </nz-collapse-panel>\r\n            </ng-container>\r\n          </nz-collapse>\r\n        </ng-container>\r\n\r\n\r\n        <ng-template #searchPanel>\r\n          <ul>\r\n            <li *ngFor=\"let item of usageFunSearchList\" (mouseover)=\"usageMouseover(item)\"\r\n              (click)=\"insertUsageFun(item)\">\r\n              {{ item.name }}\r\n            </li>\r\n          </ul>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"formula-intro\" [innerHtml]=\"usageDescription | safeHtml\"></div>\r\n</div> -->", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%}:host ::ng-deep .CodeMirror{height:200px}:host ::ng-deep input::placeholder{font-size:12px!important}:host ::ng-deep .ant-input{font-size:12px!important;border:0!important}:host ::ng-deep .ant-input:focus{box-shadow:none!important}:host ::ng-deep .formula-head{display:flex;flex-direction:column;width:100%;overflow:hidden;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .formula-head .formula-title{display:inline-block;width:100%;padding:8px 12px;background:#f3f8fb}:host ::ng-deep .formula-head .formula-body{padding:12px 12px 0}:host ::ng-deep .formula-head .formula-body .button-body{display:inline-block;width:100%;padding:0 0 10px;text-align:right}:host ::ng-deep .formula-head .formula-body .button-body button{font-size:12px!important}:host ::ng-deep .formula-wrapper{display:flex;flex-direction:row;height:280px;margin-top:10px;font-size:12px}:host ::ng-deep .formula-wrapper .search{border-bottom:1px solid #eaeaea}:host ::ng-deep .formula-wrapper .field-list+.field-list{padding-left:15px}:host ::ng-deep .formula-wrapper .field-list{display:flex;flex-direction:column;width:230px;height:100%}:host ::ng-deep .formula-wrapper .field-list .title{display:inline-block;height:20px}:host ::ng-deep .formula-wrapper .field-list .field-wrapper{display:flex;flex:1;flex-direction:column;width:100%;overflow:auto;border:1px solid #eaeaea;border-radius:2px}:host ::ng-deep .formula-wrapper .field-list .item{padding:3px 0 0;cursor:pointer}:host ::ng-deep .formula-wrapper .collapse-wrapper{flex:1;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar{width:8px}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .formula-wrapper .collapse-wrapper::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .formula-intro{flex:1;margin:20px 0 0 15px;border:1px solid #eaeaea}:host ::ng-deep .formula-intro ul{margin:0;padding:0}:host ::ng-deep .formula-intro .intro-wrapper{height:240px;margin:0;padding:10px 0 0;color:#5e6d82;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar{width:8px}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .formula-intro .intro-wrapper::-webkit-scrollbar-track{background-color:#fff}:host ::ng-deep .formula-intro .intro-wrapper>li{padding:2px 10px;word-wrap:break-word;word-break:break-all;list-style-type:none}:host ::ng-deep .formula-intro .default>li{margin-left:25px;padding:5px 0;list-style-type:disc}:host ::ng-deep .formula-intro .formula-title{height:35px;padding-left:10px;line-height:35px;border-bottom:solid 1px #e0e0e0}:host ::ng-deep .ant-collapse-borderless{background-color:#fff}:host ::ng-deep .ant-collapse-borderless .ant-collapse-item{border-bottom:0}:host ::ng-deep .ant-collapse-header{padding:10px 15px 0 19px!important;font-size:12px}:host ::ng-deep .ant-collapse-header i{top:3px!important;left:5px!important;padding:10px 15px 10px 0!important}:host ::ng-deep .ant-collapse-content-box{padding:0 16px!important;font-size:12px!important}\n"] }]
+        }], ctorParameters: () => [] });
+
+const components = [GramCodemirrorComponent];
+class GramCodemirrorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorModule, imports: [GramCodemirrorComponent], exports: [GramCodemirrorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramCodemirrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [...components],
+                    imports: [...components],
+                }]
+        }] });
+
+/**
+ * Public API surface of GramCodemirror
+ */
+// Components
+// // Types
+// export * from './tools/formula'; // Assuming this exists
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramCodemirrorComponent, GramCodemirrorModule };
+//# sourceMappingURL=codemirror.mjs.map