@mdui/shared 1.0.2 → 1.0.3

package/base/mdui-element.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
+export declare class MduiElement<E> extends LitElement {
+    /**
+     * 触发自定义事件。若返回 false，表示事件被取消
+     * @param type
+     * @param options 通常只用到 cancelable 和 detail；bubbles、composed 统一不用
+     */
+    protected emit<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(type: K, options?: CustomEventInit<D>): boolean;
+}
+export interface MduiElement<E> {
+    addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(type: K, listener: (this: this, ev: M[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(type: K, listener: (this: this, ev: M[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}

package/base/mdui-element.js

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export class MduiElement extends LitElement {
+    /**
+     * 触发自定义事件。若返回 false，表示事件被取消
+     * @param type
+     * @param options 通常只用到 cancelable 和 detail；bubbles、composed 统一不用
+     */
+    emit(type, options) {
+        const event = new CustomEvent(type, Object.assign({
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail: {},
+        }, options));
+        return this.dispatchEvent(event);
+    }
+}

package/mixins/anchor.d.ts

@@ -11,7 +11,7 @@ type RenderAnchorOptions = {
     tabIndex?: number;
     refDirective?: DirectiveResult<typeof RefDirective>;
 };
-export declare class AnchorMixinInterface extends LitElement {
+export declare class AnchorMixinInterface {
     href?: string;
     download?: string;
     target?: '_blank' | '_parent' | '_self' | '_top';

package/mixins/anchor.js

@@ -20,6 +20,5 @@ export const AnchorMixin = (superclass) => {
     __decorate([
         property({ reflect: true })
     ], AnchorMixinClass.prototype, "rel", void 0);
-    // @ts-ignore
     return AnchorMixinClass;
 };

package/mixins/focusable.d.ts

@@ -4,7 +4,7 @@ import '@mdui/jq/methods/each.js';
 import '@mdui/jq/methods/removeAttr.js';
 import type { Constructor } from '@open-wc/dedupe-mixin';
 import type { LitElement } from 'lit';
-export declare class FocusableMixinInterface extends LitElement {
+export declare class FocusableMixinInterface {
     autofocus: boolean;
     tabIndex: number;
     protected get focusDisabled(): boolean;

package/mixins/focusable.js

@@ -246,8 +246,7 @@ export const FocusableMixin = (superclass) => {
         })
     ], FocusableMixinClass.prototype, "focusVisible", void 0);
     __decorate([
-        property({ type: Number })
+        property({ type: Number, attribute: 'tabindex' })
     ], FocusableMixinClass.prototype, "tabIndex", null);
-    // @ts-ignore
     return FocusableMixinClass;
 };

package/mixins/scrollBehavior.d.ts

@@ -5,7 +5,7 @@ import type { Constructor } from '@open-wc/dedupe-mixin';
 import type { LitElement } from 'lit';
 type ScrollBehavior = 'hide' | 'shrink' | 'elevate';
 export type ScrollPaddingPosition = 'top' | 'bottom';
-export declare class ScrollBehaviorMixinInterface extends LitElement {
+export declare class ScrollBehaviorMixinInterface {
     scrollTarget?: string | HTMLElement | JQ<HTMLElement>;
     scrollBehavior?: ScrollBehavior;
     scrollThreshold?: number;

package/mixins/scrollBehavior.js

@@ -205,6 +205,5 @@ export const ScrollBehaviorMixin = (superclass) => {
     __decorate([
         watch('scrollBehavior')
     ], ScrollBehaviorMixinClass.prototype, "onScrollBehaviorChange", null);
-    // @ts-ignore
     return ScrollBehaviorMixinClass;
 };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@mdui/shared",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "mdui 项目的公共部分",
   "type": "module",
   "files": [
+    "base",
     "controllers",
     "decorators",
     "helpers",

package/helpers/event.d.ts

@@ -1,7 +0,0 @@
-/**
- * 触发自定义事件
- * @param element
- * @param type
- * @param options 通常只用到 cancelable 和 detail；bubbles、composed 统一不用
- */
-export declare const emit: (element: HTMLElement, type: string, options?: CustomEventInit) => CustomEvent;

package/helpers/event.js

@@ -1,17 +0,0 @@
-/**
- * 触发自定义事件
- * @param element
- * @param type
- * @param options 通常只用到 cancelable 和 detail；bubbles、composed 统一不用
- */
-export const emit = (element, type, options) => {
-    const event = new CustomEvent(type, {
-        bubbles: true,
-        cancelable: false,
-        composed: true,
-        detail: {},
-        ...options,
-    });
-    element.dispatchEvent(event);
-    return event;
-};