@type-dom/ui 0.2.2 → 0.3.1

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

@@ -0,0 +1,197 @@
+// 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'
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { isVNode } from '@type-dom/framework';
+import { debugWarn, isBoolean, isClient, isElement, isFunction, isNumber, isString, } from '@type-dom/utils';
+import { messageConfig } from '../../configuration/td-config-provider/config-provider';
+import { messageDefaults, messageTypes } from './td-message.const';
+import { MessageClass } from './td-message.class';
+import { instances } from './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 || isString(params) || isVNode(params) || isFunction(params)
+        ? { message: params }
+        : params;
+    const normalized = Object.assign(Object.assign({}, messageDefaults), options);
+    if (!normalized.appendTo) {
+        normalized.appendTo = document.body;
+    }
+    else if (isString(normalized.appendTo)) {
+        let appendTo = document.querySelector(normalized.appendTo);
+        // should fallback to default value with a warning
+        if (!isElement(appendTo)) {
+            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 (isBoolean(messageConfig.grouping) && !normalized.grouping) {
+        normalized.grouping = messageConfig.grouping;
+    }
+    if (isNumber(messageConfig.duration) && normalized.duration === 3000) {
+        normalized.duration = messageConfig.duration;
+    }
+    if (isNumber(messageConfig.offset) && normalized.offset === 16) {
+        normalized.offset = messageConfig.offset;
+    }
+    if (isBoolean(messageConfig.showClose) && !normalized.showClose) {
+        normalized.showClose = messageConfig.showClose;
+    }
+    return normalized;
+};
+export const closeMessage = (instance) => {
+    const idx = instances.get().indexOf(instance);
+    if (idx === -1)
+        return;
+    instances.get().splice(idx, 1);
+    const { handler } = instance;
+    handler.close();
+};
+const createMessage = (_a) => {
+    var { appendTo } = _a, options = __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();
+            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 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 (!isClient)
+        return { close: () => undefined };
+    const normalized = normalizeOptions(options);
+    // console.error('normalized is ', normalized);
+    if (normalized.grouping && instances.get().length) {
+        const instance = 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 (isNumber(messageConfig.max) &&
+        instances.get().length >= messageConfig.max) {
+        return { close: () => undefined };
+    }
+    (_d = normalized.repeatNum) === null || _d === void 0 ? void 0 : _d.set(1); // add by me 恢复重复数字
+    const instance = createMessage(normalized);
+    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;
+};
+messageTypes.forEach((type) => {
+    message[type] = (options = {}) => {
+        const normalized = normalizeOptions(options);
+        return message(Object.assign(Object.assign({}, normalized), { type }));
+    };
+});
+export function closeAll(type) {
+    for (const instance of instances.get()) {
+        if (!type || type === instance.props.type) {
+            instance.handler.close();
+        }
+    }
+}
+message.closeAll = closeAll;
+// message._context = null
+export { message as TdMessage };
+//# sourceMappingURL=method.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"method.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/method.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '@element-plus/components/badge/style/css';
+import '@element-plus/theme-chalk/el-message.css';
+//# sourceMappingURL=css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-message/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC"}

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

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '@element-plus/components/badge/style/css';
+import '@element-plus/theme-chalk/el-message.css';
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-message/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC"}

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

@@ -0,0 +1,4 @@
+import '../../../../components/base/style';
+import '../../../../components/data/td-badge/style';
+import '../../../../theme-chalk/message.scss';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-message/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4CAA4C,CAAC;AACpD,OAAO,sCAAsC,CAAC"}

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

@@ -0,0 +1,4 @@
+import '../../../../components/base/style';
+import '../../../../components/data/td-badge/style';
+import '../../../../theme-chalk/message.scss';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-message/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4CAA4C,CAAC;AACpD,OAAO,sCAAsC,CAAC"}

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

@@ -0,0 +1,14 @@
+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';
+    props: MessageProps;
+    visible?: Signal<boolean>;
+    bottom?: Computed<number>;
+    close?: () => void;
+    constructor(option?: string | MessageProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-message.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EAQb,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAIL,MAAM,EACN,QAAQ,EAET,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,eAAe,CAAC;AAEvB,qBAAa,YAAa,SAAQ,YAAa,YAAW,UAAU;IAClE,SAAS,EAAE,WAAW,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEP,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY;IAcjC,KAAK;CA8Jf"}

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

@@ -0,0 +1,159 @@
+import { Div, P, Transition, TypeFragment, XElement, arraySlot, defineExpose, onMounted, useEventListener, useResizeObserver, useTimeoutFn, } from '@type-dom/framework';
+import { ElCloseSvg, TypeComponentsMap } from '@type-dom/svgs';
+import { computed, signal, watch, unref, } from '@type-dom/signals';
+import { EVENT_CODE } from '../../../constants/aria';
+import { TdBadge } from '../../data/td-badge/td-badge.class';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { useGlobalComponentSettings } from '../../configuration/td-config-provider/hooks/use-global-config';
+import { getLastOffset, getOffsetOrSpace } from './instance';
+import { messageDefaults, messageEmits } from './td-message.const';
+import './style/index';
+export class MessageClass extends TypeFragment {
+    constructor(option) {
+        super();
+        this.className = 'TdMessage';
+        let params = {};
+        if (typeof option === 'string') {
+            params.message = option;
+        }
+        else {
+            params = option || {};
+        }
+        this.addEmits(messageEmits);
+        this.assignProps(messageDefaults);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const props = this.props;
+        const emit = this.emit;
+        const { ns, zIndex } = useGlobalComponentSettings('message');
+        const { currentZIndex, nextZIndex } = zIndex;
+        const messageRef = signal();
+        const visible = signal(false);
+        const height = signal(0);
+        let stopTimer = undefined;
+        const badgeType = computed(() => props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info');
+        const typeClass = computed(() => {
+            const type = props.type;
+            return { [ns.bm('icon', type)]: type && !!TypeComponentsMap[type] };
+        });
+        const iconComponent = computed(() => props.icon || TypeComponentsMap[props.type] || '');
+        const lastOffset = computed(() => getLastOffset(props.id));
+        const offset = computed(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.get());
+        const bottom = computed(() => height.get() + offset.get());
+        const customStyle = computed(() => ({
+            top: `${offset.get()}px`,
+            zIndex: currentZIndex.get(),
+        }));
+        function startTimer() {
+            if (props.duration === 0)
+                return;
+            ({ stop: stopTimer } = useTimeoutFn(() => {
+                close();
+            }, props.duration));
+        }
+        function clearTimer() {
+            stopTimer === null || stopTimer === void 0 ? void 0 : stopTimer();
+        }
+        // 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.
+        }
+        function keydown({ code }) {
+            if (code === EVENT_CODE.esc) {
+                // press esc to close the message
+                close();
+            }
+        }
+        onMounted(() => {
+            startTimer();
+            nextZIndex();
+            visible.set(true);
+        });
+        watch(() => unref(props.repeatNum), () => {
+            clearTimer();
+            startTimer();
+        });
+        useEventListener(document, 'keydown', keydown);
+        useResizeObserver(messageRef, () => {
+            height.set(messageRef.get().getBoundingClientRect().height);
+        });
+        defineExpose({
+            visible,
+            bottom,
+            close,
+        });
+        this.addChild(new 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 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 TdBadge({
+                        vIf: computed(() => props.repeatNum && props.repeatNum.get() > 1),
+                        value: props.repeatNum,
+                        type: badgeType.get(),
+                        class: ns.e('badge'),
+                    }),
+                    new TdIcon({
+                        vIf: iconComponent.get(),
+                        class: [ns.e('icon'), typeClass],
+                        slot: new (iconComponent.get())(),
+                    }),
+                    ...arraySlot((_a = props.slot) !== null && _a !== void 0 ? _a : (!props.dangerouslyUseHTMLString
+                        ? new P({
+                            // vIf: ,
+                            class: ns.e('content'),
+                            slot: props.message,
+                        })
+                        : // <!-- Caution here, message could've been compromised, never use user's input as message -->
+                            new P({
+                                // vIf: props.dangerouslyUseHTMLString,
+                                class: ns.e('content'),
+                                slot: new XElement({
+                                    template: props.message,
+                                }),
+                            }))),
+                    new TdIcon({
+                        vIf: props.showClose,
+                        class: ns.e('closeBtn'),
+                        slot: new ElCloseSvg(),
+                        events: {
+                            click: (evt) => {
+                                close();
+                                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                            },
+                        },
+                    }),
+                ],
+            }),
+        }));
+    }
+}
+//# sourceMappingURL=td-message.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.class.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.class.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+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"];
+//# sourceMappingURL=td-message.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,eAAO,MAAM,eAAe,EAAE,YAiBpB,CAAC;AAEX,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,YAAY,kDAAmD,CAAC"}

package/dist/src/components/feedback/td-message/td-message.const.js

@@ -0,0 +1,25 @@
+import { isClient } from '@type-dom/utils';
+import { signal } from '@type-dom/signals';
+export const messageDefaults = {
+    // customClass: '',
+    center: false,
+    dangerouslyUseHTMLString: false,
+    duration: 3000,
+    // icon: undefined,
+    // id: '',
+    // message: '',
+    // onClose: undefined,
+    showClose: false,
+    type: 'info',
+    plain: false,
+    offset: 16,
+    zIndex: 0,
+    grouping: false,
+    repeatNum: signal(1),
+    appendTo: isClient ? document.body : undefined,
+};
+export const messageEmits = {
+    destroy: () => true,
+};
+export const messageTypes = ['success', 'info', 'warning', 'error'];
+//# sourceMappingURL=td-message.const.js.map

package/dist/src/components/feedback/td-message/td-message.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.const.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,mBAAmB;IACnB,MAAM,EAAE,KAAK;IACb,wBAAwB,EAAE,KAAK;IAC/B,QAAQ,EAAE,IAAI;IACd,mBAAmB;IACnB,UAAU;IACV,eAAe;IACf,sBAAsB;IACtB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAE,SAAmB;CACjD,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC"}

package/dist/src/components/feedback/td-message/td-message.interface.d.ts

@@ -0,0 +1,129 @@
+import { ITypeFragment, TypeFragmentProps, TypeSvgSvg, TypeNode } from '@type-dom/framework';
+import { MessageClass } from './td-message.class';
+import { Signal } from '@type-dom/signals';
+export interface ITdMessage extends ITypeFragment {
+    className: 'TdMessage';
+    props: MessageProps;
+}
+export type IMessageType = 'success' | 'info' | 'warning' | 'error';
+export interface MessageProps extends TypeFragmentProps {
+    /**
+     * @description custom class name for Message
+     *     default: messageDefaults.customClass,
+     */
+    customClass?: string;
+    /**
+     * @description whether to center the text
+     *     default: messageDefaults.center,
+     */
+    center?: boolean;
+    /**
+     * @description whether `message` is treated as HTML string
+     *     default: messageDefaults.dangerouslyUseHTMLString,
+     */
+    dangerouslyUseHTMLString?: boolean;
+    /**
+     * @description display duration, millisecond. If set to 0, it will not turn off automatically
+     *     default: messageDefaults.duration,
+     */
+    duration?: number;
+    /**
+     * @description custom icon component, overrides `type`
+     *     default: messageDefaults.icon,
+     */
+    icon?: typeof TypeSvgSvg;
+    /**
+     * @description message dom id
+     *     default: messageDefaults.id,
+     */
+    id?: string;
+    /**
+     * @description message text
+     *     default: messageDefaults.message,
+     */
+    message?: string | TypeNode;
+    /**
+     * @description callback function when closed with the message instance as the parameter
+     *     default: messageDefaults.onClose,
+     */
+    onClose?: () => void;
+    /**
+     * @description whether to show a close button
+     *     default: messageDefaults.showClose,
+     */
+    showClose?: boolean;
+    /**
+     * @description message type
+     *     default: messageDefaults.type,
+     */
+    type?: IMessageType;
+    /**
+     * @description whether message is plain
+     *     default: messageDefaults.plain,
+     */
+    plain?: boolean;
+    /**
+     * @description set the distance to the top of viewport
+     *     default: messageDefaults.offset,
+     */
+    offset?: number;
+    /**
+     * @description input box size
+     *     default: messageDefaults.zIndex
+     */
+    zIndex?: number;
+    /**
+     * @description merge messages with the same content, type of VNode message is not supported
+     *     default: messageDefaults.grouping,
+     */
+    grouping?: boolean;
+    /**
+     * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`
+     *     default: messageDefaults.repeatNum
+     */
+    repeatNum?: Signal<number>;
+    appendTo?: HTMLElement;
+}
+export type MessageOptions = Partial<Omit<MessageProps, 'id'> & {
+    appendTo?: HTMLElement | string;
+}>;
+export type MessageParams = MessageOptions | MessageOptions['message'];
+export type MessageParamsNormalized = Omit<MessageProps, 'id'> & {
+    /**
+     * @description set the root element for the message, default to `document.body`
+     */
+    appendTo: HTMLElement;
+};
+export type MessageOptionsWithType = Omit<MessageOptions, 'type'>;
+export type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];
+export interface MessageHandler {
+    /**
+     * @description close the Message
+     */
+    close: () => void;
+}
+export type MessageFn = {
+    (options?: MessageParams): MessageHandler;
+    closeAll(type?: IMessageType): void;
+};
+export type MessageTypedFn = (options?: MessageParamsWithType) => MessageHandler;
+export interface Message extends MessageFn {
+    success: MessageTypedFn;
+    warning: MessageTypedFn;
+    info: MessageTypedFn;
+    error: MessageTypedFn;
+}
+export type MessageContext = {
+    id: string;
+    vnode: MessageClass;
+    handler: MessageHandler;
+    props: MessageProps;
+};
+export interface MessageConfigContext {
+    max?: number;
+    grouping?: boolean;
+    duration?: number;
+    offset?: number;
+    showClose?: boolean;
+}
+//# sourceMappingURL=td-message.interface.d.ts.map

package/dist/src/components/feedback/td-message/td-message.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.interface.ts"],"names":[],"mappings":"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"}

package/dist/src/components/feedback/td-message/td-message.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-message.interface.js.map

package/dist/src/components/feedback/td-message/td-message.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.interface.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { IStyle } from '@type-dom/css-type';
+import { MessageProps } from './td-message.interface';
+export declare const $message: {
+    bgColor: string;
+    borderColor: string;
+    padding: string;
+    closeSize: string;
+    closeIconColor: string;
+    closeHoverColor: string;
+};
+export declare const $messageStyle: IStyle;
+export declare const $messageContentStyle: IStyle;
+export declare const $messageBadgeStyle: IStyle;
+export declare const $messageCloseBtnStyle: IStyle;
+export declare function useMessageStyle(config?: MessageProps): void;
+export declare const $messageIconStyle: IStyle;
+export declare function useMessageType(config?: MessageProps): void;
+//# sourceMappingURL=td-message.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-message.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message/td-message.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C,OAAO,EAAgB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,QAAQ;;;;;;;CAWpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MA2B3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAKlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAIhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAMnC,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,YAAY,QAiBpD;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAW,CAAC;AAE5C,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,QAsBnD"}