@viewfly/platform-browser 2.0.0 → 2.0.2

package/bundles/index.d.ts

@@ -112,6 +112,11 @@ declare class OutputTranslator {
 declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
     static NAMESPACES: Record<string, string>;
     propMap: Record<string, Record<string, string>>;
+    /**
+     * IDL 属性赋 `''` 会被转成数字 0（如 maxLength/minLength），无法表示「未设置」。
+     * 这些键在移除时应删掉对应 content attribute。
+     */
+    private static readonly REMOVE_VIA_ATTRIBUTE;
     createElement(name: string, namespace: ElementNamespace): HTMLElement;
     createTextNode(textContent: string): Text;
     appendChild(parent: HTMLElement, newChild: any): void;

package/bundles/index.esm.js

@@ -52,6 +52,10 @@ class DomRenderer extends NativeRenderer {
         node.textContent = '';
     }
     setProperty(node, key, value, namespace) {
+        if (value == null) {
+            this.removeProperty(node, key, namespace);
+            return;
+        }
         if (namespace) {
             const prefix = 'xlink:';
             if (key.startsWith(prefix)) {
@@ -89,8 +93,15 @@ class DomRenderer extends NativeRenderer {
             }
             return;
         }
-        if (key in node) {
-            node[key] = '';
+        const map = this.propMap[node.tagName];
+        const resolvedKey = map ? (map[key] || key) : key;
+        const attrName = DomRenderer.REMOVE_VIA_ATTRIBUTE[resolvedKey];
+        if (attrName) {
+            node.removeAttribute(attrName);
+            return;
+        }
+        if (resolvedKey in node) {
+            node[resolvedKey] = '';
         }
         else {
             node.removeAttribute(key);
@@ -165,6 +176,23 @@ Object.defineProperty(DomRenderer, "NAMESPACES", {
         mathml: 'http://www.w3.org/1998/Math/MathML',
     }
 });
+/**
+ * IDL 属性赋 `''` 会被转成数字 0（如 maxLength/minLength），无法表示「未设置」。
+ * 这些键在移除时应删掉对应 content attribute。
+ */
+Object.defineProperty(DomRenderer, "REMOVE_VIA_ATTRIBUTE", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        maxLength: 'maxlength',
+        minLength: 'minlength',
+        size: 'size',
+        cols: 'cols',
+        rows: 'rows',
+        tabIndex: 'tabindex',
+    }
+});
 
 function createApp(root, config = true) {
     const c = { autoUpdate: true };

package/bundles/index.js

@@ -54,6 +54,10 @@ class DomRenderer extends core.NativeRenderer {
         node.textContent = '';
     }
     setProperty(node, key, value, namespace) {
+        if (value == null) {
+            this.removeProperty(node, key, namespace);
+            return;
+        }
         if (namespace) {
             const prefix = 'xlink:';
             if (key.startsWith(prefix)) {
@@ -91,8 +95,15 @@ class DomRenderer extends core.NativeRenderer {
             }
             return;
         }
-        if (key in node) {
-            node[key] = '';
+        const map = this.propMap[node.tagName];
+        const resolvedKey = map ? (map[key] || key) : key;
+        const attrName = DomRenderer.REMOVE_VIA_ATTRIBUTE[resolvedKey];
+        if (attrName) {
+            node.removeAttribute(attrName);
+            return;
+        }
+        if (resolvedKey in node) {
+            node[resolvedKey] = '';
         }
         else {
             node.removeAttribute(key);
@@ -167,6 +178,23 @@ Object.defineProperty(DomRenderer, "NAMESPACES", {
         mathml: 'http://www.w3.org/1998/Math/MathML',
     }
 });
+/**
+ * IDL 属性赋 `''` 会被转成数字 0（如 maxLength/minLength），无法表示「未设置」。
+ * 这些键在移除时应删掉对应 content attribute。
+ */
+Object.defineProperty(DomRenderer, "REMOVE_VIA_ATTRIBUTE", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        maxLength: 'maxlength',
+        minLength: 'minlength',
+        size: 'size',
+        cols: 'cols',
+        rows: 'rows',
+        tabIndex: 'tabindex',
+    }
+});
 
 function createApp(root, config = true) {
     const c = { autoUpdate: true };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",