@will-ui/vue 1.0.0

package/dist/components/notice/Notice.js

@@ -0,0 +1,192 @@
+import Icon_default from "../icon/Icon.js";
+import { getBoundingClientRect } from "../../util/dom.js";
+import { mergeStyle, propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import Close_default from "../close/Close.js";
+import { Transition, computed, createVNode, defineComponent, getCurrentInstance, onMounted, onUnmounted, ref, watch } from "vue";
+//#region components/notice/Notice.tsx
+var TYPE_ICON_MAP = {
+	info: "w-icon-warning",
+	success: "w-icon-duihao",
+	warning: "w-icon-warning",
+	error: "w-icon-close-fill"
+};
+/** 退场前锁死当前高度，好让 height → 0 能过渡 */
+function lockLeaveHeight(el) {
+	const h = getBoundingClientRect(el).height;
+	if (h > 0) {
+		el.style.setProperty("--__notice-item-height", `${h}px`);
+		el.style.height = `${h}px`;
+		el.offsetHeight;
+	}
+}
+var Notice_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	name: "Notice",
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		placement: {
+			type: String,
+			default: "top-end"
+		},
+		duration: {
+			type: Number,
+			default: 4500
+		},
+		manual: {
+			type: Boolean,
+			default: false
+		},
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		type: {
+			type: String,
+			default: "default"
+		},
+		title: { type: [
+			String,
+			Object,
+			Function
+		] },
+		icon: {
+			type: [
+				String,
+				Boolean,
+				Object,
+				Function
+			],
+			default: void 0
+		},
+		itemClass: { type: [
+			String,
+			Object,
+			Array
+		] },
+		itemStyle: { type: Object },
+		hoverKeep: {
+			type: Boolean,
+			default: true
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例尺度（px）→ `--w-prop-notice-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:show",
+		"after-enter",
+		"after-leave",
+		"close",
+		"get-uid",
+		"closing"
+	],
+	setup(props, { emit, slots, expose }) {
+		const ins = getCurrentInstance();
+		const visible = ref(props.show);
+		let timer = null;
+		const isManual = computed(() => props.manual || !props.duration || props.duration <= 0);
+		function clearTimer() {
+			if (timer != null) {
+				clearTimeout(timer);
+				timer = null;
+			}
+		}
+		function startTimer() {
+			clearTimer();
+			if (isManual.value) return;
+			timer = setTimeout(() => {
+				visible.value = false;
+			}, props.duration);
+		}
+		function close() {
+			if (!visible.value) return;
+			emit("closing");
+			clearTimer();
+			visible.value = false;
+		}
+		emit("close", close);
+		emit("get-uid", ins?.uid);
+		watch(() => props.show, (s) => {
+			visible.value = s;
+		});
+		watch(visible, (v) => {
+			emit("update:show", v);
+			if (v) startTimer();
+			else clearTimer();
+		});
+		onMounted(() => {
+			visible.value = true;
+		});
+		onUnmounted(() => {
+			clearTimer();
+		});
+		expose({ close });
+		function renderIcon() {
+			const { icon, type } = props;
+			if (icon === false) return null;
+			if (typeof icon === "function") return createVNode("div", { "class": "w-notice-icon" }, [icon()]);
+			if (icon !== void 0 && icon !== true && typeof icon !== "string") return createVNode("div", { "class": "w-notice-icon" }, [icon]);
+			const name = typeof icon === "string" ? icon : type !== "default" ? TYPE_ICON_MAP[type] : "";
+			if (!name) return null;
+			return createVNode("div", { "class": "w-notice-icon" }, [createVNode(Icon_default, { "name": name }, null)]);
+		}
+		function onMouseEnter() {
+			if (props.hoverKeep && !isManual.value) clearTimer();
+		}
+		function onMouseLeave() {
+			if (props.hoverKeep && !isManual.value && visible.value) startTimer();
+		}
+		return () => {
+			const style = mergeStyle(toCssVarsStyle({
+				...propSizeToCssVars("notice", props.size),
+				...propColorToCssVars("notice", props.color),
+				...props.cssVars
+			}), props.itemStyle);
+			return createVNode(Transition, {
+				"name": "w-notice-transition",
+				"onBefore-leave": (el) => {
+					lockLeaveHeight(el);
+				},
+				"onAfter-enter": (el) => {
+					emit("after-enter", el);
+				},
+				"onAfter-leave": (el) => {
+					emit("after-leave", el, ins?.uid);
+				}
+			}, { default: () => [visible.value && createVNode("div", {
+				"class": [
+					"w-notice-item",
+					`w-notice-item--${props.placement}`,
+					`w-notice-item--${props.type}`,
+					props.itemClass
+				],
+				"style": style,
+				"role": "alert",
+				"onMouseenter": onMouseEnter,
+				"onMouseleave": onMouseLeave
+			}, [createVNode("div", { "class": "w-notice-inner" }, [renderIcon(), createVNode("div", { "class": "w-notice-body" }, [props.title != null && props.title !== false && createVNode("div", { "class": "w-notice-title" }, [props.title]), createVNode("div", { "class": "w-notice-content" }, [slots.default?.()])])]), props.showClose && createVNode(Close_default, {
+				"name": "w-icon-close-fill",
+				"class": "w-notice-close",
+				"onClick": close
+			}, null)])] });
+		};
+	}
+});
+//#endregion
+export { Notice_default as default };
+
+//# sourceMappingURL=Notice.js.map

package/dist/components/notice/Notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.js","names":["defineComponent","getCurrentInstance","onMounted","onUnmounted","ref","Transition","watch","computed","createVNode","_createVNode","Icon","getBoundingClientRect","mergeStyle","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","Close","TYPE_ICON_MAP","info","success","warning","error","lockLeaveHeight","el","h","height","style","setProperty","offsetHeight","inheritAttrs","name","props","show","type","Boolean","default","placement","String","duration","Number","manual","showClose","title","Object","Function","icon","undefined","itemClass","Array","itemStyle","hoverKeep","color","size","cssVars","emits","setup","emit","slots","expose","ins","visible","timer","isManual","clearTimer","clearTimeout","startTimer","value","setTimeout","close","uid","s","v","renderIcon","onMouseEnter","onMouseLeave"],"sources":["../../../components/notice/Notice.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  getCurrentInstance,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  Transition,\r\n  watch,\r\n  computed,\r\n} from 'vue'\r\nimport type { PropType, CSSProperties, VNodeChild } from 'vue'\r\nimport Icon from '../icon'\r\nimport { getBoundingClientRect, mergeStyle, propColorToCssVars, propSizeToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\nimport Close from '../close'\r\nimport type { NoticePlacementType, NoticeType } from './types'\r\n\r\nconst TYPE_ICON_MAP: Record<Exclude<NoticeType, 'default'>, string> = {\r\n  info: 'w-icon-warning',\r\n  success: 'w-icon-duihao',\r\n  warning: 'w-icon-warning',\r\n  error: 'w-icon-close-fill',\r\n}\r\n\r\n/** 退场前锁死当前高度，好让 height → 0 能过渡 */\r\nfunction lockLeaveHeight(el: HTMLElement) {\r\n  const h = getBoundingClientRect(el).height\r\n  if (h > 0) {\r\n    el.style.setProperty('--__notice-item-height', `${h}px`)\r\n    el.style.height = `${h}px`\r\n    void el.offsetHeight\r\n  }\r\n}\r\n\r\nexport default defineComponent({\r\n  inheritAttrs: false,\r\n  name: 'Notice',\r\n  props: {\r\n    show: { type: Boolean, default: false },\r\n    placement: {\r\n      type: String as PropType<NoticePlacementType>,\r\n      default: 'top-end',\r\n    },\r\n    duration: { type: Number, default: 4500 },\r\n    manual: { type: Boolean, default: false },\r\n    showClose: { type: Boolean, default: true },\r\n    type: {\r\n      type: String as PropType<NoticeType>,\r\n      default: 'default',\r\n    },\r\n    title: { type: [String, Object, Function] as PropType<VNodeChild> },\r\n    icon: {\r\n      type: [String, Boolean, Object, Function] as PropType<\r\n        string | boolean | VNodeChild | (() => VNodeChild)\r\n      >,\r\n      default: undefined,\r\n    },\r\n    itemClass: { type: [String, Object, Array] as PropType<any> },\r\n    itemStyle: {\r\n      type: Object as PropType<CSSProperties | Record<string, string>>,\r\n    },\r\n    hoverKeep: { type: Boolean, default: true },\r\n    color: { type: String, default: undefined },\r\n    /** 实例尺度（px）→ `--w-prop-notice-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: ['update:show', 'after-enter', 'after-leave', 'close', 'get-uid', 'closing'],\r\n  setup(props, { emit, slots, expose }) {\r\n    const ins = getCurrentInstance()\r\n    const visible = ref(props.show)\r\n    let timer: ReturnType<typeof setTimeout> | null = null\r\n\r\n    const isManual = computed(\r\n      () => props.manual || !props.duration || props.duration <= 0,\r\n    )\r\n\r\n    function clearTimer() {\r\n      if (timer != null) {\r\n        clearTimeout(timer)\r\n        timer = null\r\n      }\r\n    }\r\n\r\n    function startTimer() {\r\n      clearTimer()\r\n      if (isManual.value) return\r\n      timer = setTimeout(() => {\r\n        visible.value = false\r\n      }, props.duration)\r\n    }\r\n\r\n    function close() {\r\n      if (!visible.value) return\r\n      emit('closing')\r\n      clearTimer()\r\n      visible.value = false\r\n    }\r\n\r\n    emit('close', close)\r\n    emit('get-uid', ins?.uid as number)\r\n\r\n    watch(\r\n      () => props.show,\r\n      (s) => {\r\n        visible.value = s\r\n      },\r\n    )\r\n\r\n    watch(visible, (v) => {\r\n      emit('update:show', v)\r\n      if (v) {\r\n        startTimer()\r\n      } else {\r\n        clearTimer()\r\n      }\r\n    })\r\n\r\n    onMounted(() => {\r\n      visible.value = true\r\n    })\r\n\r\n    onUnmounted(() => {\r\n      clearTimer()\r\n    })\r\n\r\n    expose({ close })\r\n\r\n    function renderIcon() {\r\n      const { icon, type } = props\r\n      if (icon === false) return null\r\n\r\n      if (typeof icon === 'function') {\r\n        return <div class=\"w-notice-icon\">{(icon as () => VNodeChild)()}</div>\r\n      }\r\n\r\n      if (icon !== undefined && icon !== true && typeof icon !== 'string') {\r\n        return <div class=\"w-notice-icon\">{icon}</div>\r\n      }\r\n\r\n      const name =\r\n        typeof icon === 'string'\r\n          ? icon\r\n          : type !== 'default'\r\n            ? TYPE_ICON_MAP[type]\r\n            : ''\r\n\r\n      if (!name) return null\r\n\r\n      return (\r\n        <div class=\"w-notice-icon\">\r\n          <Icon name={name} />\r\n        </div>\r\n      )\r\n    }\r\n\r\n    function onMouseEnter() {\r\n      if (props.hoverKeep && !isManual.value) clearTimer()\r\n    }\r\n\r\n    function onMouseLeave() {\r\n      if (props.hoverKeep && !isManual.value && visible.value) startTimer()\r\n    }\r\n\r\n    return () => {\r\n      const style = mergeStyle(\r\n        toCssVarsStyle({\r\n          ...propSizeToCssVars('notice', props.size),\r\n          ...propColorToCssVars('notice', props.color),\r\n          ...props.cssVars,\r\n        }),\r\n        props.itemStyle as Record<string, string> | undefined,\r\n      )\r\n\r\n      return (\r\n        <Transition\r\n          name=\"w-notice-transition\"\r\n          onBefore-leave={(el: Element) => {\r\n            lockLeaveHeight(el as HTMLElement)\r\n          }}\r\n          onAfter-enter={(el: Element) => {\r\n            emit('after-enter', el as HTMLElement)\r\n          }}\r\n          onAfter-leave={(el: Element) => {\r\n            emit('after-leave', el as HTMLElement, ins?.uid)\r\n          }}>\r\n          {visible.value && (\r\n            <div\r\n              class={[\r\n                'w-notice-item',\r\n                `w-notice-item--${props.placement}`,\r\n                `w-notice-item--${props.type}`,\r\n                props.itemClass,\r\n              ]}\r\n              style={style}\r\n              role=\"alert\"\r\n              onMouseenter={onMouseEnter}\r\n              onMouseleave={onMouseLeave}>\r\n              <div class=\"w-notice-inner\">\r\n                {renderIcon()}\r\n                <div class=\"w-notice-body\">\r\n                  {props.title != null && props.title !== false && (\r\n                    <div class=\"w-notice-title\">{props.title as any}</div>\r\n                  )}\r\n                  <div class=\"w-notice-content\">{slots.default?.()}</div>\r\n                </div>\r\n              </div>\r\n              {props.showClose && (\r\n                <Close\r\n                  name=\"w-icon-close-fill\"\r\n                  class=\"w-notice-close\"\r\n                  onClick={close}\r\n                />\r\n              )}\r\n            </div>\r\n          )}\r\n        </Transition>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport type {\r\n  NoticePlacementType,\r\n  NoticeOptions,\r\n  NoticeType,\r\n} from './types'\r\n"],"mappings":"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"}

package/dist/components/notice/index.d.ts

@@ -0,0 +1,51 @@
+import { App } from 'vue';
+import { NoticeOptions, NoticeGlobalConfig, NoticeInstance, NoticeShortcut } from './types';
+export type { NoticeOptions, NoticeGlobalConfig, NoticeInstance, NoticeApi, NoticeContent, NoticeClose, NoticePlacementType, NoticeType, NoticeShortcut, } from './types';
+/**
+ * 运行时 / 全局默认配置
+ * 也可通过 `app.use(UI, { components: { Notice: {...} } })` 注入
+ *
+ * @example
+ * config({ placement: 'bottom-end', duration: 2500, maxCount: 3 })
+ */
+declare function config(options?: NoticeGlobalConfig): void;
+/**
+ * 打开通知。返回实例，优先用 `instance.close()` 关闭。
+ *
+ * @example
+ * const n = open({ content: '已保存', duration: 3000 })
+ * n.close()
+ *
+ * @example
+ * // 同 key 会立刻替换旧通知（适合上传进度）
+ * open({ key: 'upload', content: '30%', manual: true })
+ * open({ key: 'upload', content: '完成', duration: 2000 })
+ */
+declare function open(options: NoticeOptions): NoticeInstance;
+/**
+ * 关闭指定通知（带动画）。更推荐直接 `instance.close()`。
+ */
+declare function close(app: App): void;
+/** 关闭全部通知（带动画） */
+declare function closeAll(): void;
+declare const success: NoticeShortcut;
+declare const info: NoticeShortcut;
+declare const warning: NoticeShortcut;
+declare const error: NoticeShortcut;
+/**
+ * Vue 插件安装：挂载 `$notice`，并读取 UI 全局 `components.Notice` 配置
+ */
+declare function install(app: App): void;
+declare const NoticePlugin: {
+    install: typeof install;
+    open: typeof open;
+    close: typeof close;
+    closeAll: typeof closeAll;
+    config: typeof config;
+    success: NoticeShortcut;
+    info: NoticeShortcut;
+    warning: NoticeShortcut;
+    error: NoticeShortcut;
+};
+export default NoticePlugin;
+export { open, close, closeAll, config, success, info, warning, error };

package/dist/components/notice/index.js

@@ -0,0 +1,243 @@
+import { UI_CONFIG_KEY } from "../../config/plugin.js";
+import Notice_default from "./Notice.js";
+import { clearNoticeWrapper, createNoticeWrapper } from "./src/_util/index.js";
+import { createApp, createVNode } from "vue";
+import "./src/style/index.css";
+//#region components/notice/index.ts
+var NoticeAppMap = /* @__PURE__ */ new Map();
+var NoticeKeyMap = /* @__PURE__ */ new Map();
+var hostApp = null;
+var defaultOptions = {
+	placement: "top-end",
+	duration: 4500,
+	manual: false,
+	showClose: true,
+	type: "default",
+	hoverKeep: true
+};
+var globalConfig = {};
+/**
+* 运行时 / 全局默认配置
+* 也可通过 `app.use(UI, { components: { Notice: {...} } })` 注入
+*
+* @example
+* config({ placement: 'bottom-end', duration: 2500, maxCount: 3 })
+*/
+function config(options = {}) {
+	globalConfig = {
+		...globalConfig,
+		...options
+	};
+}
+function getMergedOptions(options) {
+	return {
+		...defaultOptions,
+		...globalConfig,
+		...options
+	};
+}
+function runAfterClose(record) {
+	if (!record || record.afterCloseCalled) return;
+	record.afterCloseCalled = true;
+	record.afterClose?.();
+}
+function inheritAppContext(notice) {
+	if (!hostApp) return;
+	notice._context.provides = Object.create(hostApp._context.provides);
+}
+function enforceMaxCount(placement) {
+	const maxCount = globalConfig.maxCount;
+	if (!maxCount || maxCount <= 0) return;
+	const samePlacement = [];
+	NoticeAppMap.forEach((record) => {
+		if (record.noticeWrapper.classList.contains(`w-notice--${placement}`)) samePlacement.push(record);
+	});
+	const overflow = samePlacement.length + 1 - maxCount;
+	if (overflow <= 0) return;
+	samePlacement.slice(0, overflow).forEach((record) => {
+		record.close();
+	});
+}
+/** 跳过退场动画立刻拆掉（同 key 替换用，避免新旧叠动画） */
+function destroyImmediate(uid) {
+	const record = NoticeAppMap.get(uid);
+	if (!record) return;
+	_destroy(record.noticeWrapper, record.itemWrapper, record.app, uid);
+	if (NoticeAppMap.size === 0) clearNoticeWrapper();
+}
+/**
+* 打开通知。返回实例，优先用 `instance.close()` 关闭。
+*
+* @example
+* const n = open({ content: '已保存', duration: 3000 })
+* n.close()
+*
+* @example
+* // 同 key 会立刻替换旧通知（适合上传进度）
+* open({ key: 'upload', content: '30%', manual: true })
+* open({ key: 'upload', content: '完成', duration: 2000 })
+*/
+function open(options) {
+	const { placement = defaultOptions.placement, manual, duration, content, showClose, afterClose, onClose, type, title, icon, class: itemClass, style: itemStyle, wrapperClass, wrapperStyle, offset, zIndex, key, hoverKeep, color, size, cssVars } = getMergedOptions(options);
+	if (key !== void 0 && NoticeKeyMap.has(key)) destroyImmediate(NoticeKeyMap.get(key));
+	enforceMaxCount(placement);
+	const itemWrapper = document.createElement("div");
+	const noticeWrapper = createNoticeWrapper(placement, {
+		offset: offset ?? globalConfig.offset,
+		zIndex: zIndex ?? globalConfig.zIndex,
+		wrapperClass: wrapperClass ?? globalConfig.wrapperClass,
+		wrapperStyle: wrapperStyle || globalConfig.wrapperStyle
+	});
+	const closeRef = { current: () => {} };
+	let notice;
+	const vm = createVNode(Notice_default, {
+		placement,
+		manual,
+		duration,
+		showClose,
+		type,
+		title,
+		icon,
+		itemClass: itemClass ?? globalConfig.class,
+		itemStyle: itemStyle ?? globalConfig.style,
+		hoverKeep,
+		color,
+		size,
+		cssVars,
+		onClosing: () => {
+			onClose?.();
+		},
+		"onAfter-leave": (_el, uid) => {
+			const record = NoticeAppMap.get(uid);
+			_destroy(noticeWrapper, itemWrapper, notice, uid);
+			runAfterClose(record);
+			if (NoticeAppMap.size === 0) clearNoticeWrapper();
+		},
+		onClose: (closeFn) => {
+			closeRef.current = closeFn;
+		},
+		"onGet-uid": (uid) => {
+			NoticeAppMap.set(uid, {
+				noticeWrapper,
+				itemWrapper,
+				close: () => closeRef.current(),
+				afterClose,
+				key,
+				app: notice
+			});
+			if (key !== void 0) NoticeKeyMap.set(key, uid);
+		}
+	}, { default: () => {
+		if (typeof content === "function") return content(() => closeRef.current());
+		return content;
+	} });
+	notice = createApp(vm);
+	inheritAppContext(notice);
+	notice.close = () => close(notice);
+	notice.mount(itemWrapper);
+	noticeWrapper.appendChild(itemWrapper);
+	return notice;
+}
+/**
+* 关闭指定通知（带动画）。更推荐直接 `instance.close()`。
+*/
+function close(app) {
+	const uid = app._instance?.uid;
+	if (uid === void 0) return;
+	const record = NoticeAppMap.get(uid);
+	if (!record) return;
+	record.close();
+}
+/** 关闭全部通知（带动画） */
+function closeAll() {
+	Array.from(NoticeAppMap.values()).forEach((record) => {
+		record.close();
+	});
+}
+function isPlainOptions(input) {
+	if (input == null || typeof input !== "object" || Array.isArray(input) || input.__v_isVNode) return false;
+	return [
+		"content",
+		"title",
+		"placement",
+		"duration",
+		"manual",
+		"showClose",
+		"class",
+		"style",
+		"icon",
+		"key",
+		"wrapperClass",
+		"wrapperStyle",
+		"offset",
+		"zIndex",
+		"hoverKeep",
+		"color",
+		"size",
+		"cssVars",
+		"afterClose",
+		"onClose"
+	].some((k) => k in input);
+}
+function createShortcut(type) {
+	return (content, options) => {
+		if (isPlainOptions(content)) return open({
+			...content,
+			type,
+			content: content.content ?? ""
+		});
+		return open({
+			...options,
+			type,
+			content
+		});
+	};
+}
+var success = createShortcut("success");
+var info = createShortcut("info");
+var warning = createShortcut("warning");
+var error = createShortcut("error");
+/**
+* Vue 插件安装：挂载 `$notice`，并读取 UI 全局 `components.Notice` 配置
+*/
+function install(app) {
+	hostApp = app;
+	const noticeCfg = app._context.provides[UI_CONFIG_KEY]?.components?.Notice;
+	if (noticeCfg) config(noticeCfg);
+	const api = {
+		open,
+		close,
+		closeAll,
+		config,
+		success,
+		info,
+		warning,
+		error
+	};
+	app.config.globalProperties.$notice = api;
+}
+function _destroy(noticeWrapper, wrapper, app_notice, uid) {
+	const id = uid ?? app_notice._instance?.uid;
+	if (id !== void 0) {
+		const record = NoticeAppMap.get(id);
+		if (record?.key !== void 0 && NoticeKeyMap.get(record.key) === id) NoticeKeyMap.delete(record.key);
+		NoticeAppMap.delete(id);
+	}
+	app_notice.unmount();
+	if (wrapper.parentNode) noticeWrapper.removeChild(wrapper);
+}
+var NoticePlugin = {
+	install,
+	open,
+	close,
+	closeAll,
+	config,
+	success,
+	info,
+	warning,
+	error
+};
+//#endregion
+export { close, closeAll, config, NoticePlugin as default, error, info, open, success, warning };
+
+//# sourceMappingURL=index.js.map

package/dist/components/notice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../components/notice/index.ts"],"sourcesContent":["import type { App } from 'vue'\r\nimport { createVNode, createApp } from 'vue'\r\nimport MainNotice from './Notice'\r\nimport { createNoticeWrapper, clearNoticeWrapper } from './src/_util/index'\r\nimport { UI_CONFIG_KEY, type UIPluginConfig } from '../../config/plugin'\r\nimport type {\r\n  NoticeOptions,\r\n  NoticeGlobalConfig,\r\n  NoticeInstance,\r\n  NoticeApi,\r\n  NoticeContent,\r\n  NoticeShortcut,\r\n  NoticeType,\r\n} from './types'\r\n\r\nexport type {\r\n  NoticeOptions,\r\n  NoticeGlobalConfig,\r\n  NoticeInstance,\r\n  NoticeApi,\r\n  NoticeContent,\r\n  NoticeClose,\r\n  NoticePlacementType,\r\n  NoticeType,\r\n  NoticeShortcut,\r\n} from './types'\r\n\r\ninterface NoticeRecord {\r\n  noticeWrapper: HTMLElement\r\n  itemWrapper: HTMLElement\r\n  close: () => void\r\n  afterClose?: () => void\r\n  afterCloseCalled?: boolean\r\n  key?: string | number\r\n  app: App\r\n}\r\n\r\nconst NoticeAppMap = new Map<number, NoticeRecord>()\r\nconst NoticeKeyMap = new Map<string | number, number>()\r\n\r\nlet hostApp: App | null = null\r\n\r\nconst defaultOptions: Required<\r\n  Pick<\r\n    NoticeOptions,\r\n    | 'placement'\r\n    | 'duration'\r\n    | 'manual'\r\n    | 'showClose'\r\n    | 'type'\r\n    | 'hoverKeep'\r\n  >\r\n> = {\r\n  placement: 'top-end',\r\n  duration: 4500,\r\n  manual: false,\r\n  showClose: true,\r\n  type: 'default',\r\n  hoverKeep: true,\r\n}\r\n\r\nlet globalConfig: NoticeGlobalConfig = {}\r\n\r\n/**\r\n * 运行时 / 全局默认配置\r\n * 也可通过 `app.use(UI, { components: { Notice: {...} } })` 注入\r\n *\r\n * @example\r\n * config({ placement: 'bottom-end', duration: 2500, maxCount: 3 })\r\n */\r\nfunction config(options: NoticeGlobalConfig = {}): void {\r\n  globalConfig = { ...globalConfig, ...options }\r\n}\r\n\r\nfunction getMergedOptions(options: NoticeOptions): NoticeOptions {\r\n  return {\r\n    ...defaultOptions,\r\n    ...globalConfig,\r\n    ...options,\r\n  }\r\n}\r\n\r\nfunction runAfterClose(record?: NoticeRecord) {\r\n  if (!record || record.afterCloseCalled) return\r\n  record.afterCloseCalled = true\r\n  record.afterClose?.()\r\n}\r\n\r\nfunction inheritAppContext(notice: App) {\r\n  if (!hostApp) return\r\n  notice._context.provides = Object.create(hostApp._context.provides)\r\n}\r\n\r\nfunction enforceMaxCount(placement: string) {\r\n  const maxCount = globalConfig.maxCount\r\n  if (!maxCount || maxCount <= 0) return\r\n\r\n  const samePlacement: NoticeRecord[] = []\r\n  NoticeAppMap.forEach((record) => {\r\n    if (record.noticeWrapper.classList.contains(`w-notice--${placement}`)) {\r\n      samePlacement.push(record)\r\n    }\r\n  })\r\n\r\n  const overflow = samePlacement.length + 1 - maxCount\r\n  if (overflow <= 0) return\r\n\r\n  samePlacement.slice(0, overflow).forEach((record) => {\r\n    record.close()\r\n  })\r\n}\r\n\r\n/** 跳过退场动画立刻拆掉（同 key 替换用，避免新旧叠动画） */\r\nfunction destroyImmediate(uid: number) {\r\n  const record = NoticeAppMap.get(uid)\r\n  if (!record) return\r\n  _destroy(record.noticeWrapper, record.itemWrapper, record.app, uid)\r\n  if (NoticeAppMap.size === 0) {\r\n    clearNoticeWrapper()\r\n  }\r\n}\r\n\r\n/**\r\n * 打开通知。返回实例，优先用 `instance.close()` 关闭。\r\n *\r\n * @example\r\n * const n = open({ content: '已保存', duration: 3000 })\r\n * n.close()\r\n *\r\n * @example\r\n * // 同 key 会立刻替换旧通知（适合上传进度）\r\n * open({ key: 'upload', content: '30%', manual: true })\r\n * open({ key: 'upload', content: '完成', duration: 2000 })\r\n */\r\nfunction open(options: NoticeOptions): NoticeInstance {\r\n  const merged = getMergedOptions(options)\r\n  const {\r\n    placement = defaultOptions.placement,\r\n    manual,\r\n    duration,\r\n    content,\r\n    showClose,\r\n    afterClose,\r\n    onClose,\r\n    type,\r\n    title,\r\n    icon,\r\n    class: itemClass,\r\n    style: itemStyle,\r\n    wrapperClass,\r\n    wrapperStyle,\r\n    offset,\r\n    zIndex,\r\n    key,\r\n    hoverKeep,\r\n    color,\r\n    size,\r\n    cssVars,\r\n  } = merged\r\n\r\n  if (key !== undefined && NoticeKeyMap.has(key)) {\r\n    destroyImmediate(NoticeKeyMap.get(key)!)\r\n  }\r\n\r\n  enforceMaxCount(placement)\r\n\r\n  const itemWrapper = document.createElement('div')\r\n  const noticeWrapper = createNoticeWrapper(placement, {\r\n    offset: offset ?? globalConfig.offset,\r\n    zIndex: zIndex ?? globalConfig.zIndex,\r\n    wrapperClass: wrapperClass ?? globalConfig.wrapperClass,\r\n    wrapperStyle: (wrapperStyle ||\r\n      globalConfig.wrapperStyle) as Record<string, string>,\r\n  })\r\n\r\n  const closeRef: { current: () => void } = {\r\n    current: () => {},\r\n  }\r\n\r\n  let notice!: NoticeInstance\r\n\r\n  const vm = createVNode(\r\n    MainNotice,\r\n    {\r\n      placement,\r\n      manual,\r\n      duration,\r\n      showClose,\r\n      type,\r\n      title,\r\n      icon,\r\n      itemClass: itemClass ?? globalConfig.class,\r\n      itemStyle: itemStyle ?? globalConfig.style,\r\n      hoverKeep,\r\n      color,\r\n      size,\r\n      cssVars,\r\n      onClosing: () => {\r\n        onClose?.()\r\n      },\r\n      'onAfter-leave': (_el: HTMLElement, uid: number) => {\r\n        const record = NoticeAppMap.get(uid)\r\n        _destroy(noticeWrapper, itemWrapper, notice, uid)\r\n        runAfterClose(record)\r\n        if (NoticeAppMap.size === 0) {\r\n          clearNoticeWrapper()\r\n        }\r\n      },\r\n      onClose: (closeFn: () => void) => {\r\n        closeRef.current = closeFn\r\n      },\r\n      'onGet-uid': (uid: number) => {\r\n        NoticeAppMap.set(uid, {\r\n          noticeWrapper,\r\n          itemWrapper,\r\n          close: () => closeRef.current(),\r\n          afterClose,\r\n          key,\r\n          app: notice,\r\n        })\r\n        if (key !== undefined) {\r\n          NoticeKeyMap.set(key, uid)\r\n        }\r\n      },\r\n    },\r\n    {\r\n      default: () => {\r\n        if (typeof content === 'function') {\r\n          return content(() => closeRef.current())\r\n        }\r\n        return content\r\n      },\r\n    },\r\n  )\r\n\r\n  notice = createApp(vm) as NoticeInstance\r\n  inheritAppContext(notice)\r\n  notice.close = () => close(notice)\r\n  notice.mount(itemWrapper)\r\n  noticeWrapper.appendChild(itemWrapper)\r\n\r\n  return notice\r\n}\r\n\r\n/**\r\n * 关闭指定通知（带动画）。更推荐直接 `instance.close()`。\r\n */\r\nfunction close(app: App): void {\r\n  const uid = app._instance?.uid\r\n  if (uid === undefined) return\r\n  const record = NoticeAppMap.get(uid)\r\n  if (!record) return\r\n  record.close()\r\n}\r\n\r\n/** 关闭全部通知（带动画） */\r\nfunction closeAll(): void {\r\n  const list = Array.from(NoticeAppMap.values())\r\n  list.forEach((record) => {\r\n    record.close()\r\n  })\r\n}\r\n\r\nfunction isPlainOptions(\r\n  input: NoticeContent | (Omit<NoticeOptions, 'type'> & { content?: NoticeContent }),\r\n): input is Omit<NoticeOptions, 'type'> & { content?: NoticeContent } {\r\n  if (\r\n    input == null ||\r\n    typeof input !== 'object' ||\r\n    Array.isArray(input) ||\r\n    (input as any).__v_isVNode\r\n  ) {\r\n    return false\r\n  }\r\n  const keys = [\r\n    'content',\r\n    'title',\r\n    'placement',\r\n    'duration',\r\n    'manual',\r\n    'showClose',\r\n    'class',\r\n    'style',\r\n    'icon',\r\n    'key',\r\n    'wrapperClass',\r\n    'wrapperStyle',\r\n    'offset',\r\n    'zIndex',\r\n    'hoverKeep',\r\n    'color',\r\n    'size',\r\n    'cssVars',\r\n    'afterClose',\r\n    'onClose',\r\n  ]\r\n  return keys.some((k) => k in (input as object))\r\n}\r\n\r\nfunction createShortcut(type: NoticeType): NoticeShortcut {\r\n  return (content, options) => {\r\n    if (isPlainOptions(content)) {\r\n      return open({\r\n        ...content,\r\n        type,\r\n        content: (content.content ?? '') as NoticeContent,\r\n      })\r\n    }\r\n    return open({\r\n      ...options,\r\n      type,\r\n      content: content as NoticeContent,\r\n    })\r\n  }\r\n}\r\n\r\nconst success = createShortcut('success')\r\nconst info = createShortcut('info')\r\nconst warning = createShortcut('warning')\r\nconst error = createShortcut('error')\r\n\r\n/**\r\n * Vue 插件安装：挂载 `$notice`，并读取 UI 全局 `components.Notice` 配置\r\n */\r\nfunction install(app: App): void {\r\n  hostApp = app\r\n\r\n  const uiConfig = app._context.provides[UI_CONFIG_KEY as any] as\r\n    | UIPluginConfig\r\n    | undefined\r\n  const noticeCfg = uiConfig?.components?.Notice as NoticeGlobalConfig | undefined\r\n  if (noticeCfg) {\r\n    config(noticeCfg)\r\n  }\r\n\r\n  const api: NoticeApi = {\r\n    open,\r\n    close,\r\n    closeAll,\r\n    config,\r\n    success,\r\n    info,\r\n    warning,\r\n    error,\r\n  }\r\n\r\n  app.config.globalProperties.$notice = api\r\n}\r\n\r\nfunction _destroy(\r\n  noticeWrapper: HTMLElement,\r\n  wrapper: HTMLElement,\r\n  app_notice: App,\r\n  uid?: number,\r\n): void {\r\n  const id = uid ?? app_notice._instance?.uid\r\n  if (id !== undefined) {\r\n    const record = NoticeAppMap.get(id)\r\n    if (\r\n      record?.key !== undefined &&\r\n      NoticeKeyMap.get(record.key) === id\r\n    ) {\r\n      NoticeKeyMap.delete(record.key)\r\n    }\r\n    NoticeAppMap.delete(id)\r\n  }\r\n  app_notice.unmount()\r\n  if (wrapper.parentNode) {\r\n    noticeWrapper.removeChild(wrapper)\r\n  }\r\n}\r\n\r\nconst NoticePlugin = {\r\n  install,\r\n  open,\r\n  close,\r\n  closeAll,\r\n  config,\r\n  success,\r\n  info,\r\n  warning,\r\n  error,\r\n}\r\n\r\nexport default NoticePlugin\r\nexport { open, close, closeAll, config, success, info, warning, error }\r\n\r\nimport './src/style/index.css'\r\n"],"mappings":"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"}

package/dist/components/notice/src/_util/index.d.ts

@@ -0,0 +1,11 @@
+import { NoticePlacementType } from '../types';
+declare function createNoticeWrapper(placement: NoticePlacementType | string, options?: {
+    offset?: number | string;
+    zIndex?: number;
+    wrapperClass?: any;
+    wrapperStyle?: Record<string, string>;
+}): HTMLElement;
+declare function removeNoticeWrapper(el: HTMLElement): void;
+declare function clearNoticeWrapper(): void;
+declare function getWrapperCount(placement?: string): number;
+export { createNoticeWrapper, removeNoticeWrapper, clearNoticeWrapper, getWrapperCount, };

package/dist/components/notice/src/_util/index.js

@@ -0,0 +1,50 @@
+import useGlobalZIndex from "../../../../use/useGlobalZIndex.js";
+//#region components/notice/src/_util/index.ts
+var WRAPPERS = {};
+function normalizeOffset(offset) {
+	if (offset === void 0 || offset === null || offset === "") return void 0;
+	return typeof offset === "number" ? `${offset}px` : String(offset);
+}
+function applyWrapperStyle(el, options) {
+	const { offset, zIndex, wrapperClass, wrapperStyle } = options || {};
+	if (wrapperClass) {
+		const extra = Array.isArray(wrapperClass) ? wrapperClass.filter(Boolean).join(" ") : typeof wrapperClass === "string" ? wrapperClass : Object.keys(wrapperClass).filter((k) => wrapperClass[k]).join(" ");
+		el.getAttribute("data-base-class") || el.className;
+		if (!el.getAttribute("data-base-class")) el.setAttribute("data-base-class", el.className);
+		el.className = `${el.getAttribute("data-base-class")} ${extra}`.trim();
+	}
+	if (wrapperStyle) Object.assign(el.style, wrapperStyle);
+	const offsetValue = normalizeOffset(offset);
+	if (offsetValue) el.style.setProperty("--w-notice-offset", offsetValue);
+	if (typeof zIndex === "number") el.style.zIndex = String(zIndex);
+}
+function createNoticeWrapper(placement, options) {
+	const { zIndex, add } = useGlobalZIndex();
+	if (placement in WRAPPERS) {
+		const el = WRAPPERS[placement];
+		el.style.zIndex = options?.zIndex != null ? String(options.zIndex) : String(add());
+		applyWrapperStyle(el, options);
+		return el;
+	}
+	const el = document.createElement("div");
+	const id = `notice_container_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+	const klass = `w-notice w-notice--${placement}`;
+	el.id = id;
+	el.className = klass;
+	el.setAttribute("data-base-class", klass);
+	el.style.zIndex = options?.zIndex != null ? String(options.zIndex) : String(zIndex.value);
+	applyWrapperStyle(el, options);
+	WRAPPERS[placement] = el;
+	document.body.appendChild(el);
+	return el;
+}
+function clearNoticeWrapper() {
+	for (const p in WRAPPERS) if (WRAPPERS[p]) {
+		if (WRAPPERS[p].parentNode) document.body.removeChild(WRAPPERS[p]);
+		delete WRAPPERS[p];
+	}
+}
+//#endregion
+export { clearNoticeWrapper, createNoticeWrapper };
+
+//# sourceMappingURL=index.js.map

package/dist/components/notice/src/_util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../components/notice/src/_util/index.ts"],"sourcesContent":["import useGlobalZIndex from '../../../../use/useGlobalZIndex'\r\nimport type { NoticePlacementType } from '../types'\r\n\r\ninterface WrapperType {\r\n  [k: string]: HTMLElement\r\n}\r\n\r\nlet WRAPPERS: WrapperType = {}\r\n\r\nfunction normalizeOffset(offset?: number | string) {\r\n  if (offset === undefined || offset === null || offset === '') return undefined\r\n  return typeof offset === 'number' ? `${offset}px` : String(offset)\r\n}\r\n\r\nfunction applyWrapperStyle(\r\n  el: HTMLElement,\r\n  options?: {\r\n    offset?: number | string\r\n    zIndex?: number\r\n    wrapperClass?: any\r\n    wrapperStyle?: Record<string, string>\r\n  },\r\n) {\r\n  const { offset, zIndex, wrapperClass, wrapperStyle } = options || {}\r\n\r\n  if (wrapperClass) {\r\n    const extra = Array.isArray(wrapperClass)\r\n      ? wrapperClass.filter(Boolean).join(' ')\r\n      : typeof wrapperClass === 'string'\r\n        ? wrapperClass\r\n        : Object.keys(wrapperClass)\r\n            .filter((k) => (wrapperClass as Record<string, boolean>)[k])\r\n            .join(' ')\r\n    const base = el.getAttribute('data-base-class') || el.className\r\n    if (!el.getAttribute('data-base-class')) {\r\n      el.setAttribute('data-base-class', el.className)\r\n    }\r\n    el.className = `${el.getAttribute('data-base-class')} ${extra}`.trim()\r\n  }\r\n\r\n  if (wrapperStyle) {\r\n    Object.assign(el.style, wrapperStyle)\r\n  }\r\n\r\n  const offsetValue = normalizeOffset(offset)\r\n  if (offsetValue) {\r\n    el.style.setProperty('--w-notice-offset', offsetValue)\r\n  }\r\n\r\n  if (typeof zIndex === 'number') {\r\n    el.style.zIndex = String(zIndex)\r\n  }\r\n}\r\n\r\nfunction createNoticeWrapper(\r\n  placement: NoticePlacementType | string,\r\n  options?: {\r\n    offset?: number | string\r\n    zIndex?: number\r\n    wrapperClass?: any\r\n    wrapperStyle?: Record<string, string>\r\n  },\r\n) {\r\n  const { zIndex, add } = useGlobalZIndex()\r\n\r\n  if (placement in WRAPPERS) {\r\n    const el = WRAPPERS[placement]\r\n    el.style.zIndex =\r\n      options?.zIndex != null ? String(options.zIndex) : String(add())\r\n    applyWrapperStyle(el, options)\r\n    return el\r\n  }\r\n\r\n  const el = document.createElement('div')\r\n  const id = `notice_container_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`\r\n  const klass = `w-notice w-notice--${placement}`\r\n  el.id = id\r\n  el.className = klass\r\n  el.setAttribute('data-base-class', klass)\r\n  el.style.zIndex =\r\n    options?.zIndex != null ? String(options.zIndex) : String(zIndex.value)\r\n  applyWrapperStyle(el, options)\r\n  WRAPPERS[placement] = el\r\n  document.body.appendChild(el)\r\n  return el\r\n}\r\n\r\nfunction removeNoticeWrapper(el: HTMLElement) {\r\n  let p = ''\r\n  for (const pla in WRAPPERS) {\r\n    if (WRAPPERS[pla] === el) {\r\n      p = pla\r\n    }\r\n  }\r\n  if (p) {\r\n    if (el.parentNode) {\r\n      document.body.removeChild(el)\r\n    }\r\n    delete WRAPPERS[p]\r\n  }\r\n}\r\n\r\nfunction clearNoticeWrapper() {\r\n  for (const p in WRAPPERS) {\r\n    if (WRAPPERS[p]) {\r\n      if (WRAPPERS[p].parentNode) {\r\n        document.body.removeChild(WRAPPERS[p])\r\n      }\r\n      delete WRAPPERS[p]\r\n    }\r\n  }\r\n}\r\n\r\nfunction getWrapperCount(placement?: string) {\r\n  if (placement) {\r\n    const el = WRAPPERS[placement]\r\n    return el ? el.childElementCount : 0\r\n  }\r\n  return Object.values(WRAPPERS).reduce((n, el) => n + el.childElementCount, 0)\r\n}\r\n\r\nexport {\r\n  createNoticeWrapper,\r\n  removeNoticeWrapper,\r\n  clearNoticeWrapper,\r\n  getWrapperCount,\r\n}\r\n"],"mappings":";;AAOA,IAAI,WAAwB,CAAC;AAE7B,SAAS,gBAAgB,QAA0B;CACjD,IAAI,WAAW,KAAA,KAAa,WAAW,QAAQ,WAAW,IAAI,OAAO,KAAA;CACrE,OAAO,OAAO,WAAW,WAAW,GAAG,OAAO,MAAM,OAAO,MAAM;AACnE;AAEA,SAAS,kBACP,IACA,SAMA;CACA,MAAM,EAAE,QAAQ,QAAQ,cAAc,iBAAiB,WAAW,CAAC;CAEnE,IAAI,cAAc;EAChB,MAAM,QAAQ,MAAM,QAAQ,YAAY,IACpC,aAAa,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,IACrC,OAAO,iBAAiB,WACtB,eACA,OAAO,KAAK,YAAY,CAAC,CACtB,QAAQ,MAAO,aAAyC,EAAE,CAAC,CAC3D,KAAK,GAAG;EACJ,GAAG,aAAa,iBAAiB,KAAK,GAAG;EACtD,IAAI,CAAC,GAAG,aAAa,iBAAiB,GACpC,GAAG,aAAa,mBAAmB,GAAG,SAAS;EAEjD,GAAG,YAAY,GAAG,GAAG,aAAa,iBAAiB,EAAE,GAAG,QAAQ,KAAK;CACvE;CAEA,IAAI,cACF,OAAO,OAAO,GAAG,OAAO,YAAY;CAGtC,MAAM,cAAc,gBAAgB,MAAM;CAC1C,IAAI,aACF,GAAG,MAAM,YAAY,qBAAqB,WAAW;CAGvD,IAAI,OAAO,WAAW,UACpB,GAAG,MAAM,SAAS,OAAO,MAAM;AAEnC;AAEA,SAAS,oBACP,WACA,SAMA;CACA,MAAM,EAAE,QAAQ,QAAQ,gBAAgB;CAExC,IAAI,aAAa,UAAU;EACzB,MAAM,KAAK,SAAS;EACpB,GAAG,MAAM,SACP,SAAS,UAAU,OAAO,OAAO,QAAQ,MAAM,IAAI,OAAO,IAAI,CAAC;EACjE,kBAAkB,IAAI,OAAO;EAC7B,OAAO;CACT;CAEA,MAAM,KAAK,SAAS,cAAc,KAAK;CACvC,MAAM,KAAK,oBAAoB,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;CAClF,MAAM,QAAQ,sBAAsB;CACpC,GAAG,KAAK;CACR,GAAG,YAAY;CACf,GAAG,aAAa,mBAAmB,KAAK;CACxC,GAAG,MAAM,SACP,SAAS,UAAU,OAAO,OAAO,QAAQ,MAAM,IAAI,OAAO,OAAO,KAAK;CACxE,kBAAkB,IAAI,OAAO;CAC7B,SAAS,aAAa;CACtB,SAAS,KAAK,YAAY,EAAE;CAC5B,OAAO;AACT;AAiBA,SAAS,qBAAqB;CAC5B,KAAK,MAAM,KAAK,UACd,IAAI,SAAS,IAAI;EACf,IAAI,SAAS,EAAE,CAAC,YACd,SAAS,KAAK,YAAY,SAAS,EAAE;EAEvC,OAAO,SAAS;CAClB;AAEJ"}

package/dist/components/notice/src/style/index.css

@@ -0,0 +1 @@
+@import '../../../../theme/tokens/components/notice.css';