@type-dom/ui 0.1.2 → 0.2.0

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

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageClass = void 0;
-const framework_1 = require("@type-dom/framework");
-const svgs_1 = require("@type-dom/svgs");
-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 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) {
-        super();
-        this.className = 'TdMessage';
-        let params = {};
-        if (typeof option === 'string') {
-            params.message = option;
-        }
-        else {
-            params = option || {};
-        }
-        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] };
-        });
-        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));
-        }
-        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 === aria_1.EVENT_CODE.esc) {
-                // press esc to close the message
-                close();
-            }
-        }
-        (0, framework_1.onMounted)(() => {
-            startTimer();
-            nextZIndex();
-            visible.set(true);
-        });
-        (0, signals_1.watch)(() => (0, signals_1.unref)(props.repeatNum), () => {
-            clearTimer();
-            startTimer();
-        });
-        (0, framework_1.useEventListener)(document, 'keydown', keydown);
-        (0, framework_1.useResizeObserver)(messageRef, () => {
-            height.set(messageRef.get().getBoundingClientRect().height);
-        });
-        (0, framework_1.defineExpose)({
-            visible,
-            bottom,
-            close,
-        });
-        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.MessageClass = MessageClass;

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

@@ -1,6 +0,0 @@
-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"];

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.messageTypes = exports.messageEmits = exports.messageDefaults = void 0;
-const utils_1 = require("@type-dom/utils");
-const signals_1 = require("@type-dom/signals");
-exports.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: (0, signals_1.signal)(1),
-    appendTo: utils_1.isClient ? document.body : undefined,
-};
-exports.messageEmits = {
-    destroy: () => true,
-};
-exports.messageTypes = ['success', 'info', 'warning', 'error'];

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

@@ -1,128 +0,0 @@
-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;
-}

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

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

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

@@ -1,17 +0,0 @@
-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;

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

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$messageIconStyle = exports.$messageCloseBtnStyle = exports.$messageBadgeStyle = exports.$messageContentStyle = exports.$messageStyle = exports.$message = void 0;
-exports.useMessageStyle = useMessageStyle;
-exports.useMessageType = useMessageType;
-const var_1 = require("../../../styles/var");
-exports.$message = {
-    // bgColor: getCssVar('color', 'info', 'light-9'),
-    bgColor: var_1.$colors.info['light-9'],
-    // borderColor: getCssVar('border-color-lighter'),
-    borderColor: var_1.$borderColor.lighter,
-    padding: '11px 15px',
-    closeSize: '16px',
-    // closeIconColor: getCssVar('text-color-placeholder'),
-    closeIconColor: var_1.$textColor.placeholder,
-    // closeHoverColor: getCssVar('text-color-secondary'),
-    closeHoverColor: var_1.$textColor.secondary,
-};
-exports.$messageStyle = {
-    width: 'fit-content',
-    maxWidth: 'calc(100% - 32px)',
-    boxSizing: 'border-box',
-    // border-radius: getCssVar('border-radius-base'),
-    borderRadius: var_1.$borderRadius.base,
-    // border-width: getCssVar('border-width'),
-    borderWidth: var_1.$borderWidth,
-    // border-style: getCssVar('border-style'),
-    borderStyle: var_1.$borderStyle,
-    // border-color: getCssVar('message', 'border-color'),
-    borderColor: exports.$message.borderColor,
-    position: 'fixed',
-    left: '50%',
-    top: '20px',
-    transform: 'translateX(-50%)',
-    // background-color: getCssVar('message', 'bg-color'),
-    backgroundColor: exports.$message.bgColor,
-    // transition: opacity getCssVar('transition-duration'), transform 0.4s, top 0.4s,
-    transition: 'opacity 0.3s, transform 0.4s, top 0.4s',
-    // padding: getCssVar('message', 'padding'),
-    padding: exports.$message.padding,
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    zIndex: 99999,
-};
-exports.$messageContentStyle = {
-    padding: 0,
-    fontSize: '14px',
-    lineHeight: 1,
-    margin: 0, // add by me  P 标签默认有 margin
-};
-exports.$messageBadgeStyle = {
-    position: 'absolute',
-    top: '-8px',
-    right: '-8px',
-};
-exports.$messageCloseBtnStyle = {
-    cursor: 'pointer',
-    // color: getCssVar('message', 'close-icon-color'),
-    color: exports.$message.closeIconColor,
-    // font-size: getCssVar('message', 'close-size'),
-    fontSize: exports.$message.closeSize,
-};
-function useMessageStyle(config) {
-    if (config === null || config === void 0 ? void 0 : config.center) {
-        exports.$messageStyle.justifyContent = 'center';
-    }
-    useMessageType(config);
-    if (config === null || config === void 0 ? void 0 : config.plain) {
-        // background-color: getCssVar('bg-color', 'overlay');
-        exports.$messageStyle.backgroundColor = var_1.$bgColor.overlay;
-        // border-color: getCssVar('bg-color', 'overlay');
-        exports.$messageStyle.borderColor = var_1.$bgColor.overlay;
-        // box-shadow: getCssVar('box-shadow-light');
-        exports.$messageStyle.boxShadow = var_1.$boxShadow.light;
-    }
-    else {
-        exports.$messageStyle.backgroundColor = exports.$message.bgColor;
-        exports.$messageStyle.borderColor = exports.$message.borderColor;
-        exports.$messageStyle.boxShadow = undefined;
-    }
-}
-exports.$messageIconStyle = {};
-function useMessageType(config) {
-    const type = (config === null || config === void 0 ? void 0 : config.type) || 'info';
-    //    @include css-var-from-global(
-    //         ('message', 'bg-color'),
-    //         ('color', $type, 'light-9')
-    //       );
-    exports.$message.bgColor = var_1.$colors[type]['light-9'];
-    //       @include css-var-from-global(
-    //         ('message', 'border-color'),
-    //         ('color', $type, 'light-8')
-    //       );
-    exports.$message.borderColor = var_1.$colors[type]['light-8'];
-    //       @include css-var-from-global(('message', 'text-color'), ('color', $type));
-    const $messageTextColor = var_1.$colors[type].base;
-    //  .#{$namespace}-message__content {
-    //         color: getCssVar('message', 'text-color');
-    //         overflow-wrap: break-word;
-    //       }
-    exports.$messageContentStyle.color = $messageTextColor;
-    exports.$messageContentStyle.overflowWrap = 'break-word';
-    exports.$messageIconStyle.color = $messageTextColor;
-}

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

@@ -1,5 +0,0 @@
-import './style/index';
-declare const _MessageBox: import("./td-message-box.interface").ITdMessageBoxFn;
-export default _MessageBox;
-export declare const TdMessageBox: import("./td-message-box.interface").ITdMessageBoxFn;
-export type * from './td-message-box.interface';

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdMessageBox = void 0;
-const message_box_1 = require("./message-box");
-require("./style/index");
-const _MessageBox = message_box_1.default;
-exports.default = _MessageBox;
-exports.TdMessageBox = _MessageBox;

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

@@ -1,3 +0,0 @@
-import type { ITdMessageBoxFn } from './td-message-box.interface';
-declare const _default: ITdMessageBoxFn;
-export default _default;

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

@@ -1,207 +0,0 @@
-"use strict";
-// import { createVNode, isVNode, render } from 'vue'
-// import {
-//   debugWarn,
-//   hasOwn,
-//   isClient,
-//   isElement,
-//   isFunction,
-//   isObject,
-//   isString,
-//   isUndefined,
-// } from '@element-plus/utils'
-// import MessageBoxConstructor from './index.vue'
-//
-// import type { AppContext, ComponentPublicInstance, VNode } from 'vue'
-Object.defineProperty(exports, "__esModule", { value: true });
-const framework_1 = require("@type-dom/framework");
-const utils_1 = require("@type-dom/utils");
-const td_message_box_class_1 = require("./td-message-box.class");
-// component default merge props & data
-const messageInstance = new Map();
-const getAppendToElement = (props) => {
-    let appendTo = document.body;
-    if (props.appendTo) {
-        if ((0, utils_1.isString)(props.appendTo)) {
-            appendTo = document.querySelector(props.appendTo);
-        }
-        if ((0, utils_1.isElement)(props.appendTo)) {
-            appendTo = props.appendTo;
-        }
-        // should fallback to default value with a warning
-        if (!(0, utils_1.isElement)(appendTo)) {
-            (0, utils_1.debugWarn)('TdMessageBox', 'the appendTo option is not an HTMLElement. Falling back to document.body.');
-            appendTo = document.body;
-        }
-    }
-    return appendTo;
-};
-const initInstance = (props, container
-// appContext: AppContext | null = null
-) => {
-    // const vnode = createVNode(
-    //   MessageBoxConstructor,
-    //   props,
-    //   isFunction(props.message) || isVNode(props.message)
-    //     ? {
-    //       default: isFunction(props.message)
-    //         ? props.message
-    //         : () => props.message,
-    //     }
-    //     : null
-    // )
-    // vnode.appContext = appContext
-    // render(vnode, container)
-    const node = new td_message_box_class_1.TdMessageBox(props);
-    node.mount(container);
-    getAppendToElement(props).appendChild(container.firstElementChild);
-    return node;
-};
-const genContainer = () => {
-    return document.createElement('div');
-};
-const showMessage = (options) => {
-    var _a;
-    // console.warn('showMessage options is ', options);
-    const container = genContainer();
-    // Adding destruct method.
-    // when transition leaves emitting `vanish` evt. so that we can do the clean job.
-    options.emits = {};
-    options.emits.vanish = () => {
-        // console.warn('showMessage options emits vanish ');
-        // not sure if this causes mem leak, need proof to verify that.
-        // maybe calling out like 1000 msg-box then close them all.
-        // render(null, container) // todo
-        vm.unmount();
-        messageInstance.delete(vm); // Remove vm to avoid mem leak.
-        // here we were suppose to call document.body.removeChild(container.firstElementChild)
-        // but render(null, container) did that job for us. so that we do not call that directly
-    };
-    options.emits.action = (action) => {
-        const currentMsg = messageInstance.get(vm);
-        let resolve;
-        if (options.showInput) {
-            resolve = { value: vm.inputValue, action };
-        }
-        else {
-            resolve = action;
-        }
-        if (options.callback) {
-            options.callback(resolve, instance);
-        }
-        else {
-            if (action === 'cancel' || action === 'close') {
-                if (options.distinguishCancelAndClose && action !== 'cancel') {
-                    currentMsg.reject('close');
-                }
-                else {
-                    try {
-                        // currentMsg.reject('cancel'); // todo 会有什么影响？？？
-                    }
-                    catch (e) {
-                        console.error(e);
-                    }
-                    // currentMsg.reject('cancel');
-                }
-            }
-            else {
-                currentMsg.resolve(resolve);
-            }
-        }
-    };
-    const instance = initInstance(options, container);
-    // This is how we use message box programmatically.
-    // Maybe consider releasing a template version?
-    // get component instance like v2.
-    const vm = instance;
-    // <
-    //   {
-    //     visible: boolean
-    //     doClose: () => void
-    //   } & MessageBoxState
-    // >
-    for (const prop in options) {
-        if ((0, utils_1.hasOwn)(options, prop) && !(0, utils_1.hasOwn)(vm.props, prop)) {
-            // if (prop === 'closeIcon' && isObject(options[prop])) {
-            //   (vm as any)[prop] = markRaw(options[prop])
-            // } else {
-            //   (vm as any)[prop] = options[prop]
-            // }
-            vm[prop] = options[prop];
-        }
-    }
-    // change visibility after everything is settled
-    (_a = vm.visible) === null || _a === void 0 ? void 0 : _a.set(true);
-    return vm;
-};
-function MessageBox(options
-// appContext: AppContext | null = null
-) {
-    // console.warn('MessageBox options is ', options);
-    if (!utils_1.isClient)
-        return Promise.reject();
-    let callback;
-    if ((0, utils_1.isString)(options) || (0, framework_1.isVNode)(options)) {
-        options = {
-            message: options,
-        };
-    }
-    else {
-        callback = options.callback;
-    }
-    return new Promise((resolve, reject) => {
-        const vm = showMessage(options
-        // appContext ?? (MessageBox as ITdMessageBoxFn)._context
-        );
-        // collect this vm in order to handle upcoming events.
-        messageInstance.set(vm, {
-            options,
-            callback,
-            resolve,
-            reject,
-        });
-        // console.warn('messageInstance is ', messageInstance);
-    });
-}
-const MESSAGE_BOX_VARIANTS = ['alert', 'confirm', 'prompt'];
-const MESSAGE_BOX_DEFAULT_OPTS = {
-    alert: { closeOnPressEscape: false, closeOnClickModal: false },
-    confirm: { showCancelButton: true },
-    prompt: { showCancelButton: true, showInput: true },
-};
-MESSAGE_BOX_VARIANTS.forEach((boxType) => {
-    MessageBox[boxType] = messageBoxFactory(boxType);
-});
-function messageBoxFactory(boxType) {
-    // console.warn('messageBoxFactory boxType is ', boxType);
-    return (message, title, options
-    // appContext?: AppContext | null
-    ) => {
-        let titleOrOpts = '';
-        if ((0, utils_1.isObject)(title)) {
-            options = title;
-            titleOrOpts = '';
-        }
-        else if ((0, utils_1.isUndefined)(title)) {
-            titleOrOpts = '';
-        }
-        else {
-            titleOrOpts = title;
-        }
-        return MessageBox(Object.assign(Object.assign({ title: titleOrOpts, message, type: '' }, MESSAGE_BOX_DEFAULT_OPTS[boxType]), options, {
-            boxType,
-        })
-        // appContext
-        );
-    };
-}
-MessageBox.close = () => {
-    // instance.setupInstall.doClose()
-    // instance.setupInstall.state.visible = false
-    messageInstance.forEach((_, vm) => {
-        vm.doClose();
-    });
-    messageInstance.clear();
-};
-// ;(MessageBox as ITdMessageBoxFn)._context = null
-exports.default = MessageBox;