mdui 2.0.2 → 2.0.3

package/components/top-app-bar/top-app-bar-title.js

@@ -1,8 +1,9 @@
 import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
+import { html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
+import { MduiElement } from '@mdui/shared/base/mdui-element.js';
 import { HasSlotController } from '@mdui/shared/controllers/has-slot.js';
 import { getInnerHtmlFromSlot } from '@mdui/shared/helpers/slot.js';
 import { componentStyle } from '@mdui/shared/lit-styles/component-style.js';
@@ -25,7 +26,7 @@ import { topAppBarTitleStyle } from './top-app-bar-title-style.js';
  * @csspart label 文本内容
  * @csspart label-large 展开状态的文本内容
  */
-let TopAppBarTitle = class TopAppBarTitle extends LitElement {
+let TopAppBarTitle = class TopAppBarTitle extends MduiElement {
     constructor() {
         super(...arguments);
         /**

package/components/top-app-bar/top-app-bar.d.ts

@@ -25,7 +25,7 @@ declare const TopAppBar_base: import("@open-wc/dedupe-mixin").Constructor<import
  * @cssprop --shape-corner - 组件的圆角大小。可以指定一个具体的像素值；但更推荐[引用设计令牌](/docs/2/styles/design-tokens#shape-corner)
  * @cssprop --z-index - 组件的 CSS 的 `z-index` 值
  */
-export declare class TopAppBar extends TopAppBar_base {
+export declare class TopAppBar extends TopAppBar_base<TopAppBarEventMap> {
     static styles: CSSResultGroup;
     /**
      * 顶部应用栏形状。默认为 `small`。可选值为：
@@ -66,6 +66,12 @@ export declare class TopAppBar extends TopAppBar_base {
     protected runScrollNoThreshold(isScrollingUp: boolean, scrollTop: number): void;
     protected runScrollThreshold(isScrollingUp: boolean, scrollTop: number): void;
 }
+export interface TopAppBarEventMap {
+    show: CustomEvent<void>;
+    shown: CustomEvent<void>;
+    hide: CustomEvent<void>;
+    hidden: CustomEvent<void>;
+}
 declare global {
     interface HTMLElementTagNameMap {
         'mdui-top-app-bar': TopAppBar;

package/components/top-app-bar/top-app-bar.js

@@ -3,7 +3,6 @@ import { html } from 'lit';
 import { customElement, property, queryAssignedElements, } from 'lit/decorators.js';
 import { watch } from '@mdui/shared/decorators/watch.js';
 import { booleanConverter } from '@mdui/shared/helpers/decorator.js';
-import { emit } from '@mdui/shared/helpers/event.js';
 import { componentStyle } from '@mdui/shared/lit-styles/component-style.js';
 import { ScrollBehaviorMixin } from '@mdui/shared/mixins/scrollBehavior.js';
 import { LayoutItemBase } from '../layout/layout-item-base.js';
@@ -88,7 +87,7 @@ let TopAppBar = class TopAppBar extends ScrollBehaviorMixin(LayoutItemBase) {
         super.firstUpdated(_changedProperties);
         this.addEventListener('transitionend', (e) => {
             if (e.target === this) {
-                emit(this, this.hide ? 'hidden' : 'shown');
+                this.emit(this.hide ? 'hidden' : 'shown');
             }
         });
     }
@@ -119,15 +118,15 @@ let TopAppBar = class TopAppBar extends ScrollBehaviorMixin(LayoutItemBase) {
         if (this.hasScrollBehavior('hide')) {
             // 向下滚动
             if (!isScrollingUp && !this.hide) {
-                const requestHide = emit(this, 'hide');
-                if (!requestHide.defaultPrevented) {
+                const eventProceeded = this.emit('hide', { cancelable: true });
+                if (eventProceeded) {
                     this.hide = true;
                 }
             }
             // 向上滚动
             if (isScrollingUp && this.hide) {
-                const requestShow = emit(this, 'show');
-                if (!requestShow.defaultPrevented) {
+                const eventProceeded = this.emit('show', { cancelable: true });
+                if (eventProceeded) {
                     this.hide = false;
                 }
             }