@veltra/desktop 1.0.0

package/dist/components/message/message.js

@@ -0,0 +1,88 @@
+import _sfc_main$1 from "../icon/icon.js";
+import { getTypeColor, getTypeIcon } from "./helper.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { bem } from "@veltra/utils";
+import { useFallbackProps } from "@veltra/compositions";
+import { Close } from "@veltra/icons/normal";
+//#region src/components/message/message.vue
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Message",
+	__name: "message",
+	props: {
+		message: {},
+		type: { default: "default" },
+		closable: { type: Boolean },
+		duration: { default: 3e3 },
+		html: { type: Boolean },
+		icon: {}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { size } = useFallbackProps([props], { size: "default" });
+		const cls = bem("message");
+		let startTime = 0;
+		let timer;
+		let restDuration = 0;
+		function close() {
+			if (props.duration === 0) return;
+			startTime = Date.now();
+			timer = setTimeout(() => {
+				emit("close");
+			}, restDuration);
+		}
+		function startClose() {
+			if (props.duration <= 0) return;
+			restDuration = props.duration;
+			close();
+		}
+		onMounted(() => {
+			startClose();
+		});
+		function suspendClose() {
+			clearTimeout(timer);
+			restDuration = restDuration - (Date.now() - startTime);
+		}
+		function immediateClose() {
+			emit("close");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				class: normalizeClass([
+					unref(cls).b,
+					unref(cls).m(unref(size)),
+					unref(cls).m("color-" + unref(getTypeColor)(__props.type))
+				]),
+				onMouseenter: suspendClose,
+				onMouseleave: close
+			}, [
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("icon")) }, [createVNode(unref(_sfc_main$1), null, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(getTypeIcon)(__props.type, __props.icon))))]),
+					_: 1
+				})], 2),
+				__props.html ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("content")),
+					innerHTML: __props.message
+				}, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("content"))
+				}, toDisplayString(__props.message), 3)),
+				__props.closable || __props.duration === 0 ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("close")),
+					onClick: withModifiers(immediateClose, ["stop"])
+				}, [createVNode(unref(_sfc_main$1), null, {
+					default: withCtx(() => [createVNode(unref(Close))]),
+					_: 1
+				})], 2)) : createCommentVNode("v-if", true)
+			], 34);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../../src/components/message/message.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.b, cls.m(size), cls.m('color-' + getTypeColor(type))]\"\n    @mouseenter=\"suspendClose\"\n    @mouseleave=\"close\"\n  >\n    <div :class=\"cls.e('icon')\">\n      <UIcon>\n        <component :is=\"getTypeIcon(type, icon)\" />\n      </UIcon>\n    </div>\n    <div :class=\"cls.e('content')\" v-if=\"html\" v-html=\"message\"></div>\n    <div :class=\"cls.e('content')\" v-else>\n      {{ message }}\n    </div>\n    <div :class=\"cls.e('close')\" v-if=\"closable || duration === 0\" @click.stop=\"immediateClose\">\n      <UIcon><Close /></UIcon>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { onMounted } from 'vue'\n\nimport type { MessageProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { getTypeColor, getTypeIcon } from './helper'\n\ndefineOptions({\n  name: 'Message'\n})\n\nconst props = withDefaults(defineProps<MessageProps>(), {\n  type: 'default',\n  duration: 3000,\n  offset: 20\n})\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst { size } = useFallbackProps([props], {\n  size: 'default'\n})\n\nconst cls = bem('message')\n\nlet startTime = 0\nlet timer: number\nlet restDuration = 0\n\nfunction close() {\n  if (props.duration === 0) return\n  startTime = Date.now()\n  timer = setTimeout(() => {\n    emit('close')\n  }, restDuration)\n}\n\nfunction startClose() {\n  if (props.duration <= 0) return\n  restDuration = props.duration\n  close()\n}\n\nonMounted(() => {\n  startClose()\n})\n\nfunction suspendClose() {\n  clearTimeout(timer)\n  restDuration = restDuration - (Date.now() - startTime)\n}\n\nfunction immediateClose() {\n  emit('close')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,UAAS;EAEzB,IAAI,YAAY;EAChB,IAAI;EACJ,IAAI,eAAe;EAEnB,SAAS,QAAQ;AACf,OAAI,MAAM,aAAa,EAAG;AAC1B,eAAY,KAAK,KAAI;AACrB,WAAQ,iBAAiB;AACvB,SAAK,QAAO;MACX,aAAY;;EAGjB,SAAS,aAAa;AACpB,OAAI,MAAM,YAAY,EAAG;AACzB,kBAAe,MAAM;AACrB,UAAM;;AAGR,kBAAgB;AACd,eAAW;IACZ;EAED,SAAS,eAAe;AACtB,gBAAa,MAAK;AAClB,kBAAe,gBAAgB,KAAK,KAAK,GAAG;;EAG9C,SAAS,iBAAiB;AACxB,QAAK,QAAO;;;uBA9EZ,mBAiBK,MAAA;IAhBF,OAAK,eAAA;KAAG,MAAA,IAAG,CAAC;KAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAG,CAAC,EAAC,WAAY,MAAA,aAAY,CAAC,QAAA,KAAI,CAAA;KAAA,CAAA;IAC9D,cAAY;IACZ,cAAY;;IAEb,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CAChB,YAEQ,MAAA,YAAA,EAAA,MAAA;4BADqC,EAAA,WAAA,EAA3C,YAA2C,wBAA3B,MAAA,YAAW,CAAC,QAAA,MAAM,QAAA,KAAI,CAAA,CAAA,EAAA,CAAA;;;IAGL,QAAA,QAAA,WAAA,EAArC,mBAAkE,OAAA;;KAA5D,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;KAAyB,WAAQ,QAAA;8CACnD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;uBACb,QAAA,QAAO,EAAA,EAAA;IAEuB,QAAA,YAAY,QAAA,aAAQ,KAAA,WAAA,EAAvD,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;KAA8C,SAAK,cAAO,gBAAc,CAAA,OAAA,CAAA;QACxF,YAAwB,MAAA,YAAA,EAAA,MAAA;4BAAR,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { MessageProps, MessageType } from "../../types/message.js";
+import * as _$vue from "vue";
+
+//#region src/components/message/message.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<MessageProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  close: () => any;
+}, string, _$vue.PublicProps, Readonly<MessageProps> & Readonly<{
+  onClose?: (() => any) | undefined;
+}>, {
+  type: MessageType;
+  duration: number;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=message.vue.d.ts.map

package/dist/components/message/message2.js

@@ -0,0 +1,105 @@
+import _sfc_main from "./message-box.js";
+import { h, render, shallowReactive } from "vue";
+import { bem, setStyles, zIndex } from "@veltra/utils";
+//#region src/components/message/message.ts
+const cls = bem("message");
+/** --- 状态管理 --- */
+let container = null;
+const messages = shallowReactive([]);
+/** 消息关闭后回调 */
+const closedCallbacks = /* @__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 = (id) => {
+	activeCount--;
+	const cb = closedCallbacks.get(id);
+	if (cb) {
+		cb();
+		closedCallbacks.delete(id);
+	}
+	if (activeCount === 0) destroy();
+};
+/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */
+const handleClose = (id) => {
+	const index = messages.findIndex((m) => m.key === id);
+	if (index !== -1) messages.splice(index, 1);
+};
+/** 挂载并渲染容器 */
+const ensureContainer = () => {
+	if (container) return container;
+	container = document.createElement("ul");
+	container.className = cls.e("container");
+	document.body.appendChild(container);
+	return container;
+};
+/** 执行 Vue 渲染逻辑 */
+const updateView = () => {
+	const el = ensureContainer();
+	setStyles(el, { zIndex: zIndex() });
+	const vnode = h(_sfc_main, {
+		messages,
+		onClosed: handleClosed,
+		onClose: (i) => messages.splice(i, 1)
+	});
+	vnode.appContext = message._context;
+	render(vnode, el);
+};
+/** 创建消息实例 */
+const createMessage = (options) => {
+	const { onClosed: userOnClosed, ...messageOptions } = options;
+	const id = `msg_${uid++}`;
+	activeCount++;
+	let resolveClosed;
+	const onClosed = new Promise((r) => resolveClosed = r);
+	closedCallbacks.set(id, () => {
+		userOnClosed?.();
+		resolveClosed();
+	});
+	messages.push({
+		key: id,
+		...messageOptions
+	});
+	updateView();
+	return {
+		id,
+		close: () => handleClose(id),
+		onClosed
+	};
+};
+/** --- 导出 API --- */
+const message = ((options) => {
+	return createMessage(typeof options === "string" ? { message: options } : options);
+});
+message._context = null;
+[
+	"success",
+	"warn",
+	"info",
+	"error",
+	"default"
+].forEach((type) => {
+	message[type] = (msg, config) => message({
+		...config,
+		message: msg,
+		type
+	});
+});
+/** 关闭所有当前显示的消息 */
+message.closeAll = () => {
+	messages.splice(0);
+};
+//#endregion
+export { message };
+
+//# sourceMappingURL=message2.js.map

package/dist/components/message/message2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message2.js","names":["UMessageBox"],"sources":["../../../src/components/message/message.ts"],"sourcesContent":["import { bem, setStyles, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type { MessageOptions, Message, MessageInstance } from '../../types'\nimport UMessageBox from './message-box.vue'\n\nconst cls = bem('message')\n\n/** 消息项数据结构 */\ntype MessageItem = MessageOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst messages = shallowReactive<MessageItem[]>([])\n\n/** 消息关闭后回调 */\nconst closedCallbacks = new Map<string, () => void>()\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 = (id: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(id)\n  if (cb) {\n    cb()\n    closedCallbacks.delete(id)\n  }\n\n  // 没有活跃消息时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (id: string) => {\n  const index = messages.findIndex((m) => m.key === id)\n  if (index !== -1) messages.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('ul')\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  setStyles(el, { zIndex: zIndex() })\n\n  const vnode = h(UMessageBox, {\n    messages,\n    onClosed: handleClosed,\n    onClose: (i: number) => messages.splice(i, 1)\n  })\n\n  vnode.appContext = message._context\n  render(vnode, el)\n}\n\n/** 创建消息实例 */\nconst createMessage = (options: MessageOptions): MessageInstance => {\n  const { onClosed: userOnClosed, ...messageOptions } = options\n  const id = `msg_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: () => void\n  const onClosed = new Promise<void>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, () => {\n    userOnClosed?.()\n    resolveClosed()\n  })\n\n  messages.push({ key: id, ...messageOptions })\n  updateView()\n\n  return { id, close: () => handleClose(id), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const message = ((options) => {\n  const mergedOptions = typeof options === 'string' ? { message: options } : options\n  return createMessage(mergedOptions)\n}) as Message\n\nmessage._context = null\n\n// 挂载快捷方法: message.success(...)\nconst messageTypes = ['success', 'warn', 'info', 'error', 'default'] as const\nmessageTypes.forEach((type) => {\n  message[type] = (msg, config) => message({ ...config, message: msg, type })\n})\n\n/** 关闭所有当前显示的消息 */\nmessage.closeAll = () => {\n  messages.splice(0)\n}\n"],"mappings":";;;;AAMA,MAAM,MAAM,IAAI,UAAU;;AAM1B,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,EAAE,CAAC;;AAGnD,MAAM,kCAAkB,IAAI,KAAyB;;AAGrD,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;AACpB,KAAI,WAAW;AACb,SAAO,MAAM,UAAU;AACvB,WAAS,KAAK,YAAY,UAAU;AACpC,cAAY;;;;AAKhB,MAAM,gBAAgB,OAAe;AACnC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAClC,KAAI,IAAI;AACN,MAAI;AACJ,kBAAgB,OAAO,GAAG;;AAI5B,KAAI,gBAAgB,EAAG,UAAS;;;AAIlC,MAAM,eAAe,OAAe;CAClC,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;AACrD,KAAI,UAAU,GAAI,UAAS,OAAO,OAAO,EAAE;;;AAI7C,MAAM,wBAAwB;AAC5B,KAAI,UAAW,QAAO;AAEtB,aAAY,SAAS,cAAc,KAAK;AACxC,WAAU,YAAY,IAAI,EAAE,YAAY;AACxC,UAAS,KAAK,YAAY,UAAU;AACpC,QAAO;;;AAIT,MAAM,mBAAmB;CACvB,MAAM,KAAK,iBAAiB;AAC5B,WAAU,IAAI,EAAE,QAAQ,QAAQ,EAAE,CAAC;CAEnC,MAAM,QAAQ,EAAEA,WAAa;EAC3B;EACA,UAAU;EACV,UAAU,MAAc,SAAS,OAAO,GAAG,EAAE;EAC9C,CAAC;AAEF,OAAM,aAAa,QAAQ;AAC3B,QAAO,OAAO,GAAG;;;AAInB,MAAM,iBAAiB,YAA6C;CAClE,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,OAAO;AAClB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAAe,MAAO,gBAAgB,EAAG;AAE9D,iBAAgB,IAAI,UAAU;AAC5B,kBAAgB;AAChB,iBAAe;GACf;AAEF,UAAS,KAAK;EAAE,KAAK;EAAI,GAAG;EAAgB,CAAC;AAC7C,aAAY;AAEZ,QAAO;EAAE;EAAI,aAAa,YAAY,GAAG;EAAE;EAAU;;;AAKvD,MAAa,YAAY,YAAY;AAEnC,QAAO,cADe,OAAO,YAAY,WAAW,EAAE,SAAS,SAAS,GAAG,QACxC;;AAGrC,QAAQ,WAAW;AAGE;CAAC;CAAW;CAAQ;CAAQ;CAAS;CAAU,CACvD,SAAS,SAAS;AAC7B,SAAQ,SAAS,KAAK,WAAW,QAAQ;EAAE,GAAG;EAAQ,SAAS;EAAK;EAAM,CAAC;EAC3E;;AAGF,QAAQ,iBAAiB;AACvB,UAAS,OAAO,EAAE"}

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

@@ -0,0 +1 @@
+export { };

package/dist/components/message/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/message/style2.css

@@ -0,0 +1,134 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-message {
+  display: flex;
+  padding: 0.75em;
+  line-height: 1;
+  align-items: center;
+  margin-bottom: var(--u-gap-large);
+  pointer-events: auto;
+}
+.u-message__container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--u-gap-default) 0;
+  pointer-events: none;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-message__content {
+  max-width: 400px;
+  word-wrap: break-word;
+}
+.u-message__close {
+  cursor: pointer;
+}
+.u-message--small {
+  border-radius: var(--u-radius-small);
+  font-size: var(--u-font-size-title-small);
+}
+.u-message--small .u-message__icon {
+  margin-right: var(--u-gap-small);
+}
+.u-message--small .u-message__close {
+  margin-left: var(--u-gap-small);
+}
+.u-message--default {
+  border-radius: var(--u-radius-default);
+  font-size: var(--u-font-size-title-default);
+}
+.u-message--default .u-message__icon {
+  margin-right: var(--u-gap-default);
+}
+.u-message--default .u-message__close {
+  margin-left: var(--u-gap-default);
+}
+.u-message--large {
+  border-radius: var(--u-radius-large);
+  font-size: var(--u-font-size-title-large);
+}
+.u-message--large .u-message__icon {
+  margin-right: var(--u-gap-large);
+}
+.u-message--large .u-message__close {
+  margin-left: var(--u-gap-large);
+}
+.u-message--color-primary {
+  background-color: var(--u-color-primary-light-9);
+  color: var(--u-color-primary);
+  box-shadow: 0 0 4px 0px var(--u-color-primary-light-5);
+}
+.u-message--color-success {
+  background-color: var(--u-color-success-light-9);
+  color: var(--u-color-success);
+  box-shadow: 0 0 4px 0px var(--u-color-success-light-5);
+}
+.u-message--color-warning {
+  background-color: var(--u-color-warning-light-9);
+  color: var(--u-color-warning);
+  box-shadow: 0 0 4px 0px var(--u-color-warning-light-5);
+}
+.u-message--color-danger {
+  background-color: var(--u-color-danger-light-9);
+  color: var(--u-color-danger);
+  box-shadow: 0 0 4px 0px var(--u-color-danger-light-5);
+}
+.u-message--color-info {
+  background-color: var(--u-color-info-light-9);
+  color: var(--u-color-info);
+  box-shadow: 0 0 4px 0px var(--u-color-info-light-5);
+}
+.u-message--color-disabled {
+  background-color: var(--u-color-disabled-light-9);
+  color: var(--u-color-disabled);
+  box-shadow: 0 0 4px 0px var(--u-color-disabled-light-5);
+}
+.u-message--color-default {
+  background-color: var(--u-color-default);
+  color: var(--u-text-color-main);
+  box-shadow: 0 0 4px 0px var(--u-color-default);
+}
+
+.message-move,
+.message-enter-active,
+.message-leave-active {
+  transition-duration: 0.3s;
+  transition-timing-function: ease;
+  transition-property: opacity, transform;
+}
+
+.message-enter-from,
+.message-leave-to {
+  opacity: 0;
+  transform: translateY(-30px) scale(0.9);
+}
+
+/* 确保将离开的元素从布局流中删除
+  以便能够正确地计算移动的动画。 */
+.message-leave-active {
+  position: absolute;
+  width: max-content;
+}

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

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

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

@@ -0,0 +1,10 @@
+import { MessageConfirmProps } from "../../types/message-confirm.js";
+import { index_d_exports } from "../../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;
+//#endregion
+export { _default };
+//# sourceMappingURL=message-confirm.d.ts.map

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

@@ -0,0 +1,71 @@
+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 { bem, zIndex } from "@veltra/utils";
+import { useFallbackProps } from "@veltra/compositions";
+//#region src/components/message-confirm/message-confirm.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "MessageConfirm",
+	__name: "message-confirm",
+	props: {
+		modelValue: {},
+		title: { default: "" },
+		message: { default: "" },
+		confirmButtonText: { default: "确定" },
+		cancelButtonText: { default: "" },
+		confirmButtonType: { default: "primary" },
+		onClose: {},
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		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
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=message-confirm.js.map

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

@@ -0,0 +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 } from '@veltra/utils'\nimport { zIndex } from '@veltra/utils'\nimport { ref, onMounted } from 'vue'\n\nimport type { MessageConfirmProps, ColorType, ComponentSize } from '../../types'\nimport { UButton } from '../button'\n\ndefineOptions({\n  name: 'MessageConfirm'\n})\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], {\n  size: 'default' as ComponentSize\n})\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":";;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EAQd,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,kBAAiB;EAEjC,MAAM,UAAU,IAAa,MAAK;AAElC,kBAAgB;AACd,WAAQ,QAAQ;IACjB;EAED,MAAM,SAAS,WAAiC;AAC9C,WAAQ,QAAQ;AAChB,OAAI,MAAM,QAAS,OAAM,QAAQ,OAAM;;;uBA9DvC,YAwBa,YAAA;IAxBD,MAAK;IAAwB,cAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,UAAA;IAA3D,WAAA;;2BAuBQ,CAAA,eAtBN,mBAsBM,OAAA,EAtBA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CAC7B,mBAoBM,OAAA;KApBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,QAAA,GAAe,MAAA,OAAM,EAAA,IAAA,CAAA;QACrD,mBAkBM,OAAA,EAlBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,MAAA,CAAA,EAAA,EAAA;KACoB,QAAA,SAAA,WAAA,EAApC,mBAA4D,OAAA;;MAAtD,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA;wBAA4B,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;KACnD,mBAAkD,OAAA,EAA5C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,gBAAgB,QAAA,QAAO,EAAA,EAAA;KACzC,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA,CAKR,QAAA,oBAAA,WAAA,EAJR,YAMC,MAAA,YAAA,EAAA;;MALC,OAAA;MACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,SAAA;MACZ,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,UAAA,MAAA,CAAA;;6BAES,CAAA,gBAAA,gBAAnB,QAAA,iBAAgB,EAAA,EAAA,CAAA,CAAA;;2DAEtB,YAKC,MAAA,YAAA,EAAA;MAJE,MAAM,QAAA;MACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,UAAA;MACZ,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,UAAA,MAAA,CAAA;;6BACU,CAAA,gBAAA,gBAApB,QAAA,kBAAiB,EAAA,EAAA,CAAA,CAAA;;;8BAjBY,QAAA,MAAO,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { MessageConfirmProps } from "../../types/message-confirm.js";
+import { index_d_exports } from "../../types/index.js";
+import * as _$vue from "vue";
+
+//#region src/components/message-confirm/message-confirm.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<MessageConfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MessageConfirmProps> & Readonly<{}>, {
+  title: string;
+  message: string;
+  confirmButtonText: string;
+  cancelButtonText: string;
+  confirmButtonType: index_d_exports.ColorType;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=message-confirm.vue.d.ts.map

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

@@ -0,0 +1,34 @@
+import _sfc_main from "./message-confirm.js";
+import { createVNode, render } from "vue";
+import { zIndex } from "@veltra/utils";
+//#region src/components/message-confirm/message-confirm.ts
+const ColorTypeArray = [
+	"primary",
+	"success",
+	"info",
+	"warning",
+	"danger"
+];
+const MessageConfirm = (options) => {
+	const container = document.createElement("div");
+	const vm = createVNode(_sfc_main, {
+		...options,
+		zIndex: zIndex()
+	});
+	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
+		});
+	};
+});
+//#endregion
+export { MessageConfirm as default };
+
+//# sourceMappingURL=message-confirm2.js.map

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

@@ -0,0 +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;CAAS;AAQvF,MAAM,kBACJ,YACG;CACH,MAAM,YAAY,SAAS,cAAc,MAAM;CAC/C,MAAM,KAAK,YAAYA,WAAiB;EAAE,GAAG;EAAS,QAAQ,QAAQ;EAAE,CAAC;AACzE,IAAG,MAAO,kBAAkB,OAAO,MAAM,UAAU;AACnD,QAAO,IAAI,UAAU;AACrB,UAAS,KAAK,YAAY,UAAU,kBAAmB;;AAGzD,eAAe,SAAS,SAAS;AAC/B,gBAAe,SAAS,SAAiB,YAAqD;AAC5F,SAAO,eAAe;GAAE;GAAS,mBAAmB;GAAM;GAAS,CAAC;;EAEtE"}

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+import "./style2.css";

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

@@ -0,0 +1,81 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-message-confirm__mask {
+  background-color: rgba(0, 0, 0, 0.32);
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-message-confirm__box {
+  width: 420px;
+  background-color: #fff;
+  transition: opacity 0.3s, transform 0.4s;
+  transform: translateY(-50%);
+}
+.u-message-confirm__header {
+  font-weight: bold;
+}
+.u-message-confirm__content {
+  word-wrap: break-word;
+}
+.u-message-confirm__footer {
+  text-align: right;
+}
+.u-message-confirm__footer--btn {
+  margin-left: 10px;
+}
+.u-message-confirm--small .u-message-confirm__box {
+  border-radius: var(--u-radius-small);
+  font-size: var(--u-font-size-title-small);
+  padding: calc(var(--u-gap-small) * 1.8);
+}
+.u-message-confirm--small .u-message-confirm__header {
+  font-size: var(--u-font-size-title-small);
+}
+.u-message-confirm--default .u-message-confirm__box {
+  border-radius: var(--u-radius-default);
+  font-size: var(--u-font-size-title-default);
+  padding: calc(var(--u-gap-default) * 1.8);
+}
+.u-message-confirm--default .u-message-confirm__header {
+  font-size: var(--u-font-size-title-default);
+}
+.u-message-confirm--large .u-message-confirm__box {
+  border-radius: var(--u-radius-large);
+  font-size: var(--u-font-size-title-large);
+  padding: calc(var(--u-gap-large) * 1.8);
+}
+.u-message-confirm--large .u-message-confirm__header {
+  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-fade-enter-from .u-message-confirm__box,
+.message-confirm-fade-leave-to .u-message-confirm__box {
+  transform: translate(0, -100%);
+}

package/dist/components/multi-select/di.js

@@ -0,0 +1,6 @@
+//#region src/components/multi-select/di.ts
+const MultiSelectDIKey = Symbol("MultiSelectDIKey");
+//#endregion
+export { MultiSelectDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/multi-select/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/multi-select/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nexport const MultiSelectDIKey: InjectionKey<{\n  /** 选项类 */\n  optionClass: string\n  /** 波纹类 */\n  rippleClass: string\n  /** 复选框类 */\n  checkboxClass: string\n}> = Symbol('MultiSelectDIKey')\n"],"mappings":";AAEA,MAAa,mBAOR,OAAO,mBAAmB"}

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

@@ -0,0 +1 @@
+import { _default } from "./multi-select.vue.js";