mdui 2.1.3 → 2.1.5

package/components/dropdown/index.js

@@ -2,6 +2,7 @@ import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, property, queryAssignedElements, } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
+// eslint-disable-next-line import/extensions
 import { getOverflowAncestors } from '@floating-ui/utils/dom';
 import { $ } from '@mdui/jq/$.js';
 import '@mdui/jq/methods/height.js';
@@ -36,7 +37,7 @@ import { style } from './style.js';
  * @event closed - 下拉组件关闭动画完成时，事件被触发
  *
  * @slot - 下拉组件的内容
- * @slot trigger - 触发下拉组件的元素，例如 [`<mdui-button>`](/docs/2/components/button) 元素
+ * @slot trigger - 触发下拉组件的元素，例如 [`<mdui-button>`](/zh-cn/docs/2/components/button) 元素
  *
  * @csspart trigger - 触发下拉组件的元素的容器，即 `trigger` slot 的容器
  * @csspart panel - 下拉组件内容的容器
@@ -83,7 +84,7 @@ let Dropdown = class Dropdown extends MduiElement {
          */
         this.placement = 'auto';
         /**
-         * 点击 [`<mdui-menu-item>`](/docs/2/components/menu#menu-item-api) 后，下拉组件是否保持打开状态
+         * 点击 [`<mdui-menu-item>`](/zh-cn/docs/2/components/menu#menu-item-api) 后，下拉组件是否保持打开状态
          */
         this.stayOpenOnClick = false;
         /**
@@ -314,9 +315,15 @@ let Dropdown = class Dropdown extends MduiElement {
         this.open = !this.open;
     }
     onPanelClick(e) {
+        const $target = $(e.target);
         if (!this.disabled &&
             !this.stayOpenOnClick &&
-            $(e.target).is('mdui-menu-item')) {
+            $target.is('mdui-menu-item')) {
+            // 如果点击的是有子菜单的菜单项，不关闭 dropdown。hasSubmenu 是 menu-item 的私有方法
+            const menuItem = e.target;
+            if (menuItem.hasSubmenu) {
+                return;
+            }
             this.open = false;
         }
     }

package/components/fab/index.d.ts

@@ -21,9 +21,9 @@ import type { TemplateResult, CSSResultGroup } from 'lit';
  * @csspart icon - 左侧的图标
  * @csspart loading - 加载中状态的 `<mdui-circular-progress>` 元素
  *
- * @cssprop --shape-corner-small - `size="small"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-normal - `size="normal"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-large - `size="large"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-small - `size="small"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-normal - `size="normal"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-large - `size="large"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class Fab extends ButtonBase<FabEventMap> {
     static styles: CSSResultGroup;

package/components/fab/index.js

@@ -31,9 +31,9 @@ import { style } from './style.js';
  * @csspart icon - 左侧的图标
  * @csspart loading - 加载中状态的 `<mdui-circular-progress>` 元素
  *
- * @cssprop --shape-corner-small - `size="small"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-normal - `size="normal"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-large - `size="large"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-small - `size="small"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-normal - `size="normal"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-large - `size="large"` 时，组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let Fab = class Fab extends ButtonBase {
     constructor() {

package/components/icon/index.js

@@ -34,7 +34,7 @@ let Icon = class Icon extends MduiElement {
                     ['sharp', 'Material Icons Sharp'],
                     ['two-tone', 'Material Icons Two Tone'],
                 ]);
-                return html `<span style="${styleMap({ fontFamily: familyMap.get(variant) })}">${name}</span>`;
+                return html `<span translate="no" style="${styleMap({ fontFamily: familyMap.get(variant) })}">${name}</span>`;
             }
             if (this.src) {
                 return html `${until(ajax({ url: this.src }).then(unsafeSVG))}`;

package/components/layout/layout-item-base.d.ts

@@ -3,7 +3,7 @@ import type { LayoutManager, LayoutPlacement } from './helper.js';
 import type { PlainObject } from '@mdui/jq/shared/helper.js';
 export declare class LayoutItemBase<E = PlainObject> extends MduiElement<E> {
     /**
-     * 该组件在 [`<mdui-layout>`](/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
+     * 该组件在 [`<mdui-layout>`](/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`
      */
     order?: number;
     protected layoutManager?: LayoutManager;

package/components/layout/layout.d.ts

@@ -11,7 +11,7 @@ import type { CSSResultGroup, TemplateResult } from 'lit';
  * </mdui-layout>
  * ```
  *
- * @slot - 可以包含 [`<mdui-top-app-bar>`](/docs/2/components/top-app-bar)、[`<mdui-bottom-app-bar>`](/docs/2/components/bottom-app-bar)、[`<mdui-navigation-bar>`](/docs/2/components/navigation-bar)、[`<mdui-navigation-drawer>`](/docs/2/components/navigation-drawer)、[`<mdui-navigation-rail>`](/docs/2/components/navigation-rail)、`<mdui-layout-item>`、`<mdui-layout-main>` 元素
+ * @slot - 可以包含 [`<mdui-top-app-bar>`](/zh-cn/docs/2/components/top-app-bar)、[`<mdui-bottom-app-bar>`](/zh-cn/docs/2/components/bottom-app-bar)、[`<mdui-navigation-bar>`](/zh-cn/docs/2/components/navigation-bar)、[`<mdui-navigation-drawer>`](/zh-cn/docs/2/components/navigation-drawer)、[`<mdui-navigation-rail>`](/zh-cn/docs/2/components/navigation-rail)、`<mdui-layout-item>`、`<mdui-layout-main>` 元素
  */
 export declare class Layout extends MduiElement<LayoutEventMap> {
     static styles: CSSResultGroup;

package/components/layout/layout.js

@@ -16,7 +16,7 @@ import { layoutStyle } from './layout-style.js';
  * </mdui-layout>
  * ```
  *
- * @slot - 可以包含 [`<mdui-top-app-bar>`](/docs/2/components/top-app-bar)、[`<mdui-bottom-app-bar>`](/docs/2/components/bottom-app-bar)、[`<mdui-navigation-bar>`](/docs/2/components/navigation-bar)、[`<mdui-navigation-drawer>`](/docs/2/components/navigation-drawer)、[`<mdui-navigation-rail>`](/docs/2/components/navigation-rail)、`<mdui-layout-item>`、`<mdui-layout-main>` 元素
+ * @slot - 可以包含 [`<mdui-top-app-bar>`](/zh-cn/docs/2/components/top-app-bar)、[`<mdui-bottom-app-bar>`](/zh-cn/docs/2/components/bottom-app-bar)、[`<mdui-navigation-bar>`](/zh-cn/docs/2/components/navigation-bar)、[`<mdui-navigation-drawer>`](/zh-cn/docs/2/components/navigation-drawer)、[`<mdui-navigation-rail>`](/zh-cn/docs/2/components/navigation-rail)、`<mdui-layout-item>`、`<mdui-layout-main>` 元素
  */
 let Layout = class Layout extends MduiElement {
     constructor() {

package/components/linear-progress/index.d.ts

@@ -1,7 +1,7 @@
 import { MduiElement } from '@mdui/shared/base/mdui-element.js';
 import type { CSSResultGroup, TemplateResult } from 'lit';
 /**
- * @summary 线性进度指示器组件
+ * @summary 线性进度条组件
  *
  * ```html
  * <mdui-linear-progress></mdui-linear-progress>
@@ -9,16 +9,16 @@ import type { CSSResultGroup, TemplateResult } from 'lit';
  *
  * @csspart indicator - 指示器部分
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class LinearProgress extends MduiElement<LinearProgressEventMap> {
     static styles: CSSResultGroup;
     /**
-     * 进度指示器的最大值。默认为 `1`
+     * 进度条的最大值。默认为 `1`
      */
     max: number;
     /**
-     * 进度指示器的当前值。如果未指定该值，则处于不确定状态
+     * 进度条的当前值。如果未指定该值，则处于不确定状态
      */
     value?: number;
     protected render(): TemplateResult;

package/components/linear-progress/index.js

@@ -7,7 +7,7 @@ import { MduiElement } from '@mdui/shared/base/mdui-element.js';
 import { componentStyle } from '@mdui/shared/lit-styles/component-style.js';
 import { style } from './style.js';
 /**
- * @summary 线性进度指示器组件
+ * @summary 线性进度条组件
  *
  * ```html
  * <mdui-linear-progress></mdui-linear-progress>
@@ -15,13 +15,13 @@ import { style } from './style.js';
  *
  * @csspart indicator - 指示器部分
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let LinearProgress = class LinearProgress extends MduiElement {
     constructor() {
         super(...arguments);
         /**
-         * 进度指示器的最大值。默认为 `1`
+         * 进度条的最大值。默认为 `1`
          */
         this.max = 1;
     }

package/components/list/list-item.d.ts

@@ -30,8 +30,8 @@ declare const ListItem_base: import("@lit/reactive-element/decorators/base.js").
  * @csspart headline - 主标题
  * @csspart description - 副标题
  *
- * @cssprop --shape-corner - 列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-rounded - 指定了 `rounded` 属性时，列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-rounded - 指定了 `rounded` 属性时，列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class ListItem extends ListItem_base<ListItemEventMap> {
     static styles: CSSResultGroup;
@@ -68,7 +68,7 @@ export declare class ListItem extends ListItem_base<ListItemEventMap> {
      */
     endIcon?: string;
     /**
-     * 是否禁用该列表项，禁用后，列表项将变为灰色，且其中的 [`<mdui-checkbox>`](/docs/2/components/checkbox)、[`<mdui-radio>`](/docs/2/components/radio)、[`<mdui-switch>`](/docs/2/components/switch) 等也将禁用
+     * 是否禁用该列表项，禁用后，列表项将变为灰色，且其中的 [`<mdui-checkbox>`](/zh-cn/docs/2/components/checkbox)、[`<mdui-radio>`](/zh-cn/docs/2/components/radio)、[`<mdui-switch>`](/zh-cn/docs/2/components/switch) 等也将禁用
      */
     disabled: boolean;
     /**
@@ -76,7 +76,7 @@ export declare class ListItem extends ListItem_base<ListItemEventMap> {
      */
     active: boolean;
     /**
-     * 是否使列表项不可点击。设置后，列表项中的 [`<mdui-checkbox>`](/docs/2/components/checkbox)、[`<mdui-radio>`](/docs/2/components/radio)、[`<mdui-switch>`](/docs/2/components/switch) 等仍可交互
+     * 是否使列表项不可点击。设置后，列表项中的 [`<mdui-checkbox>`](/zh-cn/docs/2/components/checkbox)、[`<mdui-radio>`](/zh-cn/docs/2/components/radio)、[`<mdui-switch>`](/zh-cn/docs/2/components/switch) 等仍可交互
      */
     nonclickable: boolean;
     /**

package/components/list/list-item.js

@@ -41,14 +41,14 @@ import { listItemStyle } from './list-item-style.js';
  * @csspart headline - 主标题
  * @csspart description - 副标题
  *
- * @cssprop --shape-corner - 列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
- * @cssprop --shape-corner-rounded - 指定了 `rounded` 属性时，列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-rounded - 指定了 `rounded` 属性时，列表项的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let ListItem = class ListItem extends AnchorMixin(RippleMixin(FocusableMixin(MduiElement))) {
     constructor() {
         super(...arguments);
         /**
-         * 是否禁用该列表项，禁用后，列表项将变为灰色，且其中的 [`<mdui-checkbox>`](/docs/2/components/checkbox)、[`<mdui-radio>`](/docs/2/components/radio)、[`<mdui-switch>`](/docs/2/components/switch) 等也将禁用
+         * 是否禁用该列表项，禁用后，列表项将变为灰色，且其中的 [`<mdui-checkbox>`](/zh-cn/docs/2/components/checkbox)、[`<mdui-radio>`](/zh-cn/docs/2/components/radio)、[`<mdui-switch>`](/zh-cn/docs/2/components/switch) 等也将禁用
          */
         this.disabled = false;
         /**
@@ -56,7 +56,7 @@ let ListItem = class ListItem extends AnchorMixin(RippleMixin(FocusableMixin(Mdu
          */
         this.active = false;
         /**
-         * 是否使列表项不可点击。设置后，列表项中的 [`<mdui-checkbox>`](/docs/2/components/checkbox)、[`<mdui-radio>`](/docs/2/components/radio)、[`<mdui-switch>`](/docs/2/components/switch) 等仍可交互
+         * 是否使列表项不可点击。设置后，列表项中的 [`<mdui-checkbox>`](/zh-cn/docs/2/components/checkbox)、[`<mdui-radio>`](/zh-cn/docs/2/components/radio)、[`<mdui-switch>`](/zh-cn/docs/2/components/switch) 等仍可交互
          */
         this.nonclickable = false;
         /**
@@ -92,16 +92,17 @@ let ListItem = class ListItem extends AnchorMixin(RippleMixin(FocusableMixin(Mdu
         const hasIcon = this.icon || this.hasSlotController.test('icon');
         const hasEndIcon = this.endIcon || this.hasSlotController.test('end-icon');
         const hasDescription = this.description || this.hasSlotController.test('description');
+        const isIcon = (element) => isNodeName(element, 'mdui-icon') ||
+            getNodeName(element).startsWith('mdui-icon-');
         const className = cc({
             container: true,
             preset,
             'has-icon': hasIcon,
             'has-end-icon': hasEndIcon,
             'has-description': hasDescription,
-            // icon slot 中的元素是否为 mdui-icon 或 mdui-icon-* 组件
-            'is-icon': isNodeName(this.iconElements[0], 'mdui-icon'),
-            // end-icon slot 中的元素是否为 mdui-icon 或 mdui-icon-* 组件
-            'is-end-icon': getNodeName(this.endIconElements[0]).startsWith('mdui-icon-'),
+            // icon, end-icon slot 中的元素是否为 mdui-icon 或 mdui-icon-* 组件
+            'is-icon': isIcon(this.iconElements[0]),
+            'is-end-icon': isIcon(this.endIconElements[0]),
         });
         return html `<mdui-ripple ${ref(this.rippleRef)} .noRipple="${this.noRipple}"></mdui-ripple>${this.href && !this.disabled
             ? this.renderAnchor({

package/components/menu/menu-item.d.ts

@@ -1,3 +1,5 @@
+import '@mdui/icons-shared/arrow-right.js';
+import '@mdui/icons-shared/check.js';
 import '@mdui/jq/methods/css.js';
 import '@mdui/jq/methods/height.js';
 import '@mdui/jq/methods/innerHeight.js';
@@ -5,8 +7,6 @@ import '@mdui/jq/methods/innerWidth.js';
 import '@mdui/jq/methods/width.js';
 import '@mdui/jq/static/contains.js';
 import { MduiElement } from '@mdui/shared/base/mdui-element.js';
-import '@mdui/shared/icons/arrow-right.js';
-import '@mdui/shared/icons/check.js';
 import '../icon.js';
 import type { Ripple } from '../ripple/index.js';
 import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';

package/components/menu/menu-item.js

@@ -1,8 +1,11 @@
 import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { when } from 'lit/directives/when.js';
+import '@mdui/icons-shared/arrow-right.js';
+import '@mdui/icons-shared/check.js';
 import cc from 'classcat';
 import { $ } from '@mdui/jq/$.js';
 import '@mdui/jq/methods/css.js';
@@ -21,8 +24,6 @@ import { booleanConverter } from '@mdui/shared/helpers/decorator.js';
 import { getDuration, getEasing } from '@mdui/shared/helpers/motion.js';
 import { nothingTemplate } from '@mdui/shared/helpers/template.js';
 import { uniqueId } from '@mdui/shared/helpers/uniqueId.js';
-import '@mdui/shared/icons/arrow-right.js';
-import '@mdui/shared/icons/check.js';
 import { componentStyle } from '@mdui/shared/lit-styles/component-style.js';
 import { AnchorMixin } from '@mdui/shared/mixins/anchor.js';
 import { FocusableMixin } from '@mdui/shared/mixins/focusable.js';
@@ -349,7 +350,7 @@ let MenuItem = class MenuItem extends AnchorMixin(RippleMixin(FocusableMixin(Mdu
                 ? html `<mdui-icon name="${this.selectedIcon}" class="i"></mdui-icon>`
                 : html `<mdui-icon-check class="i"></mdui-icon-check>`}</slot>`
             : html `<slot name="icon" part="icon" class="icon">${hasIcon
-                ? html `<mdui-icon name="${this.icon}" class="i"></mdui-icon>`
+                ? html `<mdui-icon name="${ifDefined(this.icon)}" class="i"></mdui-icon>`
                 : nothingTemplate}</slot>`}<div class="label-container"><slot part="label" class="label"></slot></div><slot name="end-text" part="end-text" class="end-text">${this.endText}</slot>${useDefaultEndIcon
             ? html `<mdui-icon-arrow-right part="end-icon" class="end-icon arrow-right"></mdui-icon-arrow-right>`
             : html `<slot name="end-icon" part="end-icon" class="end-icon">${this.endIcon

package/components/menu/menu.d.ts

@@ -26,9 +26,9 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
  *
  * @event change - 菜单项选中状态变化时触发
  *
- * @slot - 子菜单项（`<mdui-menu-item>`）、分割线（[`<mdui-divider>`](/docs/2/components/divider)）等元素
+ * @slot - 子菜单项（`<mdui-menu-item>`）、分隔线（[`<mdui-divider>`](/zh-cn/docs/2/components/divider)）等元素
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class Menu extends MduiElement<MenuEventMap> {
     static styles: CSSResultGroup;

package/components/menu/menu.js

@@ -37,9 +37,9 @@ import { menuStyle } from './menu-style.js';
  *
  * @event change - 菜单项选中状态变化时触发
  *
- * @slot - 子菜单项（`<mdui-menu-item>`）、分割线（[`<mdui-divider>`](/docs/2/components/divider)）等元素
+ * @slot - 子菜单项（`<mdui-menu-item>`）、分隔线（[`<mdui-divider>`](/zh-cn/docs/2/components/divider)）等元素
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let Menu = class Menu extends MduiElement {
     constructor() {
@@ -402,7 +402,6 @@ let Menu = class Menu extends MduiElement {
 Menu.styles = [componentStyle, menuStyle];
 __decorate([
     property({ reflect: true })
-    // eslint-disable-next-line prettier/prettier
 ], Menu.prototype, "selects", void 0);
 __decorate([
     property()

package/components/navigation-bar/navigation-bar-item.d.ts

@@ -29,7 +29,7 @@ declare const NavigationBarItem_base: import("@lit/reactive-element/decorators/b
  * @csspart active-icon - 激活状态的图标
  * @csspart label - 导航项文本
  *
- * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class NavigationBarItem extends NavigationBarItem_base<NavigationBarItemEventMap> {
     static styles: CSSResultGroup;

package/components/navigation-bar/navigation-bar-item.js

@@ -40,7 +40,7 @@ import { navigationBarItemStyle } from './navigation-bar-item-style.js';
  * @csspart active-icon - 激活状态的图标
  * @csspart label - 导航项文本
  *
- * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let NavigationBarItem = class NavigationBarItem extends AnchorMixin(RippleMixin(FocusableMixin(MduiElement))) {
     constructor() {

package/components/navigation-bar/navigation-bar-style.js

@@ -1,2 +1,2 @@
 import { css } from 'lit';
-export const navigationBarStyle = css `:host{--shape-corner:var(--mdui-shape-corner-none);--z-index:2000;position:fixed;right:0;bottom:0;left:0;display:flex;flex:0 0 auto;overflow:hidden;border-radius:var(--shape-corner) var(--shape-corner) 0 0;z-index:var(--z-index);transition-property:transform;transition-duration:var(--mdui-motion-duration-long2);transition-timing-function:var(--mdui-motion-easing-emphasized);height:5rem;background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level2)}:host([scroll-target]:not([scroll-target=''])){position:absolute}:host([hide]:not([hide=false i])){transform:translateY(5.625rem);transition-duration:var(--mdui-motion-duration-short4)}`;
+export const navigationBarStyle = css `:host{--shape-corner:var(--mdui-shape-corner-none);--z-index:2000;position:fixed;right:0;bottom:0;left:0;display:flex;flex:0 0 auto;overflow:hidden;border-radius:var(--shape-corner) var(--shape-corner) 0 0;z-index:var(--z-index);transition:transform var(--mdui-motion-duration-long2) var(--mdui-motion-easing-emphasized);height:5rem;background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level2)}:host([scroll-target]:not([scroll-target=''])){position:absolute}:host([hide]:not([hide=false i])){transform:translateY(5.625rem);transition-duration:var(--mdui-motion-duration-short4)}`;

package/components/navigation-bar/navigation-bar.d.ts

@@ -23,7 +23,7 @@ declare const NavigationBar_base: import("@lit/reactive-element/decorators/base.
  *
  * @slot - `<mdui-navigation-bar-item>` 组件
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS `z-index` 值
  */
 export declare class NavigationBar extends NavigationBar_base<NavigationBarEventMap> {

package/components/navigation-bar/navigation-bar.js

@@ -27,7 +27,7 @@ import { navigationBarStyle } from './navigation-bar-style.js';
  *
  * @slot - `<mdui-navigation-bar-item>` 组件
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS `z-index` 值
  */
 let NavigationBar = class NavigationBar extends ScrollBehaviorMixin(LayoutItemBase) {

package/components/navigation-drawer/index.d.ts

@@ -6,55 +6,55 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 /**
  * 在手机端，`modal` 始终为 `true`；大于手机端时，`modal` 属性才开始生效
  *
- * @summary 侧边抽屉栏组件
+ * @summary 抽屉导航栏组件
  *
  * ```html
  * <mdui-navigation-drawer>content</mdui-navigation-drawer>
  * ```
  *
- * @event open - 抽屉栏打开之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉栏打开
- * @event opened - 抽屉栏打开动画完成之后触发
- * @event close - 抽屉栏关闭之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉栏关闭
- * @event closed - 抽屉栏关闭动画完成之后触发
+ * @event open - 抽屉导航栏打开之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉导航栏打开
+ * @event opened - 抽屉导航栏打开动画完成之后触发
+ * @event close - 抽屉导航栏关闭之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉导航栏关闭
+ * @event closed - 抽屉导航栏关闭动画完成之后触发
  * @event overlay-click - 点击遮罩层时触发
  *
- * @slot - 抽屉栏中的内容
+ * @slot - 抽屉导航栏中的内容
  *
  * @csspart overlay - 遮罩层
- * @csspart panel - 抽屉栏容器
+ * @csspart panel - 抽屉导航栏容器
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS `z-index` 值
  */
 export declare class NavigationDrawer extends LayoutItemBase<NavigationDrawerEventMap> {
     static styles: CSSResultGroup;
     /**
-     * 是否打开抽屉栏
+     * 是否打开抽屉导航栏
      */
     open: boolean;
     /**
-     * 抽屉栏打开时，是否显示遮罩层
+     * 抽屉导航栏打开时，是否显示遮罩层
      *
-     * 在窄屏设备上（屏幕宽度小于 [`--mdui-breakpoint-md`](/docs/2/styles/design-tokens#breakpoint)），会始终显示遮罩层，无视该参数
+     * 在窄屏设备上（屏幕宽度小于 [`--mdui-breakpoint-md`](/zh-cn/docs/2/styles/design-tokens#breakpoint)），会始终显示遮罩层，无视该参数
      */
     modal: boolean;
     /**
-     * 在有遮罩层的情况下，按下 ESC 键是否关闭抽屉栏
+     * 在有遮罩层的情况下，按下 ESC 键是否关闭抽屉导航栏
      */
     closeOnEsc: boolean;
     /**
-     * 点击遮罩层时，是否关闭抽屉栏
+     * 点击遮罩层时，是否关闭抽屉导航栏
      */
     closeOnOverlayClick: boolean;
     /**
-     * 抽屉栏的位置。可选值包括：
+     * 抽屉导航栏的位置。可选值包括：
      *
      * * `left`：左侧
      * * `right`：右侧
      */
     placement: /*左侧*/ 'left' | /*右侧*/ 'right';
     /**
-     * 默认情况下，抽屉栏相对于 `body` 元素显示。当该参数设置为 `true` 时，抽屉栏将相对于其父元素显示。
+     * 默认情况下，抽屉导航栏相对于 `body` 元素显示。当该属性设置为 `true` 时，抽屉导航栏将相对于其父元素显示。
      *
      * **Note**：设置该属性时，必须在父元素上手动设置样式 `position: relative; overflow: hidden;`。
      */

package/components/navigation-drawer/index.js

@@ -22,56 +22,56 @@ import { style } from './style.js';
 /**
  * 在手机端，`modal` 始终为 `true`；大于手机端时，`modal` 属性才开始生效
  *
- * @summary 侧边抽屉栏组件
+ * @summary 抽屉导航栏组件
  *
  * ```html
  * <mdui-navigation-drawer>content</mdui-navigation-drawer>
  * ```
  *
- * @event open - 抽屉栏打开之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉栏打开
- * @event opened - 抽屉栏打开动画完成之后触发
- * @event close - 抽屉栏关闭之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉栏关闭
- * @event closed - 抽屉栏关闭动画完成之后触发
+ * @event open - 抽屉导航栏打开之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉导航栏打开
+ * @event opened - 抽屉导航栏打开动画完成之后触发
+ * @event close - 抽屉导航栏关闭之前触发。可以通过调用 `event.preventDefault()` 阻止抽屉导航栏关闭
+ * @event closed - 抽屉导航栏关闭动画完成之后触发
  * @event overlay-click - 点击遮罩层时触发
  *
- * @slot - 抽屉栏中的内容
+ * @slot - 抽屉导航栏中的内容
  *
  * @csspart overlay - 遮罩层
- * @csspart panel - 抽屉栏容器
+ * @csspart panel - 抽屉导航栏容器
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS `z-index` 值
  */
 let NavigationDrawer = class NavigationDrawer extends LayoutItemBase {
     constructor() {
         super(...arguments);
         /**
-         * 是否打开抽屉栏
+         * 是否打开抽屉导航栏
          */
         this.open = false;
         /**
-         * 抽屉栏打开时，是否显示遮罩层
+         * 抽屉导航栏打开时，是否显示遮罩层
          *
-         * 在窄屏设备上（屏幕宽度小于 [`--mdui-breakpoint-md`](/docs/2/styles/design-tokens#breakpoint)），会始终显示遮罩层，无视该参数
+         * 在窄屏设备上（屏幕宽度小于 [`--mdui-breakpoint-md`](/zh-cn/docs/2/styles/design-tokens#breakpoint)），会始终显示遮罩层，无视该参数
          */
         this.modal = false;
         /**
-         * 在有遮罩层的情况下，按下 ESC 键是否关闭抽屉栏
+         * 在有遮罩层的情况下，按下 ESC 键是否关闭抽屉导航栏
          */
         this.closeOnEsc = false;
         /**
-         * 点击遮罩层时，是否关闭抽屉栏
+         * 点击遮罩层时，是否关闭抽屉导航栏
          */
         this.closeOnOverlayClick = false;
         /**
-         * 抽屉栏的位置。可选值包括：
+         * 抽屉导航栏的位置。可选值包括：
          *
          * * `left`：左侧
          * * `right`：右侧
          */
         this.placement = 'left';
         /**
-         * 默认情况下，抽屉栏相对于 `body` 元素显示。当该参数设置为 `true` 时，抽屉栏将相对于其父元素显示。
+         * 默认情况下，抽屉导航栏相对于 `body` 元素显示。当该属性设置为 `true` 时，抽屉导航栏将相对于其父元素显示。
          *
          * **Note**：设置该属性时，必须在父元素上手动设置样式 `position: relative; overflow: hidden;`。
          */
@@ -370,7 +370,6 @@ __decorate([
 ], NavigationDrawer.prototype, "closeOnOverlayClick", void 0);
 __decorate([
     property({ reflect: true })
-    // eslint-disable-next-line prettier/prettier
 ], NavigationDrawer.prototype, "placement", void 0);
 __decorate([
     property({

package/components/navigation-drawer/style.js

@@ -1,2 +1,2 @@
 import { css } from 'lit';
-export const style = css `:host{--shape-corner:var(--mdui-shape-corner-large);--z-index:2200;display:none;position:fixed;top:0;bottom:0;left:0;z-index:1;width:22.5rem}:host([placement=right]){left:initial;right:0}:host([mobile]),:host([modal]:not([modal=false i])){top:0!important;right:0;bottom:0!important;width:initial;z-index:var(--z-index)}:host([placement=right][mobile]),:host([placement=right][modal]:not([modal=false i])){left:0}:host([contained]:not([contained=false i])){position:absolute}.overlay{position:absolute;inset:0;z-index:inherit;background-color:rgba(var(--mdui-color-scrim),.4)}.panel{display:block;position:absolute;top:0;bottom:0;left:0;width:100%;overflow:auto;z-index:inherit;background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level0)}:host([mobile]) .panel,:host([modal]:not([modal=false i])) .panel{border-radius:0 var(--shape-corner) var(--shape-corner) 0;max-width:80%;width:22.5rem;background-color:rgb(var(--mdui-color-surface-container-low));box-shadow:var(--mdui-elevation-level1)}:host([placement=right]) .panel{left:initial;right:0}:host([placement=right][mobile]) .panel,:host([placement=right][modal]:not([modal=false i])) .panel{border-radius:var(--shape-corner) 0 0 var(--shape-corner)}`;
+export const style = css `:host{--shape-corner:var(--mdui-shape-corner-large);--z-index:2200;display:none;position:fixed;top:0;bottom:0;left:0;z-index:1;width:22.5rem}:host([placement=right]){left:initial;right:0}:host([mobile]),:host([modal]:not([modal=false i])){top:0!important;right:0;bottom:0!important;width:initial;z-index:var(--z-index)}:host([placement=right][mobile]),:host([placement=right][modal]:not([modal=false i])){left:0}:host([contained]:not([contained=false i])){position:absolute}.overlay{position:absolute;inset:0;z-index:inherit;background-color:rgba(var(--mdui-color-scrim),.4)}.panel{display:block;position:absolute;top:0;bottom:0;left:0;width:100%;overflow:auto;z-index:inherit;background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level0)}:host([placement=right]) .panel{left:initial;right:0}:host([mobile]) .panel,:host([modal]:not([modal=false i])) .panel{border-radius:0 var(--shape-corner) var(--shape-corner) 0;max-width:80%;width:22.5rem;background-color:rgb(var(--mdui-color-surface-container-low));box-shadow:var(--mdui-elevation-level1)}:host([placement=right][mobile]) .panel,:host([placement=right][modal]:not([modal=false i])) .panel{border-radius:var(--shape-corner) 0 0 var(--shape-corner)}`;

package/components/navigation-rail/navigation-rail-item.d.ts

@@ -29,7 +29,7 @@ declare const NavigationRailItem_base: import("@lit/reactive-element/decorators/
  * @csspart active-icon - 激活状态的图标
  * @csspart label - 文本内容
  *
- * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 export declare class NavigationRailItem extends NavigationRailItem_base<NavigationRailItemEventMap> {
     static styles: CSSResultGroup;

package/components/navigation-rail/navigation-rail-item.js

@@ -41,7 +41,7 @@ import { navigationRailItemStyle } from './navigation-rail-item-style.js';
  * @csspart active-icon - 激活状态的图标
  * @csspart label - 文本内容
  *
- * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner-indicator - 指示器的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  */
 let NavigationRailItem = class NavigationRailItem extends AnchorMixin(RippleMixin(FocusableMixin(MduiElement))) {
     constructor() {

package/components/navigation-rail/navigation-rail.d.ts

@@ -24,7 +24,7 @@ import type { CSSResultGroup, TemplateResult } from 'lit';
  * @csspart bottom - 底部元素的容器
  * @csspart items - `<mdui-navigation-rail-item>` 组件的容器
  *
- * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/docs/2/styles/design-tokens#shape-corner)
+ * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐引用[设计令牌](/zh-cn/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS `z-index` 值
  */
 export declare class NavigationRail extends LayoutItemBase<NavigationRailEventMap> {
@@ -49,13 +49,13 @@ export declare class NavigationRail extends LayoutItemBase<NavigationRailEventMa
      */
     alignment: /*顶部对齐*/ 'start' | /*居中对齐*/ 'center' | /*底部对齐*/ 'end';
     /**
-     * 默认情况下，导航栏相对于 `body` 元素显示。当该参数设置为 `true` 时，导航栏将相对于其父元素显示。
+     * 默认情况下，导航栏相对于 `body` 元素显示。当该属性设置为 `true` 时，导航栏将相对于其父元素显示。
      *
      * **Note**：设置该属性时，必须在父元素上手动设置样式 `position: relative;`。
      */
     contained: boolean;
     /**
-     * 是否在导航栏和页面内容之间添加分割线
+     * 是否在导航栏和页面内容之间添加分隔线
      */
     divider: boolean;
     private activeKey;