mdui 2.0.0 → 2.0.1

package/custom-elements.json

@@ -3992,417 +3992,272 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/mdui/src/components/checkbox/index.ts",
+      "path": "packages/mdui/src/components/card/index.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Checkbox",
-          "cssParts": [
-            {
-              "description": "左侧图标容器",
-              "name": "control"
-            },
-            {
-              "description": "未选中状态图标",
-              "name": "unchecked-icon"
-            },
-            {
-              "description": "选中状态图标",
-              "name": "checked-icon"
-            },
-            {
-              "description": "不确定状态图标",
-              "name": "indeterminate-icon"
-            },
+          "name": "Card",
+          "cssProperties": [
             {
-              "description": "文本",
-              "name": "label"
+              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐[引用设计令牌](/docs/2/styles/design-tokens#shape-corner)",
+              "name": "--shape-corner"
             }
           ],
           "slots": [
             {
-              "description": "文本",
+              "description": "卡片内容",
               "name": ""
-            },
-            {
-              "description": "未选中状态图标",
-              "name": "unchecked-icon"
-            },
-            {
-              "description": "选中状态图标",
-              "name": "checked-icon"
-            },
-            {
-              "description": "不确定状态图标",
-              "name": "indeterminate-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| /*具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`*/ 'elevated'\n    | /*与背景的分离度最小*/ 'filled'\n    | /*具有边框，与背景的分离度最大*/ 'outlined'"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "是否为禁用状态",
-              "attribute": "disabled",
+              "default": "'elevated'",
+              "description": "卡片形状。可选值为：\n\n* `elevated`：具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`\n* `filled`：与背景的分离度最小\n* `outlined`：具有边框，与背景的分离度最大",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否为选中状态",
-              "attribute": "checked",
+              "description": "是否可点击。为 `true` 时，会添加鼠标悬浮效果、及点击涟漪效果",
+              "attribute": "clickable",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "默认选中状态。在重置表单时，将重置为该默认状态。该属性只能通过 JavaScript 属性设置"
+              "description": "是否禁用",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "rippleRef",
               "type": {
-                "text": "boolean"
+                "text": "Ref<Ripple>"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "是否为不确定状态",
-              "attribute": "indeterminate",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "rippleElement",
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "rippleDisabled",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "提交表单时，是否必须选中该复选框",
-              "attribute": "required",
-              "reflects": true
+              "privacy": "protected",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "focusElement",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement | null | undefined"
               },
-              "privacy": "public",
-              "description": "关联的 `form` 元素。此属性值必须为同一页面中的一个 `<form>` 元素的 `id` 属性。\n\n如果此属性未指定，则元素必须是 `form` 元素的后代。利用此属性，你可以将元素放置在页面中的任何位置，而不仅仅是作为 `form` 元素的后代。",
-              "attribute": "form",
-              "reflects": true
+              "privacy": "protected",
+              "description": "最终获得焦点的元素",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "focusDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "父类要实现该属性，表示是否禁用 focus 状态",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "复选框名称，将与表单数据一起提交",
-              "attribute": "name",
-              "reflects": true
+              "description": "链接指向的页面的 URL。\n\n若指定了该属性，则组件内部会渲染为 `<a>` 元素，并可以使用链接相关的属性",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "download",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "default": "'on'",
-              "description": "复选框的值，将于表单数据一起提交",
-              "attribute": "value",
-              "reflects": true
+              "description": "被下载的超链接目标。\n\n**Note**：仅在指定了 `href` 属性时可用",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "uncheckedIcon",
+              "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在相同的框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
               },
               "privacy": "public",
-              "description": "未选中状态的 Material Icons 图标名。也可以通过 `slot=\"unchecked-icon\"` 设置",
-              "attribute": "unchecked-icon",
-              "reflects": true
+              "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": "checkedIcon",
+              "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      | /*如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文*/ 'opener'\n      | /*表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档*/ 'prev'\n      | /*给出一个资源的链接，可以用来搜索当前文件及其相关页面*/ 'search'\n      | /*给出一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
               },
               "privacy": "public",
-              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"checked-icon\"` 设置",
-              "attribute": "checked-icon",
-              "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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\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    }",
+                  "type": {
+                    "text": "RenderAnchorOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "indeterminateIcon",
+              "name": "autofocus",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "不确定状态的 Material Icons 图标名。也可以通过 `slot=\"indeterminate-icon\"` 设置",
-              "attribute": "indeterminate-icon",
-              "reflects": true
+              "default": "false",
+              "description": "是否在页面加载完成后自动获得焦点",
+              "attribute": "autofocus",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "focused",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
               "default": "false",
-              "description": "是否验证未通过",
-              "attribute": "invalid",
-              "reflects": true
+              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "attribute": "focused",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "inputRef",
+              "name": "focusVisible",
               "type": {
-                "text": "Ref<HTMLInputElement>"
+                "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "attribute": "focus-visible",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "rippleRef",
+              "name": "_manipulatingTabindex",
               "type": {
-                "text": "Ref<Ripple>"
+                "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formController",
+              "name": "_tabIndex",
               "type": {
-                "text": "FormController"
+                "text": "number"
               },
               "privacy": "private",
-              "readonly": true,
-              "default": "new FormController(this, {\n    value: (control) => (control.checked ? control.value : undefined),\n    defaultValue: (control) => control.defaultChecked!,\n    setValue: (control, checked) => (control.checked = checked as boolean),\n  })"
+              "default": "0",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "privacy": "public",
-              "description": "表单验证状态对象",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "表单验证的错误提示信息",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "rippleElement",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "rippleDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "focusElement",
-              "type": {
-                "text": "HTMLElement | null | undefined"
-              },
-              "privacy": "protected",
-              "description": "最终获得焦点的元素",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "父类要实现该属性，表示是否禁用 focus 状态",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onDisabledChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onCheckedChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "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": "message",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "自定义的提示文本"
-                }
-              ],
-              "description": "设置自定义的错误提示文本。只要文本不为空，则表示字段验证未通过"
-            },
-            {
-              "kind": "method",
-              "name": "onChange",
-              "privacy": "private",
-              "description": "input[type=\"checkbox\"] 的 change 事件无法冒泡越过 shadow dom"
-            },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "是否在页面加载完成后自动获得焦点",
-              "attribute": "autofocus",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "attribute": "focused",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "attribute": "focus-visible",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_manipulatingTabindex",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_lastFocusDisabled",
+              "name": "_lastFocusDisabled",
               "type": {
                 "text": "boolean | undefined"
               },
@@ -4593,18 +4448,6 @@
               "description": "失去焦点时触发",
               "name": "blur"
             },
-            {
-              "description": "选中状态变更时触发",
-              "name": "change"
-            },
-            {
-              "description": "选中状态变更时触发",
-              "name": "input"
-            },
-            {
-              "description": "表单字段验证未通过时触发",
-              "name": "invalid"
-            },
             {
               "name": "keydown",
               "type": {
@@ -4618,99 +4461,79 @@
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| /*具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`*/ 'elevated'\n    | /*与背景的分离度最小*/ 'filled'\n    | /*具有边框，与背景的分离度最大*/ 'outlined'"
               },
-              "default": "false",
-              "description": "是否为禁用状态",
-              "fieldName": "disabled"
+              "default": "'elevated'",
+              "description": "卡片形状。可选值为：\n\n* `elevated`：具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`\n* `filled`：与背景的分离度最小\n* `outlined`：具有边框，与背景的分离度最大",
+              "fieldName": "variant"
             },
             {
-              "name": "checked",
+              "name": "clickable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否为选中状态",
-              "fieldName": "checked"
+              "description": "是否可点击。为 `true` 时，会添加鼠标悬浮效果、及点击涟漪效果",
+              "fieldName": "clickable"
             },
             {
-              "name": "indeterminate",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否为不确定状态",
-              "fieldName": "indeterminate"
+              "description": "是否禁用",
+              "fieldName": "disabled"
             },
             {
-              "name": "required",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "提交表单时，是否必须选中该复选框",
-              "fieldName": "required"
+              "description": "链接指向的页面的 URL。\n\n若指定了该属性，则组件内部会渲染为 `<a>` 元素，并可以使用链接相关的属性",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
-              "name": "form",
+              "name": "download",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "关联的 `form` 元素。此属性值必须为同一页面中的一个 `<form>` 元素的 `id` 属性。\n\n如果此属性未指定，则元素必须是 `form` 元素的后代。利用此属性，你可以将元素放置在页面中的任何位置，而不仅仅是作为 `form` 元素的后代。",
-              "fieldName": "form"
+              "description": "被下载的超链接目标。\n\n**Note**：仅在指定了 `href` 属性时可用",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
-              "name": "name",
+              "name": "target",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "复选框名称，将与表单数据一起提交",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "'on'",
-              "description": "复选框的值，将于表单数据一起提交",
-              "fieldName": "value"
-            },
-            {
-              "name": "unchecked-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "未选中状态的 Material Icons 图标名。也可以通过 `slot=\"unchecked-icon\"` 设置",
-              "fieldName": "uncheckedIcon"
-            },
-            {
-              "name": "checked-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"checked-icon\"` 设置",
-              "fieldName": "checkedIcon"
-            },
-            {
-              "name": "indeterminate-icon",
-              "type": {
-                "text": "string | undefined"
+                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在相同的框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
               },
-              "description": "不确定状态的 Material Icons 图标名。也可以通过 `slot=\"indeterminate-icon\"` 设置",
-              "fieldName": "indeterminateIcon"
+              "description": "在何处打开链接。可选值为：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在相同的框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在指定了 `href` 属性时可用",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
-              "name": "invalid",
+              "name": "rel",
               "type": {
-                "text": "boolean"
+                "text": "| /*当前文档的替代描述*/ 'alternate'\n      | /*当前文档或文章的作者*/ 'author'\n      | /*到最近祖先章节的永久链接*/ 'bookmark'\n      | /*引用的文档与当前的文档不属于同一个站点*/ 'external'\n      | /*链接到上下文相关的帮助*/ 'help'\n      | /*表示当前文档的主要内容由被引用文件描述的版权许可所涵盖*/ 'license'\n      | /*表示当前文档代表拥有链接内容的人*/ 'me'\n      | /*表示当前文档是一个系列的一部分，被引用的文档是该系列中的下一个文档*/ 'next'\n      | /*表示当前文档的原作者或出版商不认可被引用的文件*/ 'nofollow'\n      | /*不会包含 `Referer` 标头。和 `noopener` 效果类似*/ 'noreferrer'\n      | /*如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文*/ 'opener'\n      | /*表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档*/ 'prev'\n      | /*给出一个资源的链接，可以用来搜索当前文件及其相关页面*/ 'search'\n      | /*给出一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
               },
-              "default": "false",
-              "description": "是否验证未通过",
-              "fieldName": "invalid"
+              "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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\n* `prev`：表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档\n* `search`：给出一个资源的链接，可以用来搜索当前文件及其相关页面\n* `tag`：给出一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "AnchorMixin",
+                "module": "packages/shared/src/mixins/anchor.ts"
+              }
             },
             {
               "name": "autofocus",
@@ -4765,6 +4588,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "AnchorMixin",
+              "package": "@mdui/shared/mixins/anchor.js"
+            },
             {
               "name": "RippleMixin",
               "module": "/packages/mdui/src/components/ripple/ripple-mixin.js"
@@ -4778,72 +4605,58 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "复选框组件\n\n```html\n<mdui-checkbox>Checkbox</mdui-checkbox>\n```",
-          "tagName": "mdui-checkbox",
+          "summary": "卡片组件\n\n```html\n<mdui-card>card content</mdui-card>\n```",
+          "tagName": "mdui-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Checkbox",
+          "name": "Card",
           "declaration": {
-            "name": "Checkbox",
-            "module": "packages/mdui/src/components/checkbox/index.ts"
+            "name": "Card",
+            "module": "packages/mdui/src/components/card/index.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "mdui-checkbox",
+          "name": "mdui-card",
           "declaration": {
-            "name": "Checkbox",
-            "module": "packages/mdui/src/components/checkbox/index.ts"
+            "name": "Card",
+            "module": "packages/mdui/src/components/card/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/mdui/src/components/chip/index.ts",
+      "path": "packages/mdui/src/components/checkbox/index.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Chip",
-          "cssProperties": [
-            {
-              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐[引用设计令牌](/docs/2/styles/design-tokens#shape-corner)",
-              "name": "--shape-corner"
-            }
-          ],
+          "name": "Checkbox",
           "cssParts": [
             {
-              "description": "内部的 `button` 或 `a` 元素",
-              "name": "button"
-            },
-            {
-              "description": "文本",
-              "name": "label"
-            },
-            {
-              "description": "左侧图标",
-              "name": "icon"
+              "description": "左侧图标容器",
+              "name": "control"
             },
             {
-              "description": "右侧图标",
-              "name": "end-icon"
+              "description": "未选中状态图标",
+              "name": "unchecked-icon"
             },
             {
-              "description": "选中状态的左侧图标",
-              "name": "selected-icon"
+              "description": "选中状态图标",
+              "name": "checked-icon"
             },
             {
-              "description": "可删除时，右侧的删除图标",
-              "name": "delete-icon"
+              "description": "不确定状态图标",
+              "name": "indeterminate-icon"
             },
             {
-              "description": "加载中状态的 `<mdui-circular-progress>` 元素",
-              "name": "loading"
+              "description": "文本",
+              "name": "label"
             }
           ],
           "slots": [
@@ -4852,127 +4665,166 @@
               "name": ""
             },
             {
-              "description": "左侧元素",
-              "name": "icon"
-            },
-            {
-              "description": "右侧元素",
-              "name": "end-icon"
+              "description": "未选中状态图标",
+              "name": "unchecked-icon"
             },
             {
-              "description": "选中状态的左侧元素",
-              "name": "selected-icon"
+              "description": "选中状态图标",
+              "name": "checked-icon"
             },
             {
-              "description": "可删除时，右侧的删除元素",
-              "name": "delete-icon"
+              "description": "不确定状态图标",
+              "name": "indeterminate-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "| /*用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能*/ 'assist'\n    | /*用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤*/ 'filter'\n    | /*用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人*/ 'input'\n    | /*用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择*/ 'suggestion'"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "'assist'",
-              "description": "纸片形状。可选值为：\n\n* `assist`：用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能\n* `filter`：用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤\n* `input`：用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人\n* `suggestion`：用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择",
-              "attribute": "variant",
+              "default": "false",
+              "description": "是否为禁用状态",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "elevated",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否包含阴影",
-              "attribute": "elevated",
+              "description": "是否为选中状态",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "selectable",
+              "name": "defaultChecked",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否可选中",
-              "attribute": "selectable",
-              "reflects": true
+              "description": "默认选中状态。在重置表单时，将重置为该默认状态。该属性只能通过 JavaScript 属性设置"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否为选中状态",
-              "attribute": "selected",
+              "description": "是否为不确定状态",
+              "attribute": "indeterminate",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "deletable",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "是否可删除。为 `true` 时，在右侧会显示删除图标图标",
-              "attribute": "deletable",
+              "description": "提交表单时，是否必须选中该复选框",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "form",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
-              "attribute": "icon",
+              "description": "关联的 `form` 元素。此属性值必须为同一页面中的一个 `<form>` 元素的 `id` 属性。\n\n如果此属性未指定，则元素必须是 `form` 元素的后代。利用此属性，你可以将元素放置在页面中的任何位置，而不仅仅是作为 `form` 元素的后代。",
+              "attribute": "form",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "selectedIcon",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "复选框名称，将与表单数据一起提交",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'on'",
+              "description": "复选框的值，将于表单数据一起提交",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "uncheckedIcon",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "选中状态，左侧的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
-              "attribute": "selected-icon",
+              "description": "未选中状态的 Material Icons 图标名。也可以通过 `slot=\"unchecked-icon\"` 设置",
+              "attribute": "unchecked-icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "endIcon",
+              "name": "checkedIcon",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
-              "attribute": "end-icon",
+              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"checked-icon\"` 设置",
+              "attribute": "checked-icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "deleteIcon",
+              "name": "indeterminateIcon",
               "type": {
                 "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"delete-icon\"` 设置",
-              "attribute": "delete-icon",
+              "description": "不确定状态的 Material Icons 图标名。也可以通过 `slot=\"indeterminate-icon\"` 设置",
+              "attribute": "indeterminate-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "是否验证未通过",
+              "attribute": "invalid",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "inputRef",
+              "type": {
+                "text": "Ref<HTMLInputElement>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "rippleRef",
@@ -4984,185 +4836,134 @@
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "formController",
+              "type": {
+                "text": "FormController"
+              },
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(\n    this,\n    'icon',\n    'selected-icon',\n    'end-icon',\n  )"
+              "default": "new FormController(this, {\n    value: (control) => (control.checked ? control.value : undefined),\n    defaultValue: (control) => control.defaultChecked!,\n    setValue: (control, checked) => (control.checked = checked as boolean),\n  })"
             },
             {
               "kind": "field",
-              "name": "rippleElement",
-              "privacy": "protected",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "privacy": "public",
+              "description": "表单验证状态对象",
               "readonly": true
             },
             {
-              "kind": "method",
-              "name": "onSelectedChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "表单验证的错误提示信息",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "onKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "rippleElement",
+              "privacy": "protected",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "onDelete",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "description": "点击删除按钮"
+              "kind": "field",
+              "name": "rippleDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "focusElement",
+              "type": {
+                "text": "HTMLElement | null | undefined"
+              },
+              "privacy": "protected",
+              "description": "最终获得焦点的元素",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "renderLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "focusDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "父类要实现该属性，表示是否禁用 focus 状态",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "renderEndIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "name": "onDisabledChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderDeleteIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "name": "onCheckedChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderInner",
-              "privacy": "private",
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult[]"
+                  "text": "boolean"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "链接指向的页面的 URL。\n\n若指定了该属性，则组件内部会渲染为 `<a>` 元素，并可以使用链接相关的属性",
-              "attribute": "href",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "string"
               },
-              "privacy": "public",
-              "description": "被下载的超链接目标。\n\n**Note**：仅在指定了 `href` 属性时可用",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "检查表单字段是否验证通过。若未通过则返回 `false`，并触发 `invalid` 事件；若验证通过，则返回 `true`"
             },
             {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "| /*在新窗口中打开链接*/ '_blank'\n      | /*在父框架中打开链接*/ '_parent'\n      | /*默认。在相同的框架中打开链接*/ '_self'\n      | /*在整个窗口中打开链接*/ '_top'"
-              },
+              "kind": "method",
+              "name": "reportValidity",
               "privacy": "public",
-              "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": "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      | /*如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文*/ 'opener'\n      | /*表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档*/ 'prev'\n      | /*给出一个资源的链接，可以用来搜索当前文件及其相关页面*/ 'search'\n      | /*给出一个适用于当前文档的标签（由给定地址识别）*/ 'tag'"
+              "return": {
+                "type": {
+                  "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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\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"
-              }
+              "description": "检查表单字段是否验证通过。若未通过则返回 `false`，并触发 `invalid` 事件；若验证通过，则返回 `true`。\n\n验证未通过时，还将在组件上显示未通过的提示。"
             },
             {
               "kind": "method",
-              "name": "renderAnchor",
-              "privacy": "protected",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "{\n      id,\n      className,\n      part,\n      content = html`<slot></slot>`,\n      refDirective,\n    }",
+                  "name": "message",
                   "type": {
-                    "text": "RenderAnchorOptions"
-                  }
+                    "text": "string"
+                  },
+                  "description": "自定义的提示文本"
                 }
               ],
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "设置自定义的错误提示文本。只要文本不为空，则表示字段验证未通过"
+            },
+            {
+              "kind": "method",
+              "name": "onChange",
+              "privacy": "private",
+              "description": "input[type=\"checkbox\"] 的 change 事件无法冒泡越过 shadow dom"
             },
             {
               "kind": "field",
@@ -5176,8 +4977,8 @@
               "attribute": "autofocus",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5192,8 +4993,8 @@
               "attribute": "focused",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5208,8 +5009,8 @@
               "attribute": "focus-visible",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5221,8 +5022,8 @@
               "privacy": "private",
               "default": "false",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5234,8 +5035,8 @@
               "privacy": "private",
               "default": "0",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5246,8 +5047,8 @@
               },
               "privacy": "private",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5261,36 +5062,8 @@
               "attribute": "tabindex",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "父类要实现该属性，表示是否禁用 focus 状态",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusElement",
-              "type": {
-                "text": "HTMLElement | null | undefined"
-              },
-              "privacy": "protected",
-              "description": "最终获得焦点的元素",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5304,8 +5077,8 @@
               },
               "description": "模拟鼠标点击元素",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5328,8 +5101,8 @@
               ],
               "description": "将焦点设置在当前元素。\n\n可传入一个对象作为参数。对象属性为：\n\n* `preventScroll`：默认情况下，在聚焦后会滚动页面，以将聚焦的元素滚动到视图中。可将该属性设为 `true` 以阻止页面滚动。",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5343,8 +5116,8 @@
               },
               "description": "从当前元素中移除焦点",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5365,8 +5138,8 @@
                 }
               ],
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5387,8 +5160,8 @@
                 }
               ],
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5409,8 +5182,8 @@
                 }
               ],
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5431,8 +5204,8 @@
                 }
               ],
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
@@ -5445,761 +5218,875 @@
                 }
               },
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
+            }
+          ],
+          "events": [
+            {
+              "description": "获得焦点时触发",
+              "name": "focus"
             },
             {
-              "kind": "field",
+              "description": "失去焦点时触发",
+              "name": "blur"
+            },
+            {
+              "description": "选中状态变更时触发",
+              "name": "change"
+            },
+            {
+              "description": "选中状态变更时触发",
+              "name": "input"
+            },
+            {
+              "description": "表单字段验证未通过时触发",
+              "name": "invalid"
+            },
+            {
+              "name": "keydown",
+              "type": {
+                "text": "KeyboardEvent"
+              },
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
               "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"
-              }
+              "description": "是否为禁用状态",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "loading",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
-              "description": "是否为加载中状态",
-              "attribute": "loading",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "是否为选中状态",
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否为不确定状态",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "提交表单时，是否必须选中该复选框",
+              "fieldName": "required"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "关联的 `form` 元素。此属性值必须为同一页面中的一个 `<form>` 元素的 `id` 属性。\n\n如果此属性未指定，则元素必须是 `form` 元素的后代。利用此属性，你可以将元素放置在页面中的任何位置，而不仅仅是作为 `form` 元素的后代。",
+              "fieldName": "form"
             },
             {
-              "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"
-              }
+              "description": "复选框名称，将与表单数据一起提交",
+              "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"
-              }
+              "default": "'on'",
+              "description": "复选框的值，将于表单数据一起提交",
+              "fieldName": "value"
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "unchecked-icon",
               "type": {
-                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
+                "text": "string | undefined"
               },
-              "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"
-              }
+              "description": "未选中状态的 Material Icons 图标名。也可以通过 `slot=\"unchecked-icon\"` 设置",
+              "fieldName": "uncheckedIcon"
             },
             {
-              "kind": "field",
-              "name": "form",
+              "name": "checked-icon",
               "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"
-              }
+              "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"checked-icon\"` 设置",
+              "fieldName": "checkedIcon"
             },
             {
-              "kind": "field",
-              "name": "formAction",
+              "name": "indeterminate-icon",
               "type": {
                 "text": "string | undefined"
               },
-              "privacy": "public",
-              "description": "\n指定提交表单的 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"
-              }
+              "description": "不确定状态的 Material Icons 图标名。也可以通过 `slot=\"indeterminate-icon\"` 设置",
+              "fieldName": "indeterminateIcon"
             },
             {
-              "kind": "field",
-              "name": "formEnctype",
+              "name": "invalid",
               "type": {
-                "text": "| /*未指定属性时的默认值*/ 'application/x-www-form-urlencoded'\n    | /*当表单包含 `<input type=\"file\">` 元素时使用此值*/ 'multipart/form-data'\n    | /*出现于 HTML5，用于调试*/ 'text/plain' | undefined"
+                "text": "boolean"
               },
-              "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"
-              }
+              "default": "false",
+              "description": "是否验证未通过",
+              "fieldName": "invalid"
             },
             {
-              "kind": "field",
-              "name": "formMethod",
+              "name": "autofocus",
               "type": {
-                "text": "| /*来自表单的数据被包含在表单内容中，被发送到服务器*/ 'post'\n    | /*来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法*/ 'get' | undefined"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "指定提交表单使用的 HTTP 方法。可选值为：\n\n* `post`：来自表单的数据被包含在表单内容中，被发送到服务器\n* `get`：来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法\n\n指定了该属性时，将覆盖 `form` 元素的 `method` 属性。\n\n**Note**：仅在未指定 `href` 属性、且 `type=\"submit\"` 时可用。",
-              "attribute": "formmethod",
-              "reflects": true,
+              "default": "false",
+              "description": "是否在页面加载完成后自动获得焦点",
+              "fieldName": "autofocus",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formNoValidate",
+              "name": "focused",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
-              "description": "指定了该属性时，表示当表单被提交时不需要验证。\n\n指定了该属性时，将覆盖 `form` 元素的 `novalidate` 属性。\n\n**Note**：仅在未指定 `href` 属性、且 `type=\"submit\"` 时可用。",
-              "attribute": "formnovalidate",
-              "reflects": true,
+              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "fieldName": "focused",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formTarget",
+              "name": "focus-visible",
               "type": {
-                "text": "| /*默认。在同一框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
+                "text": "boolean"
               },
-              "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,
+              "default": "false",
+              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "fieldName": "focusVisible",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formController",
+              "name": "tabindex",
               "type": {
-                "text": "FormController"
+                "text": "number"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormController(this)",
+              "description": "通过 Tab 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
+              "fieldName": "tabIndex",
               "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
+                "name": "FocusableMixin",
+                "module": "packages/shared/src/mixins/focusable.ts"
               }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "RippleMixin",
+              "module": "/packages/mdui/src/components/ripple/ripple-mixin.js"
             },
             {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState | undefined"
-              },
-              "privacy": "public",
-              "description": "表单验证状态对象",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
-            },
+              "name": "FocusableMixin",
+              "package": "@mdui/shared/mixins/focusable.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "复选框组件\n\n```html\n<mdui-checkbox>Checkbox</mdui-checkbox>\n```",
+          "tagName": "mdui-checkbox",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Checkbox",
+          "declaration": {
+            "name": "Checkbox",
+            "module": "packages/mdui/src/components/checkbox/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "mdui-checkbox",
+          "declaration": {
+            "name": "Checkbox",
+            "module": "packages/mdui/src/components/checkbox/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/mdui/src/components/chip/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Chip",
+          "cssProperties": [
             {
-              "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"
-              }
-            },
+              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐[引用设计令牌](/docs/2/styles/design-tokens#shape-corner)",
+              "name": "--shape-corner"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "rippleDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "内部的 `button` 或 `a` 元素",
+              "name": "button"
             },
             {
-              "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"
-              }
+              "description": "文本",
+              "name": "label"
             },
             {
-              "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"
-              }
+              "description": "左侧图标",
+              "name": "icon"
             },
             {
-              "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"
-              }
+              "description": "右侧图标",
+              "name": "end-icon"
             },
             {
-              "kind": "method",
-              "name": "renderLoading",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "选中状态的左侧图标",
+              "name": "selected-icon"
             },
             {
-              "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"
-              }
+              "description": "可删除时，右侧的删除图标",
+              "name": "delete-icon"
             },
             {
-              "kind": "method",
-              "name": "isButton",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "加载中状态的 `<mdui-circular-progress>` 元素",
+              "name": "loading"
             }
           ],
-          "events": [
-            {
-              "description": "获得焦点时触发",
-              "name": "focus"
-            },
+          "slots": [
             {
-              "description": "失去焦点时触发",
-              "name": "blur"
+              "description": "文本",
+              "name": ""
             },
             {
-              "description": "表单字段验证未通过时触发",
-              "name": "invalid"
+              "description": "左侧元素",
+              "name": "icon"
             },
             {
-              "description": "选中状态变更时触发",
-              "name": "change"
+              "description": "右侧元素",
+              "name": "end-icon"
             },
             {
-              "description": "点击删除图标时触发",
-              "name": "delete"
+              "description": "选中状态的左侧元素",
+              "name": "selected-icon"
             },
             {
-              "name": "keydown",
-              "type": {
-                "text": "KeyboardEvent"
-              },
-              "inheritedFrom": {
-                "name": "ButtonBase",
-                "module": "packages/mdui/src/components/button/button-base.ts"
-              }
+              "description": "可删除时，右侧的删除元素",
+              "name": "delete-icon"
             }
           ],
-          "attributes": [
+          "members": [
             {
+              "kind": "field",
               "name": "variant",
               "type": {
                 "text": "| /*用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能*/ 'assist'\n    | /*用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤*/ 'filter'\n    | /*用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人*/ 'input'\n    | /*用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择*/ 'suggestion'"
               },
+              "privacy": "public",
               "default": "'assist'",
               "description": "纸片形状。可选值为：\n\n* `assist`：用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能\n* `filter`：用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤\n* `input`：用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人\n* `suggestion`：用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择",
-              "fieldName": "variant"
+              "attribute": "variant",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "elevated",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
               "description": "是否包含阴影",
-              "fieldName": "elevated"
+              "attribute": "elevated",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "selectable",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
               "description": "是否可选中",
-              "fieldName": "selectable"
+              "attribute": "selectable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否为选中状态",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "deletable",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "是否可删除。为 `true` 时，在右侧会显示删除图标图标",
+              "attribute": "deletable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
+              "attribute": "icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedIcon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "选中状态，左侧的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
+              "attribute": "selected-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "endIcon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
+              "attribute": "end-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "deleteIcon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"delete-icon\"` 设置",
+              "attribute": "delete-icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rippleRef",
+              "type": {
+                "text": "Ref<Ripple>"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n    this,\n    'icon',\n    'selected-icon',\n    'end-icon',\n  )"
+            },
+            {
+              "kind": "field",
+              "name": "rippleElement",
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "onSelectedChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否为选中状态",
-              "fieldName": "selected"
+              "kind": "method",
+              "name": "onDelete",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "点击删除按钮"
             },
             {
-              "name": "deletable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否可删除。为 `true` 时，在右侧会显示删除图标图标",
-              "fieldName": "deletable"
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             },
             {
-              "name": "icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
-              "fieldName": "icon"
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             },
             {
-              "name": "selected-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "选中状态，左侧的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
-              "fieldName": "selectedIcon"
+              "kind": "method",
+              "name": "renderEndIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             },
             {
-              "name": "end-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
-              "fieldName": "endIcon"
+              "kind": "method",
+              "name": "renderDeleteIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             },
             {
-              "name": "delete-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"delete-icon\"` 设置",
-              "fieldName": "deleteIcon"
+              "kind": "method",
+              "name": "renderInner",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult[]"
+                }
+              }
             },
             {
+              "kind": "field",
               "name": "href",
               "type": {
                 "text": "string"
               },
+              "privacy": "public",
               "description": "链接指向的页面的 URL。\n\n若指定了该属性，则组件内部会渲染为 `<a>` 元素，并可以使用链接相关的属性",
-              "fieldName": "href",
+              "attribute": "href",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
+              "kind": "field",
               "name": "download",
               "type": {
                 "text": "string"
               },
+              "privacy": "public",
               "description": "被下载的超链接目标。\n\n**Note**：仅在指定了 `href` 属性时可用",
-              "fieldName": "download",
+              "attribute": "download",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.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` 属性时可用",
-              "fieldName": "target",
+              "attribute": "target",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.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      | /*如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文*/ '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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\n* `prev`：表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档\n* `search`：给出一个资源的链接，可以用来搜索当前文件及其相关页面\n* `tag`：给出一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用",
-              "fieldName": "rel",
+              "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    }",
+                  "type": {
+                    "text": "RenderAnchorOptions"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
+              "kind": "field",
               "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
               "description": "是否在页面加载完成后自动获得焦点",
-              "fieldName": "autofocus",
+              "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 选择器添加样式",
-              "fieldName": "focused",
+              "attribute": "focused",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "focus-visible",
+              "kind": "field",
+              "name": "focusVisible",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
               "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "fieldName": "focusVisible",
+              "attribute": "focus-visible",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "tabindex",
+              "kind": "field",
+              "name": "_manipulatingTabindex",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "通过 Tab 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
-              "fieldName": "tabIndex",
+              "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "_tabIndex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "是否禁用",
-              "fieldName": "disabled",
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "loading",
+              "kind": "field",
+              "name": "_lastFocusDisabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "是否为加载中状态",
-              "fieldName": "loading",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "tabIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "按钮的名称，将与表单数据一起提交\n\n**Note**：仅在未指定 `href` 属性时可用",
-              "fieldName": "name",
+              "privacy": "public",
+              "description": "通过 Tab 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
+              "attribute": "tabindex",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "focusDisabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "按钮的初始值，将与表单数据一起提交\n\n**Note**：仅在未指定 `href` 属性时可用",
-              "fieldName": "value",
+              "privacy": "protected",
+              "description": "父类要实现该属性，表示是否禁用 focus 状态",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "type",
+              "kind": "field",
+              "name": "focusElement",
               "type": {
-                "text": "| /*此按钮将表单数据提交给服务器*/ 'submit'\n    | /*此按钮重置所有组件为初始值*/ 'reset'\n    | /*此按钮没有默认行为*/ 'button'"
+                "text": "HTMLElement | null | undefined"
               },
-              "default": "'button'",
-              "description": "按钮的类型。默认值为 `button`。可选值为：\n\n* `submit`：点击按钮将表单数据提交给服务器\n* `reset`：点击按钮将表单中所有组件重置为初始值\n* `button`：按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时可用",
-              "fieldName": "type",
+              "privacy": "protected",
+              "description": "最终获得焦点的元素",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "模拟鼠标点击元素",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "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"
               }
             },
             {
-              "name": "form",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "blur",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "关联的 `form` 元素。此属性值必须为同一页面中的一个 `<form>` 元素的 `id` 属性。\n\n如果此属性未指定，则元素必须是 `form` 元素的后代。利用此属性，你可以将元素放置在页面中的任何位置，而不仅仅是作为 `form` 元素的后代。\n\n**Note**：仅在未指定 `href` 属性时可用",
-              "fieldName": "form",
+              "description": "从当前元素中移除焦点",
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "formaction",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "firstUpdated",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "\n指定提交表单的 URL。\n\n指定了该属性时，将覆盖 `form` 元素的 `action` 属性。\n\n**Note**：仅在未指定 `href` 属性、且 `type=\"submit\"` 时可用。",
-              "fieldName": "formAction",
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
               "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"
+              "kind": "method",
+              "name": "update",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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",
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "formmethod",
-              "type": {
-                "text": "| /*来自表单的数据被包含在表单内容中，被发送到服务器*/ 'post'\n    | /*来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法*/ 'get' | undefined"
+              "kind": "method",
+              "name": "updated",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "指定提交表单使用的 HTTP 方法。可选值为：\n\n* `post`：来自表单的数据被包含在表单内容中，被发送到服务器\n* `get`：来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法\n\n指定了该属性时，将覆盖 `form` 元素的 `method` 属性。\n\n**Note**：仅在未指定 `href` 属性、且 `type=\"submit\"` 时可用。",
-              "fieldName": "formMethod",
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "formnovalidate",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "manageFocusElementTabindex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
               },
-              "default": "false",
-              "description": "指定了该属性时，表示当表单被提交时不需要验证。\n\n指定了该属性时，将覆盖 `form` 元素的 `novalidate` 属性。\n\n**Note**：仅在未指定 `href` 属性、且 `type=\"submit\"` 时可用。",
-              "fieldName": "formNoValidate",
+              "parameters": [
+                {
+                  "name": "tabIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "ButtonBase",
                 "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
-              "name": "formtarget",
-              "type": {
-                "text": "| /*默认。在同一框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
+              "kind": "method",
+              "name": "manageAutoFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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"
               }
-            }
-          ],
-          "superclass": {
-            "name": "ButtonBase",
-            "module": "/packages/mdui/src/components/button/button-base.js"
-          },
-          "summary": "纸片组件\n\n```html\n<mdui-chip>Chip</mdui-chip>\n```",
-          "tagName": "mdui-chip",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Chip",
-          "declaration": {
-            "name": "Chip",
-            "module": "packages/mdui/src/components/chip/index.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "mdui-chip",
-          "declaration": {
-            "name": "Chip",
-            "module": "packages/mdui/src/components/chip/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/mdui/src/components/card/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Card",
-          "cssProperties": [
-            {
-              "description": "组件的圆角大小。可以指定一个具体的像素值；但更推荐[引用设计令牌](/docs/2/styles/design-tokens#shape-corner)",
-              "name": "--shape-corner"
-            }
-          ],
-          "slots": [
-            {
-              "description": "卡片内容",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| /*具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`*/ 'elevated'\n    | /*与背景的分离度最小*/ 'filled'\n    | /*具有边框，与背景的分离度最大*/ 'outlined'"
-              },
-              "privacy": "public",
-              "default": "'elevated'",
-              "description": "卡片形状。可选值为：\n\n* `elevated`：具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`\n* `filled`：与背景的分离度最小\n* `outlined`：具有边框，与背景的分离度最大",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "是否可点击。为 `true` 时，会添加鼠标悬浮效果、及点击涟漪效果",
-              "attribute": "clickable",
-              "reflects": true
             },
             {
               "kind": "field",
@@ -6211,301 +6098,256 @@
               "default": "false",
               "description": "是否禁用",
               "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "rippleRef",
-              "type": {
-                "text": "Ref<Ripple>"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "rippleElement",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "rippleDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "focusElement",
-              "type": {
-                "text": "HTMLElement | null | undefined"
-              },
-              "privacy": "protected",
-              "description": "最终获得焦点的元素",
-              "readonly": true,
+              "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": "focusDisabled",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "protected",
-              "description": "父类要实现该属性，表示是否禁用 focus 状态",
-              "readonly": true,
+              "privacy": "public",
+              "default": "false",
+              "description": "是否为加载中状态",
+              "attribute": "loading",
+              "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": "href",
+              "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      | /*如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文*/ '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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\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    }",
-                  "type": {
-                    "text": "RenderAnchorOptions"
-                  }
-                }
-              ],
+              "privacy": "public",
+              "description": "\n指定提交表单的 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    | /*来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法*/ 'get' | undefined"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
-              "attribute": "focused",
+              "privacy": "public",
+              "description": "指定提交表单使用的 HTTP 方法。可选值为：\n\n* `post`：来自表单的数据被包含在表单内容中，被发送到服务器\n* `get`：来自表单的数据以 `?` 作为分隔符被附加到 form 的 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": "_manipulatingTabindex",
+              "name": "formTarget",
               "type": {
-                "text": "boolean"
+                "text": "| /*默认。在同一框架中打开*/ '_self'\n    | /*在新窗口中打开*/ '_blank'\n    | /*在父框架中打开*/ '_parent'\n    | /*在整个窗口中打开*/ '_top' | undefined"
               },
-              "privacy": "private",
-              "default": "false",
+              "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": "_tabIndex",
+              "name": "formController",
               "type": {
-                "text": "number"
+                "text": "FormController"
               },
               "privacy": "private",
-              "default": "0",
+              "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": "_lastFocusDisabled",
+              "name": "validity",
               "type": {
-                "text": "boolean | undefined"
+                "text": "ValidityState | 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": "validationMessage",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
               "privacy": "public",
-              "description": "通过 Tab 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
-              "attribute": "tabindex",
-              "reflects": true,
+              "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": "method",
-              "name": "click",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "rippleDisabled",
+              "type": {
+                "text": "boolean"
               },
-              "description": "模拟鼠标点击元素",
+              "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": "focus",
+              "name": "checkValidity",
               "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`",
               "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": "reportValidity",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "从当前元素中移除焦点",
+              "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": "firstUpdated",
-              "privacy": "protected",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -6513,95 +6355,67 @@
               },
               "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"
               }
             }
           ],
@@ -6614,14 +6428,26 @@
               "description": "失去焦点时触发",
               "name": "blur"
             },
+            {
+              "description": "表单字段验证未通过时触发",
+              "name": "invalid"
+            },
+            {
+              "description": "选中状态变更时触发",
+              "name": "change"
+            },
+            {
+              "description": "点击删除图标时触发",
+              "name": "delete"
+            },
             {
               "name": "keydown",
               "type": {
                 "text": "KeyboardEvent"
               },
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             }
           ],
@@ -6629,29 +6455,79 @@
             {
               "name": "variant",
               "type": {
-                "text": "| /*具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`*/ 'elevated'\n    | /*与背景的分离度最小*/ 'filled'\n    | /*具有边框，与背景的分离度最大*/ 'outlined'"
+                "text": "| /*用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能*/ 'assist'\n    | /*用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤*/ 'filter'\n    | /*用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人*/ 'input'\n    | /*用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择*/ 'suggestion'"
               },
-              "default": "'elevated'",
-              "description": "卡片形状。可选值为：\n\n* `elevated`：具有阴影，与背景的分离度比 `filled` 更高，但小于 `outlined`\n* `filled`：与背景的分离度最小\n* `outlined`：具有边框，与背景的分离度最大",
+              "default": "'assist'",
+              "description": "纸片形状。可选值为：\n\n* `assist`：用于显示和当前上下文相关的辅助操作。例如在点餐页面，提供分享，收藏等功能\n* `filter`：用于对内容进行筛选。例如在搜索结果页，对搜索结果进行过滤\n* `input`：用于表示用户输入的信息片段。例如 Gmail 中“收件人”字段中的联系人\n* `suggestion`：用于提供动态生成的推荐信息，以简化用户操作。例如在聊天应用中猜测用户可能想发送的信息，供用户选择",
               "fieldName": "variant"
             },
             {
-              "name": "clickable",
+              "name": "elevated",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否可点击。为 `true` 时，会添加鼠标悬浮效果、及点击涟漪效果",
-              "fieldName": "clickable"
+              "description": "是否包含阴影",
+              "fieldName": "elevated"
             },
             {
-              "name": "disabled",
+              "name": "selectable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "是否禁用",
-              "fieldName": "disabled"
+              "description": "是否可选中",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否为选中状态",
+              "fieldName": "selected"
+            },
+            {
+              "name": "deletable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否可删除。为 `true` 时，在右侧会显示删除图标图标",
+              "fieldName": "deletable"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "左侧的 Material Icons 图标名。也可以通过 `slot=\"icon\"` 设置",
+              "fieldName": "icon"
+            },
+            {
+              "name": "selected-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "选中状态，左侧的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
+              "fieldName": "selectedIcon"
+            },
+            {
+              "name": "end-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"end-icon\"` 设置",
+              "fieldName": "endIcon"
+            },
+            {
+              "name": "delete-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "右侧的 Material Icons 图标名。也可以通过 `slot=\"delete-icon\"` 设置",
+              "fieldName": "deleteIcon"
             },
             {
               "name": "href",
@@ -6661,8 +6537,8 @@
               "description": "链接指向的页面的 URL。\n\n若指定了该属性，则组件内部会渲染为 `<a>` 元素，并可以使用链接相关的属性",
               "fieldName": "href",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
@@ -6673,8 +6549,8 @@
               "description": "被下载的超链接目标。\n\n**Note**：仅在指定了 `href` 属性时可用",
               "fieldName": "download",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
@@ -6685,8 +6561,8 @@
               "description": "在何处打开链接。可选值为：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在相同的框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在指定了 `href` 属性时可用",
               "fieldName": "target",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
@@ -6697,8 +6573,8 @@
               "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`：如果超链接会创建一个非辅助浏览上下文的顶级浏览上下文（即以 `_blank` 作为 `target` 属性值），则创建一个辅助浏览上下文\n* `prev`：表示当前文档是系列的一部分，被引用的文档是该系列中的上一个文档\n* `search`：给出一个资源的链接，可以用来搜索当前文件及其相关页面\n* `tag`：给出一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用",
               "fieldName": "rel",
               "inheritedFrom": {
-                "name": "AnchorMixin",
-                "module": "packages/shared/src/mixins/anchor.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
@@ -6710,8 +6586,8 @@
               "description": "是否在页面加载完成后自动获得焦点",
               "fieldName": "autofocus",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
               }
             },
             {
@@ -6723,74 +6599,297 @@
               "description": "是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性\n添加到 :host 元素上，供 CSS 选择器添加样式",
               "fieldName": "focused",
               "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "packages/shared/src/mixins/focusable.ts"
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "name": "focus-visible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否通过键盘切换获得了焦点\n添加到 :host 元素上，供 CSS 选择器添加样式",
+              "fieldName": "focusVisible",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "name": "tabindex",
+              "type": {
+                "text": "number"
+              },
+              "description": "通过 Tab 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
+              "fieldName": "tabIndex",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否禁用",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ButtonBase",
+                "module": "packages/mdui/src/components/button/button-base.ts"
+              }
+            },
+            {
+              "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": "\n指定提交表单的 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    | /*来自表单的数据以 `?` 作为分隔符被附加到 form 的 URI 属性中，得到的 URI 被发送到服务器。当表单没有副作用，且仅包含 ASCII 字符时使用这种方法*/ 'get' | undefined"
+              },
+              "description": "指定提交表单使用的 HTTP 方法。可选值为：\n\n* `post`：来自表单的数据被包含在表单内容中，被发送到服务器\n* `get`：来自表单的数据以 `?` 作为分隔符被附加到 form 的 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": "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 键在元素之间切换焦点时，tabIndex 属性指定了元素获取焦点的顺序",
-              "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": [
+          "superclass": {
+            "name": "ButtonBase",
+            "module": "/packages/mdui/src/components/button/button-base.js"
+          },
+          "summary": "纸片组件\n\n```html\n<mdui-chip>Chip</mdui-chip>\n```",
+          "tagName": "mdui-chip",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Chip",
+          "declaration": {
+            "name": "Chip",
+            "module": "packages/mdui/src/components/chip/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "mdui-chip",
+          "declaration": {
+            "name": "Chip",
+            "module": "packages/mdui/src/components/chip/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/mdui/src/components/circular-progress/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CircularProgress",
+          "members": [
             {
-              "name": "AnchorMixin",
-              "package": "@mdui/shared/mixins/anchor.js"
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "default": "1",
+              "description": "进度指示器的最大值，默认为 1",
+              "attribute": "max",
+              "reflects": true
             },
             {
-              "name": "RippleMixin",
-              "module": "/packages/mdui/src/components/ripple/ripple-mixin.js"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "description": "进度指示器的当前值。若未指定该值，则为不确定状态",
+              "attribute": "value"
             },
             {
-              "name": "FocusableMixin",
-              "package": "@mdui/shared/mixins/focusable.js"
+              "kind": "method",
+              "name": "renderDeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderInDeterminate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "进度指示器的最大值，默认为 1",
+              "fieldName": "max"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "进度指示器的当前值。若未指定该值，则为不确定状态",
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "卡片组件\n\n```html\n<mdui-card>card content</mdui-card>\n```",
-          "tagName": "mdui-card",
+          "summary": "圆形进度指示器组件\n\n```html\n<mdui-circular-progress></mdui-circular-progress>\n```",
+          "tagName": "mdui-circular-progress",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "CircularProgress",
           "declaration": {
-            "name": "Card",
-            "module": "packages/mdui/src/components/card/index.ts"
+            "name": "CircularProgress",
+            "module": "packages/mdui/src/components/circular-progress/index.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "mdui-card",
+          "name": "mdui-circular-progress",
           "declaration": {
-            "name": "Card",
-            "module": "packages/mdui/src/components/card/index.ts"
+            "name": "CircularProgress",
+            "module": "packages/mdui/src/components/circular-progress/index.ts"
           }
         }
       ]
@@ -7084,190 +7183,91 @@
             },
             {
               "kind": "method",
-              "name": "syncItems",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "updateActive",
-              "privacy": "private"
-            }
-          ],
-          "events": [
-            {
-              "description": "当前打开的折叠面板项改变时触发",
-              "name": "change"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "accordion",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否为手风琴模式",
-              "fieldName": "accordion"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string | string[] | undefined"
-              },
-              "description": "当前打开的 `<mdui-collapse-item>` 的值\n\nNote:\n该属性的 HTML 属性始终为字符串，且仅在 `accordion` 为 `true` 时可以设置初始值；\n该属性的 JavaScript 属性值在 `accordion` 为 `true` 时为字符串、在 `accordion` 为 `false` 时为字符串数组。\n所以，在 `accordion` 为 `false` 时，如果要修改该值，只能通过修改 JavaScript 属性值实现。",
-              "fieldName": "value"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "是否禁用该折叠面板",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "summary": "折叠面板组件。需与 `<mdui-collapse-item>` 组件配合使用\n\n```html\n<mdui-collapse>\n..<mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n..<mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
-          "tagName": "mdui-collapse",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Collapse",
-          "declaration": {
-            "name": "Collapse",
-            "module": "packages/mdui/src/components/collapse/collapse.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "mdui-collapse",
-          "declaration": {
-            "name": "Collapse",
-            "module": "packages/mdui/src/components/collapse/collapse.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/mdui/src/components/circular-progress/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CircularProgress",
-          "members": [
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "1",
-              "description": "进度指示器的最大值，默认为 1",
-              "attribute": "max",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "public",
-              "description": "进度指示器的当前值。若未指定该值，则为不确定状态",
-              "attribute": "value"
+              "name": "syncItems",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderDeterminate",
+              "name": "onClick",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "renderInDeterminate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "name": "onSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateActive",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "当前打开的折叠面板项改变时触发",
+              "name": "change"
             }
           ],
           "attributes": [
             {
-              "name": "max",
+              "name": "accordion",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "进度指示器的最大值，默认为 1",
-              "fieldName": "max"
+              "default": "false",
+              "description": "是否为手风琴模式",
+              "fieldName": "accordion"
             },
             {
               "name": "value",
               "type": {
-                "text": "number | undefined"
+                "text": "string | string[] | undefined"
               },
-              "description": "进度指示器的当前值。若未指定该值，则为不确定状态",
+              "description": "当前打开的 `<mdui-collapse-item>` 的值\n\nNote:\n该属性的 HTML 属性始终为字符串，且仅在 `accordion` 为 `true` 时可以设置初始值；\n该属性的 JavaScript 属性值在 `accordion` 为 `true` 时为字符串、在 `accordion` 为 `false` 时为字符串数组。\n所以，在 `accordion` 为 `false` 时，如果要修改该值，只能通过修改 JavaScript 属性值实现。",
               "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "是否禁用该折叠面板",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "圆形进度指示器组件\n\n```html\n<mdui-circular-progress></mdui-circular-progress>\n```",
-          "tagName": "mdui-circular-progress",
+          "summary": "折叠面板组件。需与 `<mdui-collapse-item>` 组件配合使用\n\n```html\n<mdui-collapse>\n..<mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n..<mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
+          "tagName": "mdui-collapse",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CircularProgress",
+          "name": "Collapse",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "packages/mdui/src/components/circular-progress/index.ts"
+            "name": "Collapse",
+            "module": "packages/mdui/src/components/collapse/collapse.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "mdui-circular-progress",
+          "name": "mdui-collapse",
           "declaration": {
-            "name": "CircularProgress",
-            "module": "packages/mdui/src/components/circular-progress/index.ts"
+            "name": "Collapse",
+            "module": "packages/mdui/src/components/collapse/collapse.ts"
           }
         }
       ]
@@ -8245,97 +8245,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/mdui/src/components/icon/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Icon",
-          "slots": [
-            {
-              "description": "`svg` 图标的内容",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "public",
-              "description": "Material Icons 图标名",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "public",
-              "description": "svg 图标的路径",
-              "attribute": "src",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, '[default]')"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Material Icons 图标名",
-              "fieldName": "name"
-            },
-            {
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "svg 图标的路径",
-              "fieldName": "src"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "summary": "图标组件\n\n```html\n<mdui-icon name=\"search\"></mdui-icon>\n```",
-          "tagName": "mdui-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "packages/mdui/src/components/icon/index.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "mdui-icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "packages/mdui/src/components/icon/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/mdui/src/components/fab/index.ts",
@@ -9516,6 +9425,97 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/mdui/src/components/icon/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Icon",
+          "slots": [
+            {
+              "description": "`svg` 图标的内容",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "Material Icons 图标名",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "svg 图标的路径",
+              "attribute": "src",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]')"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Material Icons 图标名",
+              "fieldName": "name"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "svg 图标的路径",
+              "fieldName": "src"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "图标组件\n\n```html\n<mdui-icon name=\"search\"></mdui-icon>\n```",
+          "tagName": "mdui-icon",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Icon",
+          "declaration": {
+            "name": "Icon",
+            "module": "packages/mdui/src/components/icon/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "mdui-icon",
+          "declaration": {
+            "name": "Icon",
+            "module": "packages/mdui/src/components/icon/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/mdui/src/components/layout/helper.ts",