@viewfly/platform-browser 0.0.1-alpha.8 → 0.0.1

package/README.md

@@ -1,4 +1,57 @@
 Viewfly
 ================================
 
-Viewfly 是一个简单、数据驱动的前端视图库，完整文档请参考官方网站：[viewfly.org](https://viewfly.org)
+Viewfly 是一个简单、数据驱动的前端框架。此项目为内核运行在浏览器上的支持层。
+
+## 安装
+
+```
+npm install @viewfly/platform-browser
+```
+
+## API
+
+### createApp()
+
+createApp 用于创建一个独立的应用。
+
+```js
+import { createApp } from '@viewfly/platform-browser'
+
+function App() {
+  return () => {
+    return <div>App!</div>
+  }
+}
+
+const app = createApp(document.getElementById('app'), <App/>)
+
+// 销毁 app 实例
+app.destroy()
+```
+
+### fork()
+
+可以在任意组件内创建一个子应用，并可以继承当前组件的上下文（特指当前组件的依赖注入树），常用于创建一个弹窗或对话框。
+
+```jsx
+function App() {
+  function Modal() {
+    return () => {
+      return <div>modal</div>
+    }
+  }
+  // 创建子应用
+  const childApp = fork(<Modal/>)
+  // 启动子应用
+  childApp.mount(document.getElementById('modal'))
+  // 销毁子应用
+  childApp.destroy()
+
+  return () => {
+    return <div>App!</div>
+  }
+}
+```
+
+完整文档请参考官方网站：[viewfly.org](https://viewfly.org)

package/bundles/fork.d.ts

@@ -1,2 +1,2 @@
 import { RootNode, Viewfly } from '@viewfly/core';
-export declare function fork(host: HTMLElement, root: RootNode): Viewfly;
+export declare function fork(root: RootNode): Viewfly;

package/bundles/index.esm.js

@@ -145,15 +145,9 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         parent.appendChild(newChild);
     }
     prependChild(parent, newChild) {
-        // if (newChild === parent.childNodes[0]) {
-        //   return
-        // }
         parent.prepend(newChild);
     }
     insertAfter(newNode, ref) {
-        // if (ref.nextSibling === newNode) {
-        //   return
-        // }
         if (ref.nextSibling) {
             this.insertBefore(newNode, ref.nextSibling);
         }
@@ -215,9 +209,7 @@ let DomRenderer = class DomRenderer extends NativeRenderer {
         node.removeEventListener(type, callback);
     }
     syncTextContent(target, content) {
-        if (target.textContent !== content) {
-            target.textContent = content;
-        }
+        target.textContent = content;
     }
     setXlinkAttribute(target, key, value) {
         target.setAttributeNS(this.xlinkNameSpace, key, value);
@@ -252,7 +244,6 @@ DomRenderer = __decorate([
 function createApp(host, root, autoUpdate = true) {
     host.innerHTML = '';
     const app = new Viewfly({
-        host,
         root,
         autoUpdate,
         providers: [
@@ -262,12 +253,12 @@ function createApp(host, root, autoUpdate = true) {
             }
         ]
     });
-    app.run();
+    app.mount(host);
     return app;
 }
 
 const forkErrorFn = makeError('fork');
-function fork(host, root) {
+function fork(root) {
     let parentComponent;
     try {
         parentComponent = provide([]);
@@ -276,7 +267,6 @@ function fork(host, root) {
         throw forkErrorFn('The fork function can only be called synchronously within a component.');
     }
     const app = new Viewfly({
-        host,
         root,
         context: parentComponent,
         providers: [

package/bundles/index.js

@@ -147,15 +147,9 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         parent.appendChild(newChild);
     }
     prependChild(parent, newChild) {
-        // if (newChild === parent.childNodes[0]) {
-        //   return
-        // }
         parent.prepend(newChild);
     }
     insertAfter(newNode, ref) {
-        // if (ref.nextSibling === newNode) {
-        //   return
-        // }
         if (ref.nextSibling) {
             this.insertBefore(newNode, ref.nextSibling);
         }
@@ -217,9 +211,7 @@ exports.DomRenderer = class DomRenderer extends core.NativeRenderer {
         node.removeEventListener(type, callback);
     }
     syncTextContent(target, content) {
-        if (target.textContent !== content) {
-            target.textContent = content;
-        }
+        target.textContent = content;
     }
     setXlinkAttribute(target, key, value) {
         target.setAttributeNS(this.xlinkNameSpace, key, value);
@@ -254,7 +246,6 @@ exports.DomRenderer = __decorate([
 function createApp(host, root, autoUpdate = true) {
     host.innerHTML = '';
     const app = new core.Viewfly({
-        host,
         root,
         autoUpdate,
         providers: [
@@ -264,12 +255,12 @@ function createApp(host, root, autoUpdate = true) {
             }
         ]
     });
-    app.run();
+    app.mount(host);
     return app;
 }
 
 const forkErrorFn = core.makeError('fork');
-function fork(host, root) {
+function fork(root) {
     let parentComponent;
     try {
         parentComponent = core.provide([]);
@@ -278,7 +269,6 @@ function fork(host, root) {
         throw forkErrorFn('The fork function can only be called synchronously within a component.');
     }
     const app = new core.Viewfly({
-        host,
         root,
         context: parentComponent,
         providers: [

package/bundles/jsx.d.ts

@@ -0,0 +1,1145 @@
+import * as CSS from 'csstype';
+import { JSX } from '@viewfly/core';
+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
+     * to add properties or an index signature of your own.
+     *
+     * For examples and more information, visit:
+     * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors
+     */
+    [v: `--${string}`]: string | number | undefined;
+}
+type Booleanish = boolean | 'true' | 'false';
+type Numberish = number | string;
+interface AriaAttributes {
+    /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+    'aria-activedescendant'?: string;
+    /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+    'aria-atomic'?: Booleanish;
+    /**
+     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+     * presented if they are made.
+     */
+    'aria-autocomplete'?: 'none' | 'inline' | 'list' | 'both';
+    /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    'aria-busy'?: Booleanish;
+    /**
+     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+     * @see aria-pressed @see aria-selected.
+     */
+    'aria-checked'?: Booleanish | 'mixed';
+    /**
+     * Defines the total number of columns in a table, grid, or treegrid.
+     * @see aria-colindex.
+     */
+    'aria-colcount'?: Numberish;
+    /**
+     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+     * @see aria-colcount @see aria-colspan.
+     */
+    'aria-colindex'?: Numberish;
+    /**
+     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-colindex @see aria-rowspan.
+     */
+    'aria-colspan'?: Numberish;
+    /**
+     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+     * @see aria-owns.
+     */
+    'aria-controls'?: string;
+    /** Indicates the element that represents the current item within a container or set of related elements. */
+    'aria-current'?: Booleanish | 'page' | 'step' | 'location' | 'date' | 'time';
+    /**
+     * Identifies the element (or elements) that describes the object.
+     * @see aria-labelledby
+     */
+    'aria-describedby'?: string;
+    /**
+     * Identifies the element that provides a detailed, extended description for the object.
+     * @see aria-describedby.
+     */
+    'aria-details'?: string;
+    /**
+     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+     * @see aria-hidden @see aria-readonly.
+     */
+    'aria-disabled'?: Booleanish;
+    /**
+     * Indicates what functions can be performed when a dragged object is released on the drop target.
+     * @deprecated in ARIA 1.1
+     */
+    'aria-dropeffect'?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup';
+    /**
+     * Identifies the element that provides an error message for the object.
+     * @see aria-invalid @see aria-describedby.
+     */
+    'aria-errormessage'?: string;
+    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    'aria-expanded'?: Booleanish;
+    /**
+     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+     * allows assistive technology to override the general default of reading in document source order.
+     */
+    'aria-flowto'?: string;
+    /**
+     * Indicates an element's "grabbed" state in a drag-and-drop operation.
+     * @deprecated in ARIA 1.1
+     */
+    'aria-grabbed'?: Booleanish;
+    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    'aria-haspopup'?: Booleanish | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     * @see aria-disabled.
+     */
+    'aria-hidden'?: Booleanish;
+    /**
+     * Indicates the entered value does not conform to the format expected by the application.
+     * @see aria-errormessage.
+     */
+    'aria-invalid'?: Booleanish | 'grammar' | 'spelling';
+    /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+    'aria-keyshortcuts'?: string;
+    /**
+     * Defines a string value that labels the current element.
+     * @see aria-labelledby.
+     */
+    'aria-label'?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     * @see aria-describedby.
+     */
+    'aria-labelledby'?: string;
+    /** Defines the hierarchical level of an element within a structure. */
+    'aria-level'?: Numberish;
+    /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+    'aria-live'?: 'off' | 'assertive' | 'polite';
+    /** Indicates whether an element is modal when displayed. */
+    'aria-modal'?: Booleanish;
+    /** Indicates whether a text box accepts multiple lines of input or only a single line. */
+    'aria-multiline'?: Booleanish;
+    /** Indicates that the user may select more than one item from the current selectable descendants. */
+    'aria-multiselectable'?: Booleanish;
+    /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
+    'aria-orientation'?: 'horizontal' | 'vertical';
+    /**
+     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+     * @see aria-controls.
+     */
+    'aria-owns'?: string;
+    /**
+     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+     * A hint could be a sample value or a brief description of the expected format.
+     */
+    'aria-placeholder'?: string;
+    /**
+     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-setsize.
+     */
+    'aria-posinset'?: Numberish;
+    /**
+     * Indicates the current "pressed" state of toggle buttons.
+     * @see aria-checked @see aria-selected.
+     */
+    'aria-pressed'?: Booleanish | 'mixed';
+    /**
+     * Indicates that the element is not editable, but is otherwise operable.
+     * @see aria-disabled.
+     */
+    'aria-readonly'?: Booleanish;
+    /**
+     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+     * @see aria-atomic.
+     */
+    'aria-relevant'?: 'additions' | 'additions text' | 'all' | 'removals' | 'text';
+    /** Indicates that user input is required on the element before a form may be submitted. */
+    'aria-required'?: Booleanish;
+    /** Defines a human-readable, author-localized description for the role of an element. */
+    'aria-roledescription'?: string;
+    /**
+     * Defines the total number of rows in a table, grid, or treegrid.
+     * @see aria-rowindex.
+     */
+    'aria-rowcount'?: Numberish;
+    /**
+     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+     * @see aria-rowcount @see aria-rowspan.
+     */
+    'aria-rowindex'?: Numberish;
+    /**
+     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-rowindex @see aria-colspan.
+     */
+    'aria-rowspan'?: Numberish;
+    /**
+     * Indicates the current "selected" state of various widgets.
+     * @see aria-checked @see aria-pressed.
+     */
+    'aria-selected'?: Booleanish;
+    /**
+     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-posinset.
+     */
+    'aria-setsize'?: Numberish;
+    /** Indicates if items in a table or grid are sorted in ascending or descending order. */
+    'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other';
+    /** Defines the maximum allowed value for a range widget. */
+    'aria-valuemax'?: Numberish;
+    /** Defines the minimum allowed value for a range widget. */
+    'aria-valuemin'?: Numberish;
+    /**
+     * Defines the current value for a range widget.
+     * @see aria-valuetext.
+     */
+    'aria-valuenow'?: Numberish;
+    /** Defines the human readable text alternative of aria-valuenow for a range widget. */
+    'aria-valuetext'?: string;
+}
+export type StyleValue = string | CSSProperties;
+export interface HTMLAttributes<T extends object> extends AriaAttributes, EventHandlers<Events>, JSX.Attributes<T> {
+    innerHTML?: string;
+    class?: any;
+    style?: StyleValue;
+    accesskey?: string;
+    contenteditable?: Booleanish | 'inherit';
+    contextmenu?: string;
+    dir?: string;
+    draggable?: Booleanish;
+    hidden?: Booleanish;
+    id?: string;
+    lang?: string;
+    placeholder?: string;
+    spellcheck?: Booleanish;
+    tabindex?: Numberish;
+    title?: string;
+    translate?: 'yes' | 'no';
+    radiogroup?: string;
+    role?: string;
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    resource?: string;
+    typeof?: string;
+    vocab?: string;
+    autocapitalize?: string;
+    autocorrect?: string;
+    autosave?: string;
+    color?: string;
+    itemprop?: string;
+    itemscope?: Booleanish;
+    itemtype?: string;
+    itemid?: string;
+    itemref?: string;
+    results?: Numberish;
+    security?: string;
+    unselectable?: 'on' | 'off';
+    /**
+     * Hints at the type of data that might be entered by the user while editing the element or its contents
+     * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute
+     */
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    [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';
+export interface AnchorHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    download?: any;
+    href?: string;
+    hreflang?: string;
+    media?: string;
+    ping?: string;
+    rel?: string;
+    target?: string;
+    type?: string;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+}
+export interface AreaHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    alt?: string;
+    coords?: string;
+    download?: any;
+    href?: string;
+    hreflang?: string;
+    media?: string;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+    rel?: string;
+    shape?: string;
+    target?: string;
+}
+export interface AudioHTMLAttributes<T extends object> extends MediaHTMLAttributes<T> {
+}
+export interface BaseHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    href?: string;
+    target?: string;
+}
+export interface BlockquoteHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    cite?: string;
+}
+export interface ButtonHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    autofocus?: Booleanish;
+    disabled?: Booleanish;
+    form?: string;
+    formaction?: string;
+    formenctype?: string;
+    formmethod?: string;
+    formnovalidate?: Booleanish;
+    formtarget?: string;
+    name?: string;
+    type?: 'submit' | 'reset' | 'button';
+    value?: string | string[] | number;
+}
+export interface CanvasHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    height?: Numberish;
+    width?: Numberish;
+}
+export interface ColHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    span?: Numberish;
+    width?: Numberish;
+}
+export interface ColgroupHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    span?: Numberish;
+}
+export interface DataHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    value?: string | string[] | number;
+}
+export interface DetailsHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    open?: Booleanish;
+}
+export interface DelHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    cite?: string;
+    datetime?: string;
+}
+export interface DialogHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    open?: Booleanish;
+}
+export interface EmbedHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    height?: Numberish;
+    src?: string;
+    type?: string;
+    width?: Numberish;
+}
+export interface FieldsetHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    disabled?: Booleanish;
+    form?: string;
+    name?: string;
+}
+export interface FormHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    acceptcharset?: string;
+    action?: string;
+    autocomplete?: string;
+    enctype?: string;
+    method?: string;
+    name?: string;
+    novalidate?: Booleanish;
+    target?: string;
+}
+export interface HtmlHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    manifest?: string;
+}
+export interface IframeHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    allow?: string;
+    allowfullscreen?: Booleanish;
+    allowtransparency?: Booleanish;
+    frameborder?: Numberish;
+    height?: Numberish;
+    marginheight?: Numberish;
+    marginwidth?: Numberish;
+    name?: string;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+    sandbox?: string;
+    scrolling?: string;
+    seamless?: Booleanish;
+    src?: string;
+    srcdoc?: string;
+    width?: Numberish;
+}
+export interface ImgHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    alt?: string;
+    crossorigin?: 'anonymous' | 'use-credentials' | '';
+    decoding?: 'async' | 'auto' | 'sync';
+    height?: Numberish;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+    sizes?: string;
+    src?: string;
+    srcset?: string;
+    usemap?: string;
+    width?: Numberish;
+}
+export interface InsHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    cite?: string;
+    datetime?: string;
+}
+export interface InputHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    accept?: string;
+    alt?: string;
+    autocomplete?: string;
+    autofocus?: Booleanish;
+    capture?: boolean | 'user' | 'environment';
+    checked?: Booleanish | any[] | Set<any>;
+    crossorigin?: string;
+    disabled?: Booleanish;
+    form?: string;
+    formaction?: string;
+    formenctype?: string;
+    formmethod?: string;
+    formnovalidate?: Booleanish;
+    formtarget?: string;
+    height?: Numberish;
+    indeterminate?: boolean;
+    list?: string;
+    max?: Numberish;
+    maxlength?: Numberish;
+    min?: Numberish;
+    minlength?: Numberish;
+    multiple?: Booleanish;
+    name?: string;
+    pattern?: string;
+    placeholder?: string;
+    readonly?: Booleanish;
+    required?: Booleanish;
+    size?: Numberish;
+    src?: string;
+    step?: Numberish;
+    type?: string;
+    value?: any;
+    width?: Numberish;
+}
+export interface KeygenHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    autofocus?: Booleanish;
+    challenge?: string;
+    disabled?: Booleanish;
+    form?: string;
+    keytype?: string;
+    keyparams?: string;
+    name?: string;
+}
+export interface LabelHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    for?: string;
+    form?: string;
+}
+export interface LiHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    value?: string | string[] | number;
+}
+export interface LinkHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    as?: string;
+    crossorigin?: string;
+    href?: string;
+    hreflang?: string;
+    integrity?: string;
+    media?: string;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+    rel?: string;
+    sizes?: string;
+    type?: string;
+}
+export interface MapHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    name?: string;
+}
+export interface MenuHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    type?: string;
+}
+export interface MediaHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    autoplay?: Booleanish;
+    controls?: Booleanish;
+    controlslist?: string;
+    crossorigin?: string;
+    loop?: Booleanish;
+    mediagroup?: string;
+    muted?: Booleanish;
+    playsinline?: Booleanish;
+    preload?: string;
+    src?: string;
+}
+export interface MetaHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    charset?: string;
+    content?: string;
+    httpequiv?: string;
+    name?: string;
+}
+export interface MeterHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    form?: string;
+    high?: Numberish;
+    low?: Numberish;
+    max?: Numberish;
+    min?: Numberish;
+    optimum?: Numberish;
+    value?: string | string[] | number;
+}
+export interface QuoteHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    cite?: string;
+}
+export interface ObjectHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    classid?: string;
+    data?: string;
+    form?: string;
+    height?: Numberish;
+    name?: string;
+    type?: string;
+    usemap?: string;
+    width?: Numberish;
+    wmode?: string;
+}
+export interface OlHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    reversed?: Booleanish;
+    start?: Numberish;
+    type?: '1' | 'a' | 'A' | 'i' | 'I';
+}
+export interface OptgroupHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    disabled?: Booleanish;
+    label?: string;
+}
+export interface OptionHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    disabled?: Booleanish;
+    label?: string;
+    selected?: Booleanish;
+    value?: string;
+}
+export interface OutputHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    for?: string;
+    form?: string;
+    name?: string;
+}
+export interface ParamHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    name?: string;
+    value?: string | string[] | number;
+}
+export interface ProgressHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    max?: Numberish;
+    value?: string | string[] | number;
+}
+export interface ScriptHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    async?: Booleanish;
+    charset?: string;
+    crossorigin?: string;
+    defer?: Booleanish;
+    integrity?: string;
+    nomodule?: Booleanish;
+    referrerpolicy?: HTMLAttributeReferrerPolicy;
+    nonce?: string;
+    src?: string;
+    type?: string;
+}
+export interface SelectHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    autocomplete?: string;
+    autofocus?: Booleanish;
+    disabled?: Booleanish;
+    form?: string;
+    multiple?: Booleanish;
+    name?: string;
+    required?: Booleanish;
+    size?: Numberish;
+    value?: string;
+}
+export interface SourceHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    media?: string;
+    sizes?: string;
+    src?: string;
+    srcset?: string;
+    type?: string;
+}
+export interface StyleHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    media?: string;
+    nonce?: string;
+    scoped?: Booleanish;
+    type?: string;
+}
+export interface TableHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    cellpadding?: Numberish;
+    cellspacing?: Numberish;
+    summary?: string;
+}
+export interface TextareaHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    autocomplete?: string;
+    autofocus?: Booleanish;
+    cols?: Numberish;
+    dirname?: string;
+    disabled?: Booleanish;
+    form?: string;
+    maxlength?: Numberish;
+    minlength?: Numberish;
+    name?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: Booleanish;
+    rows?: Numberish;
+    value?: string | string[] | number;
+    wrap?: string;
+}
+export interface TdHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
+    colspan?: Numberish;
+    headers?: string;
+    rowspan?: Numberish;
+    scope?: string;
+    valign?: 'top' | 'middle' | 'bottom' | 'baseline';
+}
+export interface ThHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
+    colspan?: Numberish;
+    headers?: string;
+    rowspan?: Numberish;
+    scope?: string;
+}
+export interface TimeHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    datetime?: string;
+}
+export interface TrackHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    default?: Booleanish;
+    kind?: string;
+    label?: string;
+    src?: string;
+    srclang?: string;
+}
+export interface VideoHTMLAttributes<T extends object> extends MediaHTMLAttributes<T> {
+    height?: Numberish;
+    playsinline?: Booleanish;
+    poster?: string;
+    width?: Numberish;
+    disablePictureInPicture?: Booleanish;
+}
+export interface WebViewHTMLAttributes<T extends object> extends HTMLAttributes<T> {
+    allowfullscreen?: Booleanish;
+    allowpopups?: Booleanish;
+    autoFocus?: Booleanish;
+    autosize?: Booleanish;
+    blinkfeatures?: string;
+    disableblinkfeatures?: string;
+    disableguestresize?: Booleanish;
+    disablewebsecurity?: Booleanish;
+    guestinstance?: string;
+    httpreferrer?: string;
+    nodeintegration?: Booleanish;
+    partition?: string;
+    plugins?: Booleanish;
+    preload?: string;
+    src?: string;
+    useragent?: string;
+    webpreferences?: string;
+}
+export interface SVGAttributes<T extends object> extends AriaAttributes, EventHandlers<Events>, JSX.Attributes<T> {
+    innerHTML?: string;
+    /**
+     * SVG Styling Attributes
+     * @see https://www.w3.org/TR/SVG/styling.html#ElementSpecificStyling
+     */
+    class?: any;
+    style?: string | CSSProperties;
+    color?: string;
+    height?: Numberish;
+    id?: string;
+    lang?: string;
+    max?: Numberish;
+    media?: string;
+    method?: string;
+    min?: Numberish;
+    name?: string;
+    target?: string;
+    type?: string;
+    width?: Numberish;
+    role?: string;
+    tabindex?: Numberish;
+    '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';
+    allowReorder?: 'no' | 'yes';
+    alphabetic?: Numberish;
+    amplitude?: Numberish;
+    'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
+    ascent?: Numberish;
+    attributeName?: string;
+    attributeType?: string;
+    autoReverse?: Numberish;
+    azimuth?: Numberish;
+    baseFrequency?: Numberish;
+    'baseline-shift'?: Numberish;
+    baseProfile?: Numberish;
+    bbox?: Numberish;
+    begin?: Numberish;
+    bias?: Numberish;
+    by?: Numberish;
+    calcMode?: Numberish;
+    'cap-height'?: Numberish;
+    clip?: Numberish;
+    'clip-path'?: string;
+    clipPathUnits?: Numberish;
+    'clip-rule'?: Numberish;
+    'color-interpolation'?: Numberish;
+    'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB' | 'inherit';
+    'color-profile'?: Numberish;
+    'color-rendering'?: Numberish;
+    contentScriptType?: Numberish;
+    contentStyleType?: Numberish;
+    cursor?: Numberish;
+    cx?: Numberish;
+    cy?: Numberish;
+    d?: string;
+    decelerate?: Numberish;
+    descent?: Numberish;
+    diffuseConstant?: Numberish;
+    direction?: Numberish;
+    display?: Numberish;
+    divisor?: Numberish;
+    'dominant-baseline'?: Numberish;
+    dur?: Numberish;
+    dx?: Numberish;
+    dy?: Numberish;
+    edgeMode?: Numberish;
+    elevation?: Numberish;
+    'enable-background'?: Numberish;
+    end?: Numberish;
+    exponent?: Numberish;
+    externalResourcesRequired?: Numberish;
+    fill?: string;
+    'fill-opacity'?: Numberish;
+    'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
+    filter?: string;
+    filterRes?: Numberish;
+    filterUnits?: Numberish;
+    'flood-color'?: Numberish;
+    'flood-opacity'?: Numberish;
+    focusable?: Numberish;
+    'font-family'?: string;
+    'font-size'?: Numberish;
+    'font-size-adjust'?: Numberish;
+    'font-stretch'?: Numberish;
+    'font-style'?: Numberish;
+    'font-variant'?: Numberish;
+    'font-weight'?: Numberish;
+    format?: Numberish;
+    from?: Numberish;
+    fx?: Numberish;
+    fy?: Numberish;
+    g1?: Numberish;
+    g2?: Numberish;
+    'glyph-name'?: Numberish;
+    'glyph-orientation-horizontal'?: Numberish;
+    'glyph-orientation-vertical'?: Numberish;
+    glyphRef?: Numberish;
+    gradientTransform?: string;
+    gradientUnits?: string;
+    hanging?: Numberish;
+    'horiz-adv-x'?: Numberish;
+    'horiz-origin-x'?: Numberish;
+    href?: string;
+    ideographic?: Numberish;
+    'image-rendering'?: Numberish;
+    in2?: Numberish;
+    in?: string;
+    intercept?: Numberish;
+    k1?: Numberish;
+    k2?: Numberish;
+    k3?: Numberish;
+    k4?: Numberish;
+    k?: Numberish;
+    kernelMatrix?: Numberish;
+    kernelUnitLength?: Numberish;
+    kerning?: Numberish;
+    keyPoints?: Numberish;
+    keySplines?: Numberish;
+    keyTimes?: Numberish;
+    lengthAdjust?: Numberish;
+    'letter-spacing'?: Numberish;
+    'lighting-color'?: Numberish;
+    limitingConeAngle?: Numberish;
+    local?: Numberish;
+    'marker-end'?: string;
+    markerHeight?: Numberish;
+    'marker-mid'?: string;
+    'marker-start'?: string;
+    markerUnits?: Numberish;
+    markerWidth?: Numberish;
+    mask?: string;
+    maskContentUnits?: Numberish;
+    maskUnits?: Numberish;
+    mathematical?: Numberish;
+    mode?: Numberish;
+    numOctaves?: Numberish;
+    offset?: Numberish;
+    opacity?: Numberish;
+    operator?: Numberish;
+    order?: Numberish;
+    orient?: Numberish;
+    orientation?: Numberish;
+    origin?: Numberish;
+    overflow?: Numberish;
+    'overline-position'?: Numberish;
+    'overline-thickness'?: Numberish;
+    'paint-order'?: Numberish;
+    'panose-1'?: Numberish;
+    pathLength?: Numberish;
+    patternContentUnits?: string;
+    patternTransform?: Numberish;
+    patternUnits?: string;
+    'pointer-events'?: Numberish;
+    points?: string;
+    pointsAtX?: Numberish;
+    pointsAtY?: Numberish;
+    pointsAtZ?: Numberish;
+    preserveAlpha?: Numberish;
+    preserveAspectRatio?: string;
+    primitiveUnits?: Numberish;
+    r?: Numberish;
+    radius?: Numberish;
+    refX?: Numberish;
+    refY?: Numberish;
+    renderingIntent?: Numberish;
+    repeatCount?: Numberish;
+    repeatDur?: Numberish;
+    requiredExtensions?: Numberish;
+    requiredFeatures?: Numberish;
+    restart?: Numberish;
+    result?: string;
+    rotate?: Numberish;
+    rx?: Numberish;
+    ry?: Numberish;
+    scale?: Numberish;
+    seed?: Numberish;
+    'shape-rendering'?: Numberish;
+    slope?: Numberish;
+    spacing?: Numberish;
+    specularConstant?: Numberish;
+    specularExponent?: Numberish;
+    speed?: Numberish;
+    spreadMethod?: string;
+    startOffset?: Numberish;
+    stdDeviation?: Numberish;
+    stemh?: Numberish;
+    stemv?: Numberish;
+    stitchTiles?: Numberish;
+    'stop-color'?: string;
+    'stop-opacity'?: Numberish;
+    'strikethrough-position'?: Numberish;
+    'strikethrough-thickness'?: Numberish;
+    string?: Numberish;
+    stroke?: string;
+    'stroke-dasharray'?: Numberish;
+    'stroke-dashoffset'?: Numberish;
+    'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
+    'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
+    'stroke-miterlimit'?: Numberish;
+    'stroke-opacity'?: Numberish;
+    'stroke-width'?: Numberish;
+    surfaceScale?: Numberish;
+    systemLanguage?: Numberish;
+    tableValues?: Numberish;
+    targetX?: Numberish;
+    targetY?: Numberish;
+    'text-anchor'?: string;
+    'text-decoration'?: Numberish;
+    textLength?: Numberish;
+    'text-rendering'?: Numberish;
+    to?: Numberish;
+    transform?: string;
+    u1?: Numberish;
+    u2?: Numberish;
+    'underline-position'?: Numberish;
+    'underline-thickness'?: Numberish;
+    unicode?: Numberish;
+    'unicode-bidi'?: Numberish;
+    'unicode-range'?: Numberish;
+    'unitsPer-em'?: Numberish;
+    'v-alphabetic'?: Numberish;
+    values?: string;
+    'vector-effect'?: Numberish;
+    version?: string;
+    'vert-adv-y'?: Numberish;
+    'vert-origin-x'?: Numberish;
+    'vert-origin-y'?: Numberish;
+    'v-hanging'?: Numberish;
+    'v-ideographic'?: Numberish;
+    viewBox?: string;
+    viewTarget?: Numberish;
+    visibility?: Numberish;
+    'v-mathematical'?: Numberish;
+    widths?: Numberish;
+    'word-spacing'?: Numberish;
+    'writing-mode'?: Numberish;
+    x1?: Numberish;
+    x2?: Numberish;
+    x?: Numberish;
+    xChannelSelector?: string;
+    'x-height'?: Numberish;
+    xlinkActuate?: string;
+    xlinkArcrole?: string;
+    xlinkHref?: string;
+    xlinkRole?: string;
+    xlinkShow?: string;
+    xlinkTitle?: string;
+    xlinkType?: string;
+    xmlns?: string;
+    y1?: Numberish;
+    y2?: Numberish;
+    y?: Numberish;
+    yChannelSelector?: string;
+    z?: Numberish;
+    zoomAndPan?: string;
+}
+export interface DOMElements {
+    a: AnchorHTMLAttributes<HTMLAnchorElement>;
+    abbr: HTMLAttributes<HTMLElement>;
+    address: HTMLAttributes<HTMLElement>;
+    area: AreaHTMLAttributes<HTMLAreaElement>;
+    article: HTMLAttributes<HTMLElement>;
+    aside: HTMLAttributes<HTMLElement>;
+    audio: AudioHTMLAttributes<HTMLAudioElement>;
+    b: HTMLAttributes<HTMLElement>;
+    base: BaseHTMLAttributes<HTMLBaseElement>;
+    bdi: HTMLAttributes<HTMLElement>;
+    bdo: HTMLAttributes<HTMLElement>;
+    blockquote: BlockquoteHTMLAttributes<HTMLElement>;
+    body: HTMLAttributes<HTMLBodyElement>;
+    br: HTMLAttributes<HTMLBRElement>;
+    button: ButtonHTMLAttributes<HTMLButtonElement>;
+    canvas: CanvasHTMLAttributes<HTMLCanvasElement>;
+    caption: HTMLAttributes<HTMLTableCaptionElement>;
+    cite: HTMLAttributes<HTMLElement>;
+    code: HTMLAttributes<HTMLElement>;
+    col: ColHTMLAttributes<HTMLTableColElement>;
+    colgroup: ColgroupHTMLAttributes<HTMLTableColElement>;
+    data: DataHTMLAttributes<HTMLDataElement>;
+    datalist: HTMLAttributes<HTMLDataListElement>;
+    dd: HTMLAttributes<HTMLElement>;
+    del: DelHTMLAttributes<HTMLElement>;
+    details: DetailsHTMLAttributes<HTMLDetailsElement>;
+    dfn: HTMLAttributes<HTMLElement>;
+    dialog: DialogHTMLAttributes<HTMLDialogElement>;
+    div: HTMLAttributes<HTMLDivElement>;
+    dl: HTMLAttributes<HTMLDListElement>;
+    dt: HTMLAttributes<HTMLElement>;
+    em: HTMLAttributes<HTMLElement>;
+    embed: EmbedHTMLAttributes<HTMLEmbedElement>;
+    fieldset: FieldsetHTMLAttributes<HTMLFieldSetElement>;
+    figcaption: HTMLAttributes<HTMLElement>;
+    figure: HTMLAttributes<HTMLElement>;
+    footer: HTMLAttributes<HTMLElement>;
+    form: FormHTMLAttributes<HTMLFormElement>;
+    h1: HTMLAttributes<HTMLHeadingElement>;
+    h2: HTMLAttributes<HTMLHeadingElement>;
+    h3: HTMLAttributes<HTMLHeadingElement>;
+    h4: HTMLAttributes<HTMLHeadingElement>;
+    h5: HTMLAttributes<HTMLHeadingElement>;
+    h6: HTMLAttributes<HTMLHeadingElement>;
+    head: HTMLAttributes<HTMLHeadElement>;
+    header: HTMLAttributes<HTMLElement>;
+    hgroup: HTMLAttributes<HTMLElement>;
+    hr: HTMLAttributes<HTMLHRElement>;
+    html: HtmlHTMLAttributes<HTMLHtmlElement>;
+    i: HTMLAttributes<HTMLElement>;
+    iframe: IframeHTMLAttributes<HTMLIFrameElement>;
+    img: ImgHTMLAttributes<HTMLImageElement>;
+    input: InputHTMLAttributes<HTMLInputElement>;
+    ins: InsHTMLAttributes<HTMLModElement>;
+    kbd: HTMLAttributes<HTMLElement>;
+    label: LabelHTMLAttributes<HTMLLabelElement>;
+    legend: HTMLAttributes<HTMLLegendElement>;
+    li: LiHTMLAttributes<HTMLLIElement>;
+    link: LinkHTMLAttributes<HTMLLinkElement>;
+    main: HTMLAttributes<HTMLElement>;
+    map: MapHTMLAttributes<HTMLMapElement>;
+    mark: HTMLAttributes<HTMLElement>;
+    menu: MenuHTMLAttributes<HTMLMenuElement>;
+    meta: MetaHTMLAttributes<HTMLMetaElement>;
+    meter: MeterHTMLAttributes<HTMLMeterElement>;
+    nav: HTMLAttributes<HTMLElement>;
+    noindex: HTMLAttributes<HTMLElement>;
+    noscript: HTMLAttributes<HTMLElement>;
+    object: ObjectHTMLAttributes<HTMLObjectElement>;
+    ol: OlHTMLAttributes<HTMLOListElement>;
+    optgroup: OptgroupHTMLAttributes<HTMLOptGroupElement>;
+    option: OptionHTMLAttributes<HTMLOptionElement>;
+    output: OutputHTMLAttributes<HTMLOutputElement>;
+    p: HTMLAttributes<HTMLParagraphElement>;
+    picture: HTMLAttributes<HTMLPictureElement>;
+    pre: HTMLAttributes<HTMLPreElement>;
+    progress: ProgressHTMLAttributes<HTMLProgressElement>;
+    q: QuoteHTMLAttributes<HTMLQuoteElement>;
+    rp: HTMLAttributes<HTMLElement>;
+    rt: HTMLAttributes<HTMLElement>;
+    ruby: HTMLAttributes<HTMLElement>;
+    s: HTMLAttributes<HTMLElement>;
+    samp: HTMLAttributes<HTMLElement>;
+    script: ScriptHTMLAttributes<HTMLScriptElement>;
+    section: HTMLAttributes<HTMLElement>;
+    select: SelectHTMLAttributes<HTMLSelectElement>;
+    small: HTMLAttributes<HTMLElement>;
+    source: SourceHTMLAttributes<HTMLSourceElement>;
+    span: HTMLAttributes<HTMLElement>;
+    strong: HTMLAttributes<HTMLElement>;
+    style: StyleHTMLAttributes<HTMLStyleElement>;
+    sub: HTMLAttributes<HTMLElement>;
+    summary: HTMLAttributes<HTMLElement>;
+    sup: HTMLAttributes<HTMLElement>;
+    table: TableHTMLAttributes<HTMLTableElement>;
+    template: HTMLAttributes<HTMLTemplateElement>;
+    tbody: HTMLAttributes<HTMLTableSectionElement>;
+    td: TdHTMLAttributes<HTMLTableCellElement>;
+    textarea: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    tfoot: HTMLAttributes<HTMLTableSectionElement>;
+    th: ThHTMLAttributes<HTMLTableCellElement>;
+    thead: HTMLAttributes<HTMLTableSectionElement>;
+    time: TimeHTMLAttributes<HTMLTimeElement>;
+    title: HTMLAttributes<HTMLTitleElement>;
+    tr: HTMLAttributes<HTMLTableRowElement>;
+    track: TrackHTMLAttributes<HTMLTrackElement>;
+    u: HTMLAttributes<HTMLElement>;
+    ul: HTMLAttributes<HTMLUListElement>;
+    var: HTMLAttributes<HTMLElement>;
+    video: VideoHTMLAttributes<HTMLVideoElement>;
+    wbr: HTMLAttributes<HTMLElement>;
+    webview: WebViewHTMLAttributes<HTMLElement>;
+}
+export interface SVGElements {
+    svg: SVGAttributes<SVGElement>;
+    animate: SVGAttributes<SVGAnimateElement>;
+    animateMotion: SVGAttributes<SVGAnimateMotionElement>;
+    animateTransform: SVGAttributes<SVGAnimateTransformElement>;
+    circle: SVGAttributes<SVGCircleElement>;
+    clipPath: SVGAttributes<SVGClipPathElement>;
+    defs: SVGAttributes<SVGDefsElement>;
+    desc: SVGAttributes<SVGDescElement>;
+    ellipse: SVGAttributes<SVGEllipseElement>;
+    feBlend: SVGAttributes<SVGFEBlendElement>;
+    feColorMatrix: SVGAttributes<SVGFEColorMatrixElement>;
+    feComponentTransfer: SVGAttributes<SVGFEComponentTransferElement>;
+    feComposite: SVGAttributes<SVGFECompositeElement>;
+    feConvolveMatrix: SVGAttributes<SVGFEConvolveMatrixElement>;
+    feDiffuseLighting: SVGAttributes<SVGFEDiffuseLightingElement>;
+    feDisplacementMap: SVGAttributes<SVGFEDisplacementMapElement>;
+    feDistantLight: SVGAttributes<SVGFEDistantLightElement>;
+    feDropShadow: SVGAttributes<SVGFEDropShadowElement>;
+    feFlood: SVGAttributes<SVGFEFloodElement>;
+    feFuncA: SVGAttributes<SVGFEFuncAElement>;
+    feFuncB: SVGAttributes<SVGFEFuncBElement>;
+    feFuncG: SVGAttributes<SVGFEFuncGElement>;
+    feFuncR: SVGAttributes<SVGFEFuncRElement>;
+    feGaussianBlur: SVGAttributes<SVGFEGaussianBlurElement>;
+    feImage: SVGAttributes<SVGFEImageElement>;
+    feMerge: SVGAttributes<SVGFEMergeElement>;
+    feMergeNode: SVGAttributes<SVGFEMergeNodeElement>;
+    feMorphology: SVGAttributes<SVGFEMorphologyElement>;
+    feOffset: SVGAttributes<SVGFEOffsetElement>;
+    fePointLight: SVGAttributes<SVGFEPointLightElement>;
+    feSpecularLighting: SVGAttributes<SVGFESpecularLightingElement>;
+    feSpotLight: SVGAttributes<SVGFESpotLightElement>;
+    feTile: SVGAttributes<SVGFETileElement>;
+    feTurbulence: SVGAttributes<SVGFETurbulenceElement>;
+    filter: SVGAttributes<SVGFilterElement>;
+    foreignObject: SVGAttributes<SVGForeignObjectElement>;
+    g: SVGAttributes<SVGGElement>;
+    image: SVGAttributes<SVGImageElement>;
+    line: SVGAttributes<SVGLineElement>;
+    linearGradient: SVGAttributes<SVGLinearGradientElement>;
+    marker: SVGAttributes<SVGMarkerElement>;
+    mask: SVGAttributes<SVGMaskElement>;
+    metadata: SVGAttributes<SVGMetadataElement>;
+    mpath: SVGAttributes<SVGMPathElement>;
+    path: SVGAttributes<SVGPathElement>;
+    pattern: SVGAttributes<SVGPatternElement>;
+    polygon: SVGAttributes<SVGPolygonElement>;
+    polyline: SVGAttributes<SVGPolylineElement>;
+    radialGradient: SVGAttributes<SVGRadialGradientElement>;
+    rect: SVGAttributes<SVGRectElement>;
+    stop: SVGAttributes<SVGStopElement>;
+    switch: SVGAttributes<SVGSwitchElement>;
+    symbol: SVGAttributes<SVGSymbolElement>;
+    text: SVGAttributes<SVGTextElement>;
+    textPath: SVGAttributes<SVGTextPathElement>;
+    tspan: SVGAttributes<SVGTSpanElement>;
+    use: SVGAttributes<SVGUseElement>;
+    view: SVGAttributes<SVGViewElement>;
+}
+export interface NativeElements extends DOMElements, SVGElements {
+}
+export interface Events {
+    onCopy: ClipboardEvent;
+    onCut: ClipboardEvent;
+    onPaste: ClipboardEvent;
+    onCompositionend: CompositionEvent;
+    onCompositionstart: CompositionEvent;
+    onCompositionupdate: CompositionEvent;
+    onDrag: DragEvent;
+    onDragend: DragEvent;
+    onDragenter: DragEvent;
+    onDragexit: DragEvent;
+    onDragleave: DragEvent;
+    onDragover: DragEvent;
+    onDragstart: DragEvent;
+    onDrop: DragEvent;
+    onFocus: FocusEvent;
+    onFocusin: FocusEvent;
+    onFocusout: FocusEvent;
+    onBlur: FocusEvent;
+    onChange: Event;
+    onBeforeinput: Event;
+    onInput: Event;
+    onReset: Event;
+    onSubmit: Event;
+    onInvalid: Event;
+    onLoad: Event;
+    onError: Event;
+    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;
+    onAbort: Event;
+    onCanplay: Event;
+    onCanplaythrough: Event;
+    onDurationchange: Event;
+    onEmptied: Event;
+    onEncrypted: Event;
+    onEnded: Event;
+    onLoadeddata: Event;
+    onLoadedmetadata: Event;
+    onLoadstart: Event;
+    onPause: Event;
+    onPlay: Event;
+    onPlaying: Event;
+    onProgress: Event;
+    onRatechange: Event;
+    onSeeked: Event;
+    onSeeking: Event;
+    onStalled: Event;
+    onSuspend: 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;
+    onWheel: WheelEvent;
+    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;
+};
+export {};

package/bundles/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './create-app';
 export * from './fork';
 export * from './dom-renderer';
+export * from './jsx';

package/package.json

@@ -1,22 +1,20 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "0.0.1-alpha.8",
-  "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
+  "version": "0.0.1",
+  "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
   "typings": "./bundles/public-api.d.ts",
   "scripts": {
-    "start": "webpack-dev-server",
-    "test": "cross-env env=test jest",
-    "test-c": "cross-env env=test jest --coverage",
     "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "publish:lib": "npm run build:lib && npm publish --access=public"
   },
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@tanbo/di": "^1.1.4",
-    "@viewfly/core": "^0.0.1-alpha.8",
+    "@tanbo/di": "^1.1.5",
+    "@viewfly/core": "^0.0.1",
+    "csstype": "^3.1.2",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -37,5 +35,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "462b51e8623348002ba7c6ba2caf7df131534506"
+  "gitHead": "13f2af4215a1cd85af544af55744b2635e5cbf1b"
 }