@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/navigation/SubNav.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.vue.js","sources":["../../../../src/components/navigation/SubNav.vue"],"sourcesContent":["<template>\n    <!-- 完全按照React版本的结构：NavItem包裹，内部有titleDiv和subUl -->\n    <Item\n        :style=\"style\"\n        :is-sub-nav=\"true\"\n        :item-key=\"itemKey\"\n        :forward-ref=\"setItemRef\"\n        :is-collapsed=\"navContext.value?.isCollapsed\"\n        :className=\"`${navContext.value?.prefixCls || cssClasses.PREFIX}-sub-wrap`\"\n        :disabled=\"disabled\"\n        :text=\"text\"\n        @mouseenter=\"handleMouseEnter\"\n        @mouseleave=\"handleMouseLeave\"\n    >\n        <!-- 使用 component :is 渲染 VNode -->\n        <component :is=\"finalTitleDiv\" />\n        <!-- SubNav内部需要提供isInSubNav: true的context，与React版本保持一致 -->\n        <!-- 使用 Collapsible 组件包裹，实现展开/收起动画 -->\n        <Collapsible\n            v-if=\"shouldShowSubUl || navContext.value?.subNavMotion\"\n            :motion=\"navContext.value?.subNavMotion\"\n            :isOpen=\"shouldShowSubUl\"\n            :keepDOM=\"false\"\n            :fade=\"true\"\n        >\n            <ul v-if=\"shouldShowSubUl\" :class=\"subNavUlClass\">\n                <slot></slot>\n            </ul>\n        </Collapsible>\n    </Item>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, onMounted, onBeforeUnmount, h, provide, nextTick, useSlots } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/navigation/constants';\nimport SubNavFoundation, { SubNavAdapter } from '@douyinfe/semi-foundation/navigation/subNavFoundation';\nimport isNullOrUndefined from '@douyinfe/semi-foundation/utils/isNullOrUndefined';\nimport { useFoundation, isSemiIcon } from '../_utils';\nimport type { SubNavProps } from './interface';\nimport { NavContextKey, type NavContextValue } from './context';\nimport Item from './Item.vue';\nimport Dropdown from '../dropdown';\nimport DropdownMenu from '../dropdown/DropdownMenu.vue';\nimport Collapsible from '../collapsible';\nimport CSSAnimation from '../_cssAnimation';\nimport { IconChevronDown, IconChevronRight } from '../icons';\nimport { times } from 'lodash-es';\n\ndefineOptions({\n    name: 'SubNav',\n});\n\nconst props = withDefaults(defineProps<SubNavProps & { style?: any }>(), {\n    level: 0,\n    indent: false,\n    isCollapsed: false,\n    isOpen: false,\n    maxHeight: 999,\n    disabled: false,\n});\n\nconst emit = defineEmits<{\n    mouseenter: [e: MouseEvent];\n    mouseleave: [e: MouseEvent];\n}>();\n\nconst slots = useSlots();\nconst navContextRaw = inject(NavContextKey, null);\n// 如果是computed，需要解包\nconst navContext = computed(() => {\n    if (navContextRaw && typeof navContextRaw === 'object' && 'value' in navContextRaw) {\n        return (navContextRaw as any).value;\n    }\n    return navContextRaw;\n});\nconst titleRef = ref<HTMLDivElement | null>(null);\nconst itemRef = ref<HTMLLIElement | null>(null);\n\nconst _invokeContextFunc = (funcName: string, ...args: any[]) => {\n    const ctx = navContext.value;\n    if (funcName && ctx && typeof ctx[funcName] === 'function') {\n        return ctx[funcName](...args);\n    }\n    return null;\n};\n\nconst adapter: SubNavAdapter<any, any> = {\n    updateIsHovered: (isHovered: boolean) => {\n        // State management if needed\n    },\n    getOpenKeys: () => navContext.value?.openKeys || [],\n    getOpenKeysIsControlled: () => Boolean(navContext.value?.openKeysIsControlled),\n    getCanUpdateOpenKeys: () => Boolean(navContext.value?.canUpdateOpenKeys),\n    updateOpen: (isOpen: boolean) => {\n        if (props.itemKey !== undefined && props.itemKey !== null) {\n            _invokeContextFunc(isOpen ? 'addOpenKeys' : 'removeOpenKeys', props.itemKey);\n        }\n    },\n    notifyGlobalOpenChange: (...args) => _invokeContextFunc('onOpenChange', ...args),\n    notifyGlobalOnSelect: (...args) => _invokeContextFunc('onSelect', ...args),\n    notifyGlobalOnClick: (...args) => _invokeContextFunc('onClick', ...args),\n    getIsSelected: (itemKey: any) => {\n        const key = itemKey !== undefined ? itemKey : props.itemKey;\n        return Boolean(!isNullOrUndefined(key) && navContext.value?.selectedKeys?.includes(String(key)));\n    },\n    getIsOpen: () => {\n        if (!navContext.value?.openKeys || !props.itemKey) {\n            return false;\n        }\n        // 确保类型一致：将 itemKey 转为字符串再比较\n        const itemKeyStr = String(props.itemKey);\n        return navContext.value.openKeys.some((key) => String(key) === itemKeyStr);\n    },\n    // Base adapter methods\n    getContext: () => ({}),\n    getContexts: () => ({}),\n    getProp: (key: string) => (props as any)[key],\n    getProps: () => props,\n    getState: (key: string) => undefined,\n    getStates: () => ({}),\n    setState: () => {},\n    getCache: (key: string) => undefined,\n    getCaches: () => ({}),\n    setCache: (key: string, value: any) => {},\n    stopPropagation: (e: any) => {\n        e.stopPropagation();\n    },\n    persistEvent: (e: any) => {},\n};\n\nconst { foundation } = useFoundation(SubNavFoundation, adapter, {});\n\nconst handleClick = (e: MouseEvent) => {\n    // 如果titleRef还没有设置，尝试获取\n    if (!titleRef.value && props.itemKey) {\n        const element = document.querySelector(`[data-nav-sub-title-key=\"${props.itemKey}\"]`) as HTMLDivElement;\n        if (element) {\n            titleRef.value = element;\n        }\n    }\n    foundation.handleClick(e, titleRef.value);\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    foundation.handleKeyPress(e, titleRef.value);\n};\n\nconst handleDropdownVisible = (visible: boolean) => {\n    foundation.handleDropdownVisibleChange(visible);\n};\n\nconst handleMouseEnter = (e: MouseEvent) => {\n    emit('mouseenter', e);\n};\n\nconst handleMouseLeave = (e: MouseEvent) => {\n    emit('mouseleave', e);\n};\n\nconst setItemRef = (ref: HTMLLIElement) => {\n    if (ref) {\n        itemRef.value = ref;\n    }\n};\n\nconst setTitleRef = (ref: HTMLDivElement) => {\n    if (ref) {\n        titleRef.value = ref;\n    }\n};\n\nconst isOpen = computed(() => adapter.getIsOpen());\nconst isInSubNav = computed(() => Boolean(navContext.value && (navContext.value as any).isInSubNav));\n\n// renderIcon - 完全按照React版本（支持CSSAnimation）\nconst renderIcon = (icon: any, pos: string, withTransition = false, isToggleIcon = false, key: string | number = 0) => {\n    const iconSize = pos === strings.ICON_POS_RIGHT ? 'default' : 'large';\n\n    const ctx = navContext.value;\n    const prefixCls = ctx?.prefixCls;\n    const className = classNames(`${prefixCls}-item-icon`, {\n        [`${prefixCls}-item-icon-toggle-${ctx?.toggleIconPosition}`]: isToggleIcon,\n        [`${prefixCls}-item-icon-info`]: !isToggleIcon,\n    });\n\n    let iconElem = null;\n    if (icon) {\n        // 使用统一的 isSemiIcon 函数判断（支持 markRaw 包装的组件）\n        const isIconComponent = isSemiIcon(icon);\n\n        if (isIconComponent) {\n            // 如果需要动画\n            if (withTransition) {\n                const animationState = isOpen.value ? 'enter' : 'leave';\n                const startClassName = `${cssClasses.PREFIX}-icon-rotate-${isOpen.value ? '180' : '0'}`;\n\n                // 使用 CSSAnimation 包裹\n                iconElem = h(\n                    CSSAnimation,\n                    {\n                        animationState,\n                        startClassName,\n                    },\n                    {\n                        default: ({ animationClassName }: any) => {\n                            // 确保类名不会重复：如果 animationClassName 是字符串，直接使用；如果是数组，使用 classNames 合并\n                            const finalClass =\n                                typeof animationClassName === 'string'\n                                    ? animationClassName\n                                    : classNames(animationClassName);\n                            return h(icon, {\n                                size: iconSize,\n                                class: finalClass || '',\n                            });\n                        },\n                    }\n                );\n            } else {\n                // 不需要动画\n                iconElem = h(icon, { size: iconSize });\n            }\n        } else {\n            iconElem = icon;\n        }\n    }\n\n    return h('i', { key, class: className }, iconElem);\n};\n\n// renderTitleDiv - 完全按照React版本\nconst renderTitleDiv = computed(() => {\n    const { text, icon, itemKey, indent, disabled, level = 0, expandIcon } = props;\n    const ctx = navContext.value;\n    const { mode, isCollapsed, prefixCls, subNavMotion, limitIndent, selectedKeys } = ctx || {};\n\n    // 确保响应式追踪 selectedKeys\n    const isSelected = Boolean(!isNullOrUndefined(itemKey) && selectedKeys?.includes(String(itemKey)));\n\n    const titleCls = classNames(`${prefixCls}-sub-title`, {\n        [`${prefixCls}-sub-title-selected`]: isSelected,\n        [`${prefixCls}-sub-title-disabled`]: disabled,\n    });\n\n    let withTransition = false;\n    let toggleIconType: any = null;\n\n    if (isCollapsed) {\n        if (isInSubNav.value) {\n            toggleIconType = IconChevronRight;\n        } else {\n            toggleIconType = null;\n        }\n    } else if (mode === strings.MODE_HORIZONTAL) {\n        if (isInSubNav.value) {\n            toggleIconType = IconChevronRight;\n        } else {\n            toggleIconType = expandIcon || IconChevronDown;\n        }\n    } else {\n        if (subNavMotion) {\n            withTransition = true;\n        }\n        toggleIconType = expandIcon || IconChevronDown;\n    }\n\n    let placeholderIcons: any[] = [];\n    if (mode === strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {\n        const iconAmount = icon && !indent ? level : level - 1;\n        placeholderIcons = times(iconAmount, (index) => renderIcon(null, strings.ICON_POS_RIGHT, false, false, index));\n    }\n\n    const isIconChevronRightShow =\n        (!isCollapsed && isInSubNav.value && mode === strings.MODE_HORIZONTAL) || (isCollapsed && isInSubNav.value);\n\n    const children = [\n        ...placeholderIcons,\n        ctx?.toggleIconPosition === strings.TOGGLE_ICON_LEFT &&\n            renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'),\n        icon || indent || (isInSubNav.value && mode !== strings.MODE_HORIZONTAL)\n            ? renderIcon(icon, strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left')\n            : null,\n        h('span', { class: `${prefixCls}-item-text` }, text),\n        ctx?.toggleIconPosition === strings.TOGGLE_ICON_RIGHT &&\n            renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right'),\n    ].filter(Boolean); // 过滤掉 false 和 null\n\n    return h(\n        'div',\n        {\n            role: 'menuitem',\n            tabIndex: isIconChevronRightShow ? -1 : 0,\n            class: titleCls,\n            onClick: handleClick,\n            onKeypress: handleKeyPress,\n            'aria-expanded': isOpen.value ? 'true' : 'false',\n            // 使用data属性来标识元素，稍后通过DOM查询获取ref\n            'data-nav-sub-title-key': itemKey,\n        },\n        [h('div', { class: `${prefixCls}-item-inner` }, children)]\n    );\n});\n\n// wrapDropdown - 完全按照React版本\nconst wrapDropdown = (elem: any) => {\n    const { dropdownStyle, disabled, subDropdownProps, dropdownProps: userDropdownProps } = props;\n    const ctx = navContext.value;\n    const { mode, isCollapsed, subNavCloseDelay, subNavOpenDelay, prefixCls, getPopupContainer } = ctx || {};\n\n    const openKeysIsControlled = adapter.getOpenKeysIsControlled();\n\n    const subNavCls = classNames({\n        [`${prefixCls}-popover`]: isCollapsed,\n    });\n\n    const dropdownProps: any = {\n        trigger: 'hover',\n        style: dropdownStyle,\n    };\n\n    if (openKeysIsControlled) {\n        dropdownProps.trigger = 'custom';\n        dropdownProps.visible = isOpen.value;\n    }\n\n    if (getPopupContainer) {\n        dropdownProps.getPopupContainer = getPopupContainer;\n    }\n\n    if (isCollapsed || mode === strings.MODE_HORIZONTAL) {\n        if (!disabled) {\n            // 完全按照React版本：Dropdown包裹，使用render slot渲染DropdownMenu\n            const menuSlot = slots.default ? () => h(DropdownMenu, {}, () => slots.default?.() || []) : undefined;\n            return h(\n                Dropdown,\n                {\n                    class: subNavCls,\n                    position: mode === strings.MODE_HORIZONTAL && !isInSubNav.value ? 'bottomLeft' : 'rightTop',\n                    mouseEnterDelay: subNavOpenDelay,\n                    mouseLeaveDelay: subNavCloseDelay,\n                    onVisibleChange: handleDropdownVisible,\n                    ...(userDropdownProps || subDropdownProps),\n                    ...dropdownProps,\n                },\n                {\n                    default: () => elem,\n                    ...(menuSlot ? { render: menuSlot } : {}),\n                }\n            );\n        }\n    }\n\n    return elem;\n};\n\n// finalTitleDiv - 根据条件wrapDropdown\nconst finalTitleDiv = computed(() => {\n    const titleDiv = renderTitleDiv.value;\n    const ctx = navContext.value;\n    const { mode, isCollapsed } = ctx || {};\n\n    if (isCollapsed || mode === strings.MODE_HORIZONTAL) {\n        return wrapDropdown(titleDiv);\n    }\n\n    return titleDiv;\n});\n\n// RenderTitle 已移除，直接使用 finalTitleDiv computed\n\n// shouldShowSubUl - 判断是否显示子导航ul\nconst shouldShowSubUl = computed(() => {\n    const ctx = navContext.value;\n    const { isCollapsed, mode } = ctx || {};\n    const isHorizontal = mode === strings.MODE_HORIZONTAL;\n    return isOpen.value && !isCollapsed && !isHorizontal;\n});\n\n// subNavUlClass - 子导航ul的class\nconst subNavUlClass = computed(() => {\n    const ctx = navContext.value;\n    const { isCollapsed, mode, prefixCls } = ctx || {};\n    const isHorizontal = mode === strings.MODE_HORIZONTAL;\n\n    return classNames(`${prefixCls}-sub`, {\n        [`${prefixCls}-sub-open`]: isOpen.value,\n        [`${prefixCls}-sub-popover`]: isCollapsed || isHorizontal,\n    });\n});\n\n// Provide updated context for child items - 完全按照React版本的NavContext.Provider\nprovide(\n    NavContextKey,\n    computed(() => ({\n        ...navContext.value,\n        isInSubNav: true,\n    })) as any\n);\n\nonMounted(() => {\n    foundation.init();\n    // 在mounted后通过DOM查询获取ref\n    nextTick(() => {\n        if (props.itemKey) {\n            const titleElement = document.querySelector(\n                `[data-nav-sub-title-key=\"${props.itemKey}\"]`\n            ) as HTMLDivElement;\n            if (titleElement) {\n                titleRef.value = titleElement;\n            }\n        }\n    });\n});\n\nonBeforeUnmount(() => {\n    foundation.destroy();\n});\n\ndefineExpose({\n    titleRef,\n    itemRef,\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","navContextRaw","inject","NavContextKey","navContext","computed","titleRef","ref","itemRef","_invokeContextFunc","funcName","args","ctx","adapter","isHovered","_a","isOpen","itemKey","key","isNullOrUndefined","_b","itemKeyStr","value","foundation","useFoundation","SubNavFoundation","handleClick","element","handleKeyPress","handleDropdownVisible","visible","handleMouseEnter","handleMouseLeave","setItemRef","isInSubNav","renderIcon","icon","pos","withTransition","isToggleIcon","iconSize","strings","prefixCls","className","classNames","iconElem","isSemiIcon","animationState","startClassName","cssClasses","h","CSSAnimation","animationClassName","finalClass","renderTitleDiv","text","indent","disabled","level","expandIcon","mode","isCollapsed","subNavMotion","limitIndent","selectedKeys","isSelected","titleCls","toggleIconType","IconChevronRight","IconChevronDown","placeholderIcons","iconAmount","times","index","isIconChevronRightShow","children","wrapDropdown","elem","dropdownStyle","subDropdownProps","userDropdownProps","subNavCloseDelay","subNavOpenDelay","getPopupContainer","openKeysIsControlled","subNavCls","dropdownProps","menuSlot","DropdownMenu","Dropdown","finalTitleDiv","titleDiv","shouldShowSubUl","isHorizontal","subNavUlClass","provide","onMounted","nextTick","titleElement","onBeforeUnmount","__expose","_createBlock","Item","_unref","_openBlock","_resolveDynamicComponent","Collapsible","_createElementBlock","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/navigation/context.js

@@ -0,0 +1,5 @@
+const t = Symbol("NavContext");
+export {
+  t as NavContextKey
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/navigation/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/navigation/context.ts"],"sourcesContent":["import { InjectionKey } from 'vue';\nimport type { ItemKey, Mode, NavItemProps, SubNavProps, OnSelectedData } from './interface';\n\nexport interface NavContextValue {\n    subNavCloseDelay?: number;\n    subNavOpenDelay?: number;\n    subNavMotion?: boolean;\n    tooltipShowDelay?: number;\n    tooltipHideDelay?: number;\n    openKeys?: ItemKey[];\n    openKeysIsControlled?: boolean;\n    canUpdateOpenKeys?: boolean;\n    selectedKeys?: ItemKey[];\n    selectedKeysIsControlled?: boolean;\n    isCollapsed?: boolean;\n    mode?: Mode;\n    prefixCls?: string;\n    toggleIconPosition?: string;\n    limitIndent?: boolean;\n    isInSubNav?: boolean;\n    locale?: any;\n    getPopupContainer?: () => HTMLElement;\n\n    // Functions\n    onCollapseChange?: (isCollapsed?: boolean) => void;\n    onSelect?: (data: OnSelectedData) => void;\n    onOpenChange?: (data: { itemKey?: ItemKey; openKeys?: ItemKey[]; domEvent?: MouseEvent; isOpen?: boolean }) => void;\n    onClick?: (data: { itemKey?: ItemKey; domEvent?: MouseEvent; isOpen?: boolean }) => void;\n    updateOpenKeys?: (openKeys: ItemKey[]) => void;\n    addOpenKeys?: (...keys: ItemKey[]) => void;\n    removeOpenKeys?: (...keys: ItemKey[]) => void;\n    updateSelectedKeys?: (selectedKeys: ItemKey[], includeParentKeys?: boolean) => void;\n    addSelectedKeys?: (...keys: ItemKey[]) => void;\n    removeSelectedKeys?: (...keys: ItemKey[]) => void;\n    renderWrapper?: (args: {\n        itemElement: any;\n        isSubNav: boolean;\n        isInSubNav: boolean;\n        props: NavItemProps | SubNavProps;\n    }) => any;\n}\n\nexport const NavContextKey: InjectionKey<NavContextValue> = Symbol('NavContext');\n"],"names":["NavContextKey"],"mappings":"AA0CO,MAAMA,IAA+C,OAAO,YAAY;"}

package/lib/es/components/navigation/index.js

@@ -0,0 +1,19 @@
+import a from "./Navigation.vue.js";
+import m from "./Item.vue.js";
+import r from "./SubNav.vue.js";
+import t from "./Header.vue.js";
+import i from "./Footer.vue.js";
+/* empty css                */
+const o = a;
+o.Item = m;
+o.Sub = r;
+o.Header = t;
+o.Footer = i;
+export {
+  i as NavFooter,
+  t as NavHeader,
+  m as NavItem,
+  r as NavSub,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/navigation/index.ts"],"sourcesContent":["import Navigation from './Navigation.vue';\nimport Item from './Item.vue';\nimport SubNav from './SubNav.vue';\nimport Header from './Header.vue';\nimport Footer from './Footer.vue';\n\n// 导入样式（自动引入）\nimport './navigation.scss';\n\nexport type { NavProps, NavItemProps, SubNavProps, NavHeaderProps, NavFooterProps } from './interface';\nexport type { ItemKey, OnSelectedData } from './interface';\n\nexport type NavigationType = typeof Navigation & {\n    Item: typeof Item;\n    Sub: typeof SubNav;\n    Header: typeof Header;\n    Footer: typeof Footer;\n};\n\nconst NavigationWithComponents = Navigation as NavigationType;\nNavigationWithComponents.Item = Item;\nNavigationWithComponents.Sub = SubNav;\nNavigationWithComponents.Header = Header;\nNavigationWithComponents.Footer = Footer;\n\nexport { Item as NavItem, SubNav as NavSub, Header as NavHeader, Footer as NavFooter };\nexport default NavigationWithComponents;\n"],"names":["NavigationWithComponents","Navigation","Item","SubNav","Header","Footer"],"mappings":";;;;;;AAmBA,MAAMA,IAA2BC;AACjCD,EAAyB,OAAOE;AAChCF,EAAyB,MAAMG;AAC/BH,EAAyB,SAASI;AAClCJ,EAAyB,SAASK;"}

package/lib/es/components/notification/Notice.vue.js

@@ -0,0 +1,187 @@
+import { defineComponent as k, isVNode as E, ref as A, computed as d, h as C, createElementBlock as a, openBlock as s, mergeProps as F, unref as i, createCommentVNode as m, createElementVNode as N, normalizeClass as r, createBlock as S, resolveDynamicComponent as H, createVNode as I } from "vue";
+import T from "classnames";
+import { numbers as q, cssClasses as D, strings as L } from "@douyinfe/semi-foundation/notification/constants";
+import U from "@douyinfe/semi-foundation/notification/notificationFoundation";
+import W from "../iconButton/IconButton.vue.js";
+import { getUuidShort as G } from "@douyinfe/semi-foundation/utils/uuid";
+import J from "../icons/icons/IconAlertCircle.js";
+import K from "../icons/icons/IconInfoCircle.js";
+import Q from "../icons/icons/IconTickCircle.js";
+import X from "../icons/icons/IconAlertTriangle.js";
+import { useFoundation as Y } from "../../_utils/useFoundation.js";
+import Z from "../icons/icons/IconClose.js";
+const tt = ["aria-labelledby"], et = ["id"], ft = /* @__PURE__ */ k({
+  name: "Notice",
+  inheritAttrs: !1,
+  __name: "Notice",
+  props: {
+    id: {},
+    title: { default: "" },
+    content: { default: "" },
+    type: {},
+    theme: { default: "normal" },
+    icon: {},
+    onClick: {},
+    onClose: {},
+    onCloseClick: {},
+    onHookClose: {},
+    showClose: { type: Boolean, default: !0 },
+    close: {},
+    style: {},
+    className: {},
+    direction: {},
+    motion: { type: Boolean, default: !0 },
+    onAnimationEnd: {},
+    onAnimationStart: {},
+    top: {},
+    bottom: {},
+    left: {},
+    right: {},
+    duration: { default: q.duration },
+    position: {},
+    zIndex: {},
+    getPopupContainer: {}
+  },
+  emits: ["close", "animationEnd", "animationStart"],
+  setup(x, { expose: b, emit: P }) {
+    const t = x, f = k({
+      props: {
+        content: {
+          type: [Object, String],
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => (E(e.content), e.content);
+      }
+    }), u = P, n = D.NOTICE, z = A(null), p = G({}), y = {
+      warning: X,
+      success: Q,
+      info: K,
+      error: J
+    }, h = d(() => {
+      const { type: e, icon: o } = t, $ = "large", _ = T(`${n}-icon`, `${n}-${e}`);
+      return o ? E(o) ? C(o, { size: $, class: _ }) : o : e && y[e] ? C(y[e], { size: $, class: _ }) : null;
+    }), w = d(() => {
+      const e = t.direction || "ltr", o = e === "rtl" ? "topLeft" : "topRight";
+      return t.position, T(n, t.className, {
+        [`${n}-close`]: !c.value.visible,
+        [`${n}-icon-show`]: t.type && L.types.includes(t.type),
+        [`${n}-${t.type}`]: t.type,
+        [`${n}-${t.theme}`]: t.theme === "light",
+        [`${n}-rtl`]: e === "rtl"
+      });
+    }), c = A({
+      visible: !0
+    }), B = (e) => {
+      var o;
+      (o = t.onAnimationStart) == null || o.call(t, e), u("animationStart", e);
+    }, V = (e) => {
+      var o;
+      (o = t.onAnimationEnd) == null || o.call(t, e), u("animationEnd", e);
+    }, M = d(() => t.motion ? {
+      onAnimationstart: B,
+      onAnimationend: V
+    } : {}), O = {
+      getProps: () => t,
+      getProp: (e) => t[e],
+      getState: () => c.value,
+      getStates: () => c.value,
+      setState: (e, o) => {
+        Object.assign(c.value, e), o == null || o();
+      },
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      },
+      notifyWrapperToRemove: (e) => {
+        u("close", e);
+      },
+      notifyClose: () => {
+        var e, o;
+        (e = t.onClose) == null || e.call(t), (o = t.onHookClose) == null || o.call(t);
+      }
+    }, { foundation: l } = Y(U, O), v = () => {
+      l._clearCloseTimer();
+    }, g = () => {
+      l._startCloseTimer();
+    }, R = (e) => {
+      var o;
+      (o = t.onCloseClick) == null || o.call(t, t.id || ""), l.close(e);
+    }, j = (e) => {
+      var o;
+      (o = t.onClick) == null || o.call(t, e);
+    };
+    return b({
+      clearCloseTimer: v,
+      startCloseTimer: g,
+      restartCloseTimer: () => l.restartCloseTimer(),
+      foundation: l
+    }), (e, o) => (s(), a("div", F({
+      ref_key: "noticeEle",
+      ref: z,
+      role: "alert",
+      "aria-labelledby": i(p),
+      class: w.value,
+      style: t.style
+    }, M.value, {
+      onMouseenter: v,
+      onMouseleave: g,
+      onClick: j
+    }), [
+      h.value ? (s(), a("div", {
+        key: 0,
+        class: r(`${i(n)}-icon`)
+      }, [
+        (s(), S(H(h.value)))
+      ], 2)) : m("", !0),
+      N("div", {
+        class: r(`${i(n)}-inner`)
+      }, [
+        N("div", {
+          class: r(`${i(n)}-content-wrapper`)
+        }, [
+          t.title ? (s(), a("div", {
+            key: 0,
+            id: i(p),
+            class: r(`${i(n)}-title`),
+            "x-semi-prop": "title"
+          }, [
+            I(i(f), {
+              content: t.title
+            }, null, 8, ["content"])
+          ], 10, et)) : m("", !0),
+          t.content ? (s(), a("div", {
+            key: 1,
+            class: r(`${i(n)}-content`),
+            "x-semi-prop": "content"
+          }, [
+            I(i(f), {
+              content: t.content
+            }, null, 8, ["content"])
+          ], 2)) : m("", !0)
+        ], 2),
+        t.showClose ? (s(), S(W, {
+          key: 0,
+          class: r(`${i(n)}-icon-close`),
+          type: "tertiary",
+          icon: C(i(Z)),
+          theme: "borderless",
+          size: "small",
+          onClick: R
+        }, null, 8, ["class", "icon"])) : m("", !0)
+      ], 2)
+    ], 16, tt));
+  }
+});
+export {
+  ft as default
+};
+//# sourceMappingURL=Notice.vue.js.map

package/lib/es/components/notification/Notice.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.vue.js","sources":["../../../../src/components/notification/Notice.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"noticeEle\"\n        role=\"alert\"\n        :aria-labelledby=\"titleId\"\n        :class=\"noticeCls\"\n        :style=\"props.style\"\n        v-bind=\"animationEvents\"\n        @mouseenter=\"clearCloseTimer\"\n        @mouseleave=\"startCloseTimer\"\n        @click=\"handleClick\"\n    >\n        <div v-if=\"renderIcon\" :class=\"`${prefixCls}-icon`\">\n            <component :is=\"renderIcon\" />\n        </div>\n        <div :class=\"`${prefixCls}-inner`\">\n            <div :class=\"`${prefixCls}-content-wrapper`\">\n                <div v-if=\"props.title\" :id=\"titleId\" :class=\"`${prefixCls}-title`\" x-semi-prop=\"title\">\n                    <RenderContent :content=\"props.title\" />\n                </div>\n                <div v-if=\"props.content\" :class=\"`${prefixCls}-content`\" x-semi-prop=\"content\">\n                    <RenderContent :content=\"props.content\" />\n                </div>\n            </div>\n            <IconButton\n                v-if=\"props.showClose\"\n                :class=\"`${prefixCls}-icon-close`\"\n                type=\"tertiary\"\n                :icon=\"h(IconClose)\"\n                theme=\"borderless\"\n                size=\"small\"\n                @click=\"handleClose\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, h, isVNode, defineComponent } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/notification/constants';\nimport type { NoticeProps } from './interface';\nimport { useFoundation } from '../_utils';\nimport NotificationFoundation, { NoticeAdapter } from '@douyinfe/semi-foundation/notification/notificationFoundation';\nimport IconButton from '../iconButton/IconButton.vue';\nimport { IconClose, IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle } from '../icons';\nimport { getUuidShort } from '@douyinfe/semi-foundation/utils/uuid';\n\ndefineOptions({\n    name: 'Notice',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<NoticeProps>(), {\n    title: '',\n    content: '',\n    duration: numbers.duration,\n    showClose: true,\n    theme: 'normal',\n    motion: true,\n});\n\n// Component to render VNode content\nconst RenderContent = defineComponent({\n    props: {\n        content: {\n            type: [Object, String],\n            required: true,\n        },\n    },\n    setup(props) {\n        return () => {\n            if (isVNode(props.content)) {\n                return props.content;\n            }\n            return props.content;\n        };\n    },\n});\n\nconst emit = defineEmits<{\n    close: [id: string];\n    animationEnd: [e: AnimationEvent];\n    animationStart: [e: AnimationEvent];\n}>();\n\nconst prefixCls = cssClasses.NOTICE;\nconst noticeEle = ref<HTMLDivElement | null>(null);\nconst titleId = getUuidShort({});\n\n// Icon mapping\nconst iconMap = {\n    warning: IconAlertTriangle,\n    success: IconTickCircle,\n    info: IconInfoCircle,\n    error: IconAlertCircle,\n};\n\n// Render icon\nconst renderIcon = computed(() => {\n    const { type, icon } = props;\n    const iconSize = 'large';\n    const iconCls = classNames(`${prefixCls}-icon`, `${prefixCls}-${type}`);\n\n    if (icon) {\n        // If icon is a VNode, clone it with size and className\n        if (isVNode(icon)) {\n            return h(icon, { size: iconSize, class: iconCls });\n        }\n        return icon;\n    }\n\n    if (type && iconMap[type]) {\n        return h(iconMap[type], { size: iconSize, class: iconCls });\n    }\n\n    return null;\n});\n\n// Notice classes\nconst noticeCls = computed(() => {\n    const direction = props.direction || 'ltr';\n    const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';\n    const position = props.position || defaultPosition;\n\n    return classNames(prefixCls, props.className, {\n        [`${prefixCls}-close`]: !state.value.visible,\n        [`${prefixCls}-icon-show`]: props.type && strings.types.includes(props.type),\n        [`${prefixCls}-${props.type}`]: props.type,\n        [`${prefixCls}-${props.theme}`]: props.theme === 'light',\n        [`${prefixCls}-rtl`]: direction === 'rtl',\n    });\n});\n\n// State\nconst state = ref({\n    visible: true,\n});\n\n// Animation handlers\nconst handleAnimationStart = (e: AnimationEvent) => {\n    props.onAnimationStart?.(e);\n    emit('animationStart', e);\n};\n\nconst handleAnimationEnd = (e: AnimationEvent) => {\n    props.onAnimationEnd?.(e);\n    emit('animationEnd', e);\n};\n\n// Animation events\nconst animationEvents = computed(() => {\n    if (!props.motion) {\n        return {};\n    }\n    return {\n        onAnimationstart: handleAnimationStart,\n        onAnimationend: handleAnimationEnd,\n    };\n});\n\n// Adapter\nconst adapter: NoticeAdapter = {\n    getProps: () => props,\n    getProp: (key: keyof NoticeProps) => props[key],\n    getState: () => state.value,\n    getStates: () => state.value,\n    setState: (newState: any, callback?: () => void) => {\n        Object.assign(state.value, newState);\n        callback?.();\n    },\n    getContext: () => undefined,\n    getContexts: () => ({}),\n    getCache: () => undefined,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e?: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    notifyWrapperToRemove: (id: string) => {\n        emit('close', id);\n    },\n    notifyClose: () => {\n        props.onClose?.();\n        props.onHookClose?.();\n    },\n};\n\nconst { foundation } = useFoundation(NotificationFoundation, adapter);\n\n// Timer methods\nconst clearCloseTimer = () => {\n    foundation._clearCloseTimer();\n};\n\nconst startCloseTimer = () => {\n    foundation._startCloseTimer();\n};\n\nconst handleClose = (e: MouseEvent) => {\n    props.onCloseClick?.(props.id || '');\n    foundation.close(e);\n};\n\nconst handleClick = (e: MouseEvent) => {\n    props.onClick?.(e);\n};\n\n// Expose methods for NotificationList\ndefineExpose({\n    clearCloseTimer,\n    startCloseTimer,\n    restartCloseTimer: () => foundation.restartCloseTimer(),\n    foundation,\n});\n</script>\n"],"names":["props","__props","RenderContent","defineComponent","isVNode","emit","__emit","prefixCls","cssClasses","noticeEle","ref","titleId","getUuidShort","iconMap","IconAlertTriangle","IconTickCircle","IconInfoCircle","IconAlertCircle","renderIcon","computed","type","icon","iconSize","iconCls","classNames","h","noticeCls","direction","defaultPosition","state","strings","handleAnimationStart","_a","handleAnimationEnd","animationEvents","adapter","key","newState","callback","id","_b","foundation","useFoundation","NotificationFoundation","clearCloseTimer","startCloseTimer","handleClose","handleClick","__expose","_openBlock","_createElementBlock","_mergeProps","_unref","_createBlock","_resolveDynamicComponent","_createElementVNode","_createVNode","IconButton","IconClose"],"mappings":"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"}

package/lib/es/components/notification/NotificationList.vue.js

@@ -0,0 +1,148 @@
+import { defineComponent as j, ref as v, computed as I, watch as q, nextTick as _, createElementBlock as p, openBlock as l, Fragment as g, renderList as A, createCommentVNode as k, normalizeStyle as D, normalizeClass as G, createBlock as N, unref as x, withCtx as H, mergeProps as J } from "vue";
+import P from "classnames";
+import { cssClasses as L } from "@douyinfe/semi-foundation/notification/constants";
+import K from "@douyinfe/semi-foundation/notification/notificationListFoundation";
+import Q from "./Notice.vue.js";
+import U from "../_cssAnimation/index.vue.js";
+import { useFoundation as X } from "../../_utils/useFoundation.js";
+const Y = ["placement"], rt = /* @__PURE__ */ j({
+  name: "NotificationList",
+  inheritAttrs: !1,
+  __name: "NotificationList",
+  props: {
+    className: {},
+    style: {},
+    direction: { default: "ltr" }
+  },
+  setup(S, { expose: $ }) {
+    const f = S, R = L.NOTICE, y = v([]), T = v([]), a = v({
+      notices: [],
+      removedItems: [],
+      updatedItems: []
+    }), w = {
+      getProps: () => f,
+      getProp: (t) => f[t],
+      getState: (t) => a.value[t],
+      getStates: () => a.value,
+      setState: (t, o) => {
+        t.notices !== void 0 && (a.value.notices = t.notices), t.removedItems !== void 0 && (a.value.removedItems = t.removedItems), t.updatedItems !== void 0 && (a.value.updatedItems = t.updatedItems), o == null || o();
+      },
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (t) => t == null ? void 0 : t.stopPropagation(),
+      persistEvent: () => {
+      },
+      updateNotices: (t, o = [], s = []) => {
+        y.value = [...t], T.value = [...o], a.value.notices = t, a.value.removedItems = o, a.value.updatedItems = s;
+      },
+      getNotices: () => y.value
+    }, { foundation: n } = X(K, w), F = I(() => {
+      const { notices: t } = a.value, o = Array.from(/* @__PURE__ */ new Set([...t, ...a.value.removedItems])), s = {
+        top: [],
+        topLeft: [],
+        topRight: [],
+        bottom: [],
+        bottomLeft: [],
+        bottomRight: []
+      };
+      return o.forEach((r) => {
+        const h = (r.direction || f.direction || "ltr") === "rtl" ? "topLeft" : "topRight", i = r.position || h;
+        s[i].push(r);
+      }), s;
+    }), b = I(() => P(L.LIST)), c = (t) => a.value.removedItems.find((o) => o.id === t.id) !== void 0, z = (t) => {
+      const o = {};
+      return ["top", "left", "bottom", "right"].forEach((s) => {
+        const r = t[s];
+        r != null && (typeof r == "string" || typeof r == "number") && (o[s] = typeof r == "number" ? `${r}px` : r);
+      }), o;
+    }, M = (t) => {
+      t && n.removeNotice(t);
+    }, O = (t) => {
+      t && M(t);
+    }, C = /* @__PURE__ */ new Map(), V = (t, o) => {
+      t ? (C.set(o.id || "", t), a.value.updatedItems.some((s) => s.id === o.id) && _(() => {
+        var s;
+        (s = t == null ? void 0 : t.restartCloseTimer) == null || s.call(t);
+      })) : C.delete(o.id || "");
+    };
+    return q(
+      () => a.value.updatedItems,
+      (t) => {
+        t.length > 0 && _(() => {
+          t.forEach((o) => {
+            var r;
+            const s = C.get(o.id || "");
+            s && ((r = s.restartCloseTimer) == null || r.call(s));
+          });
+        });
+      },
+      { deep: !0 }
+    ), $({
+      has: (t) => n.has(t),
+      add: (t) => n.addNotice(t),
+      update: (t, o) => n.update(t, o),
+      remove: (t) => n.removeNotice(t),
+      destroyAll: () => n.destroyAll()
+    }), (t, o) => (l(!0), p(g, null, A(F.value, (s, r) => (l(), p(g, { key: r }, [
+      s.length > 0 ? (l(), p("div", {
+        key: 0,
+        class: G(b.value),
+        style: D(z(s[0])),
+        placement: r
+      }, [
+        (l(!0), p(g, null, A(s, (e) => (l(), N(U, {
+          key: e.id,
+          motion: e.motion !== !1,
+          animationState: c(e) ? "leave" : "enter",
+          startClassName: `${x(R)}-animation-${c(e) ? "hide" : "show"}_${r}`,
+          endClassName: ""
+        }, {
+          default: H(({ animationClassName: h, animationEventsNeedBind: i, isAnimating: W }) => [
+            c(e) && !W ? k("", !0) : (l(), N(Q, J({
+              key: 0,
+              id: e.id,
+              ref_for: !0,
+              ref: (m) => V(m, e),
+              title: e.title,
+              content: e.content,
+              type: e.type,
+              duration: e.duration,
+              icon: e.icon,
+              showClose: e.showClose,
+              onClose: e.onClose,
+              onCloseClick: e.onCloseClick,
+              onClick: e.onClick,
+              style: e.style,
+              className: x(P)(e.className, h),
+              theme: e.theme,
+              position: e.position,
+              direction: e.direction,
+              motion: e.motion !== !1
+            }, { ref_for: !0 }, i, {
+              onAnimationstart: (m) => {
+                var u, d;
+                (u = i.onAnimationstart) == null || u.call(i), (d = e.onAnimationStart) == null || d.call(e, m);
+              },
+              onAnimationend: (m) => {
+                var u, d;
+                (u = i.onAnimationend) == null || u.call(i), (d = e.onAnimationEnd) == null || d.call(e, m);
+              },
+              onClose: O
+            }), null, 16, ["id", "title", "content", "type", "duration", "icon", "showClose", "onClose", "onCloseClick", "onClick", "style", "className", "theme", "position", "direction", "motion", "onAnimationstart", "onAnimationend"]))
+          ]),
+          _: 2
+        }, 1032, ["motion", "animationState", "startClassName"]))), 128))
+      ], 14, Y)) : k("", !0)
+    ], 64))), 128));
+  }
+});
+export {
+  rt as default
+};
+//# sourceMappingURL=NotificationList.vue.js.map

package/lib/es/components/notification/NotificationList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.vue.js","sources":["../../../../src/components/notification/NotificationList.vue"],"sourcesContent":["<template>\n    <template v-for=\"(notices, position) in noticesInPosition\" :key=\"position\">\n        <div v-if=\"notices.length > 0\" :class=\"listCls\" :style=\"getPositionStyle(notices[0])\" :placement=\"position\">\n            <CSSAnimation\n                v-for=\"notice in notices\"\n                :key=\"notice.id\"\n                :motion=\"notice.motion !== false\"\n                :animationState=\"isRemoved(notice) ? 'leave' : 'enter'\"\n                :startClassName=\"`${prefixCls}-animation-${isRemoved(notice) ? 'hide' : 'show'}_${position}`\"\n                :endClassName=\"''\"\n            >\n                <template #default=\"{ animationClassName, animationEventsNeedBind, isAnimating }\">\n                    <Notice\n                        v-if=\"!(isRemoved(notice) && !isAnimating)\"\n                        :id=\"notice.id\"\n                        :ref=\"(el: any) => handleNoticeRef(el, notice)\"\n                        :title=\"notice.title\"\n                        :content=\"notice.content\"\n                        :type=\"notice.type\"\n                        :duration=\"notice.duration\"\n                        :icon=\"notice.icon\"\n                        :showClose=\"notice.showClose\"\n                        :onClose=\"notice.onClose\"\n                        :onCloseClick=\"notice.onCloseClick\"\n                        :onClick=\"notice.onClick\"\n                        :style=\"notice.style\"\n                        :className=\"classNames(notice.className, animationClassName)\"\n                        :theme=\"notice.theme\"\n                        :position=\"notice.position\"\n                        :direction=\"notice.direction\"\n                        :motion=\"notice.motion !== false\"\n                        v-bind=\"animationEventsNeedBind\"\n                        @animationstart=\"\n                            (e: AnimationEvent) => {\n                                animationEventsNeedBind.onAnimationstart?.();\n                                notice.onAnimationStart?.(e);\n                            }\n                        \"\n                        @animationend=\"\n                            (e: AnimationEvent) => {\n                                animationEventsNeedBind.onAnimationend?.();\n                                notice.onAnimationEnd?.(e);\n                            }\n                        \"\n                        @close=\"handleCloseWrapper\"\n                    />\n                </template>\n            </CSSAnimation>\n        </div>\n    </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/notification/constants';\nimport type {\n    NotificationListProps,\n    NotificationListState,\n    NoticeInstance,\n    NoticePosition,\n    NoticesInPosition,\n} from './interface';\nimport { useFoundation } from '../_utils';\nimport NotificationListFoundation, {\n    NotificationListAdapter,\n} from '@douyinfe/semi-foundation/notification/notificationListFoundation';\nimport Notice from './Notice.vue';\nimport CSSAnimation from '../_cssAnimation/index.vue';\n\ndefineOptions({\n    name: 'NotificationList',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<NotificationListProps>(), {\n    direction: 'ltr',\n});\n\nconst prefixCls = cssClasses.NOTICE;\nconst noticeStorage = ref<NoticeInstance[]>([]);\nconst removeItemStorage = ref<NoticeInstance[]>([]);\n\n// State\nconst state = ref<NotificationListState>({\n    notices: [],\n    removedItems: [],\n    updatedItems: [],\n});\n\n// Adapter\nconst adapter: NotificationListAdapter = {\n    getProps: () => props,\n    getProp: (key: keyof NotificationListProps) => props[key],\n    getState: (key: keyof NotificationListState) => state.value[key],\n    getStates: () => state.value,\n    setState: (newState: Partial<NotificationListState>, callback?: () => void) => {\n        if (newState.notices !== undefined) {\n            state.value.notices = newState.notices;\n        }\n        if (newState.removedItems !== undefined) {\n            state.value.removedItems = newState.removedItems;\n        }\n        if (newState.updatedItems !== undefined) {\n            state.value.updatedItems = newState.updatedItems;\n        }\n        callback?.();\n    },\n    getContext: () => undefined,\n    getContexts: () => ({}),\n    getCache: () => undefined,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e?: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    updateNotices: (\n        notices: NoticeInstance[],\n        removedItems: NoticeInstance[] = [],\n        updatedItems: NoticeInstance[] = []\n    ) => {\n        noticeStorage.value = [...notices];\n        removeItemStorage.value = [...removedItems];\n        state.value.notices = notices;\n        state.value.removedItems = removedItems;\n        state.value.updatedItems = updatedItems;\n    },\n    getNotices: () => noticeStorage.value,\n};\n\nconst { foundation } = useFoundation(NotificationListFoundation, adapter);\n\n// Computed - group notices by position\nconst noticesInPosition = computed<NoticesInPosition>(() => {\n    const { notices } = state.value;\n    const allNotices = Array.from(new Set([...notices, ...state.value.removedItems]));\n\n    const noticesInPos: NoticesInPosition = {\n        top: [],\n        topLeft: [],\n        topRight: [],\n        bottom: [],\n        bottomLeft: [],\n        bottomRight: [],\n    };\n\n    allNotices.forEach((notice) => {\n        const direction = notice.direction || props.direction || 'ltr';\n        const defaultPosition: NoticePosition = direction === 'rtl' ? 'topLeft' : 'topRight';\n        const position = notice.position || defaultPosition;\n        noticesInPos[position].push(notice);\n    });\n\n    return noticesInPos;\n});\n\n// List class\nconst listCls = computed(() => {\n    return classNames(cssClasses.LIST);\n});\n\n// Methods\nconst isRemoved = (item: NoticeInstance) => {\n    return state.value.removedItems.find((removedItem) => removedItem.id === item.id) !== undefined;\n};\n\nconst getPositionStyle = (notice: NoticeInstance) => {\n    const style: Record<string, string | number> = {};\n    ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n        const val = notice[pos as keyof NoticeInstance];\n        if (val !== undefined && val !== null) {\n            // Only process string or number values for style\n            if (typeof val === 'string' || typeof val === 'number') {\n                style[pos] = typeof val === 'number' ? `${val}px` : val;\n            }\n        }\n    });\n    return style;\n};\n\nconst handleClose = (id?: string) => {\n    if (id) {\n        foundation.removeNotice(id);\n    }\n};\n\n// Create a wrapper function that can handle both call signatures\nconst handleCloseWrapper = ((id?: string) => {\n    if (id) {\n        handleClose(id);\n    }\n}) as (() => void) & ((id: string) => void);\n\n// Store notice refs\nconst noticeRefs = new Map<string, any>();\n\n// Handle notice ref\nconst handleNoticeRef = (el: any, notice: NoticeInstance) => {\n    if (el) {\n        noticeRefs.set(notice.id || '', el);\n        // If this notice is in updatedItems, restart its timer\n        if (state.value.updatedItems.some((item) => item.id === notice.id)) {\n            nextTick(() => {\n                el?.restartCloseTimer?.();\n            });\n        }\n    } else {\n        noticeRefs.delete(notice.id || '');\n    }\n};\n\n// Watch for updated items to restart timer\nwatch(\n    () => state.value.updatedItems,\n    (updatedItems) => {\n        if (updatedItems.length > 0) {\n            nextTick(() => {\n                updatedItems.forEach((item) => {\n                    const noticeRef = noticeRefs.get(item.id || '');\n                    if (noticeRef) {\n                        noticeRef.restartCloseTimer?.();\n                    }\n                });\n            });\n        }\n    },\n    { deep: true }\n);\n\n// Expose methods\ndefineExpose({\n    has: (id: string) => foundation.has(id),\n    add: (opts: NoticeInstance) => foundation.addNotice(opts),\n    update: (id: string, opts: NoticeInstance) => foundation.update(id, opts),\n    remove: (id: string) => foundation.removeNotice(id),\n    destroyAll: () => foundation.destroyAll(),\n});\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","noticeStorage","ref","removeItemStorage","state","adapter","key","newState","callback","e","notices","removedItems","updatedItems","foundation","useFoundation","NotificationListFoundation","noticesInPosition","computed","allNotices","noticesInPos","notice","defaultPosition","position","listCls","classNames","isRemoved","item","removedItem","getPositionStyle","style","pos","val","handleClose","id","handleCloseWrapper","noticeRefs","handleNoticeRef","el","nextTick","_a","watch","noticeRef","__expose","opts","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createBlock","CSSAnimation","_unref","animationClassName","animationEventsNeedBind","isAnimating","Notice","_mergeProps","_b"],"mappings":"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"}

package/lib/es/components/notification/index.js

@@ -0,0 +1,160 @@
+import { createApp as R, h as L, nextTick as x } from "vue";
+import h from "./NotificationList.vue.js";
+import { cssClasses as I } from "@douyinfe/semi-foundation/notification/constants";
+import y from "@douyinfe/semi-foundation/utils/uuid";
+/* empty css                  */
+const o = {
+  duration: 3,
+  position: "topRight",
+  motion: !0,
+  content: "",
+  title: "",
+  zIndex: 1010
+}, p = /* @__PURE__ */ new Map();
+function b(t) {
+  const e = t.getPopupContainer || o.getPopupContainer;
+  if (e) {
+    const n = e.toString();
+    return `container-${n.length > 100 ? n.slice(0, 100) : n}`;
+  }
+  return null;
+}
+function w(t, e) {
+  const n = document.createElement("div");
+  n.className = I.WRAPPER, n.id = e, n.style.zIndex = String(typeof t.zIndex == "number" ? t.zIndex : o.zIndex);
+  const a = t.position || o.position || "topRight", i = {
+    top: { top: "0px" },
+    topLeft: { top: "0px", left: "0px" },
+    topRight: { top: "0px", right: "0px" },
+    bottom: { bottom: "0px" },
+    bottomLeft: { bottom: "0px", left: "0px" },
+    bottomRight: { bottom: "0px", right: "0px" }
+  }, f = i[a] || i.topRight;
+  Object.keys(f).forEach((r) => {
+    const c = f[r];
+    c && n.style.setProperty(r, c, "important");
+  }), ["top", "left", "bottom", "right"].forEach((r) => {
+    const c = t[r];
+    if (c != null) {
+      const d = typeof c == "number" ? `${c}px` : c;
+      n.style.setProperty(r, d, "important");
+    }
+  });
+  const l = t.getPopupContainer || o.getPopupContainer;
+  if (l) {
+    const r = l();
+    r && r !== document.body ? (window.getComputedStyle(r).position === "static" && (r.style.position = "relative"), n.style.setProperty("position", "absolute", "important"), r.appendChild(n)) : document.body.appendChild(n);
+  } else
+    document.body.appendChild(n);
+  return n;
+}
+function C(t, e) {
+  let n = null;
+  const a = R({
+    render() {
+      return L(h, {
+        ref: (i) => {
+          if (i) {
+            n = i;
+            const f = p.get(e);
+            f && (f.notificationListRef = i);
+          }
+        }
+      });
+    }
+  });
+  return a.mount(t), x(() => {
+    const i = p.get(e);
+    i && !i.notificationListRef && n ? i.notificationListRef = n : i && !i.notificationListRef && setTimeout(() => {
+      const f = p.get(e);
+      f && !f.notificationListRef && n && (f.notificationListRef = n);
+    }, 10);
+  }), a;
+}
+function s(t) {
+  const e = { ...o, ...t }, n = e.id ?? y("notification"), a = b(e);
+  let i = p.get(a);
+  if (i)
+    i.notificationListRef && (i.notificationListRef.has(n) ? i.notificationListRef.update(n, { ...e, id: n }) : i.notificationListRef.add({ ...e, id: n }));
+  else {
+    const f = y("notification-wrapper").slice(0, 32), l = w(e, f), r = C(l, a);
+    i = {
+      notificationListRef: null,
+      wrapperId: f,
+      app: r
+    }, p.set(a, i);
+    let c = 0;
+    const d = 100, m = () => {
+      const u = p.get(a);
+      u && u.notificationListRef ? u.notificationListRef.has(n) ? u.notificationListRef.update(n, { ...e, id: n }) : u.notificationListRef.add({ ...e, id: n }) : c < d ? (c++, setTimeout(m, 10)) : console.error(
+        "[Notification] Failed to initialize notificationListRef after 1 second, containerKey:",
+        a
+      );
+    };
+    setTimeout(m, 0);
+  }
+  return n;
+}
+function g(t) {
+  for (const e of p.values())
+    if (e.notificationListRef && e.notificationListRef.has(t)) {
+      e.notificationListRef.remove(t);
+      break;
+    }
+  return t;
+}
+function v() {
+  for (const [, t] of p.entries()) {
+    t.notificationListRef && t.notificationListRef.destroyAll();
+    const e = document.querySelector(`#${t.wrapperId}`);
+    e && e.parentNode && e.parentNode.removeChild(e), t.app && t.app.unmount();
+  }
+  p.clear();
+}
+function P(t) {
+  return typeof t == "string" && (t = { content: t }), s({ ...o, ...t, type: "info" });
+}
+function z(t) {
+  return typeof t == "string" && (t = { content: t }), s({ ...o, ...t, type: "success" });
+}
+function S(t) {
+  return typeof t == "string" && (t = { content: t }), s({ ...o, ...t, type: "error" });
+}
+function N(t) {
+  return typeof t == "string" && (t = { content: t }), s({ ...o, ...t, type: "warning" });
+}
+function k(t) {
+  return typeof t == "string" && (t = { content: t }), s({ ...o, ...t, type: "default" });
+}
+function A(t) {
+  return g(t);
+}
+function E(t) {
+  if (["top", "left", "bottom", "right"].forEach((e) => {
+    e in t && (o[e] = t[e]);
+  }), typeof t.zIndex == "number") {
+    o.zIndex = t.zIndex;
+    for (const e of p.values()) {
+      const n = document.querySelector(`#${e.wrapperId}`);
+      n && (n.style.zIndex = String(t.zIndex));
+    }
+  }
+  typeof t.duration == "number" && (o.duration = t.duration), typeof t.position == "string" && (o.position = t.position), typeof t.getPopupContainer == "function" && (o.getPopupContainer = t.getPopupContainer);
+}
+const _ = {
+  addNotice: s,
+  removeNotice: g,
+  destroyAll: v,
+  info: P,
+  success: z,
+  error: S,
+  warning: N,
+  open: k,
+  close: A,
+  config: E
+};
+export {
+  _ as Notification,
+  _ as default
+};
+//# sourceMappingURL=index.js.map