@will-ui/vue 1.0.0

package/dist/components/confirm/index.js

@@ -0,0 +1,177 @@
+import { UI_CONFIG_KEY } from "../../config/plugin.js";
+import { propColorToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import Btn from "../btn/Btn.js";
+import Close_default from "../close/Close.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import { captureScaleFromPoint, ensureScaleFromPointTracking } from "../../use/useScaleFromPoint.js";
+import Drawer_default from "../drawer/Drawer.js";
+import { createApp, createVNode, h } from "vue";
+import "./src/style/index.css";
+//#region components/confirm/index.ts
+ensureScaleFromPointTracking();
+var ConfirmInstance = null;
+var ConfirmWrapper = null;
+var hostApp = null;
+/** 当前未结束的 Promise 结算函数（只触发一次） */
+var settlePending = null;
+var globalConfig = {};
+/**
+* 运行时设置 Confirm 全局默认值
+*/
+function config(options = {}) {
+	globalConfig = {
+		...globalConfig,
+		...options
+	};
+}
+function inheritAppContext(app) {
+	if (!hostApp) return;
+	app._context.provides = Object.create(hostApp._context.provides);
+}
+function settle(confirmed) {
+	if (!settlePending) return;
+	const run = settlePending;
+	settlePending = null;
+	run(confirmed);
+}
+/**
+* 打开确认对话框
+* @returns Promise，resolve 表示确认，reject 表示取消（含点遮罩 / 关闭按钮）
+*/
+function open(options = { content: "" }) {
+	return new Promise((resolve, reject) => {
+		captureScaleFromPoint(null, { force: true });
+		const { t } = useUII18n();
+		if (ConfirmInstance && ConfirmWrapper) destroy();
+		const merged = {
+			...globalConfig,
+			...options
+		};
+		const resolvedOptions = {
+			...merged,
+			title: merged.title ?? t("confirm.title"),
+			okText: merged.okText ?? t("confirm.ok"),
+			cancelText: merged.cancelText ?? t("confirm.cancel"),
+			danger: merged.danger ?? false,
+			closable: merged.closable ?? true,
+			canCloseByClickMask: merged.canCloseByClickMask ?? true
+		};
+		settlePending = (confirmed) => {
+			if (confirmed) {
+				merged.ok?.();
+				resolve(true);
+			} else {
+				merged.cancel?.();
+				reject(false);
+			}
+		};
+		const confirmVars = toCssVarsStyle({
+			...propColorToCssVars("confirm", resolvedOptions.color),
+			...resolvedOptions.cssVars
+		});
+		const bodyContent = merged.body ?? merged.content ?? "";
+		function renderBody(close) {
+			if (typeof bodyContent === "function") return bodyContent(close);
+			return bodyContent;
+		}
+		function renderRegion(slot, actions, fallback) {
+			if (slot === false || slot === null) return null;
+			if (slot === void 0) return fallback;
+			return typeof slot === "function" ? slot(actions) : slot;
+		}
+		const wrapper = document.createElement("div");
+		const vm = createVNode(Drawer_default, {
+			placement: "center",
+			isConfirm: true,
+			canCloseByClickMask: resolvedOptions.canCloseByClickMask,
+			class: "w-confirm",
+			style: confirmVars,
+			maskClass: "w-confirm-mask",
+			maskStyle: confirmVars,
+			headerClass: "w-confirm-header",
+			bodyClass: ["w-confirm-body", { "w-confirm-body--danger": resolvedOptions.danger }],
+			footerClass: "w-confirm-footer",
+			afterClose: () => {
+				settle(false);
+				destroy(false);
+			}
+		}, {
+			default: ({ close }) => renderBody(close),
+			...merged.header !== false && merged.header !== null ? { header: ({ close }) => {
+				return renderRegion(merged.header, {
+					close: () => {
+						settle(false);
+						close();
+					},
+					confirm: () => {
+						settle(true);
+						close();
+					}
+				}, h("span", { class: "w-confirm-title" }, resolvedOptions.title));
+			} } : null,
+			...merged.footer !== false && merged.footer !== null ? { footer: ({ close }) => {
+				const actions = {
+					close: () => {
+						settle(false);
+						close();
+					},
+					confirm: () => {
+						settle(true);
+						close();
+					}
+				};
+				return renderRegion(merged.footer, actions, [h(Btn, { onClick: actions.close }, { default: () => resolvedOptions.cancelText }), h(Btn, {
+					type: resolvedOptions.danger ? "danger" : "primary",
+					onClick: actions.confirm
+				}, { default: () => resolvedOptions.okText })]);
+			} } : null,
+			...resolvedOptions.closable ? { close: ({ close }) => h(Close_default, {
+				class: "w-confirm-close",
+				onClick: () => {
+					settle(false);
+					close();
+				}
+			}) } : null
+		});
+		const ins = createApp(vm);
+		inheritAppContext(ins);
+		ins.mount(wrapper);
+		document.body.appendChild(wrapper);
+		ConfirmInstance = ins;
+		ConfirmWrapper = wrapper;
+	});
+}
+/**
+* 销毁确认对话框
+* @param rejectPending 是否将未结束的 Promise 按取消处理，默认 true
+*/
+function destroy(rejectPending = true) {
+	if (rejectPending) settle(false);
+	if (ConfirmWrapper && ConfirmWrapper.parentNode) document.body.removeChild(ConfirmWrapper);
+	if (ConfirmInstance) ConfirmInstance.unmount();
+	ConfirmInstance = null;
+	ConfirmWrapper = null;
+}
+/**
+* Vue 插件安装：挂载 $confirm，并读取 UI 全局 components.Confirm 配置
+*/
+function install(app) {
+	hostApp = app;
+	const confirmCfg = app._context.provides[UI_CONFIG_KEY]?.components?.Confirm;
+	if (confirmCfg) config(confirmCfg);
+	const api = open;
+	api.open = open;
+	api.destroy = destroy;
+	api.config = config;
+	app.config.globalProperties.$confirm = api;
+}
+var confirm_default = {
+	install,
+	open,
+	destroy,
+	config
+};
+//#endregion
+export { config, confirm_default as default, destroy, open };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../components/confirm/index.ts"],"sourcesContent":["import type { App, VNodeChild } from 'vue'\r\nimport { createApp, createVNode, h } from 'vue'\r\nimport Drawer from '../drawer'\r\nimport Close from '../close'\r\nimport Btn from '../btn'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport {\r\n  captureScaleFromPoint,\r\n  ensureScaleFromPointTracking,\r\n} from '../../use/useScaleFromPoint'\r\nimport { propColorToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\nimport { UI_CONFIG_KEY, type UIPluginConfig } from '../../config/plugin'\r\n\r\n// 入口加载即跟踪，避免第一次 Confirm.open 才挂监听、坐标落成屏幕中心\r\nensureScaleFromPointTracking()\r\n\r\nlet ConfirmInstance: App | null = null\r\nlet ConfirmWrapper: HTMLElement | null = null\r\nlet hostApp: App | null = null\r\n\r\n/** 当前未结束的 Promise 结算函数（只触发一次） */\r\nlet settlePending: ((confirmed: boolean) => void) | null = null\r\n\r\ntype ConfirmClose = () => void\r\ntype ConfirmContent = VNodeChild | ((close: ConfirmClose) => VNodeChild)\r\nexport type ConfirmActions = {\r\n  close: ConfirmClose\r\n  confirm: ConfirmClose\r\n}\r\ntype ConfirmRegion =\r\n  | VNodeChild\r\n  | ((actions: ConfirmActions) => VNodeChild)\r\n/** false / null 表示不渲染该区域 */\r\ntype ConfirmSlot = ConfirmRegion | false | null\r\n\r\nexport interface ConfirmOptions {\r\n  /** 内容区（与 body 同义；函数可拿到 close） */\r\n  content?: ConfirmContent\r\n  /** 内容区，优先于 content */\r\n  body?: ConfirmContent\r\n  /** 自定义头部；false 则不渲染 header */\r\n  header?: ConfirmSlot\r\n  /** 自定义底部；false 则不渲染默认按钮 */\r\n  footer?: ConfirmSlot\r\n  ok?: () => void\r\n  title?: string | VNodeChild\r\n  okText?: string\r\n  cancelText?: string\r\n  cancel?: () => void\r\n  danger?: boolean\r\n  /** 是否显示面板角上的关闭按钮（不在 header 内） */\r\n  closable?: boolean\r\n  /** 点击遮罩是否关闭 */\r\n  canCloseByClickMask?: boolean\r\n  /** 实例主色 → `--w-prop-confirm-color` */\r\n  color?: string\r\n  /** 实例 CSS 变量 */\r\n  cssVars?: CssVars\r\n}\r\n\r\n/**\r\n * 全局默认配置\r\n * 可通过 config() 或 app.use(UI, { components: { Confirm: {...} } }) 设置\r\n */\r\nexport type ConfirmGlobalConfig = Partial<\r\n  Omit<\r\n    ConfirmOptions,\r\n    'content' | 'body' | 'header' | 'footer' | 'ok' | 'cancel'\r\n  >\r\n>\r\n\r\nlet globalConfig: ConfirmGlobalConfig = {}\r\n\r\n/**\r\n * 运行时设置 Confirm 全局默认值\r\n */\r\nfunction config(options: ConfirmGlobalConfig = {}): void {\r\n  globalConfig = { ...globalConfig, ...options }\r\n}\r\n\r\nfunction inheritAppContext(app: App) {\r\n  if (!hostApp) return\r\n  app._context.provides = Object.create(hostApp._context.provides)\r\n}\r\n\r\nfunction settle(confirmed: boolean) {\r\n  if (!settlePending) return\r\n  const run = settlePending\r\n  settlePending = null\r\n  run(confirmed)\r\n}\r\n\r\n/**\r\n * 打开确认对话框\r\n * @returns Promise，resolve 表示确认，reject 表示取消（含点遮罩 / 关闭按钮）\r\n */\r\nfunction open(options: ConfirmOptions = { content: '' }): Promise<boolean> {\r\n  return new Promise((resolve, reject) => {\r\n    // 强制冻结点击坐标；Drawer 挂载后再 capture 时不得覆盖\r\n    captureScaleFromPoint(null, { force: true })\r\n\r\n    const { t } = useUII18n()\r\n\r\n    // 已有实例时先按「取消」结束旧 Promise，再销毁\r\n    if (ConfirmInstance && ConfirmWrapper) {\r\n      destroy()\r\n    }\r\n\r\n    const merged: ConfirmOptions = {\r\n      ...globalConfig,\r\n      ...options,\r\n    }\r\n\r\n    const resolvedOptions = {\r\n      ...merged,\r\n      title: merged.title ?? t('confirm.title'),\r\n      okText: merged.okText ?? t('confirm.ok'),\r\n      cancelText: merged.cancelText ?? t('confirm.cancel'),\r\n      danger: merged.danger ?? false,\r\n      closable: merged.closable ?? true,\r\n      canCloseByClickMask: merged.canCloseByClickMask ?? true,\r\n    }\r\n\r\n    settlePending = (confirmed: boolean) => {\r\n      if (confirmed) {\r\n        merged.ok?.()\r\n        resolve(true)\r\n      } else {\r\n        merged.cancel?.()\r\n        reject(false)\r\n      }\r\n    }\r\n\r\n    const confirmVars = toCssVarsStyle({\r\n      ...propColorToCssVars('confirm', resolvedOptions.color),\r\n      ...resolvedOptions.cssVars,\r\n    })\r\n\r\n    const bodyContent = merged.body ?? merged.content ?? ''\r\n\r\n    function renderBody(close: ConfirmClose) {\r\n      if (typeof bodyContent === 'function') return bodyContent(close)\r\n      return bodyContent\r\n    }\r\n\r\n    function renderRegion(\r\n      slot: ConfirmSlot | undefined,\r\n      actions: ConfirmActions,\r\n      fallback: VNodeChild,\r\n    ) {\r\n      if (slot === false || slot === null) return null\r\n      if (slot === undefined) return fallback\r\n      return typeof slot === 'function' ? slot(actions) : slot\r\n    }\r\n\r\n    const wrapper = document.createElement('div')\r\n    const vm = createVNode(\r\n      Drawer,\r\n      {\r\n        placement: 'center',\r\n        isConfirm: true,\r\n        canCloseByClickMask: resolvedOptions.canCloseByClickMask,\r\n        class: 'w-confirm',\r\n        style: confirmVars,\r\n        maskClass: 'w-confirm-mask',\r\n        maskStyle: confirmVars,\r\n        headerClass: 'w-confirm-header',\r\n        bodyClass: [\r\n          'w-confirm-body',\r\n          { 'w-confirm-body--danger': resolvedOptions.danger },\r\n        ],\r\n        footerClass: 'w-confirm-footer',\r\n        afterClose: () => {\r\n          settle(false)\r\n          destroy(false)\r\n        },\r\n      },\r\n      {\r\n        default: ({ close }: { close: ConfirmClose }) => renderBody(close),\r\n        ...(merged.header !== false && merged.header !== null\r\n          ? {\r\n              header: ({ close }: { close: ConfirmClose }) => {\r\n                const actions: ConfirmActions = {\r\n                  close: () => {\r\n                    settle(false)\r\n                    close()\r\n                  },\r\n                  confirm: () => {\r\n                    settle(true)\r\n                    close()\r\n                  },\r\n                }\r\n                return renderRegion(\r\n                  merged.header,\r\n                  actions,\r\n                  h(\r\n                    'span',\r\n                    { class: 'w-confirm-title' },\r\n                    resolvedOptions.title as any,\r\n                  ),\r\n                )\r\n              },\r\n            }\r\n          : null),\r\n        ...(merged.footer !== false && merged.footer !== null\r\n          ? {\r\n              footer: ({ close }: { close: ConfirmClose }) => {\r\n                const actions: ConfirmActions = {\r\n                  close: () => {\r\n                    settle(false)\r\n                    close()\r\n                  },\r\n                  confirm: () => {\r\n                    settle(true)\r\n                    close()\r\n                  },\r\n                }\r\n                return renderRegion(merged.footer, actions, [\r\n                  h(\r\n                    Btn,\r\n                    { onClick: actions.close },\r\n                    { default: () => resolvedOptions.cancelText },\r\n                  ),\r\n                  h(\r\n                    Btn,\r\n                    {\r\n                      type: resolvedOptions.danger ? 'danger' : 'primary',\r\n                      onClick: actions.confirm,\r\n                    },\r\n                    { default: () => resolvedOptions.okText },\r\n                  ),\r\n                ])\r\n              },\r\n            }\r\n          : null),\r\n        ...(resolvedOptions.closable\r\n          ? {\r\n              close: ({ close }: { close: ConfirmClose }) =>\r\n                h(Close, {\r\n                  class: 'w-confirm-close',\r\n                  onClick: () => {\r\n                    settle(false)\r\n                    close()\r\n                  },\r\n                }),\r\n            }\r\n          : null),\r\n      },\r\n    )\r\n\r\n    const ins = createApp(vm)\r\n    inheritAppContext(ins)\r\n    ins.mount(wrapper)\r\n    document.body.appendChild(wrapper)\r\n    ConfirmInstance = ins\r\n    ConfirmWrapper = wrapper\r\n  })\r\n}\r\n\r\n/**\r\n * 销毁确认对话框\r\n * @param rejectPending 是否将未结束的 Promise 按取消处理，默认 true\r\n */\r\nfunction destroy(rejectPending = true) {\r\n  if (rejectPending) {\r\n    settle(false)\r\n  }\r\n  if (ConfirmWrapper && ConfirmWrapper.parentNode) {\r\n    document.body.removeChild(ConfirmWrapper)\r\n  }\r\n  if (ConfirmInstance) {\r\n    ConfirmInstance.unmount()\r\n  }\r\n  ConfirmInstance = null\r\n  ConfirmWrapper = null\r\n}\r\n\r\nexport type ConfirmApi = {\r\n  (options?: ConfirmOptions): Promise<boolean>\r\n  open: typeof open\r\n  destroy: typeof destroy\r\n  config: typeof config\r\n}\r\n\r\n/**\r\n * Vue 插件安装：挂载 $confirm，并读取 UI 全局 components.Confirm 配置\r\n */\r\nfunction install(app: App) {\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 confirmCfg = uiConfig?.components?.Confirm as\r\n    | ConfirmGlobalConfig\r\n    | undefined\r\n  if (confirmCfg) {\r\n    config(confirmCfg)\r\n  }\r\n\r\n  const api = open as ConfirmApi\r\n  api.open = open\r\n  api.destroy = destroy\r\n  api.config = config\r\n  app.config.globalProperties.$confirm = api\r\n}\r\n\r\nexport default { install, open, destroy, config }\r\nexport { open, destroy, config }\r\nexport type { ConfirmClose, ConfirmContent, ConfirmSlot, ConfirmActions }\r\nimport './src/style/index.css'\r\n"],"mappings":"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"}

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

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

package/dist/components/copy/Copy.d.ts

@@ -0,0 +1,28 @@
+import { CssVars } from '../../util';
+export type { CopyGlobalConfig } from './config';
+export { COPY_FALLBACK } from './config';
+export type CopySlots = {
+    default?: () => any;
+};
+export type CopyProps = {
+    /** 待复制文本 */
+    text: string;
+    size?: number;
+    color?: string;
+    label?: string;
+    copiedTip?: string;
+    toast?: boolean;
+    disabled?: boolean;
+    cssVars?: CssVars;
+};
+export type CopyJSXProps = CopyProps & Omit<JSX.IntrinsicElements['button'], keyof CopyProps | 'ref'> & {
+    'v-slots'?: CopySlots;
+    vSlots?: CopySlots;
+};
+export type CopyComponent = {
+    new (): {
+        $props: CopyJSXProps;
+    };
+};
+declare const _default: CopyComponent;
+export default _default;

package/dist/components/copy/Copy.js

@@ -0,0 +1,110 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useGlobalZIndex from "../../use/useGlobalZIndex.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import { COPY_FALLBACK } from "./config.js";
+import { spawnCopyToast, writeClipboardText } from "./spawnCopyToast.js";
+import { createVNode, defineComponent, mergeProps, onBeforeUnmount, ref } from "vue";
+//#region components/copy/Copy.tsx
+var CopyImpl = /* @__PURE__ */ defineComponent({
+	name: "Copy",
+	inheritAttrs: false,
+	props: {
+		text: {
+			type: String,
+			required: true
+		},
+		size: {
+			type: Number,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		label: {
+			type: String,
+			default: void 0
+		},
+		copiedTip: {
+			type: String,
+			default: void 0
+		},
+		toast: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		success: () => true,
+		error: (err) => true
+	},
+	slots: Object,
+	setup(props, { slots, attrs, emit }) {
+		const cfg = useComponentConfig("Copy", props, COPY_FALLBACK);
+		const { t } = useUII18n();
+		const { add: addZIndex } = useGlobalZIndex();
+		const root = ref();
+		const clickCount = ref(0);
+		const activeToasts = ref(0);
+		let disposed = false;
+		onBeforeUnmount(() => {
+			disposed = true;
+		});
+		async function handleClick(e) {
+			e.stopPropagation();
+			if (cfg.value.disabled) return;
+			try {
+				await writeClipboardText(props.text);
+				emit("success");
+				if (cfg.value.toast !== false && root.value) {
+					const tip = cfg.value.copiedTip ?? t("copy.copied");
+					const index = clickCount.value % 8;
+					clickCount.value++;
+					activeToasts.value++;
+					spawnCopyToast({
+						anchor: root.value,
+						tip,
+						clickIndex: index,
+						zIndex: addZIndex(),
+						onDone: () => {
+							if (disposed) return;
+							activeToasts.value = Math.max(0, activeToasts.value - 1);
+							if (activeToasts.value === 0) clickCount.value = 0;
+						}
+					});
+				}
+			} catch (err) {
+				emit("error", err);
+			}
+		}
+		return () => {
+			const label = cfg.value.label ?? t("copy.label");
+			const rootProps = mergeProps({
+				ref: root,
+				type: "button",
+				class: "w-copy",
+				disabled: cfg.value.disabled || void 0,
+				style: toCssVarsStyle({
+					...propSizeToCssVars("copy", cfg.value.size),
+					...propColorToCssVars("copy", cfg.value.color),
+					...props.cssVars
+				}),
+				onClick: handleClick
+			}, attrs);
+			return createVNode("button", rootProps, [slots.default?.() ?? label]);
+		};
+	}
+});
+//#endregion
+export { CopyImpl as default };
+
+//# sourceMappingURL=Copy.js.map

package/dist/components/copy/Copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy.js","names":["defineComponent","mergeProps","onBeforeUnmount","ref","createVNode","_createVNode","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","useComponentConfig","useGlobalZIndex","useUII18n","COPY_FALLBACK","spawnCopyToast","writeClipboardText","CopyImpl","name","inheritAttrs","props","text","type","String","required","size","Number","default","undefined","color","label","copiedTip","toast","Boolean","disabled","cssVars","Object","emits","success","error","err","slots","setup","attrs","emit","cfg","t","add","addZIndex","root","clickCount","activeToasts","disposed","handleClick","e","stopPropagation","value","tip","index","anchor","clickIndex","zIndex","onDone","Math","max","rootProps","class","style","onClick"],"sources":["../../../components/copy/Copy.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  mergeProps,\r\n  onBeforeUnmount,\r\n  ref,\r\n  type PropType,\r\n  type SlotsType,\r\n} from 'vue'\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useGlobalZIndex from '../../use/useGlobalZIndex'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport { COPY_FALLBACK } from './config'\r\nimport { spawnCopyToast, writeClipboardText } from './spawnCopyToast'\r\n\r\nexport type { CopyGlobalConfig } from './config'\r\nexport { COPY_FALLBACK } from './config'\r\n\r\nexport type CopySlots = {\r\n  default?: () => any\r\n}\r\n\r\nexport type CopyProps = {\r\n  /** 待复制文本 */\r\n  text: string\r\n  size?: number\r\n  color?: string\r\n  label?: string\r\n  copiedTip?: string\r\n  toast?: boolean\r\n  disabled?: boolean\r\n  cssVars?: CssVars\r\n}\r\n\r\nexport type CopyJSXProps = CopyProps &\r\n  Omit<JSX.IntrinsicElements['button'], keyof CopyProps | 'ref'> & {\r\n    'v-slots'?: CopySlots\r\n    vSlots?: CopySlots\r\n  }\r\n\r\nexport type CopyComponent = {\r\n  new (): {\r\n    $props: CopyJSXProps\r\n  }\r\n}\r\n\r\nconst CopyImpl = defineComponent({\r\n  name: 'Copy',\r\n  inheritAttrs: false,\r\n  props: {\r\n    text: { type: String, required: true },\r\n    size: { type: Number, default: undefined },\r\n    color: { type: String, default: undefined },\r\n    label: { type: String, default: undefined },\r\n    copiedTip: { type: String, default: undefined },\r\n    toast: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    success: () => true,\r\n    error: (err: unknown) => true,\r\n  },\r\n  slots: Object as SlotsType<CopySlots>,\r\n  setup(props, { slots, attrs, emit }) {\r\n    const cfg = useComponentConfig('Copy', props, COPY_FALLBACK)\r\n    const { t } = useUII18n()\r\n    const { add: addZIndex } = useGlobalZIndex()\r\n    const root = ref<HTMLButtonElement>()\r\n    const clickCount = ref(0)\r\n    const activeToasts = ref(0)\r\n    let disposed = false\r\n\r\n    onBeforeUnmount(() => {\r\n      disposed = true\r\n    })\r\n\r\n    async function handleClick(e: MouseEvent) {\r\n      e.stopPropagation()\r\n      if (cfg.value.disabled) return\r\n\r\n      try {\r\n        await writeClipboardText(props.text)\r\n        emit('success')\r\n\r\n        if (cfg.value.toast !== false && root.value) {\r\n          const tip = cfg.value.copiedTip ?? t('copy.copied')\r\n          const index = clickCount.value % 8\r\n          clickCount.value++\r\n          activeToasts.value++\r\n          spawnCopyToast({\r\n            anchor: root.value,\r\n            tip,\r\n            clickIndex: index,\r\n            zIndex: addZIndex(),\r\n            onDone: () => {\r\n              if (disposed) return\r\n              activeToasts.value = Math.max(0, activeToasts.value - 1)\r\n              if (activeToasts.value === 0) clickCount.value = 0\r\n            },\r\n          })\r\n        }\r\n      } catch (err) {\r\n        emit('error', err)\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      const label = cfg.value.label ?? t('copy.label')\r\n      const rootProps = mergeProps(\r\n        {\r\n          ref: root,\r\n          type: 'button',\r\n          class: 'w-copy',\r\n          disabled: cfg.value.disabled || undefined,\r\n          style: toCssVarsStyle({\r\n            ...propSizeToCssVars('copy', cfg.value.size),\r\n            ...propColorToCssVars('copy', cfg.value.color),\r\n            ...props.cssVars,\r\n          }),\r\n          onClick: handleClick,\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return <button {...rootProps}>{slots.default?.() ?? label}</button>\r\n    }\r\n  },\r\n})\r\n\r\nexport default CopyImpl as unknown as CopyComponent\r\n"],"mappings":";;;;;;;;AAmDA,IAAMe,WAAWf,gCAAgB;CAC/BgB,MAAM;CACNC,cAAc;CACdC,OAAO;EACLC,MAAM;GAAEC,MAAMC;GAAQC,UAAU;EAAK;EACrCC,MAAM;GAAEH,MAAMI;GAAQC,SAASC,KAAAA;EAAU;EACzCC,OAAO;GAAEP,MAAMC;GAAQI,SAASC,KAAAA;EAAU;EAC1CE,OAAO;GAAER,MAAMC;GAAQI,SAASC,KAAAA;EAAU;EAC1CG,WAAW;GAAET,MAAMC;GAAQI,SAASC,KAAAA;EAAU;EAC9CI,OAAO;GAAEV,MAAMW;GAASN,SAASC,KAAAA;EAAU;EAC3CM,UAAU;GAAEZ,MAAMW;GAASN,SAASC,KAAAA;EAAU;EAC9CO,SAAS;GAAEb,MAAMc;GAA6BT,SAASC,KAAAA;EAAU;CACnE;CACAS,OAAO;EACLC,eAAe;EACfC,QAAQC,QAAiB;CAC3B;CACAC,OAAOL;CACPM,MAAMtB,OAAO,EAAEqB,OAAOE,OAAOC,QAAQ;EACnC,MAAMC,MAAMlC,mBAAmB,QAAQS,OAAON,aAAa;EAC3D,MAAM,EAAEgC,MAAMjC,UAAU;EACxB,MAAM,EAAEkC,KAAKC,cAAcpC,gBAAgB;EAC3C,MAAMqC,OAAO5C,IAAuB;EACpC,MAAM6C,aAAa7C,IAAI,CAAC;EACxB,MAAM8C,eAAe9C,IAAI,CAAC;EAC1B,IAAI+C,WAAW;EAEfhD,sBAAsB;GACpBgD,WAAW;EACb,CAAC;EAED,eAAeC,YAAYC,GAAe;GACxCA,EAAEC,gBAAgB;GAClB,IAAIV,IAAIW,MAAMtB,UAAU;GAExB,IAAI;IACF,MAAMlB,mBAAmBI,MAAMC,IAAI;IACnCuB,KAAK,SAAS;IAEd,IAAIC,IAAIW,MAAMxB,UAAU,SAASiB,KAAKO,OAAO;KAC3C,MAAMC,MAAMZ,IAAIW,MAAMzB,aAAae,EAAE,aAAa;KAClD,MAAMY,QAAQR,WAAWM,QAAQ;KACjCN,WAAWM;KACXL,aAAaK;KACbzC,eAAe;MACb4C,QAAQV,KAAKO;MACbC;MACAG,YAAYF;MACZG,QAAQb,UAAU;MAClBc,cAAc;OACZ,IAAIV,UAAU;OACdD,aAAaK,QAAQO,KAAKC,IAAI,GAAGb,aAAaK,QAAQ,CAAC;OACvD,IAAIL,aAAaK,UAAU,GAAGN,WAAWM,QAAQ;MACnD;KACF,CAAC;IACH;GACF,SAAShB,KAAK;IACZI,KAAK,SAASJ,GAAG;GACnB;EACF;EAEA,aAAa;GACX,MAAMV,QAAQe,IAAIW,MAAM1B,SAASgB,EAAE,YAAY;GAC/C,MAAMmB,YAAY9D,WAChB;IACEE,KAAK4C;IACL3B,MAAM;IACN4C,OAAO;IACPhC,UAAUW,IAAIW,MAAMtB,YAAYN,KAAAA;IAChCuC,OAAOzD,eAAe;KACpB,GAAGD,kBAAkB,QAAQoC,IAAIW,MAAM/B,IAAI;KAC3C,GAAGjB,mBAAmB,QAAQqC,IAAIW,MAAM3B,KAAK;KAC7C,GAAGT,MAAMe;IACX,CAAC;IACDiC,SAASf;GACX,GACAV,KACF;GAEA,OAAApC,YAAA,UAAmB0D,WAAS,CAAGxB,MAAMd,UAAU,KAAKG,KAAK,CAAA;EAC3D;CACF;AACF,CAAC"}

package/dist/components/copy/config.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 可通过 `app.use(UI, { components: { Copy: {...} } })` 配置的项。
+ * 不宜全局配置：text（实例待复制内容）、受控回调。
+ */
+export type CopyGlobalConfig = Partial<{
+    /** 尺度核（px）→ `--w-prop-copy-size` */
+    size: number;
+    /** 品牌主色 → `--w-prop-copy-color` */
+    color: string;
+    /** 无插槽时按钮文案；未设走 i18n copy.label */
+    label: string;
+    /** 复制成功浮层文案；未设走 i18n copy.copied */
+    copiedTip: string;
+    /** 是否展示环绕浮层提示 */
+    toast: boolean;
+    disabled: boolean;
+}>;
+export declare const COPY_FALLBACK: {
+    size: number | undefined;
+    color: string | undefined;
+    label: string | undefined;
+    copiedTip: string | undefined;
+    toast: boolean;
+    disabled: boolean;
+};

package/dist/components/copy/config.js

@@ -0,0 +1,13 @@
+//#region components/copy/config.ts
+var COPY_FALLBACK = {
+	size: void 0,
+	color: void 0,
+	label: void 0,
+	copiedTip: void 0,
+	toast: true,
+	disabled: false
+};
+//#endregion
+export { COPY_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/copy/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/copy/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Copy: {...} } })` 配置的项。\r\n * 不宜全局配置：text（实例待复制内容）、受控回调。\r\n */\r\nexport type CopyGlobalConfig = Partial<{\r\n  /** 尺度核（px）→ `--w-prop-copy-size` */\r\n  size: number\r\n  /** 品牌主色 → `--w-prop-copy-color` */\r\n  color: string\r\n  /** 无插槽时按钮文案；未设走 i18n copy.label */\r\n  label: string\r\n  /** 复制成功浮层文案；未设走 i18n copy.copied */\r\n  copiedTip: string\r\n  /** 是否展示环绕浮层提示 */\r\n  toast: boolean\r\n  disabled: boolean\r\n}>\r\n\r\nexport const COPY_FALLBACK = {\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n  label: undefined as string | undefined,\r\n  copiedTip: undefined as string | undefined,\r\n  toast: true,\r\n  disabled: false,\r\n}\r\n"],"mappings":";AAkBA,IAAa,gBAAgB;CAC3B,MAAM,KAAA;CACN,OAAO,KAAA;CACP,OAAO,KAAA;CACP,WAAW,KAAA;CACX,OAAO;CACP,UAAU;AACZ"}

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

@@ -0,0 +1,5 @@
+export { default } from './Copy';
+export type * from './Copy';
+export type * from './config';
+export { COPY_FALLBACK } from './config';
+export { writeClipboardText, spawnCopyToast } from './spawnCopyToast';

package/dist/components/copy/spawnCopyToast.d.ts

@@ -0,0 +1,13 @@
+/** 将文本写入剪贴板；优先 Clipboard API，失败时回退 execCommand */
+export declare function writeClipboardText(text: string): Promise<void>;
+export type SpawnCopyToastOptions = {
+    anchor: HTMLElement;
+    tip: string;
+    /** 点击序号，用于环绕方位 */
+    clickIndex: number;
+    /** 由 useGlobalZIndex().add() 领取，保证盖过其它浮层 */
+    zIndex: number;
+    onDone?: () => void;
+};
+/** 在按钮周围弹出「已复制」浮层（挂 body，方位按点击次数轮转） */
+export declare function spawnCopyToast(options: SpawnCopyToastOptions): void;

package/dist/components/copy/spawnCopyToast.js

@@ -0,0 +1,150 @@
+//#region components/copy/spawnCopyToast.ts
+/** 将文本写入剪贴板；优先 Clipboard API，失败时回退 execCommand */
+async function writeClipboardText(text) {
+	if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+		await navigator.clipboard.writeText(text);
+		return;
+	}
+	const ta = document.createElement("textarea");
+	ta.value = text;
+	ta.setAttribute("readonly", "");
+	ta.style.cssText = "position:fixed;left:-9999px;top:0;opacity:0";
+	document.body.appendChild(ta);
+	ta.select();
+	ta.setSelectionRange(0, ta.value.length);
+	const ok = document.execCommand("copy");
+	document.body.removeChild(ta);
+	if (!ok) throw new Error("copy failed");
+}
+var OFFSETS = [
+	{
+		left: (r) => r.left + r.width / 2,
+		top: (r) => r.top,
+		start: "translateX(-50%) translateY(-100%) scale(0.3)",
+		end: (g) => `translateX(-50%) translateY(calc(-100% - ${g})) scale(1)`,
+		fade: (g, e, rot) => `translateX(-50%) translateY(calc(-150% - ${e})) ${rot}`
+	},
+	{
+		left: (r) => r.left,
+		top: (r) => r.top + r.height / 2,
+		start: "translateX(-100%) translateY(-50%) scale(0.3)",
+		end: (g) => `translateX(calc(-100% - ${g})) translateY(-50%) scale(1)`,
+		fade: (_g, e, rot) => `translateX(calc(-150% - ${e})) translateY(-50%) ${rot}`
+	},
+	{
+		left: (r) => r.right,
+		top: (r) => r.top + r.height / 2,
+		start: "translateX(0%) translateY(-50%) scale(0.3)",
+		end: (g) => `translateX(${g}) translateY(-50%) scale(1)`,
+		fade: (_g, e, rot) => `translateX(${e}) translateY(-50%) ${rot}`
+	},
+	{
+		left: (r) => r.left + r.width / 2,
+		top: (r) => r.bottom,
+		start: "translateX(-50%) translateY(0%) scale(0.3)",
+		end: (g) => `translateX(-50%) translateY(${g}) scale(1)`,
+		fade: (_g, e, rot) => `translateX(-50%) translateY(${e}) ${rot}`
+	},
+	{
+		left: (r) => r.left,
+		top: (r) => r.top,
+		start: "translateX(-100%) translateY(-100%) scale(0.3)",
+		end: (g) => `translateX(calc(-100% - ${g})) translateY(calc(-100% - ${g})) scale(1)`,
+		fade: (_g, e, rot) => `translateX(calc(-150% - ${e})) translateY(calc(-150% - ${e})) ${rot}`
+	},
+	{
+		left: (r) => r.right,
+		top: (r) => r.top,
+		start: "translateX(0%) translateY(-100%) scale(0.3)",
+		end: (g) => `translateX(${g}) translateY(calc(-100% - ${g})) scale(1)`,
+		fade: (_g, e, rot) => `translateX(${e}) translateY(calc(-150% - ${e})) ${rot}`
+	},
+	{
+		left: (r) => r.left,
+		top: (r) => r.bottom,
+		start: "translateX(-100%) translateY(0%) scale(0.3)",
+		end: (g) => `translateX(calc(-100% - ${g})) translateY(${g}) scale(1)`,
+		fade: (_g, e, rot) => `translateX(calc(-150% - ${e})) translateY(${e}) ${rot}`
+	},
+	{
+		left: (r) => r.right,
+		top: (r) => r.bottom,
+		start: "translateX(0%) translateY(0%) scale(0.3)",
+		end: (g) => `translateX(${g}) translateY(${g}) scale(1)`,
+		fade: (_g, e, rot) => `translateX(${e}) translateY(${e}) ${rot}`
+	}
+];
+var TOAST_PROP_VARS = [
+	"--w-prop-copy-size",
+	"--w-prop-copy-color",
+	"--w-prop-copy-bg-color",
+	"--w-prop-copy-text-color"
+];
+function readCssMs(el, name, fallback) {
+	const raw = getComputedStyle(el).getPropertyValue(name).trim();
+	if (!raw) return fallback;
+	if (raw.endsWith("ms")) {
+		const n = Number.parseFloat(raw);
+		return Number.isFinite(n) ? n : fallback;
+	}
+	if (raw.endsWith("s")) {
+		const n = Number.parseFloat(raw);
+		return Number.isFinite(n) ? n * 1e3 : fallback;
+	}
+	const n = Number.parseFloat(raw);
+	return Number.isFinite(n) ? n : fallback;
+}
+function pickRotation(deg) {
+	const axes = [
+		`rotate(${deg}deg)`,
+		`rotateX(${deg}deg)`,
+		`rotateY(${deg}deg)`,
+		`rotateX(${deg / 2}deg) rotateY(${deg / 2}deg)`
+	];
+	return axes[Math.floor(Math.random() * axes.length)];
+}
+/** 在按钮周围弹出「已复制」浮层（挂 body，方位按点击次数轮转） */
+function spawnCopyToast(options) {
+	const { anchor, tip, clickIndex, zIndex, onDone } = options;
+	const rect = anchor.getBoundingClientRect();
+	const preset = OFFSETS[clickIndex % OFFSETS.length];
+	const cs = getComputedStyle(anchor);
+	const gap = cs.getPropertyValue("--w-copy-toast-gap").trim() || "8px";
+	const fadeExtra = cs.getPropertyValue("--w-copy-toast-fade-extra").trim() || "20px";
+	const holdMs = readCssMs(anchor, "--w-copy-toast-hold-ms", 1e3);
+	const fadeMs = readCssMs(anchor, "--w-copy-toast-fade-ms", 500);
+	const toast = document.createElement("div");
+	toast.className = "w-copy-toast";
+	toast.textContent = tip;
+	for (const name of TOAST_PROP_VARS) {
+		const v = cs.getPropertyValue(name).trim();
+		if (v) toast.style.setProperty(name, v);
+	}
+	const originX = Math.random() * 100;
+	const originY = Math.random() * 100;
+	const rotation = 180 + Math.random() * 180;
+	Object.assign(toast.style, {
+		left: `${preset.left(rect)}px`,
+		top: `${preset.top(rect)}px`,
+		zIndex: String(zIndex),
+		transform: preset.start,
+		transformOrigin: `${originX}% ${originY}%`
+	});
+	document.body.appendChild(toast);
+	toast.offsetWidth;
+	toast.style.opacity = "1";
+	toast.style.transform = preset.end(gap);
+	window.setTimeout(() => {
+		const rot = pickRotation(rotation);
+		toast.style.opacity = "0";
+		toast.style.transform = preset.fade(gap, fadeExtra, rot);
+		window.setTimeout(() => {
+			toast.remove();
+			onDone?.();
+		}, fadeMs);
+	}, holdMs);
+}
+//#endregion
+export { spawnCopyToast, writeClipboardText };
+
+//# sourceMappingURL=spawnCopyToast.js.map

package/dist/components/copy/spawnCopyToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spawnCopyToast.js","names":[],"sources":["../../../components/copy/spawnCopyToast.ts"],"sourcesContent":["/** 将文本写入剪贴板；优先 Clipboard API，失败时回退 execCommand */\r\nexport async function writeClipboardText(text: string): Promise<void> {\r\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\r\n    await navigator.clipboard.writeText(text)\r\n    return\r\n  }\r\n  const ta = document.createElement('textarea')\r\n  ta.value = text\r\n  ta.setAttribute('readonly', '')\r\n  ta.style.cssText = 'position:fixed;left:-9999px;top:0;opacity:0'\r\n  document.body.appendChild(ta)\r\n  ta.select()\r\n  ta.setSelectionRange(0, ta.value.length)\r\n  const ok = document.execCommand('copy')\r\n  document.body.removeChild(ta)\r\n  if (!ok) throw new Error('copy failed')\r\n}\r\n\r\ntype OffsetPreset = {\r\n  left: (r: DOMRect) => number\r\n  top: (r: DOMRect) => number\r\n  start: string\r\n  end: (gap: string) => string\r\n  fade: (gap: string, extra: string, rot: string) => string\r\n}\r\n\r\nconst OFFSETS: OffsetPreset[] = [\r\n  {\r\n    left: (r) => r.left + r.width / 2,\r\n    top: (r) => r.top,\r\n    start: 'translateX(-50%) translateY(-100%) scale(0.3)',\r\n    end: (g) => `translateX(-50%) translateY(calc(-100% - ${g})) scale(1)`,\r\n    fade: (g, e, rot) =>\r\n      `translateX(-50%) translateY(calc(-150% - ${e})) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.left,\r\n    top: (r) => r.top + r.height / 2,\r\n    start: 'translateX(-100%) translateY(-50%) scale(0.3)',\r\n    end: (g) => `translateX(calc(-100% - ${g})) translateY(-50%) scale(1)`,\r\n    fade: (_g, e, rot) =>\r\n      `translateX(calc(-150% - ${e})) translateY(-50%) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.right,\r\n    top: (r) => r.top + r.height / 2,\r\n    start: 'translateX(0%) translateY(-50%) scale(0.3)',\r\n    end: (g) => `translateX(${g}) translateY(-50%) scale(1)`,\r\n    fade: (_g, e, rot) => `translateX(${e}) translateY(-50%) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.left + r.width / 2,\r\n    top: (r) => r.bottom,\r\n    start: 'translateX(-50%) translateY(0%) scale(0.3)',\r\n    end: (g) => `translateX(-50%) translateY(${g}) scale(1)`,\r\n    fade: (_g, e, rot) => `translateX(-50%) translateY(${e}) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.left,\r\n    top: (r) => r.top,\r\n    start: 'translateX(-100%) translateY(-100%) scale(0.3)',\r\n    end: (g) =>\r\n      `translateX(calc(-100% - ${g})) translateY(calc(-100% - ${g})) scale(1)`,\r\n    fade: (_g, e, rot) =>\r\n      `translateX(calc(-150% - ${e})) translateY(calc(-150% - ${e})) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.right,\r\n    top: (r) => r.top,\r\n    start: 'translateX(0%) translateY(-100%) scale(0.3)',\r\n    end: (g) => `translateX(${g}) translateY(calc(-100% - ${g})) scale(1)`,\r\n    fade: (_g, e, rot) =>\r\n      `translateX(${e}) translateY(calc(-150% - ${e})) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.left,\r\n    top: (r) => r.bottom,\r\n    start: 'translateX(-100%) translateY(0%) scale(0.3)',\r\n    end: (g) => `translateX(calc(-100% - ${g})) translateY(${g}) scale(1)`,\r\n    fade: (_g, e, rot) =>\r\n      `translateX(calc(-150% - ${e})) translateY(${e}) ${rot}`,\r\n  },\r\n  {\r\n    left: (r) => r.right,\r\n    top: (r) => r.bottom,\r\n    start: 'translateX(0%) translateY(0%) scale(0.3)',\r\n    end: (g) => `translateX(${g}) translateY(${g}) scale(1)`,\r\n    fade: (_g, e, rot) => `translateX(${e}) translateY(${e}) ${rot}`,\r\n  },\r\n]\r\n\r\nconst TOAST_PROP_VARS = [\r\n  '--w-prop-copy-size',\r\n  '--w-prop-copy-color',\r\n  '--w-prop-copy-bg-color',\r\n  '--w-prop-copy-text-color',\r\n] as const\r\n\r\nfunction readCssMs(el: Element, name: string, fallback: number): number {\r\n  const raw = getComputedStyle(el).getPropertyValue(name).trim()\r\n  if (!raw) return fallback\r\n  if (raw.endsWith('ms')) {\r\n    const n = Number.parseFloat(raw)\r\n    return Number.isFinite(n) ? n : fallback\r\n  }\r\n  if (raw.endsWith('s')) {\r\n    const n = Number.parseFloat(raw)\r\n    return Number.isFinite(n) ? n * 1000 : fallback\r\n  }\r\n  const n = Number.parseFloat(raw)\r\n  return Number.isFinite(n) ? n : fallback\r\n}\r\n\r\nfunction pickRotation(deg: number): string {\r\n  const axes = [\r\n    `rotate(${deg}deg)`,\r\n    `rotateX(${deg}deg)`,\r\n    `rotateY(${deg}deg)`,\r\n    `rotateX(${deg / 2}deg) rotateY(${deg / 2}deg)`,\r\n  ]\r\n  return axes[Math.floor(Math.random() * axes.length)]!\r\n}\r\n\r\nexport type SpawnCopyToastOptions = {\r\n  anchor: HTMLElement\r\n  tip: string\r\n  /** 点击序号，用于环绕方位 */\r\n  clickIndex: number\r\n  /** 由 useGlobalZIndex().add() 领取，保证盖过其它浮层 */\r\n  zIndex: number\r\n  onDone?: () => void\r\n}\r\n\r\n/** 在按钮周围弹出「已复制」浮层（挂 body，方位按点击次数轮转） */\r\nexport function spawnCopyToast(options: SpawnCopyToastOptions): void {\r\n  const { anchor, tip, clickIndex, zIndex, onDone } = options\r\n  const rect = anchor.getBoundingClientRect()\r\n  const preset = OFFSETS[clickIndex % OFFSETS.length]!\r\n  const cs = getComputedStyle(anchor)\r\n  const gap = cs.getPropertyValue('--w-copy-toast-gap').trim() || '8px'\r\n  const fadeExtra =\r\n    cs.getPropertyValue('--w-copy-toast-fade-extra').trim() || '20px'\r\n  const holdMs = readCssMs(anchor, '--w-copy-toast-hold-ms', 1000)\r\n  const fadeMs = readCssMs(anchor, '--w-copy-toast-fade-ms', 500)\r\n\r\n  const toast = document.createElement('div')\r\n  toast.className = 'w-copy-toast'\r\n  toast.textContent = tip\r\n\r\n  for (const name of TOAST_PROP_VARS) {\r\n    const v = cs.getPropertyValue(name).trim()\r\n    if (v) toast.style.setProperty(name, v)\r\n  }\r\n\r\n  const originX = Math.random() * 100\r\n  const originY = Math.random() * 100\r\n  const rotation = 180 + Math.random() * 180\r\n\r\n  Object.assign(toast.style, {\r\n    left: `${preset.left(rect)}px`,\r\n    top: `${preset.top(rect)}px`,\r\n    zIndex: String(zIndex),\r\n    transform: preset.start,\r\n    transformOrigin: `${originX}% ${originY}%`,\r\n  })\r\n\r\n  document.body.appendChild(toast)\r\n  void toast.offsetWidth\r\n\r\n  toast.style.opacity = '1'\r\n  toast.style.transform = preset.end(gap)\r\n\r\n  window.setTimeout(() => {\r\n    const rot = pickRotation(rotation)\r\n    toast.style.opacity = '0'\r\n    toast.style.transform = preset.fade(gap, fadeExtra, rot)\r\n\r\n    window.setTimeout(() => {\r\n      toast.remove()\r\n      onDone?.()\r\n    }, fadeMs)\r\n  }, holdMs)\r\n}\r\n"],"mappings":"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"}

package/dist/components/copy/style/index.css

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

package/dist/components/cornerEars/CornerEars.d.ts

@@ -0,0 +1,24 @@
+import { CornerPlacement } from './cornerGeometry';
+import { CssVars } from '../../util';
+export type { CornerPlacement };
+export type CornerEarsProps = {
+    placement: CornerPlacement[];
+    size: number;
+    fill?: string;
+    stroke?: string;
+    /** 实例 CSS 变量 */
+    cssVars?: CssVars;
+};
+/**
+ * 运行时靠 inheritAttrs 透传到根 div；TSX 需在 $props 上并上原生属性，
+ * 否则 onClick / class 等 fallthrough 会在类型上被判为不存在。
+ */
+export type CornerEarsJSXProps = CornerEarsProps & Omit<JSX.IntrinsicElements['div'], keyof CornerEarsProps | 'ref'>;
+export type CornerEarsComponent = {
+    new (): {
+        $props: CornerEarsJSXProps;
+    };
+};
+declare const CornerEars: CornerEarsComponent;
+export type CornerEarsInstance = InstanceType<CornerEarsComponent>;
+export default CornerEars;