mdui 2.0.5 → 2.0.6

package/custom-elements.json

@@ -791,227 +791,369 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/mdui/src/components/button-icon/index.ts",
+      "path": "packages/mdui/src/components/button/button-base.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ButtonIcon",
-          "cssProperties": [
-            {
-              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)",
-              "name": "--shape-corner"
-            }
-          ],
-          "cssParts": [
+          "name": "ButtonBase",
+          "members": [
             {
-              "description": "内部的 `<button>` 或 `<a>` 元素",
-              "name": "button"
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否禁用",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "description": "未选中状态的图标",
-              "name": "icon"
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否处于加载中状态",
+              "attribute": "loading",
+              "reflects": true
             },
             {
-              "description": "选中状态的图标",
-              "name": "selected-icon"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "attribute": "name",
+              "reflects": true
             },
             {
-              "description": "加载中状态的 `<mdui-circular-progress>` 元素",
-              "name": "loading"
-            }
-          ],
-          "slots": [
-            {
-              "description": "图标组件",
-              "name": ""
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "attribute": "value",
+              "reflects": true
             },
-            {
-              "description": "选中状态显示的图标元素",
-              "name": "selected-icon"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "type",
               "type": {
-                "text": "| /*适用于最低优先级的操作*/ 'standard'\n    | /*视觉效果强烈，适用于高优先级的操作*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作*/ 'tonal'\n    | /*适用于中等优先级的操作*/ 'outlined'"
+                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
               },
               "privacy": "public",
-              "default": "'standard'",
-              "description": "图标按钮的形状。可选值包括：\n\n* `standard`：适用于最低优先级的操作\n* `filled`：视觉效果强烈，适用于高优先级的操作\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作\n* `outlined`：适用于中等优先级的操作",
-              "attribute": "variant",
+              "default": "'button'",
+              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "attribute": "type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "form",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "Material Icons 图标名。也可以通过 default slot 设置",
-              "attribute": "icon",
+              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "attribute": "form",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "selectedIcon",
+              "name": "formAction",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
-              "attribute": "selected-icon",
+              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formaction",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "selectable",
+              "name": "formEnctype",
               "type": {
-                "text": "boolean"
+                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "是否可选中",
-              "attribute": "selectable",
+              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formenctype",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "formMethod",
+              "type": {
+                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
+              },
+              "privacy": "public",
+              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formmethod",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formNoValidate",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否已被选中",
-              "attribute": "selected",
+              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formnovalidate",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "rippleRef",
+              "name": "formTarget",
               "type": {
-                "text": "Ref<Ripple>"
+                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "public",
+              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formtarget",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "formController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(\n    this,\n    '[default]',\n    'selected-icon',\n  )"
+              "default": "new FormController(this)"
             },
             {
               "kind": "field",
-              "name": "rippleElement",
-              "privacy": "protected",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState | undefined"
+              },
+              "privacy": "public",
+              "description": "表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "onSelectedChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            },
             {
               "kind": "field",
-              "name": "href",
+              "name": "validationMessage",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
-              "attribute": "href",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
-              }
+              "description": "如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "rippleDisabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
-              }
+              "privacy": "protected",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "focusElement",
               "type": {
-                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
+                "text": "HTMLElement | null | undefined"
               },
-              "privacy": "public",
-              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "attribute": "target",
-              "reflects": true,
+              "privacy": "protected",
+              "description": "最终获得焦点的元素",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "focusDisabled",
               "type": {
-                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
-              "attribute": "rel",
-              "reflects": true,
+              "privacy": "protected",
+              "description": "父类要实现该属性，表示是否禁用 focus 状态",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderAnchor",
-              "privacy": "protected",
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "boolean"
+                }
+              },
+              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`"
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。\n\n如果验证未通过，还会在组件上显示验证失败的提示。"
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "{\n      id,\n      className,\n      part,\n      content = html`<slot></slot>`,\n      refDirective,\n      tabIndex,\n    }",
+                  "name": "message",
                   "type": {
-                    "text": "RenderAnchorOptions"
-                  }
+                    "text": "string"
+                  },
+                  "description": "自定义的错误提示文本"
                 }
               ],
-              "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
-              }
+              "description": "设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证"
             },
             {
-              "kind": "field",
-              "name": "autofocus",
+              "kind": "method",
+              "name": "renderLoading",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderButton",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{\n    id,\n    className,\n    part,\n    content = html`<slot></slot>`,\n  }",
+                  "type": {
+                    "text": "RenderButtonOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isButton",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
+              },
+              "privacy": "public",
+              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
+              },
+              "privacy": "public",
+              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
+              "attribute": "rel",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderAnchor",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{\n      id,\n      className,\n      part,\n      content = html`<slot></slot>`,\n      refDirective,\n      tabIndex,\n    }",
+                  "type": {
+                    "text": "RenderAnchorOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
@@ -1122,34 +1264,6 @@
                 "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "focusDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "description": "父类要实现该属性，表示是否禁用 focus 状态",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusElement",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "description": "最终获得焦点的元素",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "click",
@@ -1305,406 +1419,102 @@
                 "name": "FocusableMixin",
                 "module": "packages/shared/src/mixins/focusable.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "是否禁用",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
               "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "是否处于加载中状态",
-              "attribute": "loading",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "loading"
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "default": "''",
               "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "attribute": "name",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "default": "''",
               "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "attribute": "value",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "type",
               "type": {
                 "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
               },
-              "privacy": "public",
               "default": "'button'",
               "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "attribute": "type",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "type"
             },
             {
-              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public",
               "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "attribute": "form",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "form"
             },
             {
-              "kind": "field",
-              "name": "formAction",
+              "name": "formaction",
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public",
               "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formaction",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "formAction"
             },
             {
-              "kind": "field",
-              "name": "formEnctype",
+              "name": "formenctype",
               "type": {
                 "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
               },
-              "privacy": "public",
               "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formenctype",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "formEnctype"
             },
             {
-              "kind": "field",
-              "name": "formMethod",
+              "name": "formmethod",
               "type": {
                 "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
               },
-              "privacy": "public",
               "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formmethod",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "formMethod"
             },
             {
-              "kind": "field",
-              "name": "formNoValidate",
+              "name": "formnovalidate",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
               "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formnovalidate",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "fieldName": "formNoValidate"
             },
             {
-              "kind": "field",
-              "name": "formTarget",
+              "name": "formtarget",
               "type": {
                 "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
               },
-              "privacy": "public",
               "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formtarget",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormController(this)",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState | undefined"
-              },
-              "privacy": "public",
-              "description": "表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "public",
-              "description": "如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "rippleDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。\n\n如果验证未通过，还会在组件上显示验证失败的提示。",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "自定义的错误提示文本"
-                }
-              ],
-              "description": "设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderLoading",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderButton",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{\n    id,\n    className,\n    part,\n    content = html`<slot></slot>`,\n  }",
-                  "type": {
-                    "text": "RenderButtonOptions"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isButton",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "获得焦点时触发",
-              "name": "focus"
-            },
-            {
-              "description": "失去焦点时触发",
-              "name": "blur"
-            },
-            {
-              "description": "选中状态变更时触发",
-              "name": "change"
-            },
-            {
-              "description": "表单字段验证未通过时触发",
-              "name": "invalid"
-            },
-            {
-              "name": "keydown",
-              "type": {
-                "text": "KeyboardEvent"
-              },
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| /*适用于最低优先级的操作*/ 'standard'\n    | /*视觉效果强烈，适用于高优先级的操作*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作*/ 'tonal'\n    | /*适用于中等优先级的操作*/ 'outlined'"
-              },
-              "default": "'standard'",
-              "description": "图标按钮的形状。可选值包括：\n\n* `standard`：适用于最低优先级的操作\n* `filled`：视觉效果强烈，适用于高优先级的操作\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作\n* `outlined`：适用于中等优先级的操作",
-              "fieldName": "variant"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Material Icons 图标名。也可以通过 default slot 设置",
-              "fieldName": "icon"
-            },
-            {
-              "name": "selected-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
-              "fieldName": "selectedIcon"
-            },
-            {
-              "name": "selectable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否可选中",
-              "fieldName": "selectable"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否已被选中",
-              "fieldName": "selected"
+              "fieldName": "formTarget"
             },
             {
               "name": "href",
@@ -1804,345 +1614,411 @@
                 "name": "FocusableMixin",
                 "module": "packages/shared/src/mixins/focusable.ts"
               }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AnchorMixin",
+              "package": "@mdui/shared/mixins/anchor.js"
             },
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否禁用",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "name": "RippleMixin",
+              "module": "/packages/mdui/src/components/ripple/ripple-mixin.js"
             },
             {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否处于加载中状态",
-              "fieldName": "loading",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
-              },
-              "default": "'button'",
-              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "fieldName": "form",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "formaction",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formAction",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "formenctype",
-              "type": {
-                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
-              },
-              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formEnctype",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "formmethod",
-              "type": {
-                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
-              },
-              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formMethod",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "name": "formnovalidate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formNoValidate",
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
+              "name": "FocusableMixin",
+              "package": "@mdui/shared/mixins/focusable.js"
+            }
+          ],
+          "superclass": {
+            "name": "MduiElement",
+            "package": "@mdui/shared/base/mdui-element.js"
+          },
+          "events": [
             {
-              "name": "formtarget",
+              "name": "keydown",
               "type": {
-                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
+                "text": "KeyboardEvent"
               },
-              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formTarget",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "ButtonBase",
-            "module": "/packages/mdui/src/components/button/button-base.js"
-          },
-          "summary": "图标按钮组件\n\n```html\n<mdui-button-icon icon=\"search\"></mdui-button-icon>\n```",
-          "tagName": "mdui-button-icon",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ButtonIcon",
-          "declaration": {
-            "name": "ButtonIcon",
-            "module": "packages/mdui/src/components/button-icon/index.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "mdui-button-icon",
+          "name": "ButtonBase",
           "declaration": {
-            "name": "ButtonIcon",
-            "module": "packages/mdui/src/components/button-icon/index.ts"
+            "name": "ButtonBase",
+            "module": "packages/mdui/src/components/button/button-base.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/mdui/src/components/button/button-base.ts",
+      "path": "packages/mdui/src/components/button/index.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ButtonBase",
+          "name": "Button",
+          "cssProperties": [
+            {
+              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)",
+              "name": "--shape-corner"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "内部的 `<button>` 或 `<a>` 元素",
+              "name": "button"
+            },
+            {
+              "description": "按钮的文本",
+              "name": "label"
+            },
+            {
+              "description": "按钮左侧的图标",
+              "name": "icon"
+            },
+            {
+              "description": "按钮右侧的图标",
+              "name": "end-icon"
+            },
+            {
+              "description": "加载中状态的 `<mdui-circular-progress>` 元素",
+              "name": "loading"
+            }
+          ],
+          "slots": [
+            {
+              "description": "按钮的文本",
+              "name": ""
+            },
+            {
+              "description": "按钮左侧的元素",
+              "name": "icon"
+            },
+            {
+              "description": "按钮右侧的元素",
+              "name": "end-icon"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| /*带阴影的按钮，适用于需要将按钮与背景视觉分离的场景*/ 'elevated'\n    | /*视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”*/ 'tonal'\n    | /*带边框的按钮，适用于中等优先级，且次要的操作，如“返回”*/ 'outlined'\n    | /*文本按钮，适用于最低优先级的操作*/ 'text'"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "是否禁用",
-              "attribute": "disabled",
+              "default": "'filled'",
+              "description": "按钮的形状。可选值包括：\n\n* `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景\n* `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”\n* `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”\n* `text`：文本按钮，适用于最低优先级的操作",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否处于加载中状态",
-              "attribute": "loading",
+              "description": "是否填满父元素宽度",
+              "attribute": "full-width",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "attribute": "name",
+              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
+              "attribute": "icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "endIcon",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "attribute": "value",
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
+              "attribute": "end-icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "rippleRef",
               "type": {
-                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
+                "text": "Ref<Ripple>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "rippleElement",
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderEndIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderInner",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult[]"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
               },
               "privacy": "public",
-              "default": "'button'",
-              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "attribute": "type",
-              "reflects": true
+              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "download",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "attribute": "form",
-              "reflects": true
+              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formAction",
+              "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
               },
               "privacy": "public",
-              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formaction",
-              "reflects": true
+              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formEnctype",
+              "name": "rel",
               "type": {
-                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
+                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
               },
               "privacy": "public",
-              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formenctype",
-              "reflects": true
+              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
+              "attribute": "rel",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderAnchor",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{\n      id,\n      className,\n      part,\n      content = html`<slot></slot>`,\n      refDirective,\n      tabIndex,\n    }",
+                  "type": {
+                    "text": "RenderAnchorOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formMethod",
+              "name": "autofocus",
               "type": {
-                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formmethod",
-              "reflects": true
+              "default": "false",
+              "description": "是否在页面加载完成后自动获取焦点",
+              "attribute": "autofocus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focused",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "attribute": "focused",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focusVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "attribute": "focus-visible",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focusableDefinedController",
+              "type": {
+                "text": "DefinedController"
+              },
+              "privacy": "protected",
+              "default": "new DefinedController(this, { relatedElements: [''] })",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formNoValidate",
+              "name": "_manipulatingTabindex",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
+              "privacy": "private",
               "default": "false",
-              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formnovalidate",
-              "reflects": true
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formTarget",
+              "name": "_tabIndex",
               "type": {
-                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
+                "text": "number"
               },
-              "privacy": "public",
-              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "attribute": "formtarget",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "formController",
               "privacy": "private",
-              "readonly": true,
-              "default": "new FormController(this)"
+              "default": "0",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "_lastFocusDisabled",
               "type": {
-                "text": "ValidityState | undefined"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "description": "表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)",
-              "readonly": true
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "tabIndex",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
               "privacy": "public",
-              "description": "如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串",
-              "readonly": true
+              "description": "元素在使用 Tab 键切换焦点时的顺序",
+              "attribute": "tabindex",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "rippleDisabled",
+              "name": "focusDisabled",
               "type": {
                 "text": "boolean"
               },
               "privacy": "protected",
-              "readonly": true
+              "description": "父类要实现该属性，表示是否禁用 focus 状态",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "field",
@@ -2154,50 +2030,68 @@
               "description": "最终获得焦点的元素",
               "readonly": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "focusDisabled",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "click",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "protected",
-              "description": "父类要实现该属性，表示是否禁用 focus 状态",
-              "readonly": true,
+              "description": "模拟鼠标点击元素",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "checkValidity",
+              "name": "focus",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`"
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "将焦点设置到当前元素。\n\n可以传入一个对象作为参数，该对象的属性包括：\n\n* `preventScroll`：默认情况下，元素获取焦点后，页面会滚动以将该元素滚动到视图中。如果不希望页面滚动，可以将此属性设置为 `true`。",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "reportValidity",
+              "name": "blur",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。\n\n如果验证未通过，还会在组件上显示验证失败的提示。"
+              "description": "移除当前元素的焦点",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
+              "name": "firstUpdated",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -2205,651 +2099,758 @@
               },
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "changedProperties",
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "自定义的错误提示文本"
+                    "text": "PropertyValues"
+                  }
                 }
               ],
-              "description": "设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证"
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "renderLoading",
+              "name": "update",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
+              },
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderButton",
+              "name": "updated",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "{\n    id,\n    className,\n    part,\n    content = html`<slot></slot>`,\n  }",
+                  "name": "changedProperties",
                   "type": {
-                    "text": "RenderButtonOptions"
+                    "text": "PropertyValues"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "isButton",
-              "privacy": "protected",
+              "name": "manageFocusElementTabindex",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tabIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "manageAutoFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否禁用",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否处于加载中状态",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
-              "attribute": "href",
+              "default": "''",
+              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "attribute": "name",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "attribute": "download",
+              "default": "''",
+              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "attribute": "value",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "type",
               "type": {
-                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
+                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
               },
               "privacy": "public",
-              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "attribute": "target",
+              "default": "'button'",
+              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "attribute": "type",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "form",
               "type": {
-                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
-              "attribute": "rel",
+              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "attribute": "form",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "renderAnchor",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "formAction",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "{\n      id,\n      className,\n      part,\n      content = html`<slot></slot>`,\n      refDirective,\n      tabIndex,\n    }",
-                  "type": {
-                    "text": "RenderAnchorOptions"
-                  }
-                }
-              ],
+              "privacy": "public",
+              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formaction",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "formEnctype",
               "type": {
-                "text": "boolean"
+                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "是否在页面加载完成后自动获取焦点",
-              "attribute": "autofocus",
+              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formenctype",
               "reflects": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "focused",
+              "name": "formMethod",
               "type": {
-                "text": "boolean"
+                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "attribute": "focused",
+              "privacy": "public",
+              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formmethod",
               "reflects": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "focusVisible",
+              "name": "formNoValidate",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
+              "privacy": "public",
               "default": "false",
-              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "attribute": "focus-visible",
+              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formnovalidate",
               "reflects": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "focusableDefinedController",
+              "name": "formTarget",
               "type": {
-                "text": "DefinedController"
+                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
               },
-              "privacy": "protected",
-              "default": "new DefinedController(this, { relatedElements: [''] })",
+              "privacy": "public",
+              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "attribute": "formtarget",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_manipulatingTabindex",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "formController",
               "privacy": "private",
-              "default": "false",
+              "readonly": true,
+              "default": "new FormController(this)",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_tabIndex",
+              "name": "validity",
               "type": {
-                "text": "number"
+                "text": "ValidityState | undefined"
               },
-              "privacy": "private",
-              "default": "0",
+              "privacy": "public",
+              "description": "表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_lastFocusDisabled",
+              "name": "validationMessage",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "description": "如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "tabIndex",
+              "name": "rippleDisabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "元素在使用 Tab 键切换焦点时的顺序",
-              "attribute": "tabindex",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "click",
+              "name": "checkValidity",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "模拟鼠标点击元素",
+              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "reportValidity",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "将焦点设置到当前元素。\n\n可以传入一个对象作为参数，该对象的属性包括：\n\n* `preventScroll`：默认情况下，元素获取焦点后，页面会滚动以将该元素滚动到视图中。如果不希望页面滚动，可以将此属性设置为 `true`。",
+              "description": "检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。\n\n如果验证未通过，还会在组件上显示验证失败的提示。",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "blur",
+              "name": "setCustomValidity",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "移除当前元素的焦点",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "firstUpdated",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
-                  "name": "changedProperties",
+                  "name": "message",
                   "type": {
-                    "text": "PropertyValues"
-                  }
+                    "text": "string"
+                  },
+                  "description": "自定义的错误提示文本"
                 }
               ],
+              "description": "设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "update",
+              "name": "renderLoading",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
-              "parameters": [
-                {
-                  "name": "changedProperties",
-                  "type": {
-                    "text": "PropertyValues"
-                  }
-                }
-              ],
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "updated",
+              "name": "renderButton",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "changedProperties",
-                  "type": {
-                    "text": "PropertyValues"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "manageFocusElementTabindex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
+                  "text": "TemplateResult"
                 }
               },
               "parameters": [
                 {
-                  "name": "tabIndex",
+                  "name": "{\n    id,\n    className,\n    part,\n    content = html`<slot></slot>`,\n  }",
                   "type": {
-                    "text": "number"
+                    "text": "RenderButtonOptions"
                   }
                 }
               ],
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
               "kind": "method",
-              "name": "manageAutoFocus",
-              "privacy": "private",
+              "name": "isButton",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "获得焦点时触发",
+              "name": "focus"
+            },
+            {
+              "description": "失去焦点时触发",
+              "name": "blur"
+            },
+            {
+              "description": "表单字段验证未通过时触发",
+              "name": "invalid"
+            },
+            {
+              "name": "keydown",
+              "type": {
+                "text": "KeyboardEvent"
+              },
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| /*带阴影的按钮，适用于需要将按钮与背景视觉分离的场景*/ 'elevated'\n    | /*视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”*/ 'tonal'\n    | /*带边框的按钮，适用于中等优先级，且次要的操作，如“返回”*/ 'outlined'\n    | /*文本按钮，适用于最低优先级的操作*/ 'text'"
               },
-              "default": "false",
-              "description": "是否禁用",
-              "fieldName": "disabled"
+              "default": "'filled'",
+              "description": "按钮的形状。可选值包括：\n\n* `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景\n* `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”\n* `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”\n* `text`：文本按钮，适用于最低优先级的操作",
+              "fieldName": "variant"
             },
             {
-              "name": "loading",
+              "name": "full-width",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否处于加载中状态",
-              "fieldName": "loading"
+              "description": "是否填满父元素宽度",
+              "fieldName": "fullWidth"
             },
             {
-              "name": "name",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
+              "fieldName": "icon"
+            },
+            {
+              "name": "end-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
+              "fieldName": "endIcon"
+            },
+            {
+              "name": "href",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "fieldName": "name"
+              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "value",
+              "name": "download",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
-              "fieldName": "value"
+              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "type",
+              "name": "target",
               "type": {
-                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
+                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
               },
-              "default": "'button'",
-              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "fieldName": "type"
+              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "form",
+              "name": "rel",
               "type": {
-                "text": "string | undefined"
+                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
               },
-              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
-              "fieldName": "form"
+              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "formaction",
+              "name": "autofocus",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formAction"
+              "default": "false",
+              "description": "是否在页面加载完成后自动获取焦点",
+              "fieldName": "autofocus",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "formenctype",
+              "name": "focused",
               "type": {
-                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
+                "text": "boolean"
               },
-              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formEnctype"
+              "default": "false",
+              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "fieldName": "focused",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "formmethod",
+              "name": "focus-visible",
               "type": {
-                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
+                "text": "boolean"
               },
-              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formMethod"
+              "default": "false",
+              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "fieldName": "focusVisible",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "formnovalidate",
+              "name": "tabindex",
+              "type": {
+                "text": "number"
+              },
+              "description": "元素在使用 Tab 键切换焦点时的顺序",
+              "fieldName": "tabIndex",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formNoValidate"
+              "description": "是否禁用",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "formtarget",
+              "name": "loading",
               "type": {
-                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
+                "text": "boolean"
               },
-              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
-              "fieldName": "formTarget"
+              "default": "false",
+              "description": "是否处于加载中状态",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
             },
             {
-              "name": "href",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `<a>` 元素，并可以使用链接相关的属性。",
-              "fieldName": "href",
+              "default": "''",
+              "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "download",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "fieldName": "download",
+              "default": "''",
+              "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+              "fieldName": "value",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "target",
+              "name": "type",
               "type": {
-                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在当前框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
+                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
               },
-              "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
-              "fieldName": "target",
+              "default": "'button'",
+              "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "fieldName": "type",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "rel",
+              "name": "form",
               "type": {
-                "text": "| /*当前文档的替代版本*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*永久链接到最近的祖先章节*/ 'bookmark'\n      | /*引用的文档与当前文档不在同一站点*/ 'external'\n      | /*链接到相关的帮助文档*/ 'help'\n      | /*当前文档的主要内容由被引用文件的版权许可覆盖*/ 'license'\n      | /*当前文档代表链接内容的所有者*/ 'me'\n      | /*当前文档是系列中的一部分，被引用的文档是系列的下一个文档*/ 'next'\n      | /*当前文档的作者或发布者不认可被引用的文件*/ 'nofollow'\n      | /*不包含 `Referer` 头。类似于 `noopener` 的效果*/ 'noreferrer'\n      | /*如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文*/ 'opener'\n      | /*当前文档是系列的一部分，被引用的文档是系列的上一个文档*/ 'prev'\n      | /*提供一个资源链接，可用于搜索当前文件及其相关页面*/ 'search'\n      | /*提供一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
+                "text": "string | undefined"
               },
-              "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
-              "fieldName": "rel",
+              "description": "关联的 `<form>` 元素。此属性值应为同一页面中的一个 `<form>` 元素的 `id`。\n\n如果未指定此属性，则该元素必须是 `<form>` 元素的子元素。通过此属性，你可以将元素放置在页面的任何位置，而不仅仅是 `<form>` 元素的子元素。\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+              "fieldName": "form",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "autofocus",
+              "name": "formaction",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "指定提交表单的 URL。\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "fieldName": "formAction",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "name": "formenctype",
               "type": {
-                "text": "boolean"
+                "text": "| /*未指定该属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用*/ 'multipart/form-data'\n    | /*HTML5 新增，用于调试*/ 'text/plain' | undefined"
               },
-              "default": "false",
-              "description": "是否在页面加载完成后自动获取焦点",
-              "fieldName": "autofocus",
+              "description": "指定提交表单到服务器的内容类型。可选值包括：\n\n* `application/x-www-form-urlencoded`：未指定该属性时的默认值\n* `multipart/form-data`：当表单包含 `<input type=\"file\">` 元素时使用\n* `text/plain`：HTML5 新增，用于调试\n\n如果指定了此属性，将覆盖 `<form>` 元素的 `enctype` 属性。\n\n**Note**：仅在未指定 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "fieldName": "formEnctype",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "focused",
+              "name": "formmethod",
               "type": {
-                "text": "boolean"
+                "text": "| /*表单数据包含在表单内容中，发送到服务器*/ 'post'\n    | /*表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法*/ 'get' | undefined"
               },
-              "default": "false",
-              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "fieldName": "focused",
+              "description": "指定提交表单时使用的 HTTP 方法。可选值包括：\n\n* `post`：表单数据包含在表单内容中，发送到服务器\n* `get`：表单数据以 `?` 作为分隔符附加到表单的 URI 属性中，生成的 URI 发送到服务器。当表单没有副作用，并且仅包含 ASCII 字符时，使用此方法\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `method` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "fieldName": "formMethod",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "focus-visible",
+              "name": "formnovalidate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "fieldName": "focusVisible",
+              "description": "如果设置了此属性，表单提交时将不执行表单验证。\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "fieldName": "formNoValidate",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "tabindex",
+              "name": "formtarget",
               "type": {
-                "text": "number"
+                "text": "| /*默认选项，在当前框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
               },
-              "description": "元素在使用 Tab 键切换焦点时的顺序",
-              "fieldName": "tabIndex",
+              "description": "提交表单后接收到的响应应显示在何处。可选值包括：\n\n* `_self`：默认选项，在当前框架中打开\n* `_blank`：在新窗口中打开\n* `_parent`：在父框架中打开\n* `_top`：在整个窗口中打开\n\n如果设置了此属性，将覆盖 `<form>` 元素的 `target` 属性。\n\n**Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。",
+              "fieldName": "formTarget",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "AnchorMixin",
-              "package": "@mdui/shared/mixins/anchor.js"
-            },
-            {
-              "name": "RippleMixin",
-              "module": "/packages/mdui/src/components/ripple/ripple-mixin.js"
-            },
-            {
-              "name": "FocusableMixin",
-              "package": "@mdui/shared/mixins/focusable.js"
-            }
-          ],
           "superclass": {
-            "name": "MduiElement",
-            "package": "@mdui/shared/base/mdui-element.js"
+            "name": "ButtonBase",
+            "module": "/packages/mdui/src/components/button/button-base.js"
           },
-          "events": [
-            {
-              "name": "keydown",
-              "type": {
-                "text": "KeyboardEvent"
-              },
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            }
-          ]
+          "summary": "按钮组件\n\n```html\n<mdui-button>Button</mdui-button>\n```",
+          "tagName": "mdui-button",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ButtonBase",
+          "name": "Button",
           "declaration": {
-            "name": "ButtonBase",
-            "module": "packages/mdui/src/components/button/button-base.ts"
+            "name": "Button",
+            "module": "packages/mdui/src/components/button/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "mdui-button",
+          "declaration": {
+            "name": "Button",
+            "module": "packages/mdui/src/components/button/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/mdui/src/components/button/index.ts",
+      "path": "packages/mdui/src/components/button-icon/index.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Button",
+          "name": "ButtonIcon",
           "cssProperties": [
             {
               "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)",
@@ -2862,16 +2863,12 @@
               "name": "button"
             },
             {
-              "description": "按钮的文本",
-              "name": "label"
-            },
-            {
-              "description": "按钮左侧的图标",
+              "description": "未选中状态的图标",
               "name": "icon"
             },
             {
-              "description": "按钮右侧的图标",
-              "name": "end-icon"
+              "description": "选中状态的图标",
+              "name": "selected-icon"
             },
             {
               "description": "加载中状态的 `<mdui-circular-progress>` 元素",
@@ -2880,16 +2877,12 @@
           ],
           "slots": [
             {
-              "description": "按钮的文本",
+              "description": "图标组件",
               "name": ""
             },
             {
-              "description": "按钮左侧的元素",
-              "name": "icon"
-            },
-            {
-              "description": "按钮右侧的元素",
-              "name": "end-icon"
+              "description": "选中状态显示的图标元素",
+              "name": "selected-icon"
             }
           ],
           "members": [
@@ -2897,46 +2890,58 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| /*带阴影的按钮，适用于需要将按钮与背景视觉分离的场景*/ 'elevated'\n    | /*视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”*/ 'tonal'\n    | /*带边框的按钮，适用于中等优先级，且次要的操作，如“返回”*/ 'outlined'\n    | /*文本按钮，适用于最低优先级的操作*/ 'text'"
+                "text": "| /*适用于最低优先级的操作*/ 'standard'\n    | /*视觉效果强烈，适用于高优先级的操作*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作*/ 'tonal'\n    | /*适用于中等优先级的操作*/ 'outlined'"
               },
               "privacy": "public",
-              "default": "'filled'",
-              "description": "按钮的形状。可选值包括：\n\n* `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景\n* `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”\n* `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”\n* `text`：文本按钮，适用于最低优先级的操作",
+              "default": "'standard'",
+              "description": "图标按钮的形状。可选值包括：\n\n* `standard`：适用于最低优先级的操作\n* `filled`：视觉效果强烈，适用于高优先级的操作\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作\n* `outlined`：适用于中等优先级的操作",
               "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "是否填满父元素宽度",
-              "attribute": "full-width",
+              "description": "Material Icons 图标名。也可以通过 default slot 设置",
+              "attribute": "icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "selectedIcon",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
-              "attribute": "icon",
+              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
+              "attribute": "selected-icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "endIcon",
+              "name": "selectable",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
-              "attribute": "end-icon",
+              "default": "false",
+              "description": "是否可选中",
+              "attribute": "selectable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否已被选中",
+              "attribute": "selected",
               "reflects": true
             },
             {
@@ -2948,6 +2953,13 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n    this,\n    '[default]',\n    'selected-icon',\n  )"
+            },
             {
               "kind": "field",
               "name": "rippleElement",
@@ -2956,27 +2968,12 @@
             },
             {
               "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "name": "onSelectedChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderEndIcon",
+              "name": "renderIcon",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2984,16 +2981,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "renderInner",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult[]"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "href",
@@ -3710,6 +3697,10 @@
               "description": "失去焦点时触发",
               "name": "blur"
             },
+            {
+              "description": "选中状态变更时触发",
+              "name": "change"
+            },
             {
               "description": "表单字段验证未通过时触发",
               "name": "invalid"
@@ -3729,36 +3720,45 @@
             {
               "name": "variant",
               "type": {
-                "text": "| /*带阴影的按钮，适用于需要将按钮与背景视觉分离的场景*/ 'elevated'\n    | /*视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”*/ 'tonal'\n    | /*带边框的按钮，适用于中等优先级，且次要的操作，如“返回”*/ 'outlined'\n    | /*文本按钮，适用于最低优先级的操作*/ 'text'"
+                "text": "| /*适用于最低优先级的操作*/ 'standard'\n    | /*视觉效果强烈，适用于高优先级的操作*/ 'filled'\n    | /*视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作*/ 'tonal'\n    | /*适用于中等优先级的操作*/ 'outlined'"
               },
-              "default": "'filled'",
-              "description": "按钮的形状。可选值包括：\n\n* `elevated`：带阴影的按钮，适用于需要将按钮与背景视觉分离的场景\n* `filled`：视觉效果强烈，适用于重要流程的最终操作，如“保存”、“确认”等\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作，如流程中的“下一步”\n* `outlined`：带边框的按钮，适用于中等优先级，且次要的操作，如“返回”\n* `text`：文本按钮，适用于最低优先级的操作",
+              "default": "'standard'",
+              "description": "图标按钮的形状。可选值包括：\n\n* `standard`：适用于最低优先级的操作\n* `filled`：视觉效果强烈，适用于高优先级的操作\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作\n* `outlined`：适用于中等优先级的操作",
               "fieldName": "variant"
             },
             {
-              "name": "full-width",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "是否填满父元素宽度",
-              "fieldName": "fullWidth"
+              "description": "Material Icons 图标名。也可以通过 default slot 设置",
+              "fieldName": "icon"
             },
             {
-              "name": "icon",
+              "name": "selected-icon",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
-              "fieldName": "icon"
+              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
+              "fieldName": "selectedIcon"
             },
             {
-              "name": "end-icon",
+              "name": "selectable",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
-              "fieldName": "endIcon"
+              "default": "false",
+              "description": "是否可选中",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否已被选中",
+              "fieldName": "selected"
             },
             {
               "name": "href",
@@ -4002,26 +4002,26 @@
             "name": "ButtonBase",
             "module": "/packages/mdui/src/components/button/button-base.js"
           },
-          "summary": "按钮组件\n\n```html\n<mdui-button>Button</mdui-button>\n```",
-          "tagName": "mdui-button",
+          "summary": "图标按钮组件\n\n```html\n<mdui-button-icon icon=\"search\"></mdui-button-icon>\n```",
+          "tagName": "mdui-button-icon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Button",
+          "name": "ButtonIcon",
           "declaration": {
-            "name": "Button",
-            "module": "packages/mdui/src/components/button/index.ts"
+            "name": "ButtonIcon",
+            "module": "packages/mdui/src/components/button-icon/index.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "mdui-button",
+          "name": "mdui-button-icon",
           "declaration": {
-            "name": "Button",
-            "module": "packages/mdui/src/components/button/index.ts"
+            "name": "ButtonIcon",
+            "module": "packages/mdui/src/components/button-icon/index.ts"
           }
         }
       ]