@viewfly/platform-browser 2.0.1 → 2.1.0

package/bundles/index.d.ts

@@ -20,6 +20,7 @@ declare function createApp<T extends NativeNode>(root: ViewFlyNode, config?: Par
 
 /**
  * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
+ * @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
  * @param childRender
  * @param host
  * @example
@@ -112,6 +113,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

@@ -93,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);
@@ -169,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 };
@@ -183,6 +207,7 @@ function createApp(root, config = true) {
 
 /**
  * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
+ * @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
  * @param childRender
  * @param host
  * @example

package/bundles/index.js

@@ -95,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);
@@ -171,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 };
@@ -185,6 +209,7 @@ function createApp(root, config = true) {
 
 /**
  * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
+ * @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
  * @param childRender
  * @param host
  * @example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -14,7 +14,7 @@
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@viewfly/core": "^2.0.0",
+    "@viewfly/core": "^2.1.0",
     "csstype": "^3.1.2"
   },
   "devDependencies": {