@hailin-zheng/editor-core 2.2.33 → 2.2.35

package/index.js

@@ -3979,6 +3979,7 @@ class DocumentRenderObject extends BlockContainerRenderObject {
         const pageCorner = this.exportPageCornerHTML(event);
         const pageNum = this.exportPageNumHTML(event);
         const copyright = this.exportCopyRight(event);
+        const defs = this.exportDefs();
         return {
             sel: "svg",
             isCompleted: true,
@@ -3993,7 +3994,7 @@ class DocumentRenderObject extends BlockContainerRenderObject {
                 },
             },
             children: [
-                pageCorner, highlight, selection, ...CommonUtil.toArray(event.getChildNodes(this)), pageNum, copyright
+                defs, pageCorner, highlight, selection, ...CommonUtil.toArray(event.getChildNodes(this)), pageNum, copyright
             ]
         };
     }
@@ -4060,6 +4061,34 @@ class DocumentRenderObject extends BlockContainerRenderObject {
             },
         };
     }
+    exportDefs() {
+        /**
+         * <defs>
+                <filter id="f1" x="0" y="0">
+                    <feGaussianBlur stdDeviation="0.5" result="blur" />
+                    <feMerge>
+                        <feMergeNode in="thicken" />
+                        <feMergeNode in="SourceGraphic" />
+                    </feMerge>
+                </filter>
+            </defs>
+         */
+        return {
+            sel: 'defs',
+            data: {
+                ns: "http://www.w3.org/2000/svg",
+                props: {
+                    innerHTML: `<filter id="t_bold" x="0" y="0">
+                    <feGaussianBlur stdDeviation="0.5" result="blur" />
+                    <feMerge>
+                        <feMergeNode in="thicken" />
+                        <feMergeNode in="SourceGraphic" />
+                    </feMerge>
+                </filter>`
+                }
+            },
+        };
+    }
 }
 class DocumentFactory extends ElementFactory {
     match(type) {
@@ -5184,7 +5213,7 @@ class TextGroupRenderObject extends LeafRenderObject {
         //行高处理
         y += (height - props.fontSize) / 2;
         const t = ElementUtil.createSvgText(text, {
-            'font-family': this.element.props.fontName,
+            'font-family': props.fontName,
             'font-size': fontSize,
             x,
             y,
@@ -5192,38 +5221,85 @@ class TextGroupRenderObject extends LeafRenderObject {
         if (actualFontBoundingBoxAscent === undefined) {
             t.data.attrs['dominant-baseline'] = 'hanging';
         }
-        if (this.element.props.fontWeight !== 'normal') {
-            t.data.attrs['font-weight'] = this.element.props.fontWeight;
+        if (props.fontWeight !== 'normal') ;
+        if (props.fontStyle !== 'normal') {
+            t.data.attrs['font-style'] = props.fontStyle;
         }
-        if (this.element.props.fontStyle !== 'normal') {
-            t.data.attrs['font-style'] = this.element.props.fontStyle;
+        if (props.color) {
+            t.data.attrs['fill'] = props.color;
         }
-        if (this.element.props.color) {
-            t.data.attrs['fill'] = this.element.props.color;
-        }
-        if (this.element.props.background) {
+        if (props.background) {
             const bgX = event.relativePagePos.x;
             const bgY = event.relativePagePos.y;
-            event.highlights.push(ElementUtil.getFillSvgRect(bgX, bgY, this.rect.width, this.rect.height, this.element.props.background));
+            event.highlights.push(ElementUtil.getFillSvgRect(bgX, bgY, this.rect.width, this.rect.height, props.background));
         }
-        if (this.element.props.underline) {
-            const underHeight = this.element.props.fontSize * 1.2;
+        if (props.underline) {
+            const underHeight = props.fontSize * 1.2;
             const path = `M${event.relativePagePos.x} ${event.relativePagePos.y + underHeight} L${event.relativePagePos.x + this.rect.width} ${event.relativePagePos.y + underHeight}`;
             event.highlights.push(ElementUtil.getStrokeSvgPath(path, '#000', 1));
         }
-        if (this.element.props.linethrough) {
+        if (props.linethrough) {
             const path = `M${event.relativePagePos.x} ${event.relativePagePos.y + this.rect.height / 2} L${event.relativePagePos.x + this.rect.width} ${event.relativePagePos.y + this.rect.height / 2}`;
             event.highlights.push(ElementUtil.getStrokeSvgPath(path, '#000', 1));
         }
-        if (this.element.props.border) {
+        if (props.border) {
             event.highlights.push(ElementUtil.getStrokeSvgPath(ElementUtil.getRectPath(event.relativePagePos.x, event.relativePagePos.y, this.rect.width, this.rect.height), '#000', 1));
         }
-        if (this.element.props.overline) {
+        if (props.overline) {
             const path = `M${event.relativePagePos.x} ${event.relativePagePos.y} L${event.relativePagePos.x + this.rect.width} ${event.relativePagePos.y}`;
             event.highlights.push(ElementUtil.getStrokeSvgPath(path, '#000', 1));
         }
         //处理null-text
         if (this.element.isDecorate && this.element.disableClick && !this.element.parent) ;
+        if (props.fontWeight === "bold") {
+            const blurRate = props.fontSize * 0.5 / 15;
+            const g = {
+                sel: "g",
+                data: {
+                    ns: "http://www.w3.org/2000/svg",
+                    attrs: {}
+                },
+                children: [
+                    {
+                        sel: "g",
+                        data: {
+                            ns: "http://www.w3.org/2000/svg",
+                            attrs: {
+                                translate: { x: 0, y: 0 }
+                            }
+                        },
+                        children: [
+                            { ...t }
+                        ]
+                    },
+                    {
+                        sel: "g",
+                        data: {
+                            ns: "http://www.w3.org/2000/svg",
+                            attrs: {
+                                translate: { x: blurRate, y: 0 }
+                            }
+                        },
+                        children: [
+                            { ...t }
+                        ]
+                    },
+                    {
+                        sel: "g",
+                        data: {
+                            ns: "http://www.w3.org/2000/svg",
+                            attrs: {
+                                translate: { x: 0, y: blurRate }
+                            }
+                        },
+                        children: [
+                            { ...t }
+                        ]
+                    }
+                ]
+            };
+            return g;
+        }
         return t;
     }
 }
@@ -23385,7 +23461,7 @@ class DocEditor {
         rule.setRuleOptions({ width: this.viewOptions.docPageSettings.width, pagePL, pagePR, docLeft });
     }
     version() {
-        return "2.2.33";
+        return "2.2.35";
     }
     switchPageHeaderEditor() {
         this.docCtx.document.switchPageHeaderEditor(this.selectionState, null);