@hailin-zheng/editor-core 2.2.6 → 2.2.7

package/editor.css

@@ -17,7 +17,7 @@
 }
 
 .data-list > div {
-    padding: 10px 6px;
+    padding: 6px 4px;
     display: flex;
     align-items: center;
     gap: 10px;

package/index-cjs.js

@@ -1746,7 +1746,7 @@ class ViewOptions {
     showCharRect;
     //数据元交互修饰模式
     dataEleDecoratorMode = 'outline';
-    dataEleDecoratorColor = '#0050b3';
+    dataEleDecoratorColor = '#ddd';
     showTabChar;
     showSpaceChar;
     showLineBreak;
@@ -2528,6 +2528,10 @@ class DataEleListProps extends DataEleBaseTextProps {
         super();
     }
     options = [];
+    /**
+     * 是否保存选项到病历文件里面
+     */
+    saveOptions = true;
     dropDownStyle;
     /**
      * 是否允许多选
@@ -2858,28 +2862,14 @@ class ValidateProps {
         return clone;
     }
 }
-class DataElementGroupProps extends INotifyPropertyChanged {
-    id;
-    name;
-    hidden;
+class DataElementGroupProps extends DataEleBaseProps {
     clone(dest) {
-        dest = dest ?? new DataElementGroupProps();
-        dest.id = this.id;
-        dest.name = this.name;
-        dest.hidden = this.hidden;
+        const clone = dest ?? new DataElementGroupProps();
+        super.cloneBaseProps(clone);
     }
-    getSerializeProps() {
+    getSerializeProps(options) {
         const props = {};
-        if (this.id) {
-            props.id = this.id;
-        }
-        if (this.name) {
-            props.name = this.name;
-        }
-        if (this.hidden) {
-            props.hidden = this.hidden;
-        }
-        return props;
+        return this.getBaseProps(props, options);
     }
 }
 class DataElementBarcodeProps {
@@ -2962,6 +2952,9 @@ class DataDecorateRenderObject extends LeafRenderObject {
         if (event.mode === 'print') {
             return null;
         }
+        // if(this.element.parent.parent.type==='data-group'){
+        //     return null;
+        // }
         const element = this.element;
         const lineWidth = 3;
         let path = '';
@@ -3962,19 +3955,83 @@ class DataElementInlineGroup extends InlineGroupInputElement {
     expressFn;
     beginMeasure(data) {
         super.beginMeasure(data);
-        if (!this.props.expression || !data.viewOptions.enableDyExpression) {
+        // if (!this.props.expression || !data.options.enableDyExpression) {
+        //     return;
+        // }
+        // try {
+        //     if (!this.expressFn) {
+        //         const code = parser(this.props.expression);
+        //         this.expressFn = new Function(`with(this){ ${code} }`);
+        //     }
+        //     this.expressFn.bind(data.execute)();
+        //     //this.expressFn();
+        // } catch (e) {
+        //     this.expressFn = new Function();
+        // }
+    }
+    parserExpress;
+    /**
+     * 解析可见性表达式
+     * @param ele
+     * @param execute
+     * @private
+     */
+    parseEleExpression(data) {
+        const execute = data.execute;
+        //不存在表达式，或者不启用表达式，不做处理
+        if (!this.props.expression || !data.options.enableDyExpression)
             return;
-        }
+        //存在表达式，并且已经解析过，不再做处理
+        if (this.parserExpress)
+            return;
+        const reactiveMode = data.renderCtx.drawMode !== 'print';
         try {
-            if (!this.expressFn) {
-                const code = parser(this.props.expression);
-                this.expressFn = new Function(`with(this){ ${code} }`);
+            const depIdItems = [];
+            const depEleMap = new Map();
+            let compliedCode = parser(this.props.expression, depIdItems);
+            compliedCode = addReturn(compliedCode);
+            if (depIdItems.length) {
+                depIdItems.forEach(dep => {
+                    const refCtx = execute.getObject(dep);
+                    if (refCtx.ref) {
+                        const refEle = refCtx.ref.item;
+                        depEleMap.set(dep, refCtx);
+                        //当前有可能是checkbox数组
+                        const refEles = Array.isArray(refEle) ? refEle : [refEle];
+                        reactiveMode && refEles.forEach(item => {
+                            //求值依赖元素更改的时候，发布当前元素重新计算的指令
+                            item.onChangeSubject.subscribe(() => {
+                                this.pubOnChange('self');
+                            });
+                        });
+                    }
+                });
             }
-            this.expressFn.bind(data.execute)();
-            //this.expressFn();
+            this.parserExpress = { compliedCode, func: new Function(`with(this){ ${compliedCode} }`), depItems: depEleMap };
         }
         catch (e) {
-            this.expressFn = new Function();
+            console.error('解析表达式出错,parseEleExpression', this.props.expression);
+        }
+    }
+    /**
+     * 元素可见行求值
+     * @param ele
+     * @param executeCtx
+     * @private
+     */
+    evalEleExpr(executeCtx) {
+        if (this.parserExpress && this.parserExpress.func) {
+            try {
+                executeCtx.setCurrentCtx(this, this.parserExpress.depItems);
+                const func = this.parserExpress.func.bind(executeCtx);
+                func();
+            }
+            catch (e) {
+                console.error(e, "表达式执行出错:evalVisibleExpr", this.parserExpress.compliedCode);
+            }
+            finally {
+                executeCtx.clearCurrentCtx();
+            }
         }
     }
     /**
@@ -8609,7 +8666,7 @@ class DataElementGroupElement extends InlineGroupInputElement {
         return {
             type: this.type,
             props: {
-                ...this.props.getSerializeProps()
+                ...this.props.getSerializeProps(viewOptions)
             }
         };
     }
@@ -8631,9 +8688,7 @@ class DataElementGroupFactory extends DataElementBaseFactory {
     createElement(data) {
         const props = data.props;
         const ele = new DataElementGroupElement();
-        ele.props.id = props.id;
-        ele.props.name = props.name;
-        ele.props.hidden = Boolean(props.hidden);
+        ElementUtil.readEleBaseProps(ele.props, props);
         return ele;
     }
 }
@@ -8938,7 +8993,11 @@ class DataElementText extends DataElementInlineGroup {
         super('data-ele-text');
         this.props = new DataEleBaseTextProps();
     }
-    createRenderObject() {
+    createRenderObject(data) {
+        if (data.options.enableDyExpression) {
+            this.parseEleExpression(data);
+            this.evalEleExpr(data.execute);
+        }
         return new DataElementTextRenderObject(this);
     }
     serialize(viewOptions) {
@@ -13896,7 +13955,7 @@ class ParagraphMeasure {
         }
     }
     arrangeInlineGroupElement(parentLine, ele) {
-        const { options, renderCtx } = this;
+        const { options, renderCtx, execute } = this;
         let render = this.createRenderObject(ele);
         //记录多行情况下的渲染对象，用于计算总长度，生成fill-null-space
         const inlineGroupRenders = [];
@@ -13932,7 +13991,7 @@ class ParagraphMeasure {
             isCloseToBody: parentLine.isCloseToBody,
             applyNewLine() {
                 parentLine.applyNewLine();
-                render = ele.createRenderObject({ options, renderCtx });
+                render = ele.createRenderObject({ options, renderCtx, execute });
                 parentLine.add(render);
                 inlineGroupRenders.push(render);
             },
@@ -14267,7 +14326,8 @@ class ParagraphMeasure {
         }
         return element.createRenderObject({
             options: this.options,
-            renderCtx: this.renderCtx
+            renderCtx: this.renderCtx,
+            execute: this.execute
         });
     }
 }
@@ -14426,8 +14486,9 @@ class DocumentArrange {
             this.pMeasure = new ParagraphMeasure(this.options, this.renderCtx, this.execute);
             const data = {
                 doc,
-                viewOptions: this.options,
+                options: this.options,
                 execute: this.execute,
+                renderCtx: this.renderCtx,
                 createParaFn: () => this.createDefaultPara()
             };
             this.reset(data);
@@ -14630,7 +14691,7 @@ class DocumentArrange {
         if (this.options.textRowLineMode && ele instanceof TableElement && ele.cacheRender) {
             const cacheRender = ele.cacheRender;
             clearChildrenRenderCache(ele);
-            textLineRenderMode(cacheRender, { options: this.options, renderCtx: this.renderCtx });
+            textLineRenderMode(cacheRender, { options: this.options, renderCtx: this.renderCtx, execute: this.execute });
         }
     }
     getDocInnerRect(documentRender) {
@@ -19448,7 +19509,7 @@ class EditorCalendarVNode {
             data: {
                 style: {
                     position: 'absolute',
-                    left: (position.x - 10) + 'px',
+                    left: (position.x) + 'px',
                     top: position.y + 5 + position.height + 'px',
                     'min-width': '100px',
                     'background-color': 'white',
@@ -19584,6 +19645,9 @@ class EditorCalendarVNode {
                                         on: {
                                             click: () => {
                                                 this.onClickDayItem(day.date);
+                                            },
+                                            dblclick: () => {
+                                                this.onSave();
                                             }
                                         }
                                     },
@@ -19641,12 +19705,7 @@ class EditorCalendarVNode {
                                     data: {
                                         on: {
                                             click: () => {
-                                                if (!this.selectedDate.value) {
-                                                    this.onSetValue.next(new Date());
-                                                }
-                                                else {
-                                                    this.onSetValue.next(moment__default["default"](this.selectedDate.value + ' ' + this.selectedTime.value).toDate());
-                                                }
+                                                this.onSave();
                                             }
                                         }
                                     },
@@ -19666,6 +19725,14 @@ class EditorCalendarVNode {
             ]
         };
     }
+    onSave() {
+        if (!this.selectedDate.value) {
+            this.onSetValue.next(new Date());
+        }
+        else {
+            this.onSetValue.next(moment__default["default"](this.selectedDate.value + ' ' + this.selectedTime.value).toDate());
+        }
+    }
     navigateToToday() {
         this.currYear.value = new Date().getFullYear();
         this.currMonth.value = new Date().getMonth();
@@ -20378,7 +20445,6 @@ class DocEditor {
     beforeRenderSubject = new Subject();
     afterRenderSubject = new Subject();
     onBeforeSetCursorSubject = new Subject();
-    contentChanged = new Subject();
     onPatchVNodeSubject = new Subject();
     selectionState;
     onDblClickEvent = new Subject();
@@ -20670,10 +20736,12 @@ class DocEditor {
     }
     loadDoc(data) {
         suppressTracking(() => {
-            this.adjustPageLayout();
-            this.elementReader.read(data);
-            this.refreshDocument();
-            this.historyMange.clear();
+            this.noEffectChange(() => {
+                this.adjustPageLayout();
+                this.elementReader.read(data);
+                this.refreshDocument();
+                this.historyMange.clear();
+            });
         });
     }
     /**
@@ -20691,7 +20759,6 @@ class DocEditor {
             suppressTracking(() => {
                 this.documentPaginator.rePages();
             });
-            this.contentChanged.next();
         }
         this.updateSelection();
         this.setCursor();
@@ -21594,7 +21661,7 @@ class DocEditor {
                 const scaleFitContainer = {
                     sel: 'div#scale-fit-container',
                     data: {
-                        style: { overflow: 'hidden', height: '0px', }
+                        style: { height: '0px', }
                     },
                     children: [docContent]
                 };
@@ -21756,7 +21823,7 @@ class DocEditor {
                         data: {
                             style: {
                                 position: 'absolute',
-                                left: (position.x - 10) + 'px',
+                                left: (position.x) + 'px',
                                 top: position.y + 5 + position.height + 'px',
                             },
                             hook: {
@@ -21922,7 +21989,7 @@ class DocEditor {
         rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
     }
     version() {
-        return "2.2.6";
+        return "2.2.7";
     }
     switchPageHeaderEditor() {
         this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);
@@ -22225,6 +22292,13 @@ class DocEditor {
             this.documentChange.appendText(text, this.docCtx.suggestions.currentMatchedText);
         }
     }
+    parser(code, returnProcess = false) {
+        const res = parser(code);
+        if (returnProcess) {
+            return addReturn(res);
+        }
+        return res;
+    }
 }
 
 /**