@type-dom/ui 0.0.7 → 0.0.9

package/src/hooks/use-cursor.js

@@ -0,0 +1,56 @@
+"use strict";
+// element plus hooks useCursor
+// Keep input cursor in the correct position when we use formatter.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCursor = useCursor;
+function useCursor(input) {
+    let selectionRef;
+    function recordCursor() {
+        console.log('recordCursor . ');
+        if (input === undefined) {
+            return;
+        }
+        const { selectionStart, selectionEnd, value } = input;
+        if (selectionStart === null || selectionEnd === null) {
+            return;
+        }
+        const beforeTxt = value.slice(0, Math.max(0, selectionStart));
+        const afterTxt = value.slice(Math.max(0, selectionEnd));
+        selectionRef = {
+            selectionStart,
+            selectionEnd,
+            value,
+            beforeTxt,
+            afterTxt
+        };
+    }
+    function setCursor() {
+        console.log('setCursor . ');
+        if (input === undefined || selectionRef === undefined) {
+            return;
+        }
+        const { value } = input;
+        const { beforeTxt, afterTxt, selectionStart } = selectionRef;
+        if (beforeTxt === undefined ||
+            afterTxt === undefined ||
+            selectionStart === undefined) {
+            return;
+        }
+        let startPos = value.length;
+        if (value.endsWith(afterTxt)) {
+            startPos = value.length - afterTxt.length;
+        }
+        else if (value.startsWith(beforeTxt)) {
+            startPos = beforeTxt.length;
+        }
+        else {
+            const beforeLastChar = beforeTxt[selectionStart - 1];
+            const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+            if (newIndex !== -1) {
+                startPos = newIndex + 1;
+            }
+        }
+        input.setSelectionRange(startPos, startPos);
+    }
+    return [recordCursor, setCursor];
+}

package/src/hooks/use-escape-keydown.d.ts

@@ -0,0 +1,4 @@
+export declare const useEscapeKeydown: (handler: (e: KeyboardEvent) => void) => {
+    mounted: () => void;
+    beforeDestroy: () => void;
+};

package/src/hooks/use-escape-keydown.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEscapeKeydown = void 0;
+const utils_1 = require("@type-dom/utils");
+let registeredEscapeHandlers = [];
+const cachedHandler = (e) => {
+    const event = e;
+    if (event.key === utils_1.EVENT_CODE.esc) {
+        registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
+    }
+};
+const useEscapeKeydown = (handler) => {
+    const mounted = () => {
+        if (registeredEscapeHandlers.length === 0) {
+            document.addEventListener('keydown', cachedHandler);
+        }
+        if (utils_1.isClient) {
+            registeredEscapeHandlers.push(handler);
+        }
+    };
+    const beforeDestroy = () => {
+        registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
+        if (registeredEscapeHandlers.length === 0) {
+            if (utils_1.isClient) {
+                document.removeEventListener('keydown', cachedHandler);
+            }
+        }
+    };
+    return { mounted, beforeDestroy };
+};
+exports.useEscapeKeydown = useEscapeKeydown;

package/src/hooks/use-forward-ref.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey } from '@type-dom/framework';
+type ForwardRefSetter = (el?: HTMLElement) => void;
+export type ForwardRefInjectionContext = {
+    setForwardRef: ForwardRefSetter;
+};
+export declare const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext>;
+export declare const useForwardRef: (provide: (key: string | symbol, value: any) => void, forwardRef?: HTMLElement) => void;
+export declare const useForwardRefDirective: (setForwardRef: ForwardRefSetter) => {
+    mounted(el: HTMLElement): void;
+    updated(el: HTMLElement): void;
+    unmounted(): void;
+};
+export {};

package/src/hooks/use-forward-ref.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForwardRefDirective = exports.useForwardRef = exports.FORWARD_REF_INJECTION_KEY = void 0;
+exports.FORWARD_REF_INJECTION_KEY = Symbol('tdForwardRef');
+const useForwardRef = (provide, forwardRef) => {
+    const setForwardRef = (el) => {
+        forwardRef = el;
+    };
+    provide(exports.FORWARD_REF_INJECTION_KEY, {
+        setForwardRef,
+    });
+};
+exports.useForwardRef = useForwardRef;
+const useForwardRefDirective = (setForwardRef) => {
+    return {
+        mounted(el) {
+            setForwardRef(el);
+        },
+        updated(el) {
+            setForwardRef(el);
+        },
+        unmounted() {
+            setForwardRef(undefined);
+        },
+    };
+};
+exports.useForwardRefDirective = useForwardRefDirective;

package/src/index.d.ts

@@ -6,3 +6,4 @@ export * from './components/form';
 export * from './components/navigation';
 export * from './components/others';
 export * from './constants/event';
+export * from './hooks';

package/src/index.js

@@ -10,3 +10,4 @@ tslib_1.__exportStar(require("./components/form"), exports);
 tslib_1.__exportStar(require("./components/navigation"), exports);
 tslib_1.__exportStar(require("./components/others"), exports);
 tslib_1.__exportStar(require("./constants/event"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);

package/src/ui/ui.abstract.d.ts

@@ -5,7 +5,7 @@ export declare abstract class UI<T extends HTMLElement | undefined = HTMLElement
     nodeName: 'fragment' | string;
     dom: T;
     componentId: number;
-    private slotNodes;
+    slotNodes: IUISlotNodes;
     protected constructor(params: ITypeConfig | undefined, tag?: string);
     /**
      * 确保slot存在，不存在则创建；

package/src/ui/ui.abstract.js

@@ -7,9 +7,9 @@ class UI extends framework_1.TypeElement {
     // 手动的方式设置 fragment; 实现类似 TypeFragment 类
     constructor(params, tag = 'div') {
         super();
-        this.params = params !== null && params !== void 0 ? params : this.params; // setConfig  重复
+        this.params = Object.assign(this.params, params);
         this.componentId = exports.componentId++;
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             componentId: this.componentId,
         });
         this.nodeName = tag;
@@ -20,7 +20,7 @@ class UI extends framework_1.TypeElement {
             this.dom = document.createElement(this.nodeName.trim());
         }
         this.slotNodes = {
-            default: new framework_1.SlotNode('default'),
+        // default: new SlotNode('default'),
         };
         // todo 统一处理，还是在各个类中处理
         this.useSlots(params);

package/src/ui/ui.interface.d.ts

@@ -1,12 +1,12 @@
-import { ISlotNodes, ITypeConfig, ITypeElement, SlotNode } from '@type-dom/framework';
+import { ISlotNodes, ITypeConfig, ITypeElement, SlotNode, TypeElement } from '@type-dom/framework';
 export interface IUI extends ITypeElement {
     componentId?: string | number;
 }
 export interface IUIConfig extends ITypeConfig {
     tag?: string;
     items?: ITypeConfig[];
-    childNodes?: undefined;
+    childNodes?: TypeElement[] | undefined;
 }
 export interface IUISlotNodes extends ISlotNodes {
-    default: SlotNode;
+    default?: SlotNode;
 }

package/src/components/feedback/dialog/dialog.class.d.ts

@@ -1,7 +0,0 @@
-import { Overlay } from '../overlay/overlay.abstract';
-import { IDialogConfig } from './dialog.interface';
-export declare class Dialog extends Overlay {
-    className: 'Dialog';
-    props: IDialogConfig;
-    constructor(params?: IDialogConfig);
-}

package/src/components/feedback/dialog/dialog.class.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-const overlay_abstract_1 = require("../overlay/overlay.abstract");
-class Dialog extends overlay_abstract_1.Overlay {
-    constructor(params = {}) {
-        super();
-        this.className = 'Dialog';
-        this.ctrl.addAttrObj({
-            name: 'dialog'
-        });
-        this.props = this.setParams(params);
-        if (params === null || params === void 0 ? void 0 : params.to) {
-            this.mount(params.to);
-        }
-        else {
-            this.mount(document.body);
-        }
-    }
-}
-exports.Dialog = Dialog;

package/src/components/feedback/dialog/dialog.interface.d.ts

@@ -1,4 +0,0 @@
-import { IUIConfig } from '../../../ui/ui.interface';
-export interface IDialogConfig extends IUIConfig {
-    title?: string;
-}

package/src/components/feedback/dialog/dialog.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/feedback/message-box/message-box.d.ts

@@ -1,9 +0,0 @@
-import { Overlay } from '../overlay/overlay.abstract';
-import { IMessageBoxConfig } from './message-box.interface';
-export declare class MessageBox extends Overlay {
-    className: 'MessageBox';
-    props: IMessageBoxConfig;
-    constructor(params?: IMessageBoxConfig);
-    toast(title: string, message: string): void;
-    confirm(title: string, message: string): void;
-}

package/src/components/feedback/message-box/message-box.interface.d.ts

@@ -1,4 +0,0 @@
-import { IUIConfig } from '../../../ui/ui.interface';
-export interface IMessageBoxConfig extends IUIConfig {
-    el?: HTMLElement;
-}

package/src/components/feedback/message-box/message-box.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/feedback/message-box/message-box.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageBox = void 0;
-const overlay_abstract_1 = require("../overlay/overlay.abstract");
-class MessageBox extends overlay_abstract_1.Overlay {
-    constructor(params = {}) {
-        super();
-        this.className = 'MessageBox';
-        this.ctrl.addAttrObj({
-            name: 'message-box'
-        });
-        this.props = this.setParams(params);
-        if (params === null || params === void 0 ? void 0 : params.el) {
-            this.mount(params.el);
-        }
-        else {
-            // 默认挂载到body上;
-            // todo 挂载到body上，需要能清理掉，否则会重复挂载
-            this.mount(document.body);
-        }
-    }
-    toast(title, message) {
-        // this.clear();
-        this.setTitle(title);
-        this.setMsg(message);
-        this.ctrl.show();
-    }
-    confirm(title, message) {
-        this.setTitle(title);
-        this.setMsg(message);
-    }
-}
-exports.MessageBox = MessageBox;

package/src/components/feedback/overlay/container/body/body.d.ts

@@ -1,7 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { OverlayContainer } from '../container';
-export declare class OverlayBody extends TypeDiv {
-    className: 'OverlayBody';
-    parent?: OverlayContainer;
-    constructor();
-}

package/src/components/feedback/overlay/container/body/body.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayBody = void 0;
-const framework_1 = require("@type-dom/framework");
-class OverlayBody extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayBody';
-        this.ctrl.addStyleObj({
-            padding: '30px 20px',
-            fontSize: '14px',
-            wordBreak: 'break-all'
-        });
-        this.ctrl.addAttrName('overlay-body');
-    }
-}
-exports.OverlayBody = OverlayBody;

package/src/components/feedback/overlay/container/container.d.ts

@@ -1,15 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { Overlay } from '../overlay.abstract';
-import { OverlayHeader } from './header/header';
-import { OverlayBody } from './body/body';
-import { OverlayFooter } from './footer/footer';
-export declare class OverlayContainer extends TypeDiv {
-    className: 'OverlayContainer';
-    parent?: Overlay;
-    childNodes: [OverlayHeader, OverlayBody, OverlayFooter];
-    header: OverlayHeader;
-    body: OverlayBody;
-    footer: OverlayFooter;
-    constructor();
-    initEvents(): void;
-}

package/src/components/feedback/overlay/container/container.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayContainer = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-const header_1 = require("./header/header");
-const body_1 = require("./body/body");
-const footer_1 = require("./footer/footer");
-class OverlayContainer extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayContainer';
-        this.ctrl.addStyleObj({
-            position: 'relative',
-            margin: '15vh auto 50px',
-            width: '50%',
-            boxShadow: '0 1px 3px rgba(0, 0, 0, 0.3)',
-            borderRadius: '4px',
-            backgroundColor: '#FFF',
-            padding: '20px'
-        });
-        this.ctrl.addAttrName('overlay-container');
-        this.header = new header_1.OverlayHeader();
-        this.header.parent = this;
-        this.body = new body_1.OverlayBody();
-        this.body.parent = this;
-        this.footer = new footer_1.OverlayFooter();
-        this.footer.parent = this;
-        this.childNodes = [this.header, this.body, this.footer];
-    }
-    initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe((e) => {
-            e.stopPropagation();
-        }));
-    }
-}
-exports.OverlayContainer = OverlayContainer;

package/src/components/feedback/overlay/container/footer/cancel-button/cancel-button.d.ts

@@ -1,8 +0,0 @@
-import { TypeButton } from '@type-dom/framework';
-import { OverlayFooter } from '../footer';
-export declare class CancelButton extends TypeButton {
-    className: 'CancelButton';
-    parent?: OverlayFooter;
-    constructor();
-    initEvents(): void;
-}

package/src/components/feedback/overlay/container/footer/cancel-button/cancel-button.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CancelButton = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-class CancelButton extends framework_1.TypeButton {
-    constructor() {
-        super();
-        this.className = 'CancelButton';
-        this.ctrl.addStyleObj({
-            // backgroundColor: '#f00',
-            // color: '#FFF',
-            margin: 'auto 10px'
-            // outline: 'none',
-            // border: '1px solid #f00',
-        });
-        this.ctrl.addAttrName('cancel-button');
-        this.setTitle('取消');
-    }
-    initEvents() {
-        var _a, _b;
-        if (!((_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent)) {
-            console.error('this.parent?.parent?.parent is undefined . ');
-        }
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            var _a, _b, _c;
-            (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
-        }));
-    }
-}
-exports.CancelButton = CancelButton;

package/src/components/feedback/overlay/container/footer/confirm-button/confirm-button.d.ts

@@ -1,9 +0,0 @@
-import { TextNode, TypeButton } from '@type-dom/framework';
-import { OverlayFooter } from '../footer';
-export declare class ConfirmButton extends TypeButton {
-    className: 'ConfirmButton';
-    parent?: OverlayFooter;
-    childNodes: [TextNode];
-    constructor();
-    initEvents(): void;
-}

package/src/components/feedback/overlay/container/footer/confirm-button/confirm-button.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmButton = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-class ConfirmButton extends framework_1.TypeButton {
-    constructor() {
-        super();
-        this.className = 'ConfirmButton';
-        this.ctrl.addStyleObj({
-            backgroundColor: '#1890ff',
-            color: '#fff',
-            borderColor: '#1890ff',
-            margin: 'auto 10px'
-        });
-        this.ctrl.addAttrName('confirm-button');
-        this.setTitle('确认');
-        this.childNodes = [this.textNode];
-    }
-    initEvents() {
-        var _a, _b;
-        if (!((_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent)) {
-            console.error('this.parent?.parent?.parent is undefined . ');
-        }
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            var _a, _b, _c;
-            (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
-        }));
-    }
-}
-exports.ConfirmButton = ConfirmButton;

package/src/components/feedback/overlay/container/footer/footer.d.ts

@@ -1,10 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { TdButton } from '../../../../basic/td-button/td-button.class';
-import { OverlayContainer } from '../container';
-export declare class OverlayFooter extends TypeDiv {
-    className: 'OverlayFooter';
-    parent?: OverlayContainer;
-    cancelBtn: TdButton;
-    confirmBtn: TdButton;
-    constructor();
-}

package/src/components/feedback/overlay/container/footer/footer.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayFooter = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_button_class_1 = require("../../../../basic/td-button/td-button.class");
-class OverlayFooter extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayFooter';
-        this.ctrl.addStyleObj({
-            padding: '20px',
-            paddingTop: '10px',
-            textAlign: 'right',
-            boxSizing: 'border-box'
-        });
-        this.ctrl.addAttrName('overlay-foot');
-        // this.cancelBtn = new CancelButton(this);
-        this.cancelBtn = new td_button_class_1.TdButton({
-            slot: '取消',
-            events: {
-                click: () => {
-                    var _a, _b;
-                    console.log('cancelBtn click . ');
-                    (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.ctrl.hide();
-                }
-            }
-        });
-        // cancelBtn.ctrl.hide();
-        this.confirmBtn = new td_button_class_1.TdButton({
-            slot: '确定',
-            type: 'primary',
-            styleObj: {
-                marginLeft: '10px'
-            },
-            events: {
-                click: () => {
-                    var _a, _b;
-                    console.log('confirmBtn click . ');
-                    (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.ctrl.hide();
-                }
-            }
-        });
-        // this.confirmBtn.setTitle('确定');
-        this.addChildren(this.cancelBtn, this.confirmBtn);
-    }
-}
-exports.OverlayFooter = OverlayFooter;

package/src/components/feedback/overlay/container/header/close-button/close-button.d.ts

@@ -1,11 +0,0 @@
-import { TypeButton } from '@type-dom/framework';
-import { TdCloseSvg } from '@type-dom/svgs';
-import { OverlayHeader } from '../header';
-export declare class CloseButton extends TypeButton {
-    className: 'CloseButton';
-    parent?: OverlayHeader;
-    childNodes: [TdCloseSvg];
-    private readonly svg;
-    constructor();
-    initEvents(): void;
-}

package/src/components/feedback/overlay/container/header/close-button/close-button.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseButton = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-const svgs_1 = require("@type-dom/svgs");
-class CloseButton extends framework_1.TypeButton {
-    constructor() {
-        super();
-        this.className = 'CloseButton';
-        this.ctrl.addStyleObj({
-            cursor: 'pointer',
-            position: 'absolute',
-            top: '20px',
-            right: '20px',
-            padding: '0',
-            background: 'transparent',
-            border: 'none',
-            outline: 'none',
-            fontSize: '16px'
-        });
-        this.ctrl.addAttrName('close-button');
-        this.svg = new svgs_1.TdCloseSvg({ parent: this });
-        this.childNodes = [this.svg];
-    }
-    initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            var _a, _b, _c;
-            (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
-        }));
-    }
-}
-exports.CloseButton = CloseButton;

package/src/components/feedback/overlay/container/header/header.d.ts

@@ -1,12 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { OverlayContainer } from '../container';
-import { OverlayTitle } from './title/title';
-import { CloseButton } from './close-button/close-button';
-export declare class OverlayHeader extends TypeDiv {
-    className: 'OverlayHeader';
-    parent?: OverlayContainer;
-    childNodes: [OverlayTitle, CloseButton];
-    title: OverlayTitle;
-    closeBtn: CloseButton;
-    constructor();
-}

package/src/components/feedback/overlay/container/header/header.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayHeader = void 0;
-const framework_1 = require("@type-dom/framework");
-const title_1 = require("./title/title");
-const close_button_1 = require("./close-button/close-button");
-class OverlayHeader extends framework_1.TypeDiv {
-    constructor() {
-        super();
-        this.className = 'OverlayHeader';
-        this.ctrl.addStyleObj({
-            padding: '20px',
-            paddingBottom: '10px',
-            boxSizing: 'border-box'
-        });
-        this.ctrl.addAttrObj({
-            name: 'overlay-header'
-        });
-        this.title = new title_1.OverlayTitle();
-        this.closeBtn = new close_button_1.CloseButton();
-        this.closeBtn.parent = this;
-        this.childNodes = [this.title, this.closeBtn];
-    }
-}
-exports.OverlayHeader = OverlayHeader;

package/src/components/feedback/overlay/container/header/title/title.d.ts

@@ -1,9 +0,0 @@
-import { TextNode, TypeSpan } from '@type-dom/framework';
-import { OverlayHeader } from '../header';
-export declare class OverlayTitle extends TypeSpan {
-    className: 'OverlayTitle';
-    parent?: OverlayHeader;
-    childNodes: TextNode[];
-    textNode: TextNode;
-    constructor();
-}

package/src/components/feedback/overlay/container/header/title/title.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayTitle = void 0;
-const framework_1 = require("@type-dom/framework");
-class OverlayTitle extends framework_1.TypeSpan {
-    constructor() {
-        super();
-        this.className = 'OverlayTitle';
-        this.ctrl.addStyleObj({
-            lineHeight: '16px',
-            fontSize: '16px',
-            color: '#000'
-        });
-        this.ctrl.addAttrName('overlay-title');
-        this.textNode = new framework_1.TextNode('标题');
-        this.childNodes = [this.textNode];
-    }
-}
-exports.OverlayTitle = OverlayTitle;

package/src/components/feedback/overlay/overlay.abstract.d.ts

@@ -1,13 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { OverlayContainer } from './container/container';
-export declare abstract class Overlay extends TypeDiv {
-    childNodes: [OverlayContainer];
-    container: OverlayContainer;
-    protected constructor();
-    setTitle(title: string): void;
-    setMsg(msg: string): void;
-    setContent(content: string): void;
-    clear(): void;
-    clearBody(): void;
-    initEvents(): void;
-}