@type-dom/ui 0.0.8 → 0.0.10

package/src/components/others/menus/menus.js

@@ -8,24 +8,45 @@ class Menus extends framework_1.TypeDiv {
     constructor(params = {}) {
         super();
         this.className = 'Menus';
-        this.ctrl.addAttrName('menus');
+        this.attr.addName('menus');
         // 默认样式
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             userSelect: 'none',
             // overflow: 'auto',
             boxSizing: 'border-box',
             flexShrink: 0,
-            maxHeight: 'calc(100vh - 40px)'
+            maxHeight: 'calc(100vh - 60px)',
+            paddingBottom: '40px'
         });
-        this.setProps(params);
-        const router = params.router;
-        console.log('ui-doc routerUI.routes is ', router);
-        this.createMenus(this, router.routes, router);
+        this.useParams(params);
+        this.router = params.router;
+        console.log('ui-doc routerUI.routes is ', this.router);
+        if (this.router) {
+            this.createMenus(this, this.router.routes, this.router);
+        }
         console.log('menus is ', this);
     }
     get menuRoot() {
         return this;
     }
+    mounted() {
+        var _a, _b;
+        console.warn('menus mounted . ');
+        // hash路由和history路由要分别判断
+        let path;
+        if (((_a = this.router) === null || _a === void 0 ? void 0 : _a.mode) === 'hash') {
+            path = window.location.hash.slice(1);
+        }
+        else if (((_b = this.router) === null || _b === void 0 ? void 0 : _b.mode) === 'history') {
+            path = window.location.pathname;
+        }
+        if (path === '/') {
+            path = '/home';
+        }
+        const menuItem = this.down('route.path', path);
+        // 当前路由与菜单绑定路由一致，则选中状态
+        this.setSelectedMenu(menuItem);
+    }
     // /home '' '/' 首页菜单要单独处理
     createMenus(parent, routes, router) {
         console.log('createMenus . ');
@@ -37,39 +58,40 @@ class Menus extends framework_1.TypeDiv {
                 route = route.children.find((item) => item.path === route.redirect);
                 //   todo 没有的话，要报错的。
             }
-            const menuItem = new menu_1.Menu(route, router);
+            // 创建菜单项
+            const menuItem = new menu_1.Menu({
+                parent,
+                route,
+                router,
+                width: this.style.get('width'),
+                events: {
+                    mouseenter: (evt) => {
+                        if ((evt === null || evt === void 0 ? void 0 : evt.target) instanceof HTMLElement || (evt === null || evt === void 0 ? void 0 : evt.target) instanceof SVGElement) {
+                            evt === null || evt === void 0 ? void 0 : evt.target.style.setProperty('cursor', 'auto');
+                        }
+                    }
+                }
+            });
             if (parent instanceof menu_1.Menu) {
                 parent.menuItems.push(menuItem);
             }
             menuItem.appendParent(parent);
-            // hash路由和history路由要分别判断
-            if (router.mode === 'hash') {
-                if (window.location.hash.slice(1) === route.path) {
-                    // 当前路由与菜单绑定路由一致，则选中状态
-                    this.setSelectedMenu(menuItem);
-                }
-            }
-            else if (router.mode === 'history') {
-                if (window.location.pathname === route.path) {
-                    // 当前路由与菜单绑定路由一致，则选中状态
-                    this.setSelectedMenu(menuItem);
-                }
-            }
             if (route.children) {
                 this.createMenus(menuItem, route.children, router);
             }
         });
     }
     setSelectedMenu(menu) {
+        var _a;
         if (menu !== this.selectedMenu) {
             if (this.selectedMenu) {
-                this.selectedMenu.ctrl.setStyleObj({
+                this.selectedMenu.style.setObj({
                     backgroundColor: ''
                 });
             }
             this.selectedMenu = menu;
-            if (menu.route.redirect === undefined) {
-                menu.ctrl.setStyleObj({
+            if (((_a = menu.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
+                menu.style.setObj({
                     backgroundColor: '#ccc'
                 });
             }

package/src/components/others/td-divider/td-divider.class.js

@@ -8,14 +8,14 @@ class TdDivider extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdDivider';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             position: 'relative'
         });
         const direction = (params === null || params === void 0 ? void 0 : params.direction) || 'horizontal';
         const contentPosition = (params === null || params === void 0 ? void 0 : params.contentPosition) || 'center';
         const borderStyle = (params === null || params === void 0 ? void 0 : params.borderStyle) || 'solid';
         if (direction === 'horizontal') {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 display: 'block',
                 height: '1px',
                 width: '100%',
@@ -40,19 +40,19 @@ class TdDivider extends ui_abstract_1.UI {
                     }
                 });
                 if (contentPosition === 'left') {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         left: '20px',
                         transform: 'translateY(-50%)'
                     });
                 }
                 else if (contentPosition === 'right') {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         right: '20px',
                         transform: 'translateY(-50%)'
                     });
                 }
                 else {
-                    textDiv.ctrl.addStyleObj({
+                    textDiv.style.addObj({
                         left: '50%',
                         transform: 'translateX(-50%) translateY(-50%)'
                     });
@@ -60,11 +60,11 @@ class TdDivider extends ui_abstract_1.UI {
                 this.addChild(textDiv);
             }
             if (contentPosition === 'left') {
-                this.ctrl.addStyleObj({});
+                this.style.addObj({});
             }
         }
         else {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 display: 'inline-block',
                 width: '1px',
                 height: '1em',
@@ -75,7 +75,7 @@ class TdDivider extends ui_abstract_1.UI {
                 borderLeft: '1px ' + var_1.$borderColor.base + ' ' + borderStyle
             });
         }
-        this.setProps(params);
+        this.useParams(params);
     }
 }
 exports.TdDivider = TdDivider;

package/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-cursor';
+export * from './use-escape-keydown';
+export * from './use-forward-ref';

package/src/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./use-cursor"), exports);
+tslib_1.__exportStar(require("./use-escape-keydown"), exports);
+tslib_1.__exportStar(require("./use-forward-ref"), exports);

package/src/hooks/use-cursor.d.ts

@@ -0,0 +1 @@
+export declare function useCursor(input: HTMLInputElement | undefined): [() => void, () => void];

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/styles/var.d.ts

@@ -196,7 +196,7 @@ export declare const $paddingHorizontalMap: {
     default: string;
     small: string;
 };
-export declare const $transitionDuration = "0.3s";
+export declare const $transitionDurationDefault = "0.3s";
 export declare const $transitionDurationFast = "0.2s";
 export declare const $colorPrimaryRgb = "64, 158, 255";
 export declare const $colorDangerRgb = "245, 108, 108";

package/src/styles/var.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.$svgMonochromeGrey = exports.$border = exports.$ellipsisStyle = exports.$scrollbar = exports.$colorDangerRgb = exports.$colorPrimaryRgb = exports.$transitionDurationFast = exports.$transitionDuration = exports.$paddingHorizontalMap = exports.$paddingVerticalMap = exports.$borderRadiusMap = exports.$fontSizeMap = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports.$colorInfo = exports.$colorError = exports.$colorDanger = exports.$colorWarning = exports.$colorSuccess = exports.$colorPrimary = exports.$colorBlack = exports.$colorWhite = exports.$colors = exports.$overlayColor = exports.$commonComponentSize = exports.componentSizeMap = exports.componentSizes = exports.$disabled = exports.$zIndex = exports.$fontSizes = exports.fontFamily = exports.$boxShadow = exports.$borderRadius = exports.$borderColorHover = exports.$borderStyle = exports.$borderWidth = exports.$bgColor = exports.$fillColor = exports.$borderColor = exports.$textColor = exports.$types = exports.$fontLineHeightPrimary = exports.$fontWeightPrimary = void 0;
+exports.$svgMonochromeGrey = exports.$border = exports.$ellipsisStyle = exports.$scrollbar = exports.$colorDangerRgb = exports.$colorPrimaryRgb = exports.$transitionDurationFast = exports.$transitionDurationDefault = exports.$paddingHorizontalMap = exports.$paddingVerticalMap = exports.$borderRadiusMap = exports.$fontSizeMap = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports.$colorInfo = exports.$colorError = exports.$colorDanger = exports.$colorWarning = exports.$colorSuccess = exports.$colorPrimary = exports.$colorBlack = exports.$colorWhite = exports.$colors = exports.$overlayColor = exports.$commonComponentSize = exports.componentSizeMap = exports.componentSizes = exports.$disabled = exports.$zIndex = exports.$fontSizes = exports.fontFamily = exports.$boxShadow = exports.$borderRadius = exports.$borderColorHover = exports.$borderStyle = exports.$borderWidth = exports.$bgColor = exports.$fillColor = exports.$borderColor = exports.$textColor = exports.$types = exports.$fontLineHeightPrimary = exports.$fontWeightPrimary = void 0;
 exports.setColorMixLevel = setColorMixLevel;
 /**
  * scss/var
@@ -271,7 +271,7 @@ exports.$paddingHorizontalMap = {
     default: '16px',
     small: '12px',
 };
-exports.$transitionDuration = '0.3s';
+exports.$transitionDurationDefault = '0.3s';
 exports.$transitionDurationFast = '0.2s';
 exports.$colorPrimaryRgb = '64, 158, 255';
 exports.$colorDangerRgb = '245, 108, 108';

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;

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.setProps(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.setProps(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,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayContainer = void 0;
-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.addEvents({
-            click: (e) => {
-                e === null || e === void 0 ? void 0 : 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,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CancelButton = void 0;
-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.addEvents({
-            click: () => {
-                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;
-}