@type-dom/ui 0.0.10 → 0.1.1

package/src/components/feedback/td-message/method.js

@@ -0,0 +1,190 @@
+"use strict";
+// import { createVNode, isVNode, render } from 'vue'
+// import {
+//   debugWarn,
+//   isBoolean,
+//   isClient,
+//   isElement,
+//   isFunction,
+//   isNumber,
+//   isString,
+// } from '@element-plus/utils'
+// import { messageConfig } from '@element-plus/components/config-provider'
+// import MessageConstructor from './message.vue'
+// import { messageDefaults, messageTypes } from './message'
+// import { instances } from './instance'
+//
+// import type { MessageContext } from './instance'
+// import type { AppContext } from 'vue'
+// import type {
+//   Message,
+//   MessageFn,
+//   MessageHandler,
+//   MessageOptions,
+//   MessageParams,
+//   MessageParamsNormalized,
+//   messageType,
+// } from './message'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TdMessage = exports.closeMessage = void 0;
+exports.closeAll = closeAll;
+const tslib_1 = require("tslib");
+const framework_1 = require("@type-dom/framework");
+const utils_1 = require("@type-dom/utils");
+const config_provider_1 = require("../../configuration/td-config-provider/config-provider");
+const td_message_const_1 = require("./td-message.const");
+const td_message_class_1 = require("./td-message.class");
+const instance_1 = require("./instance");
+let seed = 1;
+// TODO: Since Notify.ts is basically the same like this file. So we could do some encapsulation against them to reduce code duplication.
+const normalizeOptions = (params /* | (() => TypeNode)MessageParams*/) => {
+    const options = !params || (0, utils_1.isString)(params) || (0, framework_1.isVNode)(params) || (0, utils_1.isFunction)(params)
+        ? { message: params }
+        : params;
+    const normalized = Object.assign(Object.assign({}, td_message_const_1.messageDefaults), options);
+    if (!normalized.appendTo) {
+        normalized.appendTo = document.body;
+    }
+    else if ((0, utils_1.isString)(normalized.appendTo)) {
+        let appendTo = document.querySelector(normalized.appendTo);
+        // should fallback to default value with a warning
+        if (!(0, utils_1.isElement)(appendTo)) {
+            (0, utils_1.debugWarn)('TdMessage', 'the appendTo option is not an HTMLElement. Falling back to document.body.');
+            appendTo = document.body;
+        }
+        console.error('appendTo is ', appendTo);
+        normalized.appendTo = appendTo;
+    }
+    // When grouping is configured globally,
+    // if grouping is manually set when calling message individually and it is not equal to the default value,
+    // the global configuration cannot override the current setting. default => false
+    // 先添加 config-provider组件；
+    if ((0, utils_1.isBoolean)(config_provider_1.messageConfig.grouping) && !normalized.grouping) {
+        normalized.grouping = config_provider_1.messageConfig.grouping;
+    }
+    if ((0, utils_1.isNumber)(config_provider_1.messageConfig.duration) && normalized.duration === 3000) {
+        normalized.duration = config_provider_1.messageConfig.duration;
+    }
+    if ((0, utils_1.isNumber)(config_provider_1.messageConfig.offset) && normalized.offset === 16) {
+        normalized.offset = config_provider_1.messageConfig.offset;
+    }
+    if ((0, utils_1.isBoolean)(config_provider_1.messageConfig.showClose) && !normalized.showClose) {
+        normalized.showClose = config_provider_1.messageConfig.showClose;
+    }
+    return normalized;
+};
+const closeMessage = (instance) => {
+    const idx = instance_1.instances.get().indexOf(instance);
+    if (idx === -1)
+        return;
+    instance_1.instances.get().splice(idx, 1);
+    const { handler } = instance;
+    handler.close();
+};
+exports.closeMessage = closeMessage;
+const createMessage = (_a) => {
+    var { appendTo } = _a, options = tslib_1.__rest(_a, ["appendTo"]);
+    const id = `message_${seed++}`;
+    const userOnClose = options.onClose;
+    // let container: HTMLElement;
+    const props = Object.assign(Object.assign({}, options), { 
+        // now the zIndex will be used inside the message.vue component instead of here.
+        // zIndex: nextIndex() + options.zIndex
+        id, onClose: () => {
+            console.error('createMessage props onClose ');
+            userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose();
+            (0, exports.closeMessage)(instance);
+        }, emits: {
+            // clean message element preventing mem leak
+            destroy: () => {
+                // todo not trigger
+                // since the element is destroy, then the VNode should be collected by GC as well
+                // we do not want cause any mem leak because we have returned vm as a reference to users
+                // so that we manually set it to false.
+                // render(null, container)
+                // container?.remove();
+                vnode.unmount();
+            },
+        } });
+    const vnode = new td_message_class_1.MessageClass(props
+    // isFunction(props.message) || isVNode(props.message)
+    //   ? {
+    //       default: isFunction(props.message)
+    //         ? props.message
+    //         : () => props.message,
+    //     }
+    //   : null
+    );
+    // vnode.appContext = context || message._context
+    //
+    // render(vnode, container)
+    // vnode.mount(container);
+    // instances will remove this item when close function gets called. So we do not need to worry about it.
+    // appendTo.appendChild(container.firstElementChild!)
+    // vnode.mount(appendTo);  // this can trigger TdMessage setup method, then compute instances array will not have this node.
+    // container = vnode.downRealElement?.dom as HTMLElement;
+    // const vm = vnode.component!
+    const handler = {
+        // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
+        // for out component, so that all closing steps will not be skipped.
+        close: () => {
+            var _a;
+            (_a = vnode.visible) === null || _a === void 0 ? void 0 : _a.set(false);
+        },
+    };
+    const instance = {
+        id,
+        vnode,
+        handler,
+        props: vnode.props,
+    };
+    // todo 为啥不能直接是 TdMessage 的实例；
+    return instance;
+};
+const message = (options = {}) => {
+    var _a, _b, _c, _d;
+    console.log('message options is ', options);
+    if (!utils_1.isClient)
+        return { close: () => undefined };
+    const normalized = normalizeOptions(options);
+    console.error('normalized is ', normalized);
+    if (normalized.grouping && instance_1.instances.get().length) {
+        const instance = instance_1.instances
+            .get()
+            .find(({ vnode }) => { var _a; return ((_a = vnode.props) === null || _a === void 0 ? void 0 : _a.message) === normalized.message; });
+        if (instance) {
+            // instance.props.repeatNum += 1
+            (_a = instance.props.repeatNum) === null || _a === void 0 ? void 0 : _a.set(((_c = (_b = instance.props.repeatNum) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : 0) + 1);
+            instance.props.type = normalized.type;
+            return instance.handler;
+        }
+    }
+    if ((0, utils_1.isNumber)(config_provider_1.messageConfig.max) &&
+        instance_1.instances.get().length >= config_provider_1.messageConfig.max) {
+        return { close: () => undefined };
+    }
+    (_d = normalized.repeatNum) === null || _d === void 0 ? void 0 : _d.set(1); // add by me 恢复重复数字
+    const instance = createMessage(normalized);
+    instance_1.instances.get().push(instance);
+    console.log('message instance then mount appendTo is  ', normalized.appendTo);
+    instance.vnode.mount(normalized.appendTo); // add by me
+    console.log('instance.vnode is ', instance.vnode);
+    // instance.vnode.recurseRender(); // todo 缺少 setup hook；
+    // normalized.appendTo.appendChild(instance.vnode.dom!);
+    return instance.handler;
+};
+exports.TdMessage = message;
+td_message_const_1.messageTypes.forEach((type) => {
+    message[type] = (options = {}) => {
+        const normalized = normalizeOptions(options);
+        return message(Object.assign(Object.assign({}, normalized), { type }));
+    };
+});
+function closeAll(type) {
+    for (const instance of instance_1.instances.get()) {
+        if (!type || type === instance.props.type) {
+            instance.handler.close();
+        }
+    }
+}
+message.closeAll = closeAll;

package/src/components/feedback/td-message/style/css.d.ts

@@ -0,0 +1,3 @@
+import '@element-plus/components/base/style/css';
+import '@element-plus/components/badge/style/css';
+import '@element-plus/theme-chalk/el-message.css';

package/src/components/feedback/td-message/style/css.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@element-plus/components/base/style/css");
+require("@element-plus/components/badge/style/css");
+require("@element-plus/theme-chalk/el-message.css");

package/src/components/feedback/td-message/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../components/data/td-badge/style';
+import '../../../../theme-chalk/message.scss';

package/src/components/feedback/td-message/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../components/base/style");
+require("../../../../components/data/td-badge/style");
+require("../../../../theme-chalk/message.scss");

package/src/components/feedback/td-message/td-message.class.d.ts

@@ -1,26 +1,13 @@
-import { TypeNode } from '@type-dom/framework';
-import { UI } from '../../../ui/ui.abstract';
-import { ITdMessage, ITdMessageConfig } from './td-message.interface';
-export declare class TdMessage extends UI<undefined> implements ITdMessage {
+import { TypeFragment } from '@type-dom/framework';
+import { Signal, Computed } from '@type-dom/signals';
+import { ITdMessage, MessageProps } from './td-message.interface';
+import './style/index';
+export declare class MessageClass extends TypeFragment implements ITdMessage {
     className: 'TdMessage';
-    private transition;
-    private message;
-    props: ITdMessageConfig;
-    private visible?;
-    private stopTimer;
-    static msgId: number;
-    static msgList: TdMessage[];
-    private repeatNum?;
-    private badge?;
-    constructor(option?: string | ITdMessageConfig);
-    mounted(): void;
-    destroy(root?: TypeNode): void;
-    static success(message: string): void;
-    static warning(message: string): void;
-    static error(message: string): void;
-    static info(message: string): void;
-    startTimer(): void;
-    clearTimer(): void;
-    close(): void;
-    keydown: ({ code }: KeyboardEvent) => void;
+    props: MessageProps;
+    visible?: Signal<boolean>;
+    bottom?: Computed<number>;
+    close?: () => void;
+    constructor(option?: string | MessageProps);
+    setup(): void;
 }

package/src/components/feedback/td-message/td-message.class.js

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdMessage = void 0;
-const utils_1 = require("@type-dom/utils");
+exports.MessageClass = void 0;
 const framework_1 = require("@type-dom/framework");
 const svgs_1 = require("@type-dom/svgs");
-const ui_abstract_1 = require("../../../ui/ui.abstract");
+const signals_1 = require("@type-dom/signals");
+const aria_1 = require("../../../constants/aria");
 const td_badge_class_1 = require("../../data/td-badge/td-badge.class");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
-const td_message_interface_1 = require("./td-message.interface");
-const td_message_style_1 = require("./td-message.style");
-class TdMessage extends ui_abstract_1.UI {
+const use_global_config_1 = require("../../configuration/td-config-provider/hooks/use-global-config");
+const instance_1 = require("./instance");
+const td_message_const_1 = require("./td-message.const");
+require("./style/index");
+class MessageClass extends framework_1.TypeFragment {
     constructor(option) {
-        var _a;
+        super();
+        this.className = 'TdMessage';
         let params = {};
         if (typeof option === 'string') {
             params.message = option;
@@ -19,228 +22,141 @@ class TdMessage extends ui_abstract_1.UI {
         else {
             params = option || {};
         }
-        super(params, 'fragment');
-        this.keydown = ({ code }) => {
-            if (code === utils_1.EVENT_CODE.esc) {
-                // press esc to close the message
-                this.close();
-            }
-        };
-        this.className = 'TdMessage';
-        this.visible = false;
-        this.stopTimer = undefined;
-        (0, td_message_style_1.useStyle)(params);
-        this.to = (params === null || params === void 0 ? void 0 : params.appendTo) || document.body;
-        this.transition = new framework_1.Transition({
-            name: 'td-message-fade',
-            emits: {
-                beforeLeave: () => {
-                    var _a;
-                    console.log('beforeLeave');
-                    (_a = params.onClose) === null || _a === void 0 ? void 0 : _a.call(params);
-                },
-                afterLeave: () => {
-                    var _a, _b;
-                    console.log('afterLeave');
-                    (_b = (_a = params.emits) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a); // destroy ???
-                    this.message.dom.remove();
-                }
-            }
-        });
-        this.addChild(this.transition);
-        this.message = new framework_1.Div({
-            attrObj: {
-                role: 'alert'
-            },
-            styleObj: td_message_style_1.$messageStyle,
-            events: {
-                mouseenter: () => {
-                    console.log('mouseenter');
-                    this.clearTimer();
-                },
-                mouseleave: () => {
-                    console.log('mouseleave');
-                    this.startTimer();
-                }
-            }
+        this.addEmits(td_message_const_1.messageEmits);
+        this.assignProps(td_message_const_1.messageDefaults);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const props = this.props;
+        const emit = this.emit;
+        const { ns, zIndex } = (0, use_global_config_1.useGlobalComponentSettings)('message');
+        const { currentZIndex, nextZIndex } = zIndex;
+        const messageRef = (0, signals_1.signal)();
+        const visible = (0, signals_1.signal)(false);
+        const height = (0, signals_1.signal)(0);
+        let stopTimer = undefined;
+        const badgeType = (0, signals_1.computed)(() => props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info');
+        const typeClass = (0, signals_1.computed)(() => {
+            const type = props.type;
+            return { [ns.bm('icon', type)]: type && !!svgs_1.TypeComponentsMap[type] };
         });
-        // this.message.style.hide();
-        // this.transition.setSlot(this.message);
-        this.transition.addChild(this.message);
-        const type = (params === null || params === void 0 ? void 0 : params.type) || 'info';
-        const iconComponent = (params === null || params === void 0 ? void 0 : params.icon) || (new svgs_1.TypeComponentsMap[type]()) || '';
-        console.log('iconComponent', iconComponent);
-        if (iconComponent) {
-            this.message.addChild(new td_icon_class_1.TdIcon({
-                name: 'icon',
-                styleObj: td_message_style_1.$messageIconStyle,
-                svgObj: iconComponent
-            }));
+        const iconComponent = (0, signals_1.computed)(() => props.icon || svgs_1.TypeComponentsMap[props.type] || '');
+        const lastOffset = (0, signals_1.computed)(() => (0, instance_1.getLastOffset)(props.id));
+        const offset = (0, signals_1.computed)(() => (0, instance_1.getOffsetOrSpace)(props.id, props.offset) + lastOffset.get());
+        const bottom = (0, signals_1.computed)(() => height.get() + offset.get());
+        const customStyle = (0, signals_1.computed)(() => ({
+            top: `${offset.get()}px`,
+            zIndex: currentZIndex.get(),
+        }));
+        function startTimer() {
+            if (props.duration === 0)
+                return;
+            ({ stop: stopTimer } = (0, framework_1.useTimeoutFn)(() => {
+                close();
+            }, props.duration));
         }
-        const defaultSlot = new framework_1.SlotNode('default');
-        this.message.addChild(defaultSlot);
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            defaultSlot.addSlot(params.slot);
-        }
-        else {
-            if (params === null || params === void 0 ? void 0 : params.dangerouslyUseHTMLString) {
-                // todo params.message 是否是html字符串
-                const parser = new framework_1.Parser();
-                if (typeof params.message === 'string') {
-                    const item = parser.parseFromString(params.message);
-                    defaultSlot.addSlot(new framework_1.P({
-                        name: 'content',
-                        styleObj: td_message_style_1.$messageContentStyle,
-                        childNodes: [item]
-                    }));
-                }
-                else {
-                    console.error('params.message is not a string . ');
-                }
-            }
-            else {
-                console.log('params.message', params.message);
-                if (params.message instanceof framework_1.TypeElement) {
-                    defaultSlot.addSlot(new framework_1.P({
-                        name: 'content',
-                        styleObj: td_message_style_1.$messageContentStyle,
-                        childNodes: [params.message]
-                    }));
-                }
-                else {
-                    defaultSlot.addSlot(new framework_1.P({
-                        name: 'content',
-                        styleObj: td_message_style_1.$messageContentStyle,
-                        text: (params === null || params === void 0 ? void 0 : params.message) || ''
-                    }));
-                }
-            }
+        function clearTimer() {
+            stopTimer === null || stopTimer === void 0 ? void 0 : stopTimer();
         }
-        if (params === null || params === void 0 ? void 0 : params.showClose) {
-            this.message.addChild(new td_icon_class_1.TdIcon({
-                name: 'close-btn',
-                svgObj: new svgs_1.ElCloseSvg(),
-                styleObj: td_message_style_1.$messageCloseBtnStyle,
-                events: {
-                    click: (evt) => {
-                        console.log('close');
-                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                        this.close();
-                    }
-                }
-            }));
+        // const self = this;
+        function close() {
+            visible.set(false);
+            // self.unmount(); // todo add by me;
+            // closeMessage(this) // add by me   emits listener has some wrong , not trigger.
         }
-        this.props = this.useParams(params);
-        const offset = (TdMessage.msgId * 60 + 20) + 'px';
-        this.message.style.addObj({
-            top: offset
-        });
-        if (params.grouping) {
-            if (TdMessage.msgList.length === 0) {
-                TdMessage.msgId = TdMessage.msgId + 1;
-                TdMessage.msgList.push(this);
-                // 特殊类，需要直接渲染。事件触发的类。
-                this.mount(this.to);
-            }
-            else {
-                const msg = TdMessage.msgList[0];
-                msg.repeatNum = (msg.repeatNum || 1) + 1;
-                console.log('msg.repeatNum is ', msg.repeatNum);
-                if (msg.repeatNum > 1) {
-                    if (msg.repeatNum === 2) {
-                        const badgeType = msg.props.type ? (msg.props.type === 'error' ? 'danger' : msg.props.type) : 'info';
-                        msg.badge = new td_badge_class_1.TdBadge({
-                            value: msg.repeatNum,
-                            type: badgeType,
-                            styleObj: td_message_style_1.$messageBadgeStyle
-                        });
-                        msg.message.addChild(msg.badge);
-                    }
-                    else {
-                        // msg.badge!.props.value = msg.repeatNum;
-                        (_a = msg.badge) === null || _a === void 0 ? void 0 : _a.changeValue(msg.repeatNum);
-                    }
-                }
-                this.clearTimer();
-                msg.clearTimer();
-                msg.startTimer();
-                msg.mount(msg.to);
+        function keydown({ code }) {
+            if (code === aria_1.EVENT_CODE.esc) {
+                // press esc to close the message
+                close();
             }
         }
-        else {
-            TdMessage.msgId = TdMessage.msgId + 1;
-            TdMessage.msgList.push(this);
-            // 特殊类，需要直接渲染。事件触发的类。
-            this.mount(this.to);
-        }
-    }
-    mounted() {
-        if ((this === null || this === void 0 ? void 0 : this.repeatNum) && (this === null || this === void 0 ? void 0 : this.repeatNum) > 1) {
-            return;
-        }
-        this.startTimer();
-        // nextZIndex()
-        this.visible = true;
-        this.message.style.show('flex');
-        document.addEventListener('keydown', this.keydown);
-    }
-    destroy(root) {
-        document.removeEventListener('keydown', this.keydown);
-        super.destroy(root);
-    }
-    static success(message) {
-        new TdMessage({
-            message,
-            type: 'success'
-        });
-    }
-    static warning(message) {
-        new TdMessage({
-            message,
-            type: 'warning'
+        (0, framework_1.onMounted)(() => {
+            startTimer();
+            nextZIndex();
+            visible.set(true);
         });
-    }
-    static error(message) {
-        new TdMessage({
-            message,
-            type: 'error'
+        (0, signals_1.watch)(() => (0, signals_1.unref)(props.repeatNum), () => {
+            clearTimer();
+            startTimer();
         });
-    }
-    static info(message) {
-        new TdMessage({
-            message,
-            type: 'info'
+        (0, framework_1.useEventListener)(document, 'keydown', keydown);
+        (0, framework_1.useResizeObserver)(messageRef, () => {
+            height.set(messageRef.get().getBoundingClientRect().height);
         });
-    }
-    startTimer() {
-        if (this.props.duration === 0)
-            return;
-        ({ stop: this.stopTimer } = (0, framework_1.useTimeoutFn)(() => {
-            this.close();
-        }, this.props.duration || td_message_interface_1.messageDefaults.duration));
-    }
-    clearTimer() {
-        var _a;
-        (_a = this.stopTimer) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
-    close() {
-        console.log('close . ');
-        this.visible = false;
-        this.message.style.hide();
-        this.clearTimer();
-        TdMessage.msgId = (TdMessage.msgId || 1) - 1;
-        TdMessage.msgList = TdMessage.msgList.filter(item => item !== this);
-        console.log('TdMessage.msgList is ', TdMessage.msgList, TdMessage.msgList.length);
-        TdMessage.msgList.forEach((msg, index) => {
-            const offset = (index * 60 + 20) + 'px';
-            const customStyle = {
-                top: offset
-            };
-            msg.message.style.setObj(customStyle);
+        (0, framework_1.defineExpose)({
+            visible,
+            bottom,
+            close,
         });
-        this.destroy();
+        this.addChild(new framework_1.Transition({
+            name: ns.b('fade'),
+            // onBeforeLeave: props.onClose, // todo 会提前消除 instance
+            onAfterLeave: () => {
+                var _a;
+                console.error('TdMessage Transition afterLeave');
+                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+                emit('destroy');
+            },
+            slot: new framework_1.Div({
+                vShow: visible,
+                refDom: messageRef,
+                attrObj: {
+                    class: [
+                        ns.b(),
+                        { [ns.m(props.type)]: props.type },
+                        ns.is('center', props.center),
+                        ns.is('closable', props.showClose),
+                        ns.is('plain', props.plain),
+                        props.customClass,
+                    ],
+                    role: 'alert',
+                },
+                styleObj: customStyle,
+                events: {
+                    mouseenter: clearTimer,
+                    mouseleave: startTimer,
+                },
+                slot: [
+                    new td_badge_class_1.TdBadge({
+                        vIf: (0, signals_1.computed)(() => props.repeatNum && props.repeatNum.get() > 1),
+                        value: props.repeatNum,
+                        type: badgeType.get(),
+                        class: ns.e('badge'),
+                    }),
+                    new td_icon_class_1.TdIcon({
+                        vIf: iconComponent.get(),
+                        class: [ns.e('icon'), typeClass],
+                        slot: new (iconComponent.get())(),
+                    }),
+                    ...(0, framework_1.arraySlot)((_a = props.slot) !== null && _a !== void 0 ? _a : (!props.dangerouslyUseHTMLString
+                        ? new framework_1.P({
+                            // vIf: ,
+                            class: ns.e('content'),
+                            slot: props.message,
+                        })
+                        : // <!-- Caution here, message could've been compromised, never use user's input as message -->
+                            new framework_1.P({
+                                // vIf: props.dangerouslyUseHTMLString,
+                                class: ns.e('content'),
+                                slot: new framework_1.XElement({
+                                    template: props.message,
+                                }),
+                            }))),
+                    new td_icon_class_1.TdIcon({
+                        vIf: props.showClose,
+                        class: ns.e('closeBtn'),
+                        slot: new svgs_1.ElCloseSvg(),
+                        events: {
+                            click: (evt) => {
+                                close();
+                                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                            },
+                        },
+                    }),
+                ],
+            }),
+        }));
     }
 }
-exports.TdMessage = TdMessage;
-TdMessage.msgId = 0;
-TdMessage.msgList = [];
+exports.MessageClass = MessageClass;

package/src/components/feedback/td-message/td-message.const.d.ts

@@ -0,0 +1,6 @@
+import { MessageProps } from './td-message.interface';
+export declare const messageDefaults: MessageProps;
+export declare const messageEmits: {
+    destroy: () => boolean;
+};
+export declare const messageTypes: readonly ["success", "info", "warning", "error"];