@type-dom/ui 0.2.2 → 0.3.1

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

@@ -0,0 +1,174 @@
+import { InputEnum, ITypeFragment, TypeFragmentProps, TypeSvgSvg, TypeNode } from '@type-dom/framework';
+import { IStyle } from '@type-dom/css-type';
+import { ComponentSize } from '../../../constants/size';
+import { TdInput } from '../../form';
+import { MaybeRef, Signal } from '@type-dom/signals';
+export interface ITdMessageBox extends ITypeFragment {
+    className: 'TdMessageBox';
+    props: MessageBoxProps;
+}
+export interface MessageBoxProps extends TypeFragmentProps, TdMessageBoxOptions, MessageBoxState {
+    buttonSize?: ComponentSize;
+    modal?: boolean;
+    lockScroll?: boolean;
+    showClose?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    closeOnHashChange?: boolean;
+    center?: boolean;
+    draggable?: boolean;
+    overflow?: boolean;
+    roundButton?: boolean;
+    container?: string;
+    boxType?: IMessageBoxType;
+}
+type MessageType = '' | 'success' | 'warning' | 'info' | 'error';
+export type IMessageBoxType = '' | 'prompt' | 'alert' | 'confirm';
+export type MessageBoxData = IMessageBoxInputData & Action;
+export type Action = 'confirm' | 'close' | 'cancel';
+export interface IMessageBoxInputData {
+    value: string;
+    input?: TdInput;
+    action?: Action;
+}
+export interface MessageBoxInputValidator {
+    (value?: string | number): boolean | string;
+}
+export declare interface MessageBoxState {
+    autofocus?: boolean;
+    title?: string | TdMessageBoxOptions;
+    message?: string | TypeNode;
+    type?: MessageType;
+    icon?: typeof TypeSvgSvg;
+    customClass?: string;
+    customStyle?: IStyle;
+    showInput?: boolean;
+    inputValue?: Signal<string>;
+    inputPlaceholder?: string;
+    inputType?: keyof typeof InputEnum | 'textarea';
+    inputPattern?: RegExp;
+    inputValidator?: MessageBoxInputValidator;
+    inputErrorMessage?: string;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+    action?: Action;
+    dangerouslyUseHTMLString?: boolean;
+    confirmButtonText?: MaybeRef<string>;
+    cancelButtonText?: MaybeRef<string>;
+    confirmButtonLoading?: boolean;
+    cancelButtonLoading?: boolean;
+    confirmButtonLoadingIcon?: TypeSvgSvg;
+    cancelButtonLoadingIcon?: TypeSvgSvg;
+    confirmButtonClass?: string;
+    confirmButtonDisabled?: boolean;
+    cancelButtonClass?: string;
+    editorErrorMessage?: Signal<string>;
+    beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
+    callback?: Callback;
+    distinguishCancelAndClose?: boolean;
+    modalFade?: boolean;
+    modalClass?: string;
+    isOnComposition?: false;
+    validateError?: boolean;
+    zIndex?: number;
+}
+export type Callback = (action: Action) => void;
+/** Options used in MessageBox */
+export interface TdMessageBoxOptions {
+    /**
+     * auto focus when open message-box
+     */
+    autofocus?: boolean;
+    /** Callback before MessageBox closes, and it will prevent MessageBox from closing */
+    beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
+    /** Custom class name for MessageBox */
+    customClass?: string;
+    /** Custom inline style for MessageBox */
+    customStyle?: IStyle;
+    /** modal class name for MessageBox */
+    modalClass?: string;
+    /** MessageBox closing callback if you don't prefer Promise */
+    callback?: Callback;
+    /** Text content of cancel button, need to reactivity */
+    cancelButtonText?: MaybeRef<string>;
+    /** Text content of confirm button,  need to reactivity*/
+    confirmButtonText?: MaybeRef<string>;
+    /** Loading Icon content of cancel button */
+    cancelButtonLoadingIcon?: TypeSvgSvg;
+    /** Loading Icon content of confirm button */
+    confirmButtonLoadingIcon?: TypeSvgSvg;
+    /** Custom class name of cancel button */
+    cancelButtonClass?: string;
+    /** Custom class name of confirm button */
+    confirmButtonClass?: string;
+    /** Whether to align the content in center */
+    center?: boolean;
+    /** Whether MessageBox can be drag */
+    draggable?: boolean;
+    /** Draggable MessageBox can overflow the viewport */
+    overflow?: boolean;
+    /** Content of the MessageBox */
+    message?: string | TypeNode;
+    /** Title of the MessageBox */
+    title?: string | TdMessageBoxOptions;
+    /** Message type, used for icon display */
+    type?: MessageType;
+    /** Message box type */
+    boxType?: IMessageBoxType;
+    /** Custom icon component */
+    icon?: typeof TypeSvgSvg;
+    /** Whether message is treated as HTML string */
+    dangerouslyUseHTMLString?: boolean;
+    /** Whether to distinguish canceling and closing */
+    distinguishCancelAndClose?: boolean;
+    /** Whether to lock body scroll when MessageBox prompts */
+    lockScroll?: boolean;
+    /** Whether to show a cancel button */
+    showCancelButton?: boolean;
+    /** Whether to show a confirm button */
+    showConfirmButton?: boolean;
+    /** Whether to show a close button */
+    showClose?: boolean;
+    /** Whether to use round button */
+    roundButton?: boolean;
+    /** Whether MessageBox can be closed by clicking the mask */
+    closeOnClickModal?: boolean;
+    /** Whether MessageBox can be closed by pressing the ESC */
+    closeOnPressEscape?: boolean;
+    /** Whether to close MessageBox when hash changes */
+    closeOnHashChange?: boolean;
+    /** Whether to show an input */
+    showInput?: boolean;
+    /** Placeholder of input */
+    inputPlaceholder?: string;
+    /** Initial value of input */
+    inputValue?: Signal<string>;
+    /** Regexp for the input */
+    inputPattern?: RegExp;
+    /** Input Type: text, textArea, password or number */
+    inputType?: keyof typeof InputEnum | 'textarea';
+    /** Validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage */
+    inputValidator?: MessageBoxInputValidator;
+    /** Error message when validation fails */
+    inputErrorMessage?: string;
+    /** Custom size of confirm and cancel buttons */
+    buttonSize?: ComponentSize;
+    /** Custom element to append the message box to */
+    appendTo?: HTMLElement | string;
+}
+export type TdMessageBoxShortcutMethod = ((message: TdMessageBoxOptions['message'], options?: TdMessageBoxOptions) => Promise<MessageBoxData>) & ((message: TdMessageBoxOptions['message'], title: TdMessageBoxOptions['title'], options?: TdMessageBoxOptions) => Promise<MessageBoxData>);
+export interface ITdMessageBoxFn {
+    /** Show a message box */
+    /** Show a message box */
+    (options: TdMessageBoxOptions): Promise<MessageBoxData>;
+    /** Show an alert message box */
+    alert: TdMessageBoxShortcutMethod;
+    /** Show a confirm message box */
+    confirm: TdMessageBoxShortcutMethod;
+    /** Show a prompt message box */
+    prompt: TdMessageBoxShortcutMethod;
+    /** Close current message box */
+    close(): void;
+}
+export {};
+//# sourceMappingURL=td-message-box.interface.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { IStyle } from '@type-dom/css-type';
+import { TdMessageBoxOptions } from './td-message-box.interface';
+export declare const $messageBox: {
+    titleColor: string;
+    width: string;
+    borderRadius: string;
+    boxShadow: {
+        '': string;
+        default: string;
+        light: string;
+        lighter: string;
+        dark: string;
+    };
+    fontSize: string;
+    contentFontSize: string;
+    contentColor: string;
+    errorFontSize: string;
+    paddingPrimary: string;
+    fontLineHeight: string;
+};
+export declare const $messageBoxStyle: IStyle;
+export declare const $messageBoxOverlayStyle: IStyle;
+export declare const $messageBoxHeaderStyle: IStyle;
+export declare const $messageBoxHeaderCloseStyle: IStyle;
+export declare const $messageBoxTitleStyle: IStyle;
+export declare const $messageBoxHeaderBtnStyle: IStyle;
+export declare const $messageBoxContentStyle: IStyle;
+export declare const $messageBoxContainerStyle: IStyle;
+export declare const $messageBoxInputStyle: IStyle;
+export declare const $messageBoxStatusStyle: IStyle;
+export declare const $messageBoxMessageStyle: IStyle;
+export declare const $messageBoxMessagePStyle: IStyle;
+export declare const $messageBoxErrorMsgStyle: IStyle;
+export declare const $messageBoxBtnsStyle: IStyle;
+export declare function useStyle(config?: TdMessageBoxOptions): void;
+export declare function useType(config?: TdMessageBoxOptions): void;
+//# sourceMappingURL=td-message-box.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-message-box.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-message-box/td-message-box.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAU5C,OAAO,EACL,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAuB9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MASrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAGpC,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,MASzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAOnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAgBvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAKrC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAIvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAEnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAEpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAErC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAItC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAOtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAOlC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,mBAAmB,QAqCpD;AAED,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,mBAAmB,QAKnD"}

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

@@ -0,0 +1,179 @@
+import { $bgColor, $boxShadow, $colors, $fontLineHeightPrimary, $fontSizes, $textColor, } from '../../../styles/var';
+import { $message } from '../td-message/td-message.style';
+export const $messageBox = {
+    // 'title-color': getCssVar('text-color-primary'),
+    titleColor: $textColor.primary,
+    width: '420px',
+    borderRadius: '4px',
+    // 'box-shadow': getCssVar('box-shadow'),
+    boxShadow: $boxShadow,
+    // 'font-size': getCssVar('font-size-large'),
+    fontSize: $fontSizes.large,
+    // 'content-font-size': getCssVar('font-size-base'),
+    contentFontSize: $fontSizes.base,
+    // 'content-color': getCssVar('text-color-regular'),
+    contentColor: $textColor.regular,
+    errorFontSize: '12px',
+    paddingPrimary: '12px',
+    // 'font-line-height': getCssVar('font-line-height-primary'),
+    fontLineHeight: $fontLineHeightPrimary,
+};
+export const $messageBoxStyle = {
+    display: 'inline-block',
+    position: 'relative',
+    // max-width: getCssVar('messagebox-width'),
+    maxWidth: $messageBox.width,
+    width: '100%',
+    // padding: getCssVar('messagebox-padding-primary'),
+    padding: $messageBox.paddingPrimary,
+    verticalAlign: 'middle',
+    // background-color: getCssVar('bg-color'),
+    backgroundColor: $bgColor.default,
+    // border-radius: getCssVar('messagebox-border-radius'),
+    borderRadius: $messageBox.borderRadius,
+    // font-size: getCssVar('messagebox-font-size'),
+    fontSize: $messageBox.fontSize,
+    // box-shadow: getCssVar('messagebox-box-shadow'),
+    boxShadow: $messageBox.boxShadow.default,
+    textAlign: 'left',
+    overflow: 'hidden',
+    backfaceVisibility: 'hidden',
+    // To avoid small screen overflowing, see #1191,
+    boxSizing: 'border-box',
+    overflowWrap: 'break-word',
+};
+export const $messageBoxOverlayStyle = {
+    textAlign: 'center',
+    position: 'fixed',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    padding: '16px',
+    overflow: 'auto',
+};
+export const $messageBoxHeaderStyle = {
+    // paddingBottom: getCssVar('messagebox-padding-primary');
+    paddingBottom: $messageBox.paddingPrimary,
+};
+const $messageCloseSize = $message.closeSize;
+export const $messageBoxHeaderCloseStyle = {
+    //   padding-right: calc(
+    //   getCssVar('messagebox-padding-primary') +
+    // var(
+    //   #{getCssVarName('message-close-size')},
+    //   map.get($message, 'close-size')
+    // )
+    paddingRight: parseInt($messageBox.paddingPrimary) + parseInt($message.closeSize) + 'px',
+};
+export const $messageBoxTitleStyle = {
+    //   font-size: getCssVar('messagebox-font-size');
+    fontSize: $messageBox.fontSize,
+    // line-height: getCssVar('messagebox-font-line-height');
+    lineHeight: $messageBox.fontLineHeight,
+    // color: getCssVar('messagebox-title-color');
+    color: $messageBox.titleColor,
+};
+export const $messageBoxHeaderBtnStyle = {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    padding: 0,
+    width: '40px',
+    height: '40px',
+    border: 'none',
+    outline: 'none',
+    background: 'transparent',
+    // font-size: var(
+    //   #{getCssVarName('message-close-size')},
+    //   map.get($message, 'close-size')
+    // );
+    fontSize: $message.closeSize,
+    cursor: 'pointer',
+};
+export const $messageBoxContentStyle = {
+    // color: getCssVar('messagebox-content-color');
+    color: $messageBox.contentColor,
+    // font-size: getCssVar('messagebox-content-font-size');
+    fontSize: $messageBox.contentFontSize,
+};
+export const $messageBoxContainerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '12px',
+};
+export const $messageBoxInputStyle = {
+    paddingTop: '12px',
+};
+export const $messageBoxStatusStyle = {
+    fontSize: '24px',
+};
+export const $messageBoxMessageStyle = {
+    margin: 0,
+};
+export const $messageBoxMessagePStyle = {
+    margin: 0,
+    // line-height: getCssVar('messagebox-font-line-height');
+    lineHeight: $messageBox.fontLineHeight,
+};
+export const $messageBoxErrorMsgStyle = {
+    //   color: getCssVar('color-error');
+    color: $colors.error.base,
+    //   font-size: getCssVar('messagebox-error-font-size');
+    fontSize: $messageBox.errorFontSize,
+    // line-height: getCssVar('messagebox-font-line-height');
+    lineHeight: $messageBox.fontLineHeight,
+};
+export const $messageBoxBtnsStyle = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    // padding-top: getCssVar('messagebox-padding-primary'),
+    paddingTop: $messageBox.paddingPrimary,
+};
+export function useStyle(config) {
+    useType(config);
+    const draggable = (config === null || config === void 0 ? void 0 : config.draggable) || false;
+    if (draggable) {
+        $messageBoxHeaderStyle.cursor = 'move';
+        $messageBoxHeaderStyle.userSelect = 'none';
+    }
+    if ((config === null || config === void 0 ? void 0 : config.showClose) !== false) {
+        $messageBoxHeaderCloseStyle.display = 'block';
+        //   $messageBoxHeaderStyle.paddingRight =  calc(
+        //     getCssVar('messagebox-padding-primary') +
+        //   var(
+        //     #{getCssVarName('message-close-size')},
+        //     map.get($message, 'close-size')
+        // )
+        // );
+        $messageBoxHeaderStyle.paddingRight =
+            parseInt($messageBox.paddingPrimary) + parseInt($messageCloseSize) + 'px';
+    }
+    if (config === null || config === void 0 ? void 0 : config.center) {
+        $messageBoxTitleStyle.display = 'flex';
+        $messageBoxTitleStyle.alignItems = 'center';
+        $messageBoxTitleStyle.justifyContent = 'center';
+        $messageBoxTitleStyle.gap = '6px';
+        $messageBoxStatusStyle.fontSize = 'inherit';
+        $messageBoxBtnsStyle.justifyContent = 'center';
+        $messageBoxContainerStyle.justifyContent = 'center';
+    }
+    else {
+        delete $messageBoxTitleStyle.display;
+        delete $messageBoxTitleStyle.alignItems;
+        delete $messageBoxTitleStyle.justifyContent;
+        delete $messageBoxTitleStyle.gap;
+        $messageBoxStatusStyle.fontSize = '24px';
+        $messageBoxBtnsStyle.justifyContent = 'flex-end';
+        delete $messageBoxContainerStyle.justifyContent;
+    }
+}
+export function useType(config) {
+    const type = (config === null || config === void 0 ? void 0 : config.type) || 'info';
+    const $messageBoxColor = $colors[type].base;
+    // $messageBoxIconStyle.color = $messageBoxColor;
+    $messageBoxStatusStyle.color = $messageBoxColor;
+}
+//# sourceMappingURL=td-message-box.style.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare const TdNotification: import("./td-notification.interface").Notify;
+export default TdNotification;
+export type * from './td-notification.interface';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-notification/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,8CAAS,CAAC;AACrC,eAAe,cAAc,CAAC;AAE9B,mBAAmB,6BAA6B,CAAC"}

package/dist/src/components/feedback/td-notification/index.js

@@ -0,0 +1,5 @@
+import Notify from './notify';
+// export const ElNotification = withInstallFunction(Notify, '$notify')
+export const TdNotification = Notify;
+export default TdNotification;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,uEAAuE;AACvE,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC;AACrC,eAAe,cAAc,CAAC"}

package/dist/src/components/feedback/td-notification/notify.d.ts

@@ -0,0 +1,16 @@
+import type { NotificationOptions, Notify } from './td-notification.interface';
+import { TypeNode } from '@type-dom/framework';
+import './style/index';
+/**
+ * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
+ * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
+ * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
+ * @param {String} id notification id to be closed
+ * @param {Position} position the positioning strategy
+ * @param {Function} userOnClose the callback called when close passed by user
+ */
+export declare function close(id: string, position: NotificationOptions['position'], userOnClose?: (vm: TypeNode) => void): void;
+export declare function closeAll(): void;
+declare const _default: Notify;
+export default _default;
+//# sourceMappingURL=notify.d.ts.map

package/dist/src/components/feedback/td-notification/notify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-notification/notify.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,mBAAmB,EAGnB,MAAM,EAEP,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAW,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,eAAe,CAAC;AAmHvB;;;;;;;GAOG;AACH,wBAAgB,KAAK,CACnB,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACzC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,KAAK,IAAI,GACnC,IAAI,CA0BN;AAED,wBAAgB,QAAQ,IAAI,IAAI,CAQ/B;wBAKwB,MAAM;AAA/B,wBAAgC"}

package/dist/src/components/feedback/td-notification/notify.js

@@ -0,0 +1,148 @@
+import { debugWarn, isClient, isElement, isString } from '@type-dom/utils';
+import { isVNode } from '@type-dom/framework';
+import { TdNotification } from './td-notification.class';
+import { notificationTypes } from './td-notification.const';
+import './style/index';
+// This should be a queue but considering there were `non-autoclosable` notifications.
+const notifications = {
+    'top-left': [],
+    'top-right': [],
+    'bottom-left': [],
+    'bottom-right': [],
+};
+// the gap size between each notification
+const GAP_SIZE = 16;
+let seed = 1;
+const notify = function (options = {}) {
+    if (!isClient)
+        return { close: () => undefined };
+    if (isString(options) || isVNode(options)) {
+        options = { message: options };
+    }
+    const position = (options === null || options === void 0 ? void 0 : options.position) || 'top-right';
+    let verticalOffset = options.offset || 0;
+    notifications[position].forEach(({ vm }) => {
+        var _a;
+        const realDom = (_a = vm.downRealElement) === null || _a === void 0 ? void 0 : _a.dom;
+        verticalOffset += ((realDom === null || realDom === void 0 ? void 0 : realDom.offsetHeight) || 0) + GAP_SIZE;
+    });
+    verticalOffset += GAP_SIZE;
+    const id = `notification_${seed++}`;
+    const userOnClose = options.onClose;
+    const props = Object.assign(Object.assign({}, options), { offset: verticalOffset, id, onClose: () => {
+            close(id, position, userOnClose);
+        } });
+    let appendTo = document.body;
+    if (isElement(options.appendTo)) {
+        appendTo = options.appendTo;
+    }
+    else if (isString(options.appendTo)) {
+        appendTo = document.querySelector(options.appendTo);
+    }
+    // should fallback to default value with a warning
+    if (!isElement(appendTo)) {
+        debugWarn('ElNotification', 'the appendTo option is not an HTMLElement. Falling back to document.body.');
+        appendTo = document.body;
+    }
+    const container = document.createElement('div');
+    // const vm = createVNode(
+    //   NotificationConstructor,
+    //   props,
+    //   isFunction(props.message)
+    //     ? props.message
+    //     : isVNode(props.message)
+    //     ? () => props.message
+    //     : null
+    // )
+    props.emits = {};
+    props.emits.destroy = () => {
+        // render(null, container)
+        // container.removeChild(container.firstElementChild!);
+        vm.unmount();
+    };
+    const vm = new TdNotification(props);
+    // vm.appContext = isUndefined(context) ? notify._context : context
+    // vm.props.emits = {};
+    // clean notification element preventing mem leak
+    // vm.props.emits.destroy = () => {
+    //   // render(null, container)
+    //   // container.removeChild(container.firstElementChild!);
+    //   vm.unmount();
+    // }
+    // instances will remove this item when close function gets called. So we do not need to worry about it.
+    // render(vm, container)
+    vm.mount(container);
+    notifications[position].push({ vm });
+    appendTo.appendChild(container.firstElementChild);
+    return {
+        // 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;
+            // ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =
+            //   false
+            (_a = vm.visible) === null || _a === void 0 ? void 0 : _a.set(false);
+        },
+    };
+};
+notificationTypes.forEach((type) => {
+    notify[type] = (options = {}) => {
+        if (isString(options) || isVNode(options)) {
+            options = {
+                message: options,
+            };
+        }
+        return notify(Object.assign(Object.assign({}, options), { type }));
+    };
+});
+/**
+ * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
+ * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
+ * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
+ * @param {String} id notification id to be closed
+ * @param {Position} position the positioning strategy
+ * @param {Function} userOnClose the callback called when close passed by user
+ */
+export function close(id, position, userOnClose) {
+    var _a;
+    // maybe we can store the index when inserting the vm to notification list.
+    const orientedNotifications = notifications[position];
+    const idx = orientedNotifications.findIndex(({ vm }) => { var _a; return ((_a = vm.props) === null || _a === void 0 ? void 0 : _a.id) === id; });
+    if (idx === -1)
+        return;
+    const { vm } = orientedNotifications[idx];
+    if (!vm)
+        return;
+    // calling user's on close function before notification gets removed from DOM.
+    userOnClose === null || userOnClose === void 0 ? void 0 : userOnClose(vm);
+    // note that this is called @before-leave, that's why we were able to fetch this property.
+    const removedHeight = (_a = vm.divRef.get()) === null || _a === void 0 ? void 0 : _a.offsetHeight;
+    const verticalPos = position === null || position === void 0 ? void 0 : position.split('-')[0];
+    orientedNotifications.splice(idx, 1);
+    const len = orientedNotifications.length;
+    if (len < 1)
+        return;
+    // starting from the removing item.
+    for (let i = idx; i < len; i++) {
+        // new position equals the current offsetTop minus removed height plus 16px(the gap size between each item)
+        const { divRef } = orientedNotifications[i].vm;
+        const pos = Number.parseInt(divRef.get().style[verticalPos], 10) -
+            removedHeight -
+            GAP_SIZE;
+        orientedNotifications[i].vm.props.offset = pos;
+    }
+}
+export function closeAll() {
+    // loop through all directions, close them at once.
+    for (const orientedNotifications of Object.values(notifications)) {
+        orientedNotifications.forEach(({ vm }) => {
+            var _a;
+            // same as the previous close method, we'd like to make sure lifecycle gets handle properly.
+            (_a = vm.visible) === null || _a === void 0 ? void 0 : _a.set(false);
+        });
+    }
+}
+notify.closeAll = closeAll;
+// notify._context = null
+export default notify;
+//# sourceMappingURL=notify.js.map

package/dist/src/components/feedback/td-notification/notify.js.map

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/notification.scss';
+//# sourceMappingURL=index.d.ts.map

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

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