@viewfly/platform-browser 1.0.5 → 1.1.0

package/bundles/index.d.ts

@@ -1,4 +1,4 @@
-import { NativeNode, ViewFlyNode, Application, Config, JSXNode, NativeRenderer, JSX, ClassNames } from '@viewfly/core';
+import { NativeNode, ViewFlyNode, Application, Config, JSXNode, NativeRenderer, ElementNamespace, JSX, ClassNames } from '@viewfly/core';
 import * as CSS from 'csstype';
 
 /**
@@ -109,23 +109,17 @@ declare class OutputTranslator {
 }
 
 declare class DomRenderer extends NativeRenderer<HTMLElement, Text> {
-    static NAMESPACES: {
-        svg: string;
-        html: string;
-        xml: string;
-        xlink: string;
-        xmlns: string;
-    };
+    static NAMESPACES: Record<string, string>;
     propMap: Record<string, Record<string, string>>;
-    createElement(name: string, isSvg: boolean): HTMLElement;
+    createElement(name: string, namespace: ElementNamespace): HTMLElement;
     createTextNode(textContent: string): Text;
     appendChild(parent: HTMLElement, newChild: any): void;
     prependChild(parent: HTMLElement, newChild: HTMLElement | Text): void;
     insertAfter(newNode: HTMLElement | Text, ref: HTMLElement | Text): void;
     remove(node: HTMLElement | Text): void;
     cleanChildren(node: HTMLElement): void;
-    setProperty(node: HTMLElement, key: string, value: any, isSvg: boolean): void;
-    removeProperty(node: HTMLElement, key: string, isSvg: boolean): void;
+    setProperty(node: HTMLElement, key: string, value: any, namespace: ElementNamespace): void;
+    removeProperty(node: HTMLElement, key: string, namespace: ElementNamespace): void;
     setClass(target: HTMLElement, className: string): void;
     setStyle(target: HTMLElement, key: string, value: any): void;
     removeStyle(target: HTMLElement, key: string): void;
@@ -1191,7 +1185,105 @@ interface SVGElements {
     use: SVGAttributes<SVGUseElement>;
     view: SVGAttributes<SVGViewElement>;
 }
-interface NativeElements extends DOMElements, SVGElements {
+interface MathMLAttributes extends JSX.RefAttributes<MathMLElement> {
+    children?: JSXNode;
+    scriptlevel?: string;
+}
+interface MathMLMoAttributes extends MathMLAttributes {
+    accent?: Booleanish;
+    fence?: Booleanish;
+    lspace?: string;
+    maxsize?: string;
+    minsize?: string;
+    movablelimits?: Booleanish;
+    rspace?: string;
+    separator?: Booleanish;
+    stretchy?: Booleanish;
+    symmetric?: Booleanish;
+}
+interface MathMLMathAttributes extends MathMLAttributes {
+    xmlns?: 'http://www.w3.org/1998/Math/MathML';
+    display?: 'block' | 'inline';
+}
+interface MathMLMfracAttributes extends MathMLAttributes {
+    linethickness?: string;
+}
+interface MathMLMoverAttributes extends MathMLAttributes {
+    accent?: Booleanish;
+}
+interface MathMLMpaddedAttributes extends MathMLAttributes {
+    depth?: string;
+    height?: string;
+    lspace?: string;
+    voffset?: string;
+    width?: string;
+}
+interface MathMLMspaceAttributes extends MathMLAttributes {
+    width?: string;
+    height?: string;
+}
+interface MathMLMtableAttribute extends MathMLAttributes {
+    align?: string;
+    columnalign?: string;
+    columnlines?: Numberish;
+    columnspacing?: Numberish;
+    frame?: 'solid' | 'dashed' | 'none';
+    framespacing?: Numberish;
+    rowalign?: string;
+    rowlines?: Numberish;
+    rowspacing?: Numberish;
+    width?: string;
+}
+interface MathMLMtdAttributes extends MathMLAttributes {
+    columnalign?: string;
+    columnspan?: Numberish;
+    rowalign?: string;
+    rowspan?: Numberish;
+}
+interface MathMLMtrAttributes extends MathMLAttributes {
+    columnalign?: string;
+    rowalign?: string;
+}
+interface MathMLMunderAttributes extends MathMLAttributes {
+    accentunder?: Booleanish;
+}
+interface MathMLMunderoverAttributes extends MathMLAttributes {
+    accent?: Booleanish;
+    accentunder?: Booleanish;
+}
+interface MathMLElements {
+    annotation: MathMLAttributes;
+    'annotation-xml': MathMLAttributes;
+    maction: MathMLAttributes;
+    math: MathMLMathAttributes;
+    merror: MathMLAttributes;
+    mfrac: MathMLMfracAttributes;
+    mi: MathMLAttributes;
+    mmultiscripts: MathMLAttributes;
+    mn: MathMLAttributes;
+    mo: MathMLMoAttributes;
+    mover: MathMLMoverAttributes;
+    mpadded: MathMLMpaddedAttributes;
+    mphantom: MathMLAttributes;
+    mprescripts: MathMLAttributes;
+    mroot: MathMLAttributes;
+    mrow: MathMLAttributes;
+    ms: MathMLAttributes;
+    mspace: MathMLMspaceAttributes;
+    msqrt: MathMLAttributes;
+    mstyle: MathMLAttributes;
+    msub: MathMLAttributes;
+    msubsup: MathMLAttributes;
+    msup: MathMLAttributes;
+    mtable: MathMLMtableAttribute;
+    mtd: MathMLMtdAttributes;
+    mtext: MathMLAttributes;
+    mtr: MathMLMtrAttributes;
+    munder: MathMLMunderAttributes;
+    semantics: MathMLAttributes;
+    munderover: MathMLMunderoverAttributes;
+}
+interface NativeElements extends DOMElements, SVGElements, MathMLElements {
 }
 interface Events {
     onCopy: ClipboardEvent;
@@ -1287,4 +1379,4 @@ declare module '@viewfly/core' {
     }
 }
 
-export { type AnchorHTMLAttributes, type AreaHTMLAttributes, type AudioHTMLAttributes, type BaseHTMLAttributes, type BlockquoteHTMLAttributes, type ButtonHTMLAttributes, type CSSProperties, type CanvasHTMLAttributes, type ColHTMLAttributes, type ColgroupHTMLAttributes, type DOMElements, type DataHTMLAttributes, type DelHTMLAttributes, type DetailsHTMLAttributes, type DialogHTMLAttributes, DomRenderer, type EmbedHTMLAttributes, type Events, type FieldsetHTMLAttributes, type FormHTMLAttributes, type HTMLAttributes, HTMLRenderer, type HtmlHTMLAttributes, type IframeHTMLAttributes, type ImgHTMLAttributes, type InputHTMLAttributes, type InsHTMLAttributes, type KeygenHTMLAttributes, type LabelHTMLAttributes, type LiHTMLAttributes, type LinkHTMLAttributes, type MapHTMLAttributes, type MediaHTMLAttributes, type MenuHTMLAttributes, type MetaHTMLAttributes, type MeterHTMLAttributes, type NativeElements, type ObjectHTMLAttributes, type OlHTMLAttributes, type OptgroupHTMLAttributes, type OptionHTMLAttributes, type OutputHTMLAttributes, OutputTranslator, type ParamHTMLAttributes, type ProgressHTMLAttributes, type QuoteHTMLAttributes, type SVGAttributes, type SVGElements, type ScriptHTMLAttributes, type SelectHTMLAttributes, type SourceHTMLAttributes, type StyleHTMLAttributes, type StyleValue, type TableHTMLAttributes, type TdHTMLAttributes, type TextareaHTMLAttributes, type ThHTMLAttributes, type TimeHTMLAttributes, type TrackHTMLAttributes, VDOMElement, VDOMNode, VDOMText, type VideoHTMLAttributes, type WebViewHTMLAttributes, createApp, createPortal };
+export { type AnchorHTMLAttributes, type AreaHTMLAttributes, type AudioHTMLAttributes, type BaseHTMLAttributes, type BlockquoteHTMLAttributes, type ButtonHTMLAttributes, type CSSProperties, type CanvasHTMLAttributes, type ColHTMLAttributes, type ColgroupHTMLAttributes, type DOMElements, type DataHTMLAttributes, type DelHTMLAttributes, type DetailsHTMLAttributes, type DialogHTMLAttributes, DomRenderer, type EmbedHTMLAttributes, type Events, type FieldsetHTMLAttributes, type FormHTMLAttributes, type HTMLAttributes, HTMLRenderer, type HtmlHTMLAttributes, type IframeHTMLAttributes, type ImgHTMLAttributes, type InputHTMLAttributes, type InsHTMLAttributes, type KeygenHTMLAttributes, type LabelHTMLAttributes, type LiHTMLAttributes, type LinkHTMLAttributes, type MapHTMLAttributes, type MathMLAttributes, type MathMLElements, type MathMLMathAttributes, type MathMLMfracAttributes, type MathMLMoAttributes, type MathMLMoverAttributes, type MathMLMpaddedAttributes, type MathMLMspaceAttributes, type MathMLMtableAttribute, type MathMLMtdAttributes, type MathMLMtrAttributes, type MathMLMunderAttributes, type MathMLMunderoverAttributes, type MediaHTMLAttributes, type MenuHTMLAttributes, type MetaHTMLAttributes, type MeterHTMLAttributes, type NativeElements, type ObjectHTMLAttributes, type OlHTMLAttributes, type OptgroupHTMLAttributes, type OptionHTMLAttributes, type OutputHTMLAttributes, OutputTranslator, type ParamHTMLAttributes, type ProgressHTMLAttributes, type QuoteHTMLAttributes, type SVGAttributes, type SVGElements, type ScriptHTMLAttributes, type SelectHTMLAttributes, type SourceHTMLAttributes, type StyleHTMLAttributes, type StyleValue, type TableHTMLAttributes, type TdHTMLAttributes, type TextareaHTMLAttributes, type ThHTMLAttributes, type TimeHTMLAttributes, type TrackHTMLAttributes, VDOMElement, VDOMNode, VDOMText, type VideoHTMLAttributes, type WebViewHTMLAttributes, createApp, createPortal };

package/bundles/index.esm.js

@@ -12,9 +12,10 @@ class DomRenderer extends NativeRenderer {
             }
         };
     }
-    createElement(name, isSvg) {
-        if (isSvg) {
-            return document.createElementNS(DomRenderer.NAMESPACES.svg, name);
+    createElement(name, namespace) {
+        const ns = namespace && DomRenderer.NAMESPACES[namespace];
+        if (ns) {
+            return document.createElementNS(ns, name);
         }
         return document.createElement(name);
     }
@@ -45,13 +46,13 @@ class DomRenderer extends NativeRenderer {
     cleanChildren(node) {
         node.textContent = '';
     }
-    setProperty(node, key, value, isSvg) {
-        const nameSpace = DomRenderer.NAMESPACES;
-        if (isSvg) {
+    setProperty(node, key, value, namespace) {
+        const NAMESPACE = DomRenderer.NAMESPACES;
+        if (namespace) {
             const [prefix, ...unqualifiedName] = key.split(/(?=[A-Z])/);
             let ns = null;
-            if (prefix === 'xmlns' || unqualifiedName.length && nameSpace[prefix]) {
-                ns = nameSpace[prefix];
+            if (prefix === 'xmlns' || unqualifiedName.length && NAMESPACE[prefix]) {
+                ns = NAMESPACE[prefix];
             }
             node.setAttributeNS(ns, key, String(value));
             return;
@@ -61,19 +62,22 @@ class DomRenderer extends NativeRenderer {
             key = map[key] || key;
         }
         if (key in node) {
+            if (map && document.activeElement === node && key === 'value') {
+                return;
+            }
             node[key] = value;
         }
         else {
             node.setAttribute(key, value);
         }
     }
-    removeProperty(node, key, isSvg) {
-        if (isSvg) {
-            const nameSpace = DomRenderer.NAMESPACES;
+    removeProperty(node, key, namespace) {
+        if (namespace) {
+            const NAMESPACE = DomRenderer.NAMESPACES;
             const [prefix, ...unqualifiedName] = key.split(/(?=[A-Z])/);
             let ns = null;
-            if (prefix === 'xmlns' || unqualifiedName.length && nameSpace[prefix]) {
-                ns = nameSpace[prefix];
+            if (prefix === 'xmlns' || unqualifiedName.length && NAMESPACE[prefix]) {
+                ns = NAMESPACE[prefix];
             }
             node.removeAttributeNS(ns, key);
             return;
@@ -123,7 +127,8 @@ DomRenderer.NAMESPACES = {
     html: 'http://www.w3.org/1999/xhtml',
     xml: 'http://www.w3.org/XML/1998/namespace',
     xlink: 'http://www.w3.org/1999/xlink',
-    xmlns: 'http://www.w3.org/2000/xmlns/'
+    xmlns: 'http://www.w3.org/2000/xmlns/',
+    mathml: 'http://www.w3.org/1998/Math/MathML',
 };
 
 function createApp(root, config = true) {

package/bundles/index.js

@@ -14,9 +14,10 @@ class DomRenderer extends core.NativeRenderer {
             }
         };
     }
-    createElement(name, isSvg) {
-        if (isSvg) {
-            return document.createElementNS(DomRenderer.NAMESPACES.svg, name);
+    createElement(name, namespace) {
+        const ns = namespace && DomRenderer.NAMESPACES[namespace];
+        if (ns) {
+            return document.createElementNS(ns, name);
         }
         return document.createElement(name);
     }
@@ -47,13 +48,13 @@ class DomRenderer extends core.NativeRenderer {
     cleanChildren(node) {
         node.textContent = '';
     }
-    setProperty(node, key, value, isSvg) {
-        const nameSpace = DomRenderer.NAMESPACES;
-        if (isSvg) {
+    setProperty(node, key, value, namespace) {
+        const NAMESPACE = DomRenderer.NAMESPACES;
+        if (namespace) {
             const [prefix, ...unqualifiedName] = key.split(/(?=[A-Z])/);
             let ns = null;
-            if (prefix === 'xmlns' || unqualifiedName.length && nameSpace[prefix]) {
-                ns = nameSpace[prefix];
+            if (prefix === 'xmlns' || unqualifiedName.length && NAMESPACE[prefix]) {
+                ns = NAMESPACE[prefix];
             }
             node.setAttributeNS(ns, key, String(value));
             return;
@@ -63,19 +64,22 @@ class DomRenderer extends core.NativeRenderer {
             key = map[key] || key;
         }
         if (key in node) {
+            if (map && document.activeElement === node && key === 'value') {
+                return;
+            }
             node[key] = value;
         }
         else {
             node.setAttribute(key, value);
         }
     }
-    removeProperty(node, key, isSvg) {
-        if (isSvg) {
-            const nameSpace = DomRenderer.NAMESPACES;
+    removeProperty(node, key, namespace) {
+        if (namespace) {
+            const NAMESPACE = DomRenderer.NAMESPACES;
             const [prefix, ...unqualifiedName] = key.split(/(?=[A-Z])/);
             let ns = null;
-            if (prefix === 'xmlns' || unqualifiedName.length && nameSpace[prefix]) {
-                ns = nameSpace[prefix];
+            if (prefix === 'xmlns' || unqualifiedName.length && NAMESPACE[prefix]) {
+                ns = NAMESPACE[prefix];
             }
             node.removeAttributeNS(ns, key);
             return;
@@ -125,7 +129,8 @@ DomRenderer.NAMESPACES = {
     html: 'http://www.w3.org/1999/xhtml',
     xml: 'http://www.w3.org/XML/1998/namespace',
     xlink: 'http://www.w3.org/1999/xlink',
-    xmlns: 'http://www.w3.org/2000/xmlns/'
+    xmlns: 'http://www.w3.org/2000/xmlns/',
+    mathml: 'http://www.w3.org/1998/Math/MathML',
 };
 
 function createApp(root, config = true) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "1.0.5",
+  "version": "1.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": "^1.0.5",
+    "@viewfly/core": "^1.1.0",
     "csstype": "^3.1.2"
   },
   "devDependencies": {
@@ -36,5 +36,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "b66ca589f7662cd518fc2e5955b3e3ff9de83f94"
+  "gitHead": "56c28e6d0f87586ea6dda6597b00b4c5326edc07"
 }