mdui 2.1.0 → 2.1.2

package/jsx.zh-cn.d.ts

@@ -110,52 +110,56 @@ declare global {
         'order'?: number;
       } & HTMLElementProps;
       /**
-       * 按钮组件
+       * 图标按钮组件
        * 
        * ```html
-       * <mdui-button>Button</mdui-button>
+       * <mdui-button-icon icon="search"></mdui-button-icon>
        * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/button
+       * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon
        */
-      'mdui-button': {
+      'mdui-button-icon': {
         /**
-         * 按钮的形状。可选值包括：
+         * 图标按钮的形状。可选值包括：
          * 
-         * * `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景
-         * * `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等
-         * * `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”
-         * * `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”
-         * * `text`：文本按钮，适用于最低优先级的操作
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-variant
+         * * `standard`：适用于最低优先级的操作
+         * * `filled`：视觉效果强烈，适用于高优先级的操作
+         * * `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作
+         * * `outlined`：适用于中等优先级的操作
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-variant
          */
-        'variant'?: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
+        'variant'?: 'standard' | 'filled' | 'tonal' | 'outlined';
         /**
-         * 是否填满父元素宽度
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-full-width
+         * Material Icons 图标名。也可以通过 default slot 设置
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-icon
          */
-        'full-width'?: boolean;
+        'icon'?: string;
         /**
-         * 左侧的 Material Icons 图标名。也可以通过 `slot="icon"` 设置
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-icon
+         * 选中状态的 Material Icons 图标名。也可以通过 `slot="selected-icon"` 设置
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected-icon
          */
-        'icon'?: string;
+        'selected-icon'?: string;
         /**
-         * 右侧的 Material Icons 图标名。也可以通过 `slot="end-icon"` 设置
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-end-icon
+         * 是否可选中
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selectable
          */
-        'end-icon'?: string;
+        'selectable'?: boolean;
+        /**
+         * 是否已被选中
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected
+         */
+        'selected'?: boolean;
         /**
          * 链接的目标 URL。
          * 
          * 如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-href
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-href
          */
         'href'?: string;
         /**
          * 下载链接的目标。
          * 
          * **Note**：仅在设置了 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-download
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-download
          */
         'download'?: string;
         /**
@@ -167,7 +171,7 @@ declare global {
          * * `_top`：在整个窗口中打开链接
          * 
          * **Note**：仅在设置了 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-target
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-target
          */
         'target'?: '_blank' | '_parent' | '_self' | '_top';
         /**
@@ -189,41 +193,41 @@ declare global {
          * * `tag`：提供一个适用于当前文档的标签（由给定地址识别）
          * 
          * **Note**：仅在指定了 `href` 属性时可用。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-rel
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-rel
          */
         'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
         /**
          * 是否在页面加载完成后自动获取焦点
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-autofocus
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-autofocus
          */
         'autofocus'?: boolean;
         /**
          * 元素在使用 Tab 键切换焦点时的顺序
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-tabindex
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-tabindex
          */
         'tabindex'?: number;
         /**
          * 是否禁用
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-disabled
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-disabled
          */
         'disabled'?: boolean;
         /**
          * 是否处于加载中状态
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-loading
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-loading
          */
         'loading'?: boolean;
         /**
          * 按钮的名称，将与表单数据一起提交。
          * 
          * **Note**：仅在未设置 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-name
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-name
          */
         'name'?: string;
         /**
          * 按钮的初始值，将与表单数据一起提交。
          * 
          * **Note**：仅在未设置 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-value
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-value
          */
         'value'?: string;
         /**
@@ -234,7 +238,7 @@ declare global {
          * * `button`：此类型的按钮没有默认行为
          * 
          * **Note**：仅在未指定 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-type
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-type
          */
         'type'?: 'submit' | 'reset' | 'button';
         /**
@@ -243,7 +247,7 @@ declare global {
          * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
          * 
          * **Note**：仅在未指定 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-form
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-form
          */
         'form'?: string;
         /**
@@ -252,7 +256,7 @@ declare global {
          * 如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。
          * 
          * **Note**：仅在未指定 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formaction
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formaction
          */
         'formaction'?: string;
         /**
@@ -265,7 +269,7 @@ declare global {
          * 如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。
          * 
          * **Note**：仅在未指定 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formenctype
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formenctype
          */
         'formenctype'?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
         /**
@@ -277,7 +281,7 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formmethod
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formmethod
          */
         'formmethod'?: 'post' | 'get';
         /**
@@ -286,7 +290,7 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formnovalidate
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formnovalidate
          */
         'formnovalidate'?: boolean;
         /**
@@ -300,61 +304,57 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formtarget
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formtarget
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
       /**
-       * 图标按钮组件
+       * 按钮组件
        * 
        * ```html
-       * <mdui-button-icon icon="search"></mdui-button-icon>
+       * <mdui-button>Button</mdui-button>
        * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon
+       * @see https://www.mdui.org/zh-cn/docs/2/components/button
        */
-      'mdui-button-icon': {
+      'mdui-button': {
         /**
-         * 图标按钮的形状。可选值包括：
+         * 按钮的形状。可选值包括：
          * 
-         * * `standard`：适用于最低优先级的操作
-         * * `filled`：视觉效果强烈，适用于高优先级的操作
-         * * `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作
-         * * `outlined`：适用于中等优先级的操作
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-variant
-         */
-        'variant'?: 'standard' | 'filled' | 'tonal' | 'outlined';
-        /**
-         * Material Icons 图标名。也可以通过 default slot 设置
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-icon
+         * * `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景
+         * * `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等
+         * * `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”
+         * * `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”
+         * * `text`：文本按钮，适用于最低优先级的操作
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-variant
          */
-        'icon'?: string;
+        'variant'?: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
         /**
-         * 选中状态的 Material Icons 图标名。也可以通过 `slot="selected-icon"` 设置
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected-icon
+         * 是否填满父元素宽度
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-full-width
          */
-        'selected-icon'?: string;
+        'full-width'?: boolean;
         /**
-         * 是否可选中
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selectable
+         * 左侧的 Material Icons 图标名。也可以通过 `slot="icon"` 设置
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-icon
          */
-        'selectable'?: boolean;
+        'icon'?: string;
         /**
-         * 是否已被选中
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected
+         * 右侧的 Material Icons 图标名。也可以通过 `slot="end-icon"` 设置
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-end-icon
          */
-        'selected'?: boolean;
+        'end-icon'?: string;
         /**
          * 链接的目标 URL。
          * 
          * 如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-href
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-href
          */
         'href'?: string;
         /**
          * 下载链接的目标。
          * 
          * **Note**：仅在设置了 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-download
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-download
          */
         'download'?: string;
         /**
@@ -366,7 +366,7 @@ declare global {
          * * `_top`：在整个窗口中打开链接
          * 
          * **Note**：仅在设置了 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-target
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-target
          */
         'target'?: '_blank' | '_parent' | '_self' | '_top';
         /**
@@ -388,41 +388,41 @@ declare global {
          * * `tag`：提供一个适用于当前文档的标签（由给定地址识别）
          * 
          * **Note**：仅在指定了 `href` 属性时可用。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-rel
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-rel
          */
         'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
         /**
          * 是否在页面加载完成后自动获取焦点
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-autofocus
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-autofocus
          */
         'autofocus'?: boolean;
         /**
          * 元素在使用 Tab 键切换焦点时的顺序
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-tabindex
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-tabindex
          */
         'tabindex'?: number;
         /**
          * 是否禁用
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-disabled
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-disabled
          */
         'disabled'?: boolean;
         /**
          * 是否处于加载中状态
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-loading
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-loading
          */
         'loading'?: boolean;
         /**
          * 按钮的名称，将与表单数据一起提交。
          * 
          * **Note**：仅在未设置 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-name
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-name
          */
         'name'?: string;
         /**
          * 按钮的初始值，将与表单数据一起提交。
          * 
          * **Note**：仅在未设置 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-value
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-value
          */
         'value'?: string;
         /**
@@ -433,7 +433,7 @@ declare global {
          * * `button`：此类型的按钮没有默认行为
          * 
          * **Note**：仅在未指定 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-type
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-type
          */
         'type'?: 'submit' | 'reset' | 'button';
         /**
@@ -442,7 +442,7 @@ declare global {
          * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
          * 
          * **Note**：仅在未指定 `href` 属性时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-form
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-form
          */
         'form'?: string;
         /**
@@ -451,7 +451,7 @@ declare global {
          * 如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。
          * 
          * **Note**：仅在未指定 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formaction
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formaction
          */
         'formaction'?: string;
         /**
@@ -464,7 +464,7 @@ declare global {
          * 如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。
          * 
          * **Note**：仅在未指定 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formenctype
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formenctype
          */
         'formenctype'?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
         /**
@@ -476,7 +476,7 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formmethod
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formmethod
          */
         'formmethod'?: 'post' | 'get';
         /**
@@ -485,7 +485,7 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formnovalidate
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formnovalidate
          */
         'formnovalidate'?: boolean;
         /**
@@ -499,7 +499,7 @@ declare global {
          * 如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。
          * 
          * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-formtarget
+         * @see https://www.mdui.org/zh-cn/docs/2/components/button#attributes-formtarget
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
@@ -902,7 +902,7 @@ declare global {
         'value'?: number;
       } & HTMLElementProps;
       /**
-       * 折叠面板组件，需配合 `<mdui-collapse-item>` 组件使用
+       * 折叠面板项组件，需配合 `<mdui-collapse>` 组件使用
        * 
        * ```html
        * <mdui-collapse>
@@ -912,27 +912,30 @@ declare global {
        * ```
        * @see https://www.mdui.org/zh-cn/docs/2/components/collapse
        */
-      'mdui-collapse': {
+      'mdui-collapse-item': {
         /**
-         * 是否启用手风琴模式
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-accordion
+         * 此折叠面板项的值
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-value
          */
-        'accordion'?: boolean;
+        'value'?: string;
         /**
-         * 当前展开的 `<mdui-collapse-item>` 的值
-         * 
-         * **Note**：该属性的 HTML 属性始终为字符串，只有在 `accordion` 为 `true` 时，才能设置初始值；该属性的 JavaScript 属性值在 `accordion` 为 `true` 时为字符串，在 `accordion` 为 `false` 时为字符串数组。因此，当 `accordion` 为 `false` 时，只能通过修改 JavaScript 属性值来改变此值。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-value
+         * 此折叠面板项的头部文本
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-header
          */
-        'value'?: string | string[];
+        'header'?: string;
         /**
-         * 是否禁用此折叠面板
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-disabled
+         * 是否禁用此折叠面板项
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-disabled
          */
         'disabled'?: boolean;
+        /**
+         * 点击该元素时触发折叠，值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认为点击整个 header 区域触发
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-trigger
+         */
+        'trigger'?: string | HTMLElement | JQ<HTMLElement>;
       } & HTMLElementProps;
       /**
-       * 折叠面板项组件，需配合 `<mdui-collapse>` 组件使用
+       * 折叠面板组件，需配合 `<mdui-collapse-item>` 组件使用
        * 
        * ```html
        * <mdui-collapse>
@@ -942,27 +945,24 @@ declare global {
        * ```
        * @see https://www.mdui.org/zh-cn/docs/2/components/collapse
        */
-      'mdui-collapse-item': {
+      'mdui-collapse': {
         /**
-         * 此折叠面板项的值
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-value
+         * 是否启用手风琴模式
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-accordion
          */
-        'value'?: string;
+        'accordion'?: boolean;
         /**
-         * 此折叠面板项的头部文本
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-header
+         * 当前展开的 `<mdui-collapse-item>` 的值
+         * 
+         * **Note**：该属性的 HTML 属性始终为字符串，只有在 `accordion` 为 `true` 时，才能设置初始值；该属性的 JavaScript 属性值在 `accordion` 为 `true` 时为字符串，在 `accordion` 为 `false` 时为字符串数组。因此，当 `accordion` 为 `false` 时，只能通过修改 JavaScript 属性值来改变此值。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-value
          */
-        'header'?: string;
+        'value'?: string | string[];
         /**
-         * 是否禁用此折叠面板项
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-disabled
+         * 是否禁用此折叠面板
+         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-attributes-disabled
          */
         'disabled'?: boolean;
-        /**
-         * 点击该元素时触发折叠，值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认为点击整个 header 区域触发
-         * @see https://www.mdui.org/zh-cn/docs/2/components/collapse#collapse-item-attributes-trigger
-         */
-        'trigger'?: string | HTMLElement | JQ<HTMLElement>;
       } & HTMLElementProps;
       /**
        * 对话框组件
@@ -1332,25 +1332,6 @@ declare global {
          */
         'src'?: string;
       } & HTMLElementProps;
-      /**
-       * 布局组件
-       * 
-       * ```html
-       * <mdui-layout>
-       *   <mdui-layout-item></mdui-layout-item>
-       *   <mdui-layout-item></mdui-layout-item>
-       *   <mdui-layout-main></mdui-layout-main>
-       * </mdui-layout>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/layout
-       */
-      'mdui-layout': {
-        /**
-         * 设置当前布局的高度为 100%
-         * @see https://www.mdui.org/zh-cn/docs/2/components/layout#layout-attributes-full-height
-         */
-        'full-height'?: boolean;
-      } & HTMLElementProps;
       /**
        * 布局项组件
        * 
@@ -1394,6 +1375,25 @@ declare global {
        */
       'mdui-layout-main': {
         
+      } & HTMLElementProps;
+      /**
+       * 布局组件
+       * 
+       * ```html
+       * <mdui-layout>
+       *   <mdui-layout-item></mdui-layout-item>
+       *   <mdui-layout-item></mdui-layout-item>
+       *   <mdui-layout-main></mdui-layout-main>
+       * </mdui-layout>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/layout
+       */
+      'mdui-layout': {
+        /**
+         * 设置当前布局的高度为 100%
+         * @see https://www.mdui.org/zh-cn/docs/2/components/layout#layout-attributes-full-height
+         */
+        'full-height'?: boolean;
       } & HTMLElementProps;
       /**
        * 线性进度指示器组件
@@ -1416,22 +1416,7 @@ declare global {
         'value'?: number;
       } & HTMLElementProps;
       /**
-       * 列表组件。需配合 `<mdui-list-item>` 组件使用
-       * 
-       * ```html
-       * <mdui-list>
-       *   <mdui-list-subheader>Subheader</mdui-list-subheader>
-       *   <mdui-list-item>Item 1</mdui-list-item>
-       *   <mdui-list-item>Item 2</mdui-list-item>
-       * </mdui-list>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/list
-       */
-      'mdui-list': {
-        
-      } & HTMLElementProps;
-      /**
-       * 列表项组件。需配合 `<mdui-list>` 组件使用
+       * 列表项组件。需配合 `<mdui-list>` 组件使用
        * 
        * ```html
        * <mdui-list>
@@ -1585,57 +1570,19 @@ declare global {
         
       } & HTMLElementProps;
       /**
-       * 菜单组件。需配合 `<mdui-menu-item>` 组件使用
+       * 列表组件。需配合 `<mdui-list-item>` 组件使用
        * 
        * ```html
-       * <mdui-menu>
-       *   <mdui-menu-item>Item 1</mdui-menu-item>
-       *   <mdui-menu-item>Item 2</mdui-menu-item>
-       * </mdui-menu>
+       * <mdui-list>
+       *   <mdui-list-subheader>Subheader</mdui-list-subheader>
+       *   <mdui-list-item>Item 1</mdui-list-item>
+       *   <mdui-list-item>Item 2</mdui-list-item>
+       * </mdui-list>
        * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/menu
+       * @see https://www.mdui.org/zh-cn/docs/2/components/list
        */
-      'mdui-menu': {
-        /**
-         * 菜单项的可选状态。默认不可选。可选值包括：
-         * 
-         * * `single`：单选
-         * * `multiple`：多选
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-selects
-         */
-        'selects'?: 'single' | 'multiple';
-        /**
-         * 当前选中的 `<mdui-menu-item>` 的值。
-         * 
-         * **Note**：该属性的 HTML 属性始终为字符串，仅在 `selects="single"` 时可通过 HTML 属性设置初始值；该属性的 JavaScript 属性值在 `selects="single"` 时为字符串，在 `selects="multiple"` 时为字符串数组。因此，在 `selects="multiple"` 时，若要修改该值，只能通过修改 JavaScript 属性值实现。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-value
-         */
-        'value'?: string | string[];
-        /**
-         * 菜单项是否使用紧凑布局
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-dense
-         */
-        'dense'?: boolean;
-        /**
-         * 子菜单的触发方式，支持多个值，用空格分隔。可选值包括：
-         * 
-         * * `click`：点击菜单项时打开子菜单
-         * * `hover`：鼠标悬浮到菜单项上时打开子菜单
-         * * `focus`：聚焦到菜单项上时打开子菜单
-         * * `manual`：仅能通过编程方式打开和关闭子菜单，不能再指定其他触发方式
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-trigger
-         */
-        'submenu-trigger'?: 'click' | 'hover' | 'focus' | 'manual' | string;
-        /**
-         * 鼠标悬浮触发子菜单打开的延时，单位毫秒
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-open-delay
-         */
-        'submenu-open-delay'?: number;
-        /**
-         * 鼠标悬浮触发子菜单关闭的延时，单位毫秒
-         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-close-delay
-         */
-        'submenu-close-delay'?: number;
+      'mdui-list': {
+        
       } & HTMLElementProps;
       /**
        * 菜单项组件。需配合 `<mdui-menu>` 组件使用
@@ -1746,60 +1693,57 @@ declare global {
         'tabindex'?: number;
       } & HTMLElementProps;
       /**
-       * 底部导航栏组件。需配合 `<mdui-navigation-bar-item>` 组件使用
+       * 菜单组件。需配合 `<mdui-menu-item>` 组件使用
        * 
        * ```html
-       * <mdui-navigation-bar>
-       *   <mdui-navigation-bar-item icon="place">Item 1</mdui-navigation-bar-item>
-       *   <mdui-navigation-bar-item icon="commute">Item 2</mdui-navigation-bar-item>
-       *   <mdui-navigation-bar-item icon="people">Item 3</mdui-navigation-bar-item>
-       * </mdui-navigation-bar>
+       * <mdui-menu>
+       *   <mdui-menu-item>Item 1</mdui-menu-item>
+       *   <mdui-menu-item>Item 2</mdui-menu-item>
+       * </mdui-menu>
        * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar
+       * @see https://www.mdui.org/zh-cn/docs/2/components/menu
        */
-      'mdui-navigation-bar': {
+      'mdui-menu': {
         /**
-         * 是否隐藏
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-hide
+         * 菜单项的可选状态。默认不可选。可选值包括：
+         * 
+         * * `single`：单选
+         * * `multiple`：多选
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-selects
          */
-        'hide'?: boolean;
+        'selects'?: 'single' | 'multiple';
         /**
-         * 文本的可视状态。可选值包括：
+         * 当前选中的 `<mdui-menu-item>` 的值。
          * 
-         * * `auto`：当选项小于等于3个时，始终显示文本；当选项大于3个时，仅显示选中状态的文本
-         * * `selected`：仅在选中状态显示文本
-         * * `labeled`：始终显示文本
-         * * `unlabeled`：始终不显示文本
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility
+         * **Note**：该属性的 HTML 属性始终为字符串，仅在 `selects="single"` 时可通过 HTML 属性设置初始值；该属性的 JavaScript 属性值在 `selects="single"` 时为字符串，在 `selects="multiple"` 时为字符串数组。因此，在 `selects="multiple"` 时，若要修改该值，只能通过修改 JavaScript 属性值实现。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-value
          */
-        'label-visibility'?: 'auto' | 'selected' | 'labeled' | 'unlabeled';
+        'value'?: string | string[];
         /**
-         * 当前选中的 `<mdui-navigation-bar-item>` 的值
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-value
+         * 菜单项是否使用紧凑布局
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-dense
          */
-        'value'?: string;
+        'dense'?: boolean;
         /**
-         * 滚动行为。可选值包括：
+         * 子菜单的触发方式，支持多个值，用空格分隔。可选值包括：
          * 
-         * * `hide`：滚动时隐藏
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior
-         */
-        'scroll-behavior'?: 'hide' | 'shrink' | 'elevate';
-        /**
-         * 需要监听其滚动事件的元素。值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认监听 `window` 的滚动事件
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target
+         * * `click`：点击菜单项时打开子菜单
+         * * `hover`：鼠标悬浮到菜单项上时打开子菜单
+         * * `focus`：聚焦到菜单项上时打开子菜单
+         * * `manual`：仅能通过编程方式打开和关闭子菜单，不能再指定其他触发方式
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-trigger
          */
-        'scroll-target'?: string | HTMLElement | JQ<HTMLElement>;
+        'submenu-trigger'?: 'click' | 'hover' | 'focus' | 'manual' | string;
         /**
-         * 在滚动多少距离之后触发滚动行为，单位为 `px`
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold
+         * 鼠标悬浮触发子菜单打开的延时，单位毫秒
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-open-delay
          */
-        'scroll-threshold'?: number;
+        'submenu-open-delay'?: number;
         /**
-         * 该组件在 [`<mdui-layout>`](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-order
+         * 鼠标悬浮触发子菜单关闭的延时，单位毫秒
+         * @see https://www.mdui.org/zh-cn/docs/2/components/menu#menu-attributes-submenu-close-delay
          */
-        'order'?: number;
+        'submenu-close-delay'?: number;
       } & HTMLElementProps;
       /**
        * 底部导航栏项组件。需配合 `<mdui-navigation-bar>` 组件使用
@@ -1888,6 +1832,62 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
+      /**
+       * 底部导航栏组件。需配合 `<mdui-navigation-bar-item>` 组件使用
+       * 
+       * ```html
+       * <mdui-navigation-bar>
+       *   <mdui-navigation-bar-item icon="place">Item 1</mdui-navigation-bar-item>
+       *   <mdui-navigation-bar-item icon="commute">Item 2</mdui-navigation-bar-item>
+       *   <mdui-navigation-bar-item icon="people">Item 3</mdui-navigation-bar-item>
+       * </mdui-navigation-bar>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar
+       */
+      'mdui-navigation-bar': {
+        /**
+         * 是否隐藏
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-hide
+         */
+        'hide'?: boolean;
+        /**
+         * 文本的可视状态。可选值包括：
+         * 
+         * * `auto`：当选项小于等于3个时，始终显示文本；当选项大于3个时，仅显示选中状态的文本
+         * * `selected`：仅在选中状态显示文本
+         * * `labeled`：始终显示文本
+         * * `unlabeled`：始终不显示文本
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility
+         */
+        'label-visibility'?: 'auto' | 'selected' | 'labeled' | 'unlabeled';
+        /**
+         * 当前选中的 `<mdui-navigation-bar-item>` 的值
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-value
+         */
+        'value'?: string;
+        /**
+         * 滚动行为。可选值包括：
+         * 
+         * * `hide`：滚动时隐藏
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior
+         */
+        'scroll-behavior'?: 'hide' | 'shrink' | 'elevate';
+        /**
+         * 需要监听其滚动事件的元素。值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认监听 `window` 的滚动事件
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target
+         */
+        'scroll-target'?: string | HTMLElement | JQ<HTMLElement>;
+        /**
+         * 在滚动多少距离之后触发滚动行为，单位为 `px`
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold
+         */
+        'scroll-threshold'?: number;
+        /**
+         * 该组件在 [`<mdui-layout>`](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-bar#navigation-bar-attributes-order
+         */
+        'order'?: number;
+      } & HTMLElementProps;
       /**
        * 侧边抽屉栏组件
        * 
@@ -1940,59 +1940,6 @@ declare global {
          */
         'order'?: number;
       } & HTMLElementProps;
-      /**
-       * 侧边导航栏组件。需配合 `<mdui-navigation-rail-item>` 组件使用
-       * 
-       * ```html
-       * <mdui-navigation-rail>
-       *   <mdui-navigation-rail-item icon="watch_later">Recent</mdui-navigation-rail-item>
-       *   <mdui-navigation-rail-item icon="image">Images</mdui-navigation-rail-item>
-       *   <mdui-navigation-rail-item icon="library_music">Library</mdui-navigation-rail-item>
-       * </mdui-navigation-rail>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail
-       */
-      'mdui-navigation-rail': {
-        /**
-         * 当前选中的 `<mdui-navigation-rail-item>` 的值
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-value
-         */
-        'value'?: string;
-        /**
-         * 导航栏的位置。可选值包括：
-         * 
-         * * `left`：左侧
-         * * `right`：右侧
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-placement
-         */
-        'placement'?: 'left' | 'right';
-        /**
-         * `<mdui-navigation-rail-item>` 元素的对齐方式。可选值包括：
-         * 
-         * * `start`：顶部对齐
-         * * `center`：居中对齐
-         * * `end`：底部对齐
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-alignment
-         */
-        'alignment'?: 'start' | 'center' | 'end';
-        /**
-         * 默认情况下，导航栏相对于 `body` 元素显示。当该参数设置为 `true` 时，导航栏将相对于其父元素显示。
-         * 
-         * **Note**：设置该属性时，必须在父元素上手动设置样式 `position: relative;`。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-contained
-         */
-        'contained'?: boolean;
-        /**
-         * 是否在导航栏和页面内容之间添加分割线
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-divider
-         */
-        'divider'?: boolean;
-        /**
-         * 该组件在 [`<mdui-layout>`](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-order
-         */
-        'order'?: number;
-      } & HTMLElementProps;
       /**
        * 侧边导航项组件。需配合 `<mdui-navigation-rail>` 组件使用
        * 
@@ -2065,20 +2012,113 @@ declare global {
          * * `search`：提供一个资源链接，可用于搜索当前文件及其相关页面
          * * `tag`：提供一个适用于当前文档的标签（由给定地址识别）
          * 
-         * **Note**：仅在指定了 `href` 属性时可用。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-rel
+         * **Note**：仅在指定了 `href` 属性时可用。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-rel
+         */
+        'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
+        /**
+         * 是否在页面加载完成后自动获取焦点
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-autofocus
+         */
+        'autofocus'?: boolean;
+        /**
+         * 元素在使用 Tab 键切换焦点时的顺序
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-tabindex
+         */
+        'tabindex'?: number;
+      } & HTMLElementProps;
+      /**
+       * 侧边导航栏组件。需配合 `<mdui-navigation-rail-item>` 组件使用
+       * 
+       * ```html
+       * <mdui-navigation-rail>
+       *   <mdui-navigation-rail-item icon="watch_later">Recent</mdui-navigation-rail-item>
+       *   <mdui-navigation-rail-item icon="image">Images</mdui-navigation-rail-item>
+       *   <mdui-navigation-rail-item icon="library_music">Library</mdui-navigation-rail-item>
+       * </mdui-navigation-rail>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail
+       */
+      'mdui-navigation-rail': {
+        /**
+         * 当前选中的 `<mdui-navigation-rail-item>` 的值
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-value
+         */
+        'value'?: string;
+        /**
+         * 导航栏的位置。可选值包括：
+         * 
+         * * `left`：左侧
+         * * `right`：右侧
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-placement
+         */
+        'placement'?: 'left' | 'right';
+        /**
+         * `<mdui-navigation-rail-item>` 元素的对齐方式。可选值包括：
+         * 
+         * * `start`：顶部对齐
+         * * `center`：居中对齐
+         * * `end`：底部对齐
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-alignment
+         */
+        'alignment'?: 'start' | 'center' | 'end';
+        /**
+         * 默认情况下，导航栏相对于 `body` 元素显示。当该参数设置为 `true` 时，导航栏将相对于其父元素显示。
+         * 
+         * **Note**：设置该属性时，必须在父元素上手动设置样式 `position: relative;`。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-contained
+         */
+        'contained'?: boolean;
+        /**
+         * 是否在导航栏和页面内容之间添加分割线
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-divider
+         */
+        'divider'?: boolean;
+        /**
+         * 该组件在 [`<mdui-layout>`](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
+         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-attributes-order
+         */
+        'order'?: number;
+      } & HTMLElementProps;
+      /**
+       * 单选框组组件。需配合 `<mdui-radio>` 组件使用
+       * 
+       * ```html
+       * <mdui-radio-group value="chinese">
+       *   <mdui-radio value="chinese">Chinese</mdui-radio>
+       *   <mdui-radio value="english">English</mdui-radio>
+       * </mdui-radio-group>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/radio
+       */
+      'mdui-radio-group': {
+        /**
+         * 是否禁用此组件
+         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-disabled
+         */
+        'disabled'?: boolean;
+        /**
+         * 关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。
+         * 
+         * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-form
          */
-        'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
+        'form'?: string;
         /**
-         * 是否在页面加载完成后自动获取焦点
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-autofocus
+         * 单选框组的名称，将与表单数据一起提交
+         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-name
          */
-        'autofocus'?: boolean;
+        'name'?: string;
         /**
-         * 元素在使用 Tab 键切换焦点时的顺序
-         * @see https://www.mdui.org/zh-cn/docs/2/components/navigation-rail#navigation-rail-item-attributes-tabindex
+         * 单选框组的名称，将于表单数据一起提交
+         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-value
          */
-        'tabindex'?: number;
+        'value'?: string;
+        /**
+         * 提交表单时，是否必须选中其中一个单选框
+         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-required
+         */
+        'required'?: boolean;
       } & HTMLElementProps;
       /**
        * 单选框组件。需配合 `<mdui-radio-group>` 组件使用
@@ -2128,46 +2168,6 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
-      /**
-       * 单选框组组件。需配合 `<mdui-radio>` 组件使用
-       * 
-       * ```html
-       * <mdui-radio-group value="chinese">
-       *   <mdui-radio value="chinese">Chinese</mdui-radio>
-       *   <mdui-radio value="english">English</mdui-radio>
-       * </mdui-radio-group>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/radio
-       */
-      'mdui-radio-group': {
-        /**
-         * 是否禁用此组件
-         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-disabled
-         */
-        'disabled'?: boolean;
-        /**
-         * 关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。
-         * 
-         * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-form
-         */
-        'form'?: string;
-        /**
-         * 单选框组的名称，将与表单数据一起提交
-         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-name
-         */
-        'name'?: string;
-        /**
-         * 单选框组的名称，将于表单数据一起提交
-         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-value
-         */
-        'value'?: string;
-        /**
-         * 提交表单时，是否必须选中其中一个单选框
-         * @see https://www.mdui.org/zh-cn/docs/2/components/radio#radio-group-attributes-required
-         */
-        'required'?: boolean;
-      } & HTMLElementProps;
       /**
        * 范围滑块组件
        * 
@@ -2230,6 +2230,62 @@ declare global {
          */
         'name'?: string;
       } & HTMLElementProps;
+      /**
+       * 分段按钮组件。需配合 `<mdui-segmented-button>` 组件使用
+       * 
+       * ```html
+       * <mdui-segmented-button-group>
+       *   <mdui-segmented-button>Day</mdui-segmented-button>
+       *   <mdui-segmented-button>Week</mdui-segmented-button>
+       *   <mdui-segmented-button>Month</mdui-segmented-button>
+       * </mdui-segmented-button-group>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button
+       */
+      'mdui-segmented-button-group': {
+        /**
+         * 是否填满父元素宽度
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-full-width
+         */
+        'full-width'?: boolean;
+        /**
+         * 分段按钮的可选中状态，默认为不可选中。可选值包括：
+         * 
+         * * `single`：单选
+         * * `multiple`：多选
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-selects
+         */
+        'selects'?: 'single' | 'multiple';
+        /**
+         * 是否为禁用状态
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-disabled
+         */
+        'disabled'?: boolean;
+        /**
+         * 提交表单时，是否必须选中
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-required
+         */
+        'required'?: boolean;
+        /**
+         * 关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。
+         * 
+         * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-form
+         */
+        'form'?: string;
+        /**
+         * 提交表单时的名称，将与表单数据一起提交
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-name
+         */
+        'name'?: string;
+        /**
+         * 当前选中的 `<mdui-segmented-button>` 的值。
+         * 
+         * **Note**：该属性的 HTML 属性始终为字符串，且仅在 `selects="single"` 时可以通过 HTML 属性设置初始值。该属性的 JavaScript 属性值在 `selects="single"` 时为字符串，在 `selects="multiple"` 时为字符串数组。所以，在 `selects="multiple"` 时，如果要修改该值，只能通过修改 JavaScript 属性值实现。
+         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-value
+         */
+        'value'?: string | string[];
+      } & HTMLElementProps;
       /**
        * 分段按钮项组件。需配合 `<mdui-segmented-button-group>` 组件使用
        * 
@@ -2418,62 +2474,6 @@ declare global {
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
-      /**
-       * 分段按钮组件。需配合 `<mdui-segmented-button>` 组件使用
-       * 
-       * ```html
-       * <mdui-segmented-button-group>
-       *   <mdui-segmented-button>Day</mdui-segmented-button>
-       *   <mdui-segmented-button>Week</mdui-segmented-button>
-       *   <mdui-segmented-button>Month</mdui-segmented-button>
-       * </mdui-segmented-button-group>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button
-       */
-      'mdui-segmented-button-group': {
-        /**
-         * 是否填满父元素宽度
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-full-width
-         */
-        'full-width'?: boolean;
-        /**
-         * 分段按钮的可选中状态，默认为不可选中。可选值包括：
-         * 
-         * * `single`：单选
-         * * `multiple`：多选
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-selects
-         */
-        'selects'?: 'single' | 'multiple';
-        /**
-         * 是否为禁用状态
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-disabled
-         */
-        'disabled'?: boolean;
-        /**
-         * 提交表单时，是否必须选中
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-required
-         */
-        'required'?: boolean;
-        /**
-         * 关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。
-         * 
-         * 如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-form
-         */
-        'form'?: string;
-        /**
-         * 提交表单时的名称，将与表单数据一起提交
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-name
-         */
-        'name'?: string;
-        /**
-         * 当前选中的 `<mdui-segmented-button>` 的值。
-         * 
-         * **Note**：该属性的 HTML 属性始终为字符串，且仅在 `selects="single"` 时可以通过 HTML 属性设置初始值。该属性的 JavaScript 属性值在 `selects="single"` 时为字符串，在 `selects="multiple"` 时为字符串数组。所以，在 `selects="multiple"` 时，如果要修改该值，只能通过修改 JavaScript 属性值实现。
-         * @see https://www.mdui.org/zh-cn/docs/2/components/segmented-button#segmented-button-group-attributes-value
-         */
-        'value'?: string | string[];
-      } & HTMLElementProps;
       /**
        * 选择框组件。需配合 `<mdui-menu-item>` 组件使用
        * 
@@ -2804,6 +2804,29 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
+      /**
+       * 选项卡面板项组件。需配合 `<mdui-tabs>` 和 `<mdui-tab>` 组件使用
+       * 
+       * ```html
+       * <mdui-tabs value="tab-1">
+       *   <mdui-tab value="tab-1">Tab 1</mdui-tab>
+       *   <mdui-tab value="tab-2">Tab 2</mdui-tab>
+       *   <mdui-tab value="tab-3">Tab 3</mdui-tab>
+       * 
+       *   <mdui-tab-panel slot="panel" value="tab-1">Panel 1</mdui-tab-panel>
+       *   <mdui-tab-panel slot="panel" value="tab-2">Panel 2</mdui-tab-panel>
+       *   <mdui-tab-panel slot="panel" value="tab-3">Panel 3</mdui-tab-panel>
+       * </mdui-tabs>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/tabs
+       */
+      'mdui-tab-panel': {
+        /**
+         * 选项卡面板项的值
+         * @see https://www.mdui.org/zh-cn/docs/2/components/tabs#tab-panel-attributes-value
+         */
+        'value'?: string;
+      } & HTMLElementProps;
       /**
        * 选项卡导航项组件。需配合 `<mdui-tabs>` 和 `<mdui-tab-panel>` 组件使用
        * 
@@ -2847,29 +2870,6 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
-      /**
-       * 选项卡面板项组件。需配合 `<mdui-tabs>` 和 `<mdui-tab>` 组件使用
-       * 
-       * ```html
-       * <mdui-tabs value="tab-1">
-       *   <mdui-tab value="tab-1">Tab 1</mdui-tab>
-       *   <mdui-tab value="tab-2">Tab 2</mdui-tab>
-       *   <mdui-tab value="tab-3">Tab 3</mdui-tab>
-       * 
-       *   <mdui-tab-panel slot="panel" value="tab-1">Panel 1</mdui-tab-panel>
-       *   <mdui-tab-panel slot="panel" value="tab-2">Panel 2</mdui-tab-panel>
-       *   <mdui-tab-panel slot="panel" value="tab-3">Panel 3</mdui-tab-panel>
-       * </mdui-tabs>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/tabs
-       */
-      'mdui-tab-panel': {
-        /**
-         * 选项卡面板项的值
-         * @see https://www.mdui.org/zh-cn/docs/2/components/tabs#tab-panel-attributes-value
-         */
-        'value'?: string;
-      } & HTMLElementProps;
       /**
        * 选项卡组件。需配合 `<mdui-tab>` 和 `<mdui-tab-panel>` 组件使用
        * 
@@ -3270,6 +3270,22 @@ declare global {
          * @see https://www.mdui.org/zh-cn/docs/2/components/tooltip#attributes-open
          */
         'open'?: boolean;
+      } & HTMLElementProps;
+      /**
+       * 顶部应用栏标题组件。需配合 `<mdui-top-app-bar>` 组件使用
+       * 
+       * ```html
+       * <mdui-top-app-bar>
+       *   <mdui-button-icon icon="menu"></mdui-button-icon>
+       *   <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
+       *   <div style="flex-grow: 1"></div>
+       *   <mdui-button-icon icon="more_vert"></mdui-button-icon>
+       * </mdui-top-app-bar>
+       * ```
+       * @see https://www.mdui.org/zh-cn/docs/2/components/top-app-bar
+       */
+      'mdui-top-app-bar-title': {
+        
       } & HTMLElementProps;
       /**
        * 顶部应用栏组件
@@ -3330,22 +3346,6 @@ declare global {
          */
         'order'?: number;
       } & HTMLElementProps;
-      /**
-       * 顶部应用栏标题组件。需配合 `<mdui-top-app-bar>` 组件使用
-       * 
-       * ```html
-       * <mdui-top-app-bar>
-       *   <mdui-button-icon icon="menu"></mdui-button-icon>
-       *   <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
-       *   <div style="flex-grow: 1"></div>
-       *   <mdui-button-icon icon="more_vert"></mdui-button-icon>
-       * </mdui-top-app-bar>
-       * ```
-       * @see https://www.mdui.org/zh-cn/docs/2/components/top-app-bar
-       */
-      'mdui-top-app-bar-title': {
-        
-      } & HTMLElementProps;
     }
   }
 }