@veltra/desktop 1.3.2 → 1.3.4

package/dist/components/input/input.vue.d.ts

@@ -1,4 +1,5 @@
 import { InputProps, _InputExposed } from "../../types/input.js";
+import "../../types/index.js";
 //#region src/components/input/input.vue.d.ts
 type __VLS_Props = InputProps;
 type __VLS_ModelProps = {
@@ -17,19 +18,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   "update:modelValue": (value: string) => any;
   change: (value: string) => any;
   clear: () => any;
-  focus: (value?: string | undefined) => any;
-  blur: (value?: string | undefined) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
+  focus: (value?: string | undefined) => any;
+  blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   onClear?: (() => any) | undefined;
-  onFocus?: ((value?: string | undefined) => any) | undefined;
-  onBlur?: ((value?: string | undefined) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
+  onFocus?: ((value?: string | undefined) => any) | undefined;
+  onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
   disabled: boolean;
@@ -45,5 +46,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=input.vue.d.ts.map

package/dist/components/input/style.d.ts

@@ -1 +1 @@
-export { };
+import "@veltra/styles/transitions/zoom-in.scss";

package/dist/components/kbd/kbd.vue.d.ts

@@ -12,5 +12,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=kbd.vue.d.ts.map

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

@@ -1 +1,2 @@
-import { _default } from "./layout.vue.js";
+import _default from "./layout.vue.js";
+export { _default as ULayout };

package/dist/components/layout/layout.vue.d.ts

@@ -1,4 +1,5 @@
 import { LayoutProps } from "../../types/layout.js";
+import "../../types/index.js";
 //#region src/components/layout/layout.vue.d.ts
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {
@@ -15,5 +16,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=layout.vue.d.ts.map

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

@@ -1,2 +1,3 @@
-import { _default } from "./list.vue.js";
-import { _default as _default$1 } from "./list-item.vue.js";
+import _default from "./list.vue.js";
+import _default$1 from "./list-item.vue.js";
+export { _default as UList, _default$1 as UListItem };

package/dist/components/list/list-item.vue.d.ts

@@ -12,5 +12,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=list-item.vue.d.ts.map

package/dist/components/list/list.vue.d.ts

@@ -1,4 +1,5 @@
 import { ListProps } from "../../types/list.js";
+import "../../types/index.js";
 //#region src/components/list/list.vue.d.ts
 declare var __VLS_8: {
   item: Record<string, any>;
@@ -16,5 +17,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=list.vue.d.ts.map

package/dist/components/list/style.d.ts

@@ -1 +1 @@
-export { };
+import "../button/style.js";

package/dist/components/loading/directive.d.ts

@@ -1,5 +1,4 @@
 import { ObjectDirective } from "vue";
-
 //#region src/components/loading/directive.d.ts
 declare const vLoading: ObjectDirective<HTMLElement>;
 //#endregion

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

@@ -1,2 +1,3 @@
-import { _default } from "./loading.vue.js";
-import { vLoading } from "./directive.js";
+import _default from "./loading.vue.js";
+import { vLoading } from "./directive.js";
+export { _default as ULoading, vLoading };

package/dist/components/loading/loading.vue.d.ts

@@ -1,9 +1,11 @@
 import { LoadingProps, LoadingType } from "../../types/loading.js";
+import "../../types/index.js";
+import "../../index.js";
 //#region src/components/loading/loading.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
   type: LoadingType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=loading.vue.d.ts.map

package/dist/components/loading/style.d.ts

@@ -1 +1 @@
-export { };
+import "@veltra/styles/transitions/fade.scss";

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

@@ -1,2 +1,3 @@
-import { _default } from "./message.vue.js";
-import { message } from "./message.js";
+import _default from "./message.vue.js";
+import { message } from "./message.js";
+export { _default as UMessage, message };

package/dist/components/message/message.d.ts

@@ -1,4 +1,5 @@
 import { Message } from "../../types/message.js";
+import "../../types/index.js";
 //#region src/components/message/message.d.ts
 /** --- 导出 API --- */
 declare const message: Message;

package/dist/components/message/message.vue.d.ts

@@ -1,4 +1,6 @@
 import { MessageProps, MessageType } from "../../types/message.js";
+import "../../types/index.js";
+import "../../index.js";
 //#region src/components/message/message.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   close: () => any;
@@ -10,5 +12,5 @@ declare const __VLS_export: import("vue").DefineComponent<MessageProps, {}, {},
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=message.vue.d.ts.map

package/dist/components/message-confirm/index.d.ts

@@ -1,2 +1,3 @@
-import { _default } from "./message-confirm.vue.js";
-import { _default as _default$1 } from "./message-confirm.js";
+import _default from "./message-confirm.vue.js";
+import { messageConfirm } from "./message-confirm.js";
+export { _default as UMessageConfirm, messageConfirm };

package/dist/components/message-confirm/message-confirm-box.js

@@ -0,0 +1,39 @@
+import _sfc_main$1 from "./message-confirm.js";
+import { Fragment, TransitionGroup, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, withCtx } from "vue";
+//#region src/components/message-confirm/message-confirm-box.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UMessageConfirmBox",
+	__name: "message-confirm-box",
+	props: { confirms: {} },
+	emits: ["closed", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function handleAfterLeave(el) {
+			emit("closed", el.dataset.key);
+		}
+		function handleClose(key, onClose, action) {
+			emit("close", key, action);
+			onClose?.(action);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TransitionGroup, {
+				name: "message-confirm",
+				appear: "",
+				onAfterLeave: handleAfterLeave
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.confirms, ({ onClose, onClosed, ...confirm }) => {
+					return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref_for: true }, confirm, {
+						key: confirm.key,
+						"data-key": confirm.key,
+						onClose: ($event) => handleClose(confirm.key, onClose, $event)
+					}), null, 16, ["data-key", "onClose"]);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=message-confirm-box.js.map

package/dist/components/message-confirm/message-confirm-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-confirm-box.js","names":[],"sources":["../../../src/components/message-confirm/message-confirm-box.vue"],"sourcesContent":["<template>\n  <transition-group name=\"message-confirm\" appear @after-leave=\"handleAfterLeave\">\n    <UMessageConfirm\n      v-for=\"{ onClose, onClosed, ...confirm } of confirms\"\n      v-bind=\"confirm\"\n      :key=\"confirm.key\"\n      :data-key=\"confirm.key\"\n      @close=\"handleClose(confirm.key, onClose, $event)\"\n    />\n  </transition-group>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { MessageConfirmAction, MessageConfirmOptions } from '../../types'\nimport UMessageConfirm from './message-confirm.vue'\n\ndefineOptions({ name: 'UMessageConfirmBox' })\n\ntype ConfirmItem = MessageConfirmOptions & { key: string }\n\ndefineProps<{ confirms: ConfirmItem[] }>()\n\nconst emit = defineEmits<{\n  (e: 'closed', key: string): void\n  (e: 'close', key: string, action: MessageConfirmAction): void\n}>()\n\nfunction handleAfterLeave(el: Element) {\n  emit('closed', (el as HTMLElement).dataset.key as string)\n}\n\nfunction handleClose(key: string, onClose: ConfirmItem['onClose'], action: MessageConfirmAction) {\n  emit('close', key, action)\n  onClose?.(action)\n}\n</script>\n"],"mappings":";;;;;;;;;EAsBA,MAAM,OAAO;EAKb,SAAS,iBAAiB,IAAa;GACrC,KAAK,UAAW,GAAmB,QAAQ,GAAa;EAC1D;EAEA,SAAS,YAAY,KAAa,SAAiC,QAA8B;GAC/F,KAAK,SAAS,KAAK,MAAM;GACzB,UAAU,MAAM;EAClB;;uBAjCE,YAQmB,iBAAA;IARD,MAAK;IAAkB,QAAA;IAAQ,cAAa;;2BAEL,EAAA,UAAA,IAAA,GADvD,mBAME,UAAA,MAAA,WAL4C,QAAA,WAAQ,EAA3C,SAAS,UAAQ,GAAK,cAAO;yBADxC,YAME,aANF,WAME,EAAA,SAAA,KAAA,GAJQ,SAAO;MACd,KAAK,QAAQ;MACb,YAAU,QAAQ;MAClB,UAAK,WAAE,YAAY,QAAQ,KAAK,SAAS,MAAM"}

package/dist/components/message-confirm/message-confirm.d.ts

@@ -1,10 +1,8 @@
-import { MessageConfirmProps } from "../../types/message-confirm.js";
-import { index_d_exports } from "../../types/index.js";
-
+import { MessageConfirm } from "../../types/message-confirm.js";
+import "../../types/index.js";
 //#region src/components/message-confirm/message-confirm.d.ts
-type MessageConfirmFn = (options: MessageConfirmProps) => void;
-type MessageConfirmTypeFn = { [k in index_d_exports.ColorType]: (message: string, onClose?: (action: 'cancel' | 'confirm') => void) => void } & MessageConfirmFn;
-declare const _default: MessageConfirmTypeFn;
+/** --- 导出 API --- */
+declare const messageConfirm: MessageConfirm;
 //#endregion
-export { _default };
+export { messageConfirm };
 //# sourceMappingURL=message-confirm.d.ts.map

package/dist/components/message-confirm/message-confirm.js

@@ -1,67 +1,53 @@
 import _sfc_main$1 from "../button/button.js";
-import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { useFallbackProps } from "@veltra/compositions";
-import { bem, zIndex } from "@veltra/utils";
+import { bem } from "@veltra/utils";
 //#region src/components/message-confirm/message-confirm.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UMessageConfirm",
 	__name: "message-confirm",
 	props: {
-		modelValue: {},
 		title: { default: "" },
 		message: { default: "" },
 		confirmButtonText: { default: "确定" },
 		cancelButtonText: { default: "" },
 		confirmButtonType: { default: "primary" },
-		onClose: {},
+		zIndex: {},
 		size: {}
 	},
-	setup(__props) {
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const { size } = useFallbackProps([props], { size: "default" });
 		const cls = bem("message-confirm");
-		const visible = ref(false);
-		onMounted(() => {
-			visible.value = true;
-		});
-		const close = (action) => {
-			visible.value = false;
-			if (props.onClose) props.onClose(action);
-		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Transition, {
-				name: "message-confirm-fade",
-				onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy")),
-				persisted: ""
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", { class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))]) }, [createElementVNode("div", {
-					class: normalizeClass(unref(cls).e("mask")),
-					style: normalizeStyle({ zIndex: `${unref(zIndex)()}` })
-				}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("box")) }, [
-					__props.title ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(unref(cls).e("header"))
-					}, toDisplayString(__props.title), 3)) : createCommentVNode("v-if", true),
-					createElementVNode("div", { class: normalizeClass(unref(cls).e("content")) }, toDisplayString(__props.message), 3),
-					createElementVNode("div", { class: normalizeClass(unref(cls).e("footer")) }, [__props.cancelButtonText ? (openBlock(), createBlock(unref(_sfc_main$1), {
-						key: 0,
-						plain: "",
-						onClick: _cache[0] || (_cache[0] = ($event) => close("cancel")),
-						class: normalizeClass(unref(cls).em("footer", "btn"))
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelButtonText), 1)]),
-						_: 1
-					}, 8, ["class"])) : createCommentVNode("v-if", true), createVNode(unref(_sfc_main$1), {
-						type: __props.confirmButtonType,
-						onClick: _cache[1] || (_cache[1] = ($event) => close("confirm")),
-						class: normalizeClass(unref(cls).em("footer", "btn"))
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmButtonText), 1)]),
-						_: 1
-					}, 8, ["type", "class"])], 2)
-				], 2)], 6)], 2), [[vShow, visible.value]])]),
-				_: 1
-			});
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))]) }, [createElementVNode("div", {
+				class: normalizeClass(unref(cls).e("mask")),
+				style: normalizeStyle({ zIndex: __props.zIndex })
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("box")) }, [
+				__props.title ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("header"))
+				}, toDisplayString(__props.title), 3)) : createCommentVNode("v-if", true),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("content")) }, toDisplayString(__props.message), 3),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("footer")) }, [__props.cancelButtonText ? (openBlock(), createBlock(unref(_sfc_main$1), {
+					key: 0,
+					plain: "",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close", "cancel")),
+					class: normalizeClass(unref(cls).em("footer", "btn"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelButtonText), 1)]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("v-if", true), createVNode(unref(_sfc_main$1), {
+					type: __props.confirmButtonType,
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("close", "confirm")),
+					class: normalizeClass(unref(cls).em("footer", "btn"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmButtonText), 1)]),
+					_: 1
+				}, 8, ["type", "class"])], 2)
+			], 2)], 6)], 2);
 		};
 	}
 });

package/dist/components/message-confirm/message-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-confirm.js","names":["$emit"],"sources":["../../../src/components/message-confirm/message-confirm.vue"],"sourcesContent":["<template>\n  <transition name=\"message-confirm-fade\" @after-leave=\"$emit('destroy')\">\n    <div :class=\"[cls.b, cls.m(size)]\" v-show=\"visible\">\n      <div :class=\"cls.e('mask')\" :style=\"{ zIndex: `${zIndex()}` }\">\n        <div :class=\"cls.e('box')\">\n          <div :class=\"cls.e('header')\" v-if=\"title\">{{ title }}</div>\n          <div :class=\"cls.e('content')\">{{ message }}</div>\n          <div :class=\"cls.e('footer')\">\n            <UButton\n              plain\n              @click=\"close('cancel')\"\n              :class=\"cls.em('footer', 'btn')\"\n              v-if=\"cancelButtonText\"\n              >{{ cancelButtonText }}</UButton\n            >\n            <UButton\n              :type=\"confirmButtonType\"\n              @click=\"close('confirm')\"\n              :class=\"cls.em('footer', 'btn')\"\n              >{{ confirmButtonText }}</UButton\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { ref, onMounted } from 'vue'\n\nimport type { MessageConfirmProps, ColorType, ComponentSize } from '../../types'\nimport { UButton } from '../button'\n\ndefineOptions({ name: 'UMessageConfirm' })\n\nconst props = withDefaults(defineProps<MessageConfirmProps>(), {\n  title: '',\n  message: '',\n  confirmButtonText: '确定',\n  confirmButtonType: 'primary' as ColorType,\n  cancelButtonText: ''\n})\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('message-confirm')\n\nconst visible = ref<boolean>(false)\n\nonMounted(() => {\n  visible.value = true\n})\n\nconst close = (action: 'cancel' | 'confirm') => {\n  visible.value = false\n  if (props.onClose) props.onClose(action)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAQd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,iBAAiB;EAEjC,MAAM,UAAU,IAAa,KAAK;EAElC,gBAAgB;GACd,QAAQ,QAAQ;EAClB,CAAC;EAED,MAAM,SAAS,WAAiC;GAC9C,QAAQ,QAAQ;GAChB,IAAI,MAAM,SAAS,MAAM,QAAQ,MAAM;EACzC;;uBA1DE,YAwBa,YAAA;IAxBD,MAAK;IAAwB,cAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;IAA3D,WAAA;;2BAuBQ,CAAA,eAtBN,mBAsBM,OAAA,EAtBA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA,EAAA,GAAA,CAC7B,mBAoBM,OAAA;KApBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;KAAW,OAAK,eAAA,EAAA,QAAA,GAAe,MAAA,MAAA,CAAM,CAAA,IAAA,CAAA;QACrD,mBAkBM,OAAA,EAlBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,CAAA,EAAA,GAAA;KACoB,QAAA,SAAA,UAAA,GAApC,mBAA4D,OAAA;;MAAtD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;wBAA4B,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;KACnD,mBAAkD,OAAA,EAA5C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAAA,gBAAgB,QAAA,OAAO,GAAA,CAAA;KACzC,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAKR,QAAA,oBAAA,UAAA,GAJR,YAMC,MAAA,WAAA,GAAA;;MALC,OAAA;MACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAA;MACZ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,UAAA,KAAA,CAAA;;6BAES,CAAA,gBAAA,gBAAnB,QAAA,gBAAgB,GAAA,CAAA,CAAA,CAAA;;2DAEtB,YAKC,MAAA,WAAA,GAAA;MAJE,MAAM,QAAA;MACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,SAAA;MACZ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,UAAA,KAAA,CAAA;;6BACU,CAAA,gBAAA,gBAApB,QAAA,iBAAiB,GAAA,CAAA,CAAA,CAAA;;;8BAjBY,QAAA,KAAO,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"message-confirm.js","names":[],"sources":["../../../src/components/message-confirm/message-confirm.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size)]\">\n    <div :class=\"cls.e('mask')\" :style=\"{ zIndex }\">\n      <div :class=\"cls.e('box')\">\n        <div :class=\"cls.e('header')\" v-if=\"title\">{{ title }}</div>\n        <div :class=\"cls.e('content')\">{{ message }}</div>\n        <div :class=\"cls.e('footer')\">\n          <UButton\n            plain\n            @click=\"emit('close', 'cancel')\"\n            :class=\"cls.em('footer', 'btn')\"\n            v-if=\"cancelButtonText\"\n            >{{ cancelButtonText }}</UButton\n          >\n          <UButton\n            :type=\"confirmButtonType\"\n            @click=\"emit('close', 'confirm')\"\n            :class=\"cls.em('footer', 'btn')\"\n            >{{ confirmButtonText }}</UButton\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type {\n  MessageConfirmProps,\n  MessageConfirmEmits,\n  ColorType,\n  ComponentSize\n} from '../../types'\nimport { UButton } from '../button'\n\ndefineOptions({ name: 'UMessageConfirm' })\n\nconst props = withDefaults(defineProps<MessageConfirmProps>(), {\n  title: '',\n  message: '',\n  confirmButtonText: '确定',\n  confirmButtonType: 'primary' as ColorType,\n  cancelButtonText: ''\n})\n\nconst emit = defineEmits<MessageConfirmEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('message-confirm')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,iBAAiB;;uBAnD/B,mBAsBM,OAAA,EAtBA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA,EAAA,GAAA,CAC7B,mBAoBM,OAAA;IApBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;IAAW,OAAK,eAAA,EAAA,QAAI,QAAA,OAAM,CAAA;OAC1C,mBAkBM,OAAA,EAlBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,CAAA,EAAA,GAAA;IACoB,QAAA,SAAA,UAAA,GAApC,mBAA4D,OAAA;;KAAtD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;uBAA4B,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;IACnD,mBAAkD,OAAA,EAA5C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAAA,gBAAgB,QAAA,OAAO,GAAA,CAAA;IACzC,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAKR,QAAA,oBAAA,UAAA,GAJR,YAMC,MAAA,WAAA,GAAA;;KALC,OAAA;KACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA,QAAA;KACX,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,UAAA,KAAA,CAAA;;4BAES,CAAA,gBAAA,gBAAnB,QAAA,gBAAgB,GAAA,CAAA,CAAA,CAAA;;0DAEtB,YAKC,MAAA,WAAA,GAAA;KAJE,MAAM,QAAA;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA,SAAA;KACX,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,UAAA,KAAA,CAAA;;4BACU,CAAA,gBAAA,gBAApB,QAAA,iBAAiB,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/message-confirm/message-confirm.vue.d.ts

@@ -1,8 +1,12 @@
-import { MessageConfirmProps } from "../../types/message-confirm.js";
+import { MessageConfirmAction, MessageConfirmProps } from "../../types/message-confirm.js";
 import { index_d_exports } from "../../types/index.js";
-
+import "../../index.js";
 //#region src/components/message-confirm/message-confirm.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<MessageConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageConfirmProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<MessageConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  close: (action: MessageConfirmAction) => any;
+}, string, import("vue").PublicProps, Readonly<MessageConfirmProps> & Readonly<{
+  onClose?: ((action: MessageConfirmAction) => any) | undefined;
+}>, {
   title: string;
   message: string;
   confirmButtonText: string;
@@ -11,5 +15,5 @@ declare const __VLS_export: import("vue").DefineComponent<MessageConfirmProps, {
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=message-confirm.vue.d.ts.map

package/dist/components/message-confirm/message-confirm2.js

@@ -1,34 +1,109 @@
-import _sfc_main from "./message-confirm.js";
-import { createVNode, render } from "vue";
-import { zIndex } from "@veltra/utils";
+import _sfc_main from "./message-confirm-box.js";
+import { h, render, shallowReactive } from "vue";
+import { bem, zIndex } from "@veltra/utils";
 //#region src/components/message-confirm/message-confirm.ts
-const ColorTypeArray = [
+const cls = bem("message-confirm");
+/** --- 状态管理 --- */
+let container = null;
+const confirms = shallowReactive([]);
+/** 关闭动画结束后的回调 */
+const closedCallbacks = /* @__PURE__ */ new Map();
+/** 记录每项关闭时的用户操作，动画结束后随回调抛出 */
+const pendingActions = /* @__PURE__ */ new Map();
+/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */
+let activeCount = 0;
+let uid = 0;
+/** --- 内部辅助函数 --- */
+/** 彻底销毁容器 */
+const destroy = () => {
+	if (container) {
+		render(null, container);
+		document.body.removeChild(container);
+		container = null;
+	}
+};
+/** 离开动画结束后的清理 */
+const handleClosed = (key) => {
+	activeCount--;
+	const cb = closedCallbacks.get(key);
+	if (cb) {
+		cb(pendingActions.get(key) ?? "cancel");
+		closedCallbacks.delete(key);
+	}
+	pendingActions.delete(key);
+	if (activeCount === 0) destroy();
+};
+/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */
+const handleClose = (key, action) => {
+	pendingActions.set(key, action);
+	const index = confirms.findIndex((c) => c.key === key);
+	if (index !== -1) confirms.splice(index, 1);
+};
+/** 挂载并渲染容器 */
+const ensureContainer = () => {
+	if (container) return container;
+	container = document.createElement("div");
+	container.className = cls.e("container");
+	document.body.appendChild(container);
+	return container;
+};
+/** 执行 Vue 渲染逻辑 */
+const updateView = () => {
+	const el = ensureContainer();
+	const vnode = h(_sfc_main, {
+		confirms,
+		onClosed: handleClosed,
+		onClose: handleClose
+	});
+	vnode.appContext = messageConfirm._context;
+	render(vnode, el);
+};
+/** 创建确认框实例 */
+const createConfirm = (options) => {
+	const { onClosed: userOnClosed, ...confirmOptions } = options;
+	const id = `confirm_${uid++}`;
+	activeCount++;
+	let resolveClosed;
+	const onClosed = new Promise((r) => resolveClosed = r);
+	closedCallbacks.set(id, (action) => {
+		userOnClosed?.(action);
+		resolveClosed(action);
+	});
+	confirms.push({
+		zIndex: zIndex(),
+		...confirmOptions,
+		key: id
+	});
+	updateView();
+	return {
+		id,
+		close: (action = "cancel") => handleClose(id, action),
+		onClosed
+	};
+};
+/** --- 导出 API --- */
+const messageConfirm = ((options) => {
+	return createConfirm(typeof options === "string" ? { message: options } : options);
+});
+messageConfirm._context = null;
+[
 	"primary",
 	"success",
 	"info",
 	"warning",
 	"danger"
-];
-const MessageConfirm = (options) => {
-	const container = document.createElement("div");
-	const vm = createVNode(_sfc_main, {
-		...options,
-		zIndex: zIndex()
+].forEach((type) => {
+	messageConfirm[type] = (msg, config) => messageConfirm({
+		...config,
+		message: msg,
+		confirmButtonType: type
 	});
-	vm.props.onDestroy = () => render(null, container);
-	render(vm, container);
-	document.body.appendChild(container.firstElementChild);
-};
-ColorTypeArray.forEach((type) => {
-	MessageConfirm[type] = (message, onClose) => {
-		return MessageConfirm({
-			message,
-			confirmButtonType: type,
-			onClose
-		});
-	};
 });
+/** 关闭所有当前显示的确认框 */
+messageConfirm.closeAll = () => {
+	confirms.splice(0);
+};
 //#endregion
-export { MessageConfirm as default };
+export { messageConfirm };
 
 //# sourceMappingURL=message-confirm2.js.map

package/dist/components/message-confirm/message-confirm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-confirm2.js","names":["UMessageConfirm"],"sources":["../../../src/components/message-confirm/message-confirm.ts"],"sourcesContent":["import { zIndex } from '@veltra/utils'\nimport { createVNode, render } from 'vue'\n\nimport type { MessageConfirmProps, ColorType } from '../../types'\nimport UMessageConfirm from './message-confirm.vue'\n\nconst ColorTypeArray: ColorType[] = ['primary', 'success', 'info', 'warning', 'danger']\n\ntype MessageConfirmFn = (options: MessageConfirmProps) => void\n\ntype MessageConfirmTypeFn = {\n  [k in ColorType]: (message: string, onClose?: (action: 'cancel' | 'confirm') => void) => void\n} & MessageConfirmFn\n\nconst MessageConfirm: MessageConfirmFn & Partial<MessageConfirmTypeFn> = (\n  options: MessageConfirmProps\n) => {\n  const container = document.createElement('div')\n  const vm = createVNode(UMessageConfirm, { ...options, zIndex: zIndex() })\n  vm.props!.onDestroy = () => render(null, container)\n  render(vm, container)\n  document.body.appendChild(container.firstElementChild!)\n}\n\nColorTypeArray.forEach((type) => {\n  MessageConfirm[type] = (message: string, onClose?: (action: 'cancel' | 'confirm') => void) => {\n    return MessageConfirm({ message, confirmButtonType: type, onClose })\n  }\n})\n\nexport default MessageConfirm as MessageConfirmTypeFn\n"],"mappings":";;;;AAMA,MAAM,iBAA8B;CAAC;CAAW;CAAW;CAAQ;CAAW;AAAQ;AAQtF,MAAM,kBACJ,YACG;CACH,MAAM,YAAY,SAAS,cAAc,KAAK;CAC9C,MAAM,KAAK,YAAYA,WAAiB;EAAE,GAAG;EAAS,QAAQ,OAAO;CAAE,CAAC;CACxE,GAAG,MAAO,kBAAkB,OAAO,MAAM,SAAS;CAClD,OAAO,IAAI,SAAS;CACpB,SAAS,KAAK,YAAY,UAAU,iBAAkB;AACxD;AAEA,eAAe,SAAS,SAAS;CAC/B,eAAe,SAAS,SAAiB,YAAqD;EAC5F,OAAO,eAAe;GAAE;GAAS,mBAAmB;GAAM;EAAQ,CAAC;CACrE;AACF,CAAC"}
+{"version":3,"file":"message-confirm2.js","names":["UMessageConfirmBox"],"sources":["../../../src/components/message-confirm/message-confirm.ts"],"sourcesContent":["import { bem, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type {\n  MessageConfirm,\n  MessageConfirmAction,\n  MessageConfirmInstance,\n  MessageConfirmOptions\n} from '../../types'\nimport UMessageConfirmBox from './message-confirm-box.vue'\n\nconst cls = bem('message-confirm')\n\n/** 确认框项数据结构 */\ntype ConfirmItem = MessageConfirmOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst confirms = shallowReactive<ConfirmItem[]>([])\n\n/** 关闭动画结束后的回调 */\nconst closedCallbacks = new Map<string, (action: MessageConfirmAction) => void>()\n\n/** 记录每项关闭时的用户操作，动画结束后随回调抛出 */\nconst pendingActions = new Map<string, MessageConfirmAction>()\n\n/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */\nlet activeCount = 0\nlet uid = 0\n\n/** --- 内部辅助函数 --- */\n\n/** 彻底销毁容器 */\nconst destroy = () => {\n  if (container) {\n    render(null, container)\n    document.body.removeChild(container)\n    container = null\n  }\n}\n\n/** 离开动画结束后的清理 */\nconst handleClosed = (key: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(key)\n  if (cb) {\n    cb(pendingActions.get(key) ?? 'cancel')\n    closedCallbacks.delete(key)\n  }\n  pendingActions.delete(key)\n\n  // 没有活跃确认框时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (key: string, action: MessageConfirmAction) => {\n  pendingActions.set(key, action)\n  const index = confirms.findIndex((c) => c.key === key)\n  if (index !== -1) confirms.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('div')\n  container.className = cls.e('container')\n  document.body.appendChild(container)\n  return container\n}\n\n/** 执行 Vue 渲染逻辑 */\nconst updateView = () => {\n  const el = ensureContainer()\n\n  const vnode = h(UMessageConfirmBox, { confirms, onClosed: handleClosed, onClose: handleClose })\n\n  vnode.appContext = messageConfirm._context\n  render(vnode, el)\n}\n\n/** 创建确认框实例 */\nconst createConfirm = (options: MessageConfirmOptions): MessageConfirmInstance => {\n  const { onClosed: userOnClosed, ...confirmOptions } = options\n  const id = `confirm_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: (action: MessageConfirmAction) => void\n  const onClosed = new Promise<MessageConfirmAction>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, (action) => {\n    userOnClosed?.(action)\n    resolveClosed(action)\n  })\n\n  confirms.push({ zIndex: zIndex(), ...confirmOptions, key: id })\n  updateView()\n\n  return { id, close: (action = 'cancel') => handleClose(id, action), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const messageConfirm = ((options) => {\n  return createConfirm(typeof options === 'string' ? { message: options } : options)\n}) as MessageConfirm\n\nmessageConfirm._context = null\n\n// 挂载快捷方法: messageConfirm.danger(...)\nconst confirmTypes = ['primary', 'success', 'info', 'warning', 'danger'] as const\nconfirmTypes.forEach((type) => {\n  messageConfirm[type] = (msg, config) =>\n    messageConfirm({ ...config, message: msg, confirmButtonType: type })\n})\n\n/** 关闭所有当前显示的确认框 */\nmessageConfirm.closeAll = () => {\n  confirms.splice(0)\n}\n"],"mappings":";;;;AAWA,MAAM,MAAM,IAAI,iBAAiB;;AAMjC,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,CAAC,CAAC;;AAGlD,MAAM,kCAAkB,IAAI,IAAoD;;AAGhF,MAAM,iCAAiB,IAAI,IAAkC;;AAG7D,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;CACpB,IAAI,WAAW;EACb,OAAO,MAAM,SAAS;EACtB,SAAS,KAAK,YAAY,SAAS;EACnC,YAAY;CACd;AACF;;AAGA,MAAM,gBAAgB,QAAgB;CACpC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;CAClC,IAAI,IAAI;EACN,GAAG,eAAe,IAAI,GAAG,KAAK,QAAQ;EACtC,gBAAgB,OAAO,GAAG;CAC5B;CACA,eAAe,OAAO,GAAG;CAGzB,IAAI,gBAAgB,GAAG,QAAQ;AACjC;;AAGA,MAAM,eAAe,KAAa,WAAiC;CACjE,eAAe,IAAI,KAAK,MAAM;CAC9B,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;CACrD,IAAI,UAAU,IAAI,SAAS,OAAO,OAAO,CAAC;AAC5C;;AAGA,MAAM,wBAAwB;CAC5B,IAAI,WAAW,OAAO;CAEtB,YAAY,SAAS,cAAc,KAAK;CACxC,UAAU,YAAY,IAAI,EAAE,WAAW;CACvC,SAAS,KAAK,YAAY,SAAS;CACnC,OAAO;AACT;;AAGA,MAAM,mBAAmB;CACvB,MAAM,KAAK,gBAAgB;CAE3B,MAAM,QAAQ,EAAEA,WAAoB;EAAE;EAAU,UAAU;EAAc,SAAS;CAAY,CAAC;CAE9F,MAAM,aAAa,eAAe;CAClC,OAAO,OAAO,EAAE;AAClB;;AAGA,MAAM,iBAAiB,YAA2D;CAChF,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,WAAW;CACtB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAA+B,MAAO,gBAAgB,CAAE;CAE7E,gBAAgB,IAAI,KAAK,WAAW;EAClC,eAAe,MAAM;EACrB,cAAc,MAAM;CACtB,CAAC;CAED,SAAS,KAAK;EAAE,QAAQ,OAAO;EAAG,GAAG;EAAgB,KAAK;CAAG,CAAC;CAC9D,WAAW;CAEX,OAAO;EAAE;EAAI,QAAQ,SAAS,aAAa,YAAY,IAAI,MAAM;EAAG;CAAS;AAC/E;;AAIA,MAAa,mBAAmB,YAAY;CAC1C,OAAO,cAAc,OAAO,YAAY,WAAW,EAAE,SAAS,QAAQ,IAAI,OAAO;AACnF;AAEA,eAAe,WAAW;AAI1B;CADsB;CAAW;CAAW;CAAQ;CAAW;AACpD,CAAC,CAAC,SAAS,SAAS;CAC7B,eAAe,SAAS,KAAK,WAC3B,eAAe;EAAE,GAAG;EAAQ,SAAS;EAAK,mBAAmB;CAAK,CAAC;AACvE,CAAC;;AAGD,eAAe,iBAAiB;CAC9B,SAAS,OAAO,CAAC;AACnB"}

package/dist/components/message-confirm/style2.css

@@ -26,14 +26,14 @@
   justify-content: center;
   align-items: center;
   flex-wrap: nowrap;
+  transition: opacity var(--u-transition-normal) var(--u-transition-ease);
 }
 .u-message-confirm__box {
   width: 420px;
   background-color: var(--u-bg-color-top);
   border: var(--u-border);
   box-shadow: var(--u-shadow-lg);
-  transition: opacity 0.3s, transform 0.4s;
-  transform: translateY(-50%);
+  transition: opacity var(--u-transition-normal) var(--u-transition-ease), transform var(--u-transition-normal) var(--u-transition-ease-out);
 }
 .u-message-confirm__header {
   font-weight: bold;
@@ -72,12 +72,12 @@
   font-size: var(--u-font-size-title-large);
 }
 
-.message-confirm-fade-enter-active,
-.message-confirm-fade-leave-active {
-  transition: opacity 0.25s cubic-bezier(1, 0.5, 0.8, 1);
+.message-confirm-enter-from .u-message-confirm__mask,
+.message-confirm-leave-to .u-message-confirm__mask {
+  opacity: 0;
 }
-
-.message-confirm-fade-enter-from .u-message-confirm__box,
-.message-confirm-fade-leave-to .u-message-confirm__box {
-  transform: translate(0, -100%);
+.message-confirm-enter-from .u-message-confirm__box,
+.message-confirm-leave-to .u-message-confirm__box {
+  opacity: 0;
+  transform: translateY(-40px);
 }

package/dist/components/multi-select/index.d.ts

@@ -1 +1,2 @@
-import { _default } from "./multi-select.vue.js";
+import _default from "./multi-select.vue.js";
+export { _default as UMultiSelect };

package/dist/components/multi-select/multi-select.vue.d.ts

@@ -1,4 +1,5 @@
 import { MultiSelectProps } from "../../types/multi-select.js";
+import "../../types/index.js";
 //#region src/components/multi-select/multi-select.vue.d.ts
 type __VLS_Props = MultiSelectProps;
 type __VLS_ModelProps = {
@@ -6,12 +7,12 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_103: {
-    option: Record<string, any>;
-    index: number;
-  }, __VLS_113: {
-    option: Record<string, any>;
-    index: number;
-  };
+  option: Record<string, any>;
+  index: number;
+}, __VLS_113: {
+  option: Record<string, any>;
+  index: number;
+};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_103) => any;
 } & {
@@ -43,5 +44,5 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };
 //# sourceMappingURL=multi-select.vue.d.ts.map

package/dist/components/multi-select/style.d.ts

@@ -1 +1,5 @@
-export { };
+import "../dropdown/style.js";
+import "../input/style.js";
+import "../checkbox/style.js";
+import "@veltra/directives/ripple/style.js";
+import "@veltra/styles/transitions/zoom-in.scss";

package/dist/components/multi-tree-select/index.d.ts

@@ -1 +1,2 @@
-import { _default } from "./multi-tree-select.vue.js";
+import _default from "./multi-tree-select.vue.js";
+export { _default as UMultiTreeSelect };