@viewfly/platform-browser 2.1.0 → 2.2.1

package/{bundles/index.d.ts → dist/jsx-dom.d.ts}

@@ -1,144 +1,6 @@
-import { NativeNode, ViewFlyNode, Application, Config, JSXNode, NativeRenderer, ElementNamespace, JSX, ClassNames } from '@viewfly/core';
+import { JSX, ClassNames, JSXNode } from '@viewfly/core';
 import * as CSS from 'csstype';
-
-/**
- * 创建一个 Viewfly 实例
- * @param root 应用根节点
- * @param autoUpdate 是否自动更新视图，默认为 true，当值为 false 时，Viewfly
- * 只会首次渲染，直到手动调用 app 的 render() 方法，这在单元测试中非常有用，
- * 我们无需等待 Viewfly 默认的异步调度，实现同步更新视图
- * ```tsx
- * const app = createApp(<App/>, false).mount(document.getElementById('app'))
- *
- * // do something...
- *
- * app.render() // 手动更新视图
- * ```
- */
-declare function createApp<T extends NativeNode>(root: ViewFlyNode, autoUpdate?: boolean): Application<T>;
-declare function createApp<T extends NativeNode>(root: ViewFlyNode, config?: Partial<Omit<Config, 'root'>>): Application<T>;
-
-/**
- * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
- * @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
- * @param childRender
- * @param host
- * @example
- * ```tsx
- * function App() {
- *   const number = createSignal(0)
- *
- *   setInterval(() => {
- *     number.set(number() + 1)
- *   }, 1000)
- *
- *   const ModalPortal = function (props) {
- *     return createPortal(() => {
- *       return <div class="modal">parent data is {props.text}</div>
- *     }, document.body)
- *   }
- *   return () => {
- *     return (
- *       <div>
- *         <div>data is {number()}</div>
- *         <ModalPortal text={number()}/>
- *       </div>
- *     )
- *   }
- * }
- * ```
- */
-declare function createPortal<T extends NativeNode>(childRender: () => JSXNode, host: T): {
-    $portalHost: T;
-    $render: () => JSXNode;
-};
-
-declare class VDOMNode {
-    parent: VDOMElement | null;
-    remove(): void;
-}
-declare class VDOMElement extends VDOMNode {
-    name: string;
-    props: Map<string, any>;
-    children: Array<VDOMElement | VDOMText>;
-    style: Map<string, any>;
-    className: string;
-    constructor(name: string);
-}
-declare class VDOMText extends VDOMNode {
-    text: string;
-    constructor(text: string);
-}
-/**
- * 用于生成模拟轻量 DOM 节点的渲染器
- */
-declare class HTMLRenderer extends NativeRenderer<VDOMElement, VDOMText> {
-    createElement(name: string): VDOMElement;
-    createTextNode(textContent: string): VDOMText;
-    setProperty(node: VDOMElement, key: string, value: any): void;
-    appendChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
-    prependChild(parent: VDOMElement, newChild: VDOMElement | VDOMText): void;
-    removeProperty(node: VDOMElement, key: string): void;
-    setStyle(target: VDOMElement, key: string, value: any): void;
-    removeStyle(target: VDOMElement, key: string): void;
-    setClass(target: VDOMElement, value: string): void;
-    listen(): void;
-    unListen(): void;
-    remove(node: VDOMElement | VDOMText): void;
-    cleanChildren(node: VDOMElement): void;
-    syncTextContent(target: VDOMText, content: string): void;
-    insertAfter(newNode: VDOMElement | VDOMText, ref: VDOMElement | VDOMText): void;
-    getNameSpace(): void;
-}
-/**
- * 轻量 DOM 转换为 HTML 字符串的转换器
- */
-declare class OutputTranslator {
-    static singleTags: string[];
-    static simpleXSSFilter: {
-        text(text: string): string;
-        attrName(text: string): string;
-        attrValue(text: string): string;
-    };
-    private singleTagTest;
-    /**
-     * 将虚拟 DOM 转换为 HTML 字符串的方法
-     * @param vDom 虚拟 DOM 节点
-     */
-    transform(vDom: VDOMElement): string;
-    private vDomToHTMLString;
-    private replaceEmpty;
-}
-
-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;
-    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, 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;
-    listen<T = any>(node: HTMLElement, type: string, callback: (ev: T) => any): void;
-    unListen(node: HTMLElement, type: string, callback: (ev: any) => any): void;
-    syncTextContent(target: Text, content: string): void;
-    getNameSpace(type: string, namespace: ElementNamespace): string | void;
-    private normalizedEventType;
-    private insertBefore;
-}
-
-interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
+export interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
     /**
      * The index signature was removed to enable closed typing for style
      * using CSSType. You're able to use type assertion or module augmentation
@@ -337,11 +199,14 @@ interface AriaAttributes {
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     'aria-valuetext'?: string;
 }
-type StyleValue = string | CSSProperties | null;
-interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
+export type StyleValue = string | CSSProperties | null;
+export interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
     children?: JSXNode;
     innerHTML?: string;
+    /** 支持 ClassNames / 对象解析，走 `setClass`（不经 `setProperty`）。 */
     class?: ClassNames;
+    /** 原生 `className`；不经 `classToString`。条件/对象类名请用 `class`。 */
+    className?: string;
     style?: StyleValue;
     accesskey?: string;
     contenteditable?: Booleanish | 'inherit';
@@ -386,7 +251,7 @@ interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.R
     [k: string]: any;
 }
 type HTMLAttributeReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: any;
     href?: string;
     hreflang?: string;
@@ -397,7 +262,7 @@ interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: string;
     referrerpolicy?: HTMLAttributeReferrerPolicy;
 }
-interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     coords?: string;
     download?: any;
@@ -409,16 +274,16 @@ interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
     shape?: string;
     target?: string;
 }
-interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+export interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
 }
-interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
     href?: string;
     target?: string;
 }
-interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
 }
-interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
     autofocus?: Booleanish;
     disabled?: Booleanish;
     form?: string;
@@ -431,42 +296,42 @@ interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: 'submit' | 'reset' | 'button';
     value?: string | string[] | number;
 }
-interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: Numberish;
     width?: Numberish;
 }
-interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: Numberish;
     width?: Numberish;
 }
-interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     span?: Numberish;
 }
-interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
 }
-interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
     open?: Booleanish;
 }
-interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     datetime?: string;
 }
-interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
     open?: Booleanish;
 }
-interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: Numberish;
     src?: string;
     type?: string;
     width?: Numberish;
 }
-interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     form?: string;
     name?: string;
 }
-interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     acceptcharset?: string;
     action?: string;
     autocomplete?: string;
@@ -476,10 +341,10 @@ interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     novalidate?: Booleanish;
     target?: string;
 }
-interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
     manifest?: string;
 }
-interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
     allow?: string;
     allowfullscreen?: Booleanish;
     allowtransparency?: Booleanish;
@@ -496,7 +361,7 @@ interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
     srcdoc?: string;
     width?: Numberish;
 }
-interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string;
     crossorigin?: 'anonymous' | 'use-credentials' | '';
     decoding?: 'async' | 'auto' | 'sync';
@@ -508,11 +373,11 @@ interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     usemap?: string;
     width?: Numberish;
 }
-interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
     datetime?: string;
 }
-interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     accept?: string;
     alt?: string;
     autocomplete?: string;
@@ -547,7 +412,7 @@ interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: any;
     width?: Numberish;
 }
-interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
     autofocus?: Booleanish;
     challenge?: string;
     disabled?: Booleanish;
@@ -556,14 +421,14 @@ interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
     keyparams?: string;
     name?: string;
 }
-interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     for?: string;
     form?: string;
 }
-interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
 }
-interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     as?: string;
     crossorigin?: string;
     href?: string;
@@ -575,13 +440,13 @@ interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     sizes?: string;
     type?: string;
 }
-interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
 }
-interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
     type?: string;
 }
-interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoplay?: Booleanish;
     controls?: Booleanish;
     controlslist?: string;
@@ -593,13 +458,13 @@ interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     preload?: string;
     src?: string;
 }
-interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
     charset?: string;
     content?: string;
     httpequiv?: string;
     name?: string;
 }
-interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     high?: Numberish;
     low?: Numberish;
@@ -608,10 +473,10 @@ interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     optimum?: Numberish;
     value?: string | string[] | number;
 }
-interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string;
 }
-interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
     classid?: string;
     data?: string;
     form?: string;
@@ -622,35 +487,35 @@ interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
     width?: Numberish;
     wmode?: string;
 }
-interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
     reversed?: Booleanish;
     start?: Numberish;
     type?: '1' | 'a' | 'A' | 'i' | 'I';
 }
-interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     label?: string;
 }
-interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
     disabled?: Booleanish;
     label?: string;
     selected?: Booleanish;
     value?: string;
 }
-interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     for?: string;
     form?: string;
     name?: string;
 }
-interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string;
     value?: string | string[] | number;
 }
-interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
     max?: Numberish;
     value?: string | string[] | number;
 }
-interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
     async?: Booleanish;
     charset?: string;
     crossorigin?: string;
@@ -662,7 +527,7 @@ interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
     src?: string;
     type?: string;
 }
-interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
     autocomplete?: string;
     autofocus?: Booleanish;
     disabled?: Booleanish;
@@ -673,25 +538,25 @@ interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
     size?: Numberish;
     value?: string;
 }
-interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string;
     sizes?: string;
     src?: string;
     srcset?: string;
     type?: string;
 }
-interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string;
     nonce?: string;
     scoped?: Booleanish;
     type?: string;
 }
-interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
     cellpadding?: Numberish;
     cellspacing?: Numberish;
     summary?: string;
 }
-interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
     autocomplete?: string;
     autofocus?: Booleanish;
     cols?: Numberish;
@@ -708,7 +573,7 @@ interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: string | string[] | number;
     wrap?: string;
 }
-interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
     align?: 'left' | 'center' | 'right' | 'justify' | 'char';
     colspan?: Numberish;
     headers?: string;
@@ -716,31 +581,31 @@ interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
     scope?: string;
     valign?: 'top' | 'middle' | 'bottom' | 'baseline';
 }
-interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
     align?: 'left' | 'center' | 'right' | 'justify' | 'char';
     colspan?: Numberish;
     headers?: string;
     rowspan?: Numberish;
     scope?: string;
 }
-interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
     datetime?: string;
 }
-interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
     default?: Booleanish;
     kind?: string;
     label?: string;
     src?: string;
     srclang?: string;
 }
-interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+export interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     height?: Numberish;
     playsinline?: Booleanish;
     poster?: string;
     width?: Numberish;
     disablePictureInPicture?: Booleanish;
 }
-interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
+export interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
     allowfullscreen?: Booleanish;
     allowpopups?: Booleanish;
     autoFocus?: Booleanish;
@@ -759,14 +624,20 @@ interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
     useragent?: string;
     webpreferences?: string;
 }
-interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
+export interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
     children?: JSXNode;
     innerHTML?: string;
     /**
      * SVG Styling Attributes
      * @see https://www.w3.org/TR/SVG/styling.html#ElementSpecificStyling
      */
+    /**
+     * 支持 `ClassNames` 与对象动态解析；由 core renderer 走 `setClass`，**不经** `setProperty`。
+     * 勿用 `className` 代替：Viewfly 中 `className` 不做 ClassNames 处理，也不映射为 `class`。
+     */
     class?: ClassNames;
+    /** 原生 className 语义（无 ClassNames 解析）；若需条件/对象样式请用 `class`。 */
+    className?: string;
     style?: string | CSSProperties;
     color?: string;
     height?: Numberish;
@@ -782,10 +653,22 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     width?: Numberish;
     role?: string;
     tabindex?: Numberish;
+    /**
+     * 与 HTML/React 一致的 camelCase；运行时会写成 attribute `tabindex`。
+     */
+    tabIndex?: Numberish;
+    /**
+     * XML / xmlns 声明式属性；运行时用 `setAttribute('xml:lang' | …)` 等（见 `xml-jsx-attr-name`）。
+     */
+    xmlBase?: string;
+    xmlLang?: string;
+    xmlSpace?: 'default' | 'preserve' | (string & {});
+    xmlnsXlink?: string;
     'accent-height'?: Numberish;
     accumulate?: 'none' | 'sum';
     additive?: 'replace' | 'sum';
     'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
+    alignmentBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
     allowReorder?: 'no' | 'yes';
     alphabetic?: Numberish;
     amplitude?: Numberish;
@@ -806,6 +689,8 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     'cap-height'?: Numberish;
     clip?: Numberish;
     'clip-path'?: string;
+    /** 与 `clip-path` 同义（引用 `url(#id)` 等） */
+    clipPath?: string;
     clipPathUnits?: Numberish;
     'clip-rule'?: Numberish;
     'color-interpolation'?: Numberish;
@@ -836,7 +721,9 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     externalResourcesRequired?: Numberish;
     fill?: string;
     'fill-opacity'?: Numberish;
+    fillOpacity?: Numberish;
     'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
+    fillRule?: 'nonzero' | 'evenodd' | 'inherit';
     filter?: string;
     filterRes?: Numberish;
     filterUnits?: Numberish;
@@ -844,7 +731,9 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     'flood-opacity'?: Numberish;
     focusable?: Numberish;
     'font-family'?: string;
+    fontFamily?: string;
     'font-size'?: Numberish;
+    fontSize?: Numberish;
     'font-size-adjust'?: Numberish;
     'font-stretch'?: Numberish;
     'font-style'?: Numberish;
@@ -957,12 +846,21 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     'strikethrough-thickness'?: Numberish;
     string?: Numberish;
     stroke?: string;
+    /** 与 `stroke-width` 同义，对标 React camelCase */
+    strokeWidth?: Numberish;
     'stroke-dasharray'?: Numberish;
+    /** 与 `stroke-dasharray` 同义 */
+    strokeDasharray?: Numberish;
     'stroke-dashoffset'?: Numberish;
+    strokeDashoffset?: Numberish;
     'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
     'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
+    strokeLinejoin?: 'miter' | 'round' | 'bevel' | 'inherit';
     'stroke-miterlimit'?: Numberish;
+    strokeMiterlimit?: Numberish;
     'stroke-opacity'?: Numberish;
+    strokeOpacity?: Numberish;
     'stroke-width'?: Numberish;
     surfaceScale?: Numberish;
     systemLanguage?: Numberish;
@@ -1019,7 +917,7 @@ interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.Re
     z?: Numberish;
     zoomAndPan?: string;
 }
-interface DOMElements {
+export interface DOMElements {
     a: AnchorHTMLAttributes<HTMLAnchorElement>;
     abbr: HTMLAttributes<HTMLElement>;
     address: HTMLAttributes<HTMLElement>;
@@ -1133,7 +1031,7 @@ interface DOMElements {
     wbr: HTMLAttributes<HTMLElement>;
     webview: WebViewHTMLAttributes<HTMLElement>;
 }
-interface SVGElements {
+export interface SVGElements {
     svg: SVGAttributes<SVGElement>;
     animate: SVGAttributes<SVGAnimateElement>;
     animateMotion: SVGAttributes<SVGAnimateMotionElement>;
@@ -1193,11 +1091,19 @@ interface SVGElements {
     use: SVGAttributes<SVGUseElement>;
     view: SVGAttributes<SVGViewElement>;
 }
-interface MathMLAttributes extends JSX.RefAttributes<MathMLElement> {
+export interface MathMLAttributes extends JSX.RefAttributes<MathMLElement> {
     children?: JSXNode;
     scriptlevel?: string;
+    /** 同 HTML/SVG：`class` 走 setClass + ClassNames；`className` 仅字符串、不经 classToString。 */
+    class?: ClassNames;
+    className?: string;
+    style?: string | CSSProperties;
+    id?: string;
+    dir?: 'ltr' | 'rtl' | 'auto';
+    tabindex?: Numberish;
+    tabIndex?: Numberish;
 }
-interface MathMLMoAttributes extends MathMLAttributes {
+export interface MathMLMoAttributes extends MathMLAttributes {
     accent?: Booleanish;
     fence?: Booleanish;
     lspace?: string;
@@ -1209,28 +1115,28 @@ interface MathMLMoAttributes extends MathMLAttributes {
     stretchy?: Booleanish;
     symmetric?: Booleanish;
 }
-interface MathMLMathAttributes extends MathMLAttributes {
+export interface MathMLMathAttributes extends MathMLAttributes {
     xmlns?: 'http://www.w3.org/1998/Math/MathML';
     display?: 'block' | 'inline';
 }
-interface MathMLMfracAttributes extends MathMLAttributes {
+export interface MathMLMfracAttributes extends MathMLAttributes {
     linethickness?: string;
 }
-interface MathMLMoverAttributes extends MathMLAttributes {
+export interface MathMLMoverAttributes extends MathMLAttributes {
     accent?: Booleanish;
 }
-interface MathMLMpaddedAttributes extends MathMLAttributes {
+export interface MathMLMpaddedAttributes extends MathMLAttributes {
     depth?: string;
     height?: string;
     lspace?: string;
     voffset?: string;
     width?: string;
 }
-interface MathMLMspaceAttributes extends MathMLAttributes {
+export interface MathMLMspaceAttributes extends MathMLAttributes {
     width?: string;
     height?: string;
 }
-interface MathMLMtableAttribute extends MathMLAttributes {
+export interface MathMLMtableAttribute extends MathMLAttributes {
     align?: string;
     columnalign?: string;
     columnlines?: Numberish;
@@ -1242,24 +1148,24 @@ interface MathMLMtableAttribute extends MathMLAttributes {
     rowspacing?: Numberish;
     width?: string;
 }
-interface MathMLMtdAttributes extends MathMLAttributes {
+export interface MathMLMtdAttributes extends MathMLAttributes {
     columnalign?: string;
     columnspan?: Numberish;
     rowalign?: string;
     rowspan?: Numberish;
 }
-interface MathMLMtrAttributes extends MathMLAttributes {
+export interface MathMLMtrAttributes extends MathMLAttributes {
     columnalign?: string;
     rowalign?: string;
 }
-interface MathMLMunderAttributes extends MathMLAttributes {
+export interface MathMLMunderAttributes extends MathMLAttributes {
     accentunder?: Booleanish;
 }
-interface MathMLMunderoverAttributes extends MathMLAttributes {
+export interface MathMLMunderoverAttributes extends MathMLAttributes {
     accent?: Booleanish;
     accentunder?: Booleanish;
 }
-interface MathMLElements {
+export interface MathMLElements {
     annotation: MathMLAttributes;
     'annotation-xml': MathMLAttributes;
     maction: MathMLAttributes;
@@ -1291,91 +1197,91 @@ interface MathMLElements {
     semantics: MathMLAttributes;
     munderover: MathMLMunderoverAttributes;
 }
-interface NativeElements extends DOMElements, SVGElements, MathMLElements {
+export interface NativeElements extends DOMElements, SVGElements, MathMLElements {
 }
-interface Events {
+export interface Events {
     onCopy: ClipboardEvent;
     onCut: ClipboardEvent;
     onPaste: ClipboardEvent;
-    onCompositionend: CompositionEvent;
-    onCompositionstart: CompositionEvent;
-    onCompositionupdate: CompositionEvent;
+    onCompositionEnd: CompositionEvent;
+    onCompositionStart: CompositionEvent;
+    onCompositionUpdate: CompositionEvent;
     onDrag: DragEvent;
-    onDragend: DragEvent;
-    onDragenter: DragEvent;
-    onDragexit: DragEvent;
-    onDragleave: DragEvent;
-    onDragover: DragEvent;
-    onDragstart: DragEvent;
+    onDragEnd: DragEvent;
+    onDragEnter: DragEvent;
+    onDragExit: DragEvent;
+    onDragLeave: DragEvent;
+    onDragOver: DragEvent;
+    onDragStart: DragEvent;
     onDrop: DragEvent;
     onFocus: FocusEvent;
-    onFocusin: FocusEvent;
-    onFocusout: FocusEvent;
+    onFocusIn: FocusEvent;
+    onFocusOut: FocusEvent;
     onBlur: FocusEvent;
     onChange: Event;
-    onBeforeinput: Event;
+    onBeforeInput: Event;
     onInput: Event;
     onReset: Event;
     onSubmit: Event;
     onInvalid: Event;
     onLoad: Event;
     onError: Event;
-    onKeydown: KeyboardEvent;
-    onKeypress: KeyboardEvent;
-    onKeyup: KeyboardEvent;
-    onAuxclick: MouseEvent;
+    onKeyDown: KeyboardEvent;
+    onKeyPress: KeyboardEvent;
+    onKeyUp: KeyboardEvent;
+    onAuxClick: MouseEvent;
     onClick: MouseEvent;
-    onContextmenu: MouseEvent;
-    onDblclick: MouseEvent;
-    onMousedown: MouseEvent;
-    onMouseenter: MouseEvent;
-    onMouseleave: MouseEvent;
-    onMousemove: MouseEvent;
-    onMouseout: MouseEvent;
-    onMouseover: MouseEvent;
-    onMouseup: MouseEvent;
+    onContextMenu: MouseEvent;
+    onDblClick: MouseEvent;
+    onMouseDown: MouseEvent;
+    onMouseEnter: MouseEvent;
+    onMouseLeave: MouseEvent;
+    onMouseMove: MouseEvent;
+    onMouseOut: MouseEvent;
+    onMouseOver: MouseEvent;
+    onMouseUp: MouseEvent;
     onAbort: Event;
-    onCanplay: Event;
-    onCanplaythrough: Event;
-    onDurationchange: Event;
+    onCanPlay: Event;
+    onCanPlayThrough: Event;
+    onDurationChange: Event;
     onEmptied: Event;
     onEncrypted: Event;
     onEnded: Event;
-    onLoadeddata: Event;
-    onLoadedmetadata: Event;
-    onLoadstart: Event;
+    onLoadedData: Event;
+    onLoadedMetadata: Event;
+    onLoadStart: Event;
     onPause: Event;
     onPlay: Event;
     onPlaying: Event;
     onProgress: Event;
-    onRatechange: Event;
+    onRateChange: Event;
     onSeeked: Event;
     onSeeking: Event;
     onStalled: Event;
     onSuspend: Event;
-    onTimeupdate: Event;
-    onVolumechange: Event;
+    onTimeUpdate: Event;
+    onVolumeChange: Event;
     onWaiting: Event;
     onSelect: Event;
     onScroll: UIEvent;
-    onTouchcancel: TouchEvent;
-    onTouchend: TouchEvent;
-    onTouchmove: TouchEvent;
-    onTouchstart: TouchEvent;
-    onPointerdown: PointerEvent;
-    onPointermove: PointerEvent;
-    onPointerup: PointerEvent;
-    onPointercancel: PointerEvent;
-    onPointerenter: PointerEvent;
-    onPointerleave: PointerEvent;
-    onPointerover: PointerEvent;
-    onPointerout: PointerEvent;
+    onTouchCancel: TouchEvent;
+    onTouchEnd: TouchEvent;
+    onTouchMove: TouchEvent;
+    onTouchStart: TouchEvent;
+    onPointerDown: PointerEvent;
+    onPointerMove: PointerEvent;
+    onPointerUp: PointerEvent;
+    onPointerCancel: PointerEvent;
+    onPointerEnter: PointerEvent;
+    onPointerLeave: PointerEvent;
+    onPointerOver: PointerEvent;
+    onPointerOut: PointerEvent;
     onWheel: WheelEvent;
-    onAnimationstart: AnimationEvent;
-    onAnimationend: AnimationEvent;
-    onAnimationiteration: AnimationEvent;
-    onTransitionend: TransitionEvent;
-    onTransitionstart: TransitionEvent;
+    onAnimationStart: AnimationEvent;
+    onAnimationEnd: AnimationEvent;
+    onAnimationIteration: AnimationEvent;
+    onTransitionEnd: TransitionEvent;
+    onTransitionStart: TransitionEvent;
 }
 type EventHandlers<E> = {
     [K in keyof E]?: E[K] extends (...args: any) => any ? E[K] : (payload: E[K]) => void;
@@ -1386,5 +1292,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 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 };
+export {};