hyperscript-rxjs 1.3.14 → 1.3.15

package/src/hyperscript-rxjs/tags.js

@@ -0,0 +1,751 @@
+import { hyperscript } from './hyperscript';
+
+/**
+ * @template {HTMLElement} T
+ * @typedef {import("./HyperscriptExtensions").HyperscriptExtensions<T>} HyperscriptExtensions
+ */
+
+/**
+ * 创建 <a> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLAnchorElement>}
+ */
+export const a = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLAnchorElement>} */(hyperscript('a', props, ...childNodes));
+
+/**
+ * 创建 <abbr> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const abbr = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('abbr', props, ...childNodes));
+
+/**
+ * 创建 <address> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const address = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('address', props, ...childNodes));
+
+/**
+ * 创建 <area> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLAreaElement>}
+ */
+export const area = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLAreaElement>} */(hyperscript('area', props, ...childNodes));
+
+/**
+ * 创建 <article> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const article = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('article', props, ...childNodes));
+
+/**
+ * 创建 <aside> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const aside = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('aside', props, ...childNodes));
+
+/**
+ * 创建 <audio> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLAudioElement>}
+ */
+export const audio = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLAudioElement>} */(hyperscript('audio', props, ...childNodes));
+
+/**
+ * 创建 <b> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const b = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('b', props, ...childNodes));
+
+/**
+ * 创建 <bdi> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const bdi = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('bdi', props, ...childNodes));
+
+/**
+ * 创建 <bdo> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const bdo = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('bdo', props, ...childNodes));
+
+/**
+ * 创建 <blockquote> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLQuoteElement>}
+ */
+export const blockquote = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLQuoteElement>} */(hyperscript('blockquote', props, ...childNodes));
+
+/**
+ * 创建 <br> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLBRElement>}
+ */
+export const br = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLBRElement>} */(hyperscript('br', props, ...childNodes));
+
+/**
+ * 创建 <button> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLButtonElement>}
+ */
+export const button = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLButtonElement>} */(hyperscript('button', props, ...childNodes));
+
+/**
+ * 创建 <caption> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const caption = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('caption', props, ...childNodes));
+
+/**
+ * 创建 <cite> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const cite = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('cite', props, ...childNodes));
+
+/**
+ * 创建 <code> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const code = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('code', props, ...childNodes));
+
+/**
+ * 创建 <col> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableColElement>}
+ */
+export const col = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableColElement>} */(hyperscript('col', props, ...childNodes));
+
+/**
+ * 创建 <colgroup> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableColElement>}
+ */
+export const colgroup = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableColElement>} */(hyperscript('colgroup', props, ...childNodes));
+
+/**
+ * 创建 <data> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDataElement>}
+ */
+export const data = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDataElement>} */(hyperscript('data', props, ...childNodes));
+
+/**
+ * 创建 <datalist> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDataListElement>}
+ */
+export const datalist = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDataListElement>} */(hyperscript('datalist', props, ...childNodes));
+
+/**
+ * 创建 <dd> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const dd = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('dd', props, ...childNodes));
+
+/**
+ * 创建 <del> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLModElement>}
+ */
+export const del = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLModElement>} */(hyperscript('del', props, ...childNodes));
+
+/**
+ * 创建 <details> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDetailsElement>}
+ */
+export const details = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDetailsElement>} */(hyperscript('details', props, ...childNodes));
+
+/**
+ * 创建 <dfn> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const dfn = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('dfn', props, ...childNodes));
+
+/**
+ * 创建 <dialog> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDialogElement>}
+ */
+export const dialog = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDialogElement>} */(hyperscript('dialog', props, ...childNodes));
+
+/**
+ * 创建 <div> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDivElement>}
+ */
+export const div = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDivElement>} */(hyperscript('div', props, ...childNodes));
+
+/**
+ * 创建 <dl> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLDListElement>}
+ */
+export const dl = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLDListElement>} */(hyperscript('dl', props, ...childNodes));
+
+/**
+ * 创建 <dt> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const dt = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('dt', props, ...childNodes));
+
+/**
+ * 创建 <em> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const em = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('em', props, ...childNodes));
+
+/**
+ * 创建 <fieldset> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLFieldSetElement>}
+ */
+export const fieldset = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLFieldSetElement>} */(hyperscript('fieldset', props, ...childNodes));
+
+/**
+ * 创建 <figcaption> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const figcaption = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('figcaption', props, ...childNodes));
+
+/**
+ * 创建 <figure> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const figure = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('figure', props, ...childNodes));
+
+/**
+ * 创建 <footer> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const footer = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('footer', props, ...childNodes));
+
+/**
+ * 创建 <form> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLFormElement>}
+ */
+export const form = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLFormElement>} */(hyperscript('form', props, ...childNodes));
+
+/**
+ * 创建 <h1> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h1 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h1', props, ...childNodes));
+
+/**
+ * 创建 <h2> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h2 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h2', props, ...childNodes));
+
+/**
+ * 创建 <h3> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h3 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h3', props, ...childNodes));
+
+/**
+ * 创建 <h4> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h4 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h4', props, ...childNodes));
+
+/**
+ * 创建 <h5> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h5 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h5', props, ...childNodes));
+
+/**
+ * 创建 <h6> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHeadingElement>}
+ */
+export const h6 = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHeadingElement>} */(hyperscript('h6', props, ...childNodes));
+
+/**
+ * 创建 <header> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const header = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('header', props, ...childNodes));
+
+/**
+ * 创建 <hgroup> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const hgroup = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('hgroup', props, ...childNodes));
+
+/**
+ * 创建 <hr> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLHRElement>}
+ */
+export const hr = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLHRElement>} */(hyperscript('hr', props, ...childNodes));
+
+/**
+ * 创建 <i> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const i = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('i', props, ...childNodes));
+
+/**
+ * 创建 <img> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLImageElement>}
+ */
+export const img = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLImageElement>} */(hyperscript('img', props, ...childNodes));
+
+/**
+ * 创建 <input> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLInputElement>}
+ */
+export const input = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLInputElement>} */(hyperscript('input', props, ...childNodes));
+
+/**
+ * 创建 <ins> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLModElement>}
+ */
+export const ins = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLModElement>} */(hyperscript('ins', props, ...childNodes));
+
+/**
+ * 创建 <kbd> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const kbd = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('kbd', props, ...childNodes));
+
+/**
+ * 创建 <label> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLLabelElement>}
+ */
+export const label = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLLabelElement>} */(hyperscript('label', props, ...childNodes));
+
+/**
+ * 创建 <legend> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLLegendElement>}
+ */
+export const legend = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLLegendElement>} */(hyperscript('legend', props, ...childNodes));
+
+/**
+ * 创建 <li> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLLIElement>}
+ */
+export const li = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLLIElement>} */(hyperscript('li', props, ...childNodes));
+
+/**
+ * 创建 <main> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const main = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('main', props, ...childNodes));
+
+/**
+ * 创建 <mark> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const mark = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('mark', props, ...childNodes));
+
+/**
+ * 创建 <menu> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLMenuElement>}
+ */
+export const menu = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLMenuElement>} */(hyperscript('menu', props, ...childNodes));
+
+/**
+ * 创建 <menuitem> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const menuitem = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('menuitem', props, ...childNodes));
+
+/**
+ * 创建 <meter> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLMeterElement>}
+ */
+export const meter = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLMeterElement>} */(hyperscript('meter', props, ...childNodes));
+
+/**
+ * 创建 <nav> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const nav = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('nav', props, ...childNodes));
+
+/**
+ * 创建 <ol> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLOListElement>}
+ */
+export const ol = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLOListElement>} */(hyperscript('ol', props, ...childNodes));
+
+/**
+ * 创建 <optgroup> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLOptGroupElement>}
+ */
+export const optgroup = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLOptGroupElement>} */(hyperscript('optgroup', props, ...childNodes));
+
+/**
+ * 创建 <option> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLOptionElement>}
+ */
+export const option = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLOptionElement>} */(hyperscript('option', props, ...childNodes));
+
+/**
+ * 创建 <output> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLOutputElement>}
+ */
+export const output = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLOutputElement>} */(hyperscript('output', props, ...childNodes));
+
+/**
+ * 创建 <p> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLParagraphElement>}
+ */
+export const p = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLParagraphElement>} */(hyperscript('p', props, ...childNodes));
+
+/**
+ * 创建 <pre> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLPreElement>}
+ */
+export const pre = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLPreElement>} */(hyperscript('pre', props, ...childNodes));
+
+/**
+ * 创建 <progress> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLProgressElement>}
+ */
+export const progress = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLProgressElement>} */(hyperscript('progress', props, ...childNodes));
+
+/**
+ * 创建 <q> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLQuoteElement>}
+ */
+export const q = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLQuoteElement>} */(hyperscript('q', props, ...childNodes));
+
+/**
+ * 创建 <rb> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const rb = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('rb', props, ...childNodes));
+
+/**
+ * 创建 <rp> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const rp = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('rp', props, ...childNodes));
+
+/**
+ * 创建 <rt> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const rt = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('rt', props, ...childNodes));
+
+/**
+ * 创建 <rtc> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const rtc = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('rtc', props, ...childNodes));
+
+/**
+ * 创建 <ruby> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const ruby = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('ruby', props, ...childNodes));
+
+/**
+ * 创建 <s> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const s = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('s', props, ...childNodes));
+
+/**
+ * 创建 <samp> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const samp = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('samp', props, ...childNodes));
+
+/**
+ * 创建 <section> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const section = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('section', props, ...childNodes));
+
+/**
+ * 创建 <small> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const small = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('small', props, ...childNodes));
+
+/**
+ * 创建 <span> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLSpanElement>}
+ */
+export const span = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLSpanElement>} */(hyperscript('span', props, ...childNodes));
+
+/**
+ * 创建 <strong> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const strong = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('strong', props, ...childNodes));
+
+/**
+ * 创建 <sub> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const sub = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('sub', props, ...childNodes));
+
+/**
+ * 创建 <summary> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const summary = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('summary', props, ...childNodes));
+
+/**
+ * 创建 <sup> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const sup = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('sup', props, ...childNodes));
+
+/**
+ * 创建 <table> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableElement>}
+ */
+export const table = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableElement>} */(hyperscript('table', props, ...childNodes));
+
+/**
+ * 创建 <tbody> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableSectionElement>}
+ */
+export const tbody = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableSectionElement>} */(hyperscript('tbody', props, ...childNodes));
+
+/**
+ * 创建 <td> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableCellElement>}
+ */
+export const td = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableCellElement>} */(hyperscript('td', props, ...childNodes));
+
+/**
+ * 创建 <tfoot> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableSectionElement>}
+ */
+export const tfoot = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableSectionElement>} */(hyperscript('tfoot', props, ...childNodes));
+
+/**
+ * 创建 <th> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableCellElement>}
+ */
+export const th = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableCellElement>} */(hyperscript('th', props, ...childNodes));
+
+/**
+ * 创建 <thead> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableSectionElement>}
+ */
+export const thead = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableSectionElement>} */(hyperscript('thead', props, ...childNodes));
+
+/**
+ * 创建 <time> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTimeElement>}
+ */
+export const time = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTimeElement>} */(hyperscript('time', props, ...childNodes));
+
+/**
+ * 创建 <tr> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTableRowElement>}
+ */
+export const tr = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTableRowElement>} */(hyperscript('tr', props, ...childNodes));
+
+/**
+ * 创建 <track> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLTrackElement>}
+ */
+export const track = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLTrackElement>} */(hyperscript('track', props, ...childNodes));
+
+/**
+ * 创建 <tt> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const tt = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('tt', props, ...childNodes));
+
+
+/**
+ * 创建 <u> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const u = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('u', props, ...childNodes))
+
+/**
+ * 创建 <ul> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLUListElement>}
+ */
+export const ul = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLUListElement>} */(hyperscript('ul', props, ...childNodes))
+
+/**
+ * 创建 <video> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLVideoElement>}
+ */
+export const video = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLVideoElement>} */(hyperscript('video', props, ...childNodes))
+
+/**
+ * 创建 <wbr> 元素
+ * @param {{ [_: string]: any }} [props] - 元素属性
+ * @param {...any} childNodes - 子节点
+ * @returns {HyperscriptExtensions<HTMLElement>}
+ */
+export const wbr = (props, ...childNodes) => /** @type {HyperscriptExtensions<HTMLElement>} */(hyperscript('wbr', props, ...childNodes))