@joker.front/core 1.2.138 → 1.2.141

package/dist/bundle.es.js

@@ -1205,8 +1205,7 @@ var Render;
                 }
             }
             else if (node instanceof VNode.Html) {
-                this.removeNode(node);
-                this.appendNode(node);
+                node.output.root.innerHTML = node.html;
             }
             else {
                 logger.error(LOGTAG$4, `该节点不支持${propertyKey}的更新`, node);
@@ -1333,7 +1332,9 @@ var Render;
                 }
             }
             else if (node instanceof VNode.Html) {
-                node.output = this.parserHtml(node.html);
+                let conatiner = document.createElement("joker-html-container");
+                conatiner.root.innerHTML = node.html;
+                node.output = conatiner;
             }
             else if (node instanceof VNode.Element) {
                 let element;
@@ -1726,6 +1727,16 @@ function toMs(s) {
         return 0;
     return Number(s.slice(0, -1).replace(",", ".")) * 1000;
 }
+// 创建一个自定义元素
+class HtmlContainerWebComponent extends HTMLElement {
+    root;
+    constructor() {
+        super();
+        this.root = this.attachShadow({ mode: "open" });
+    }
+}
+// 注册自定义元素
+customElements.define("joker-html-container", HtmlContainerWebComponent);
 
 //全局方法
 const __GLONAL_FUNTIONS__ = {};
@@ -2226,19 +2237,19 @@ class ParserCode extends IParser {
             logger.error("模板指令", "解析AST转换VNode时发生错误，未找到指令名称", this.ast);
             throw new Error("解析AST转换VNode时发生错误，未找到指令名称");
         }
-        let exporess = undefined;
+        let express = undefined;
         //全局过滤器
         if (this.ast.cmdName === "Html" || this.ast.cmdName === "Text") {
-            exporess = this.ast.param;
+            express = this.ast.param;
         }
         else if (this.ast.cmdName.startsWith(GLOBAL_TAG + ".")) {
-            exporess = `${this.ast.cmdName}(${this.ast.param})`;
+            express = `${this.ast.cmdName}(${this.ast.param})`;
         }
         else if (this.ast.cmdName in this.ob && typeof this.ob[this.ast.cmdName] === "function") {
-            exporess = `${createFuntionBody(this.ast.cmdName)}(${this.ast.param})`;
+            express = `${createFuntionBody(this.ast.cmdName)}(${this.ast.param})`;
         }
-        if (exporess) {
-            let data = this.runExpressWithWatcher(exporess, this.ob, (newVal) => {
+        if (express) {
+            let data = this.runExpressWithWatcher(express, this.ob, (newVal) => {
                 if (this.node instanceof VNode.Html) {
                     this.node.html = transformText(newVal);
                 }
@@ -2250,6 +2261,7 @@ class ParserCode extends IParser {
             });
             data = transformText(data);
             if (this.ast.cmdName === "Html") {
+                data ||= [];
                 this.node = new VNode.Html(data, this.parent);
             }
             else {
@@ -2914,7 +2926,7 @@ function getPropValue(propsData, key, propsType) {
             ("type" in propOption || "required" in propOption || "default" in propOption || "validate" in propOption)) {
             let fullModel = propOption;
             if (fullModel.required && propValue === undefined) {
-                throw new Error(`props中key${key.toString()}是必须项，请检查`);
+                throw new Error(`props中key:${key.toString()}是必须项，请检查`);
             }
             if (fullModel.type) {
                 propValue = checkPropType(key, propValue, fullModel.type);

package/dist/bundle.js

@@ -1206,8 +1206,7 @@ var Render;
                 }
             }
             else if (node instanceof exports.VNode.Html) {
-                this.removeNode(node);
-                this.appendNode(node);
+                node.output.root.innerHTML = node.html;
             }
             else {
                 logger.error(LOGTAG$4, `该节点不支持${propertyKey}的更新`, node);
@@ -1334,7 +1333,9 @@ var Render;
                 }
             }
             else if (node instanceof exports.VNode.Html) {
-                node.output = this.parserHtml(node.html);
+                let conatiner = document.createElement("joker-html-container");
+                conatiner.root.innerHTML = node.html;
+                node.output = conatiner;
             }
             else if (node instanceof exports.VNode.Element) {
                 let element;
@@ -1727,6 +1728,16 @@ function toMs(s) {
         return 0;
     return Number(s.slice(0, -1).replace(",", ".")) * 1000;
 }
+// 创建一个自定义元素
+class HtmlContainerWebComponent extends HTMLElement {
+    root;
+    constructor() {
+        super();
+        this.root = this.attachShadow({ mode: "open" });
+    }
+}
+// 注册自定义元素
+customElements.define("joker-html-container", HtmlContainerWebComponent);
 
 //全局方法
 const __GLONAL_FUNTIONS__ = {};
@@ -2227,19 +2238,19 @@ class ParserCode extends IParser {
             logger.error("模板指令", "解析AST转换VNode时发生错误，未找到指令名称", this.ast);
             throw new Error("解析AST转换VNode时发生错误，未找到指令名称");
         }
-        let exporess = undefined;
+        let express = undefined;
         //全局过滤器
         if (this.ast.cmdName === "Html" || this.ast.cmdName === "Text") {
-            exporess = this.ast.param;
+            express = this.ast.param;
         }
         else if (this.ast.cmdName.startsWith(GLOBAL_TAG + ".")) {
-            exporess = `${this.ast.cmdName}(${this.ast.param})`;
+            express = `${this.ast.cmdName}(${this.ast.param})`;
         }
         else if (this.ast.cmdName in this.ob && typeof this.ob[this.ast.cmdName] === "function") {
-            exporess = `${ast.createFuntionBody(this.ast.cmdName)}(${this.ast.param})`;
+            express = `${ast.createFuntionBody(this.ast.cmdName)}(${this.ast.param})`;
         }
-        if (exporess) {
-            let data = this.runExpressWithWatcher(exporess, this.ob, (newVal) => {
+        if (express) {
+            let data = this.runExpressWithWatcher(express, this.ob, (newVal) => {
                 if (this.node instanceof exports.VNode.Html) {
                     this.node.html = transformText(newVal);
                 }
@@ -2251,6 +2262,7 @@ class ParserCode extends IParser {
             });
             data = transformText(data);
             if (this.ast.cmdName === "Html") {
+                data ||= [];
                 this.node = new exports.VNode.Html(data, this.parent);
             }
             else {
@@ -2915,7 +2927,7 @@ function getPropValue(propsData, key, propsType) {
             ("type" in propOption || "required" in propOption || "default" in propOption || "validate" in propOption)) {
             let fullModel = propOption;
             if (fullModel.required && propValue === undefined) {
-                throw new Error(`props中key${key.toString()}是必须项，请检查`);
+                throw new Error(`props中key:${key.toString()}是必须项，请检查`);
             }
             if (fullModel.type) {
                 propValue = checkPropType(key, propValue, fullModel.type);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@joker.front/core",
-    "version": "1.2.138",
+    "version": "1.2.141",
     "description": "",
     "main": "./dist/bundle.js",
     "module": "./dist/bundle.es.js",
@@ -20,7 +20,7 @@
     ],
     "scripts": {
         "test": "jest",
-        "test:temp": "jest test/parser/cmd.spec.ts",
+        "test:temp": "jest test/parser/html.spec.ts",
         "build": "joker_build_library --sourcemap=false",
         "release": "npm run test && npm run build && joker_release_library",
         "release:prod": "npm run test && npm run build && npm publish --access public --registry https://registry.npmjs.org/"