@veltra/desktop 1.1.31 → 1.1.33

package/dist/components/action/action-group.vue.d.ts

@@ -6,9 +6,9 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  type: import("@veltra/utils").ColorType;
   text: boolean;
   size: "small" | "default" | "large";
+  type: import("@veltra/utils").ColorType;
   circle: boolean;
   max: number;
   loading: boolean;

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

@@ -12,9 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  type: ButtonType;
   text: boolean;
   size: import("@veltra/utils").ComponentSize;
+  type: ButtonType;
   circle: boolean;
   loading: boolean;
   inDropdown: boolean;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   filterable: boolean;
   disabled: boolean;
   readonly: boolean;
-  separator: string;
   visibilityLimit: number;
+  separator: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: import("@veltra/utils").ColorType;
   disabled: boolean;
   readonly: boolean;
+  type: import("@veltra/utils").ColorType;
   round: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/contextmenu/api.d.ts

@@ -0,0 +1,8 @@
+import { ContextmenuProps } from "../../types/contextmenu.js";
+//#region src/components/contextmenu/api.d.ts
+declare const contextmenu: {
+  pop(options: ContextmenuProps): void;
+};
+//#endregion
+export { contextmenu };
+//# sourceMappingURL=api.d.ts.map

package/dist/components/{context-menu → contextmenu}/api.js

@@ -1,6 +1,6 @@
-import _sfc_main from "./context-menu.js";
+import _sfc_main from "./contextmenu.js";
 import { createVNode, render } from "vue";
-//#region src/components/context-menu/api.ts
+//#region src/components/contextmenu/api.ts
 let node;
 const contextmenu = { pop(options) {
 	if (node) render(null, document.body);

package/dist/components/contextmenu/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["UContextmenu"],"sources":["../../../src/components/contextmenu/api.ts"],"sourcesContent":["import { createVNode, render, type VNode } from 'vue'\n\nimport type { ContextmenuProps } from '../../types'\nimport UContextmenu from './contextmenu.vue'\n\nlet node: VNode\n\nexport const contextmenu = {\n  pop(options: ContextmenuProps): void {\n    if (node) {\n      render(null, document.body)\n    }\n\n    node = createVNode(UContextmenu, {\n      ...options,\n      onDestroy() {\n        render(null, document.body)\n      }\n    })\n\n    render(node, document.body)\n  }\n}\n"],"mappings":";;;AAKA,IAAI;AAEJ,MAAa,cAAc,EACzB,IAAI,SAAiC;CACnC,IAAI,MACF,OAAO,MAAM,SAAS,IAAI;CAG5B,OAAO,YAAYA,WAAc;EAC/B,GAAG;EACH,YAAY;GACV,OAAO,MAAM,SAAS,IAAI;EAC5B;CACF,CAAC;CAED,OAAO,MAAM,SAAS,IAAI;AAC5B,EACF"}

package/dist/components/contextmenu/contextmenu-item.js

@@ -0,0 +1,64 @@
+import _sfc_main$1 from "../icon/icon.js";
+import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
+import { getMenuDisabled } from "./helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { bem } from "@veltra/utils";
+import { Loading } from "@veltra/icons/normal";
+import { vRipple } from "@veltra/directives";
+//#region src/components/contextmenu/contextmenu-item.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ContextmenuItem",
+	__name: "contextmenu-item",
+	props: { menu: {} },
+	setup(__props) {
+		const { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey);
+		const { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey);
+		const loading = shallowRef(false);
+		const disabled = computed(() => getMenuDisabled(__props.menu));
+		function handleClickMenu() {
+			if (disabled.value || loading.value) return;
+			onItemClickStart();
+			loading.value = true;
+			const done = () => {
+				onItemClickEnd();
+				loading.value = false;
+			};
+			const result = __props.menu.callback?.();
+			if (result instanceof Promise) result.finally(done);
+			else done();
+		}
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("li", {
+				class: normalizeClass([
+					unref(cls).e("item"),
+					unref(bem).is("disabled", disabled.value),
+					unref(bem).is("loading", loading.value)
+				]),
+				onClick: handleClickMenu
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("item-content")) }, [
+				unref(showIconColumn) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [loading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+					key: 0,
+					class: normalizeClass(unref(bem).is("loading"))
+				}, {
+					default: withCtx(() => [createVNode(unref(Loading))]),
+					_: 1
+				}, 8, ["class"])) : __props.menu.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 1 }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.menu.icon)))]),
+					_: 1
+				})) : (openBlock(), createElementBlock("i", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("icon-place"))
+				}, null, 2))], 64)) : createCommentVNode("v-if", true),
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("label")) }, toDisplayString(__props.menu.label), 3),
+				unref(showArrowColumn) ? (openBlock(), createElementBlock("i", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("arrow-place"))
+				}, null, 2)) : createCommentVNode("v-if", true)
+			], 2)], 2)), [[unref(vRipple), !disabled.value && !loading.value]]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=contextmenu-item.js.map

package/dist/components/contextmenu/contextmenu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu-item.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.e('item'), bem.is('disabled', disabled), bem.is('loading', loading)]\"\n    v-ripple=\"!disabled && !loading\"\n    @click=\"handleClickMenu\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n          <Loading />\n        </u-icon>\n        <u-icon v-else-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <i v-if=\"showArrowColumn\" :class=\"cls.e('arrow-place')\"></i>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'ContextmenuItem' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst loading = shallowRef(false)\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction handleClickMenu() {\n  if (disabled.value || loading.value) return\n  onItemClickStart()\n  loading.value = true\n\n  const done = () => {\n    onItemClickEnd()\n    loading.value = false\n  }\n\n  const result = menu.callback?.()\n  if (result instanceof Promise) {\n    result.finally(done)\n  } else {\n    done()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuCA,MAAM,EAAE,KAAK,kBAAkB,mBAAmB,OAAO,oBAAoB;EAC7E,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,kBAAkB;GACzB,IAAI,SAAS,SAAS,QAAQ,OAAO;GACrC,iBAAiB;GACjB,QAAQ,QAAQ;GAEhB,MAAM,aAAa;IACjB,eAAe;IACf,QAAQ,QAAQ;GAClB;GAEA,MAAM,SAAS,QAAA,KAAK,WAAW;GAC/B,IAAI,kBAAkB,SACpB,OAAO,QAAQ,IAAI;QAEnB,KAAK;EAET;;uCA5DE,mBAoBK,MAAA;IAnBF,OAAK,eAAA;KAAG,MAAA,GAAA,EAAI,EAAC,MAAA;KAAU,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ;KAAG,MAAA,GAAA,EAAI,GAAE,WAAY,QAAA,KAAO;IAAA,CAAA;IAE9E,SAAO;OAER,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,CAPK,QAAA,SAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFe,OAAK,eAAE,MAAA,GAAA,EAAI,GAAE,SAAA,CAAA;;4BACxB,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;wBAEM,QAAA,KAAK,QAAA,UAAA,GAAxB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAElC,MAAA,eAAA,KAAA,UAAA,GAAT,mBAA4D,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;;mCAhB9B,SAAA,SAAQ,CAAK,QAAA,KAAO,CAAA,CAAA"}

package/dist/components/contextmenu/contextmenu-panel.js

@@ -0,0 +1,33 @@
+import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
+import _sfc_main$1 from "./contextmenu-item.js";
+import _sfc_main$2 from "./contextmenu-sub.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, inject, normalizeProps, openBlock, provide, renderList } from "vue";
+//#region src/components/contextmenu/contextmenu-panel.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ContextmenuPanel",
+	inheritAttrs: false,
+	__name: "contextmenu-panel",
+	props: { menus: {} },
+	setup(__props) {
+		inject(ContextmenuRootDIKey);
+		provide(ContextmenuPanelDIKey, {
+			showIconColumn: computed(() => __props.menus.some((menu) => !!menu.icon)),
+			showArrowColumn: computed(() => __props.menus.some((menu) => !!menu.children?.length))
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", normalizeProps(guardReactiveProps(_ctx.$attrs)), [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [menu.children?.length ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 0,
+					menu
+				}, null, 8, ["menu"])) : (openBlock(), createBlock(_sfc_main$1, {
+					key: 1,
+					menu
+				}, null, 8, ["menu"]))], 64);
+			}), 128))], 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=contextmenu-panel.js.map

package/dist/components/contextmenu/contextmenu-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu-panel.js","names":["$attrs"],"sources":["../../../src/components/contextmenu/contextmenu-panel.vue"],"sourcesContent":["<template>\n  <ul v-bind=\"$attrs\">\n    <template v-for=\"(menu, index) of menus\" :key=\"index\">\n      <UContextmenuSub v-if=\"menu.children?.length\" :menu=\"menu\" />\n      <UContextmenuItem v-else :menu=\"menu\" />\n    </template>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport UContextmenuItem from './contextmenu-item.vue'\nimport UContextmenuSub from './contextmenu-sub.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'ContextmenuPanel', inheritAttrs: false })\n\nconst { menus } = defineProps<{ menus: ContextmenuItem[] }>()\n\ninject(ContextmenuRootDIKey)\n\nconst showIconColumn = computed(() => menus.some((menu) => !!menu.icon))\nconst showArrowColumn = computed(() => menus.some((menu) => !!menu.children?.length))\n\nprovide(ContextmenuPanelDIKey, { showIconColumn, showArrowColumn })\n</script>\n"],"mappings":";;;;;;;;;;;EAqBA,OAAO,oBAAoB;EAK3B,QAAQ,uBAAuB;GAAE,gBAHV,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,IAAI,CAGrC;GAAgB,iBAFzB,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,MAAM,CAElC;EAAgB,CAAC;;uBAzBhE,mBAKK,MAAA,eAAA,mBALOA,KAAAA,MAAM,CAAA,GAAA,EAAA,UAAA,IAAA,GAChB,mBAGW,UAAA,MAAA,WAHuB,QAAA,QAAhB,MAAM,UAAK;4DAAkB,MAAK,GAAA,CAC3B,KAAK,UAAU,UAAA,UAAA,GAAtC,YAA6D,aAAA;;KAAR;2CACrD,YAAwC,aAAA;;KAAR"}

package/dist/components/contextmenu/contextmenu-sub.js

@@ -0,0 +1,83 @@
+import _sfc_main$1 from "../icon/icon.js";
+import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
+import { getMenuDisabled } from "./helper.js";
+import _sfc_main$2 from "./contextmenu-panel.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, onBeforeUnmount, openBlock, resolveDynamicComponent, shallowRef, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { bem } from "@veltra/utils";
+import { ArrowRight } from "@veltra/icons/normal";
+//#region src/components/contextmenu/contextmenu-sub.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ContextmenuSub",
+	__name: "contextmenu-sub",
+	props: { menu: {} },
+	setup(__props) {
+		const { cls } = inject(ContextmenuRootDIKey);
+		const { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey);
+		const subVisible = shallowRef(false);
+		const flipX = shallowRef(false);
+		let closeTimer;
+		const disabled = computed(() => getMenuDisabled(__props.menu));
+		function cancelClose() {
+			if (closeTimer !== void 0) {
+				clearTimeout(closeTimer);
+				closeTimer = void 0;
+			}
+		}
+		function scheduleClose() {
+			cancelClose();
+			closeTimer = setTimeout(() => {
+				subVisible.value = false;
+			}, 250);
+		}
+		function handleMouseEnter(e) {
+			if (disabled.value) return;
+			cancelClose();
+			subVisible.value = true;
+			nextTick(() => {
+				const panel = e.currentTarget.querySelector(`.${cls.e("sub")}`);
+				if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth;
+			});
+		}
+		onBeforeUnmount(cancelClose);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				class: normalizeClass([
+					unref(cls).e("item"),
+					unref(bem).is("disabled", disabled.value),
+					unref(bem).is("open", subVisible.value),
+					unref(bem).is("flip-x", flipX.value)
+				]),
+				onMouseenter: handleMouseEnter,
+				onMouseleave: scheduleClose
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("item-content")) }, [
+				unref(showIconColumn) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.menu.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.menu.icon)))]),
+					_: 1
+				})) : (openBlock(), createElementBlock("i", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("icon-place"))
+				}, null, 2))], 64)) : createCommentVNode("v-if", true),
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("label")) }, toDisplayString(__props.menu.label), 3),
+				unref(showArrowColumn) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+					key: 1,
+					class: normalizeClass(unref(cls).e("arrow"))
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowRight))]),
+					_: 1
+				}, 8, ["class"])) : (openBlock(), createElementBlock("i", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("arrow-place"))
+				}, null, 2))
+			], 2), withDirectives(createVNode(_sfc_main$2, {
+				menus: __props.menu.children,
+				class: normalizeClass([unref(cls).e("sub"), unref(bem).is("flip-x", flipX.value)]),
+				onMouseenter: cancelClose,
+				onMouseleave: scheduleClose
+			}, null, 8, ["menus", "class"]), [[vShow, subVisible.value]])], 34);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=contextmenu-sub.js.map

package/dist/components/contextmenu/contextmenu-sub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu-sub.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-sub.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('disabled', disabled),\n      bem.is('open', subVisible),\n      bem.is('flip-x', flipX)\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"scheduleClose\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <u-icon v-if=\"showArrowColumn\" :class=\"cls.e('arrow')\">\n        <ArrowRight />\n      </u-icon>\n      <i v-else :class=\"cls.e('arrow-place')\"></i>\n    </div>\n\n    <UContextmenuPanel\n      v-show=\"subVisible\"\n      :menus=\"menu.children!\"\n      :class=\"[cls.e('sub'), bem.is('flip-x', flipX)]\"\n      @mouseenter=\"cancelClose\"\n      @mouseleave=\"scheduleClose\"\n    />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'ContextmenuSub' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst subVisible = shallowRef(false)\nconst flipX = shallowRef(false)\n\nlet closeTimer: ReturnType<typeof setTimeout> | undefined\n\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction cancelClose() {\n  if (closeTimer !== undefined) {\n    clearTimeout(closeTimer)\n    closeTimer = undefined\n  }\n}\n\nfunction scheduleClose() {\n  cancelClose()\n  closeTimer = setTimeout(() => {\n    subVisible.value = false\n  }, 250)\n}\n\nfunction handleMouseEnter(e: MouseEvent) {\n  if (disabled.value) return\n  cancelClose()\n  subVisible.value = true\n  nextTick(() => {\n    const panel = (e.currentTarget as HTMLElement).querySelector<HTMLElement>(`.${cls.e('sub')}`)\n    if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth\n  })\n}\n\nonBeforeUnmount(cancelClose)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoDA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAC3C,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,aAAa,WAAW,KAAK;EACnC,MAAM,QAAQ,WAAW,KAAK;EAE9B,IAAI;EAEJ,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,cAAc;GACrB,IAAI,eAAe,KAAA,GAAW;IAC5B,aAAa,UAAU;IACvB,aAAa,KAAA;GACf;EACF;EAEA,SAAS,gBAAgB;GACvB,YAAY;GACZ,aAAa,iBAAiB;IAC5B,WAAW,QAAQ;GACrB,GAAG,GAAG;EACR;EAEA,SAAS,iBAAiB,GAAe;GACvC,IAAI,SAAS,OAAO;GACpB,YAAY;GACZ,WAAW,QAAQ;GACnB,eAAe;IACb,MAAM,QAAS,EAAE,cAA8B,cAA2B,IAAI,IAAI,EAAE,KAAK,GAAG;IAC5F,IAAI,OAAO,MAAM,QAAQ,MAAM,sBAAsB,EAAE,QAAQ,OAAO;GACxE,CAAC;EACH;EAEA,gBAAgB,WAAW;;uBArFzB,mBAiCK,MAAA;IAhCF,OAAK,eAAA;KAAU,MAAA,GAAA,EAAI,EAAC,MAAA;KAAgB,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ;KAAS,MAAA,GAAA,EAAI,GAAE,QAAS,WAAA,KAAU;KAAS,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,KAAK;;IAMhI,cAAY;IACZ,cAAY;OAEb,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJK,QAAA,KAAK,QAAA,UAAA,GAAnB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAE7B,MAAA,eAAA,KAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;;4BAC5B,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;sCAEhB,mBAA4C,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;;yBAGzB,YAME,aAAA;IAJC,OAAO,QAAA,KAAK;IACZ,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,KAAA,GAAS,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,KAAK,CAAA,CAAA;IAC5C,cAAY;IACZ,cAAY;6CAJL,WAAA,KAAU,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/contextmenu/contextmenu.js

@@ -0,0 +1,79 @@
+import { ContextmenuRootDIKey } from "./di.js";
+import _sfc_main$1 from "./contextmenu-panel.js";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, shallowRef, unref, withCtx, withDirectives } from "vue";
+import { useFallbackProps } from "@veltra/compositions";
+import { bem, withUnit, zIndex } from "@veltra/utils";
+import { vClickOutside } from "@veltra/directives";
+//#region src/components/contextmenu/contextmenu.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Contextmenu",
+	__name: "contextmenu",
+	props: {
+		mousePosition: {},
+		width: { default: 150 },
+		menus: {},
+		size: {}
+	},
+	emits: ["destroy"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { size } = useFallbackProps([props], { size: "default" });
+		const cls = bem("contextmenu");
+		const visible = shallowRef(true);
+		const style = computed(() => {
+			const { x, y } = props.mousePosition;
+			const flipX = x > window.innerWidth / 2;
+			const flipY = y > window.innerHeight / 2;
+			return {
+				width: withUnit(props.width, "px"),
+				zIndex: zIndex(),
+				...flipX ? { right: withUnit(window.innerWidth - x - 1, "px") } : { left: withUnit(x + 1, "px") },
+				...flipY ? { bottom: withUnit(window.innerHeight - y - 1, "px") } : { top: withUnit(y + 1, "px") },
+				transformOrigin: `${flipY ? "bottom" : "top"} ${flipX ? "right" : "left"}`
+			};
+		});
+		const menus = computed(() => typeof props.menus === "function" ? props.menus() : props.menus);
+		function close() {
+			visible.value = false;
+		}
+		let loading = false;
+		provide(ContextmenuRootDIKey, {
+			cls,
+			onItemClickStart: () => {
+				loading = true;
+			},
+			onItemClickEnd: () => {
+				loading = false;
+				close();
+			}
+		});
+		function handleClickOutside() {
+			if (loading) return;
+			close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+				name: "zoom-in",
+				appear: "",
+				onAfterLeave: _cache[0] || (_cache[0] = ($event) => emit("destroy"))
+			}, {
+				default: withCtx(() => [visible.value ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					menus: menus.value,
+					class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))]),
+					style: normalizeStyle(style.value)
+				}, null, 8, [
+					"menus",
+					"class",
+					"style"
+				])), [[unref(vClickOutside), handleClickOutside]]) : createCommentVNode("v-if", true)]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=contextmenu.js.map

package/dist/components/contextmenu/contextmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n      <UContextmenuPanel\n        v-if=\"visible\"\n        :menus=\"menus\"\n        :class=\"[cls.b, cls.m(size)]\"\n        :style=\"style\"\n        v-click-outside=\"handleClickOutside\"\n      />\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../types'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'Contextmenu' })\n\nconst props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })\n\nconst emit = defineEmits<ContextmenuEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('contextmenu')\n\nconst visible = shallowRef(true)\n\nconst style = computed<CSSProperties>(() => {\n  const { x, y } = props.mousePosition\n  const flipX = x > window.innerWidth / 2\n  const flipY = y > window.innerHeight / 2\n  return {\n    width: withUnit(props.width, 'px'),\n    zIndex: zIndex(),\n    ...(flipX\n      ? { right: withUnit(window.innerWidth - x - 1, 'px') }\n      : { left: withUnit(x + 1, 'px') }),\n    ...(flipY\n      ? { bottom: withUnit(window.innerHeight - y - 1, 'px') }\n      : { top: withUnit(y + 1, 'px') }),\n    transformOrigin: `${flipY ? 'bottom' : 'top'} ${flipX ? 'right' : 'left'}`\n  }\n})\n\nconst menus = computed(() => (typeof props.menus === 'function' ? props.menus() : props.menus))\n\nfunction close() {\n  visible.value = false\n}\n\nlet loading = false\n\nprovide(ContextmenuRootDIKey, {\n  cls,\n  onItemClickStart: () => {\n    loading = true\n  },\n  onItemClickEnd: () => {\n    loading = false\n    close()\n  }\n})\n\nfunction handleClickOutside() {\n  if (loading) return\n  close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,GAAG,MAAM,MAAM;GACvB,MAAM,QAAQ,IAAI,OAAO,aAAa;GACtC,MAAM,QAAQ,IAAI,OAAO,cAAc;GACvC,OAAO;IACL,OAAO,SAAS,MAAM,OAAO,IAAI;IACjC,QAAQ,OAAO;IACf,GAAI,QACA,EAAE,OAAO,SAAS,OAAO,aAAa,IAAI,GAAG,IAAI,EAAE,IACnD,EAAE,MAAM,SAAS,IAAI,GAAG,IAAI,EAAE;IAClC,GAAI,QACA,EAAE,QAAQ,SAAS,OAAO,cAAc,IAAI,GAAG,IAAI,EAAE,IACrD,EAAE,KAAK,SAAS,IAAI,GAAG,IAAI,EAAE;IACjC,iBAAiB,GAAG,QAAQ,WAAW,MAAM,GAAG,QAAQ,UAAU;GACpE;EACF,CAAC;EAED,MAAM,QAAQ,eAAgB,OAAO,MAAM,UAAU,aAAa,MAAM,MAAM,IAAI,MAAM,KAAM;EAE9F,SAAS,QAAQ;GACf,QAAQ,QAAQ;EAClB;EAEA,IAAI,UAAU;EAEd,QAAQ,sBAAsB;GAC5B;GACA,wBAAwB;IACtB,UAAU;GACZ;GACA,sBAAsB;IACpB,UAAU;IACV,MAAM;GACR;EACF,CAAC;EAED,SAAS,qBAAqB;GAC5B,IAAI,SAAS;GACb,MAAM;EACR;;uBA1EE,YAUW,UAAA,EAVD,IAAG,OAAM,GAAA,CACjB,YAQa,YAAA;IARD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAOhD,CALM,QAAA,QAAA,gBAAA,UAAA,GADR,YAME,aAAA;;KAJC,OAAO,MAAA;KACP,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,KAAK;;;;;iCACI,kBAAkB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}

package/dist/components/{context-menu/context-menu.vue.d.ts → contextmenu/contextmenu.vue.d.ts}

@@ -1,8 +1,8 @@
-import { ContextMenuProps } from "../../types/context-menu.js";
-//#region src/components/context-menu/context-menu.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<ContextMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { ContextmenuProps } from "../../types/contextmenu.js";
+//#region src/components/contextmenu/contextmenu.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<ContextmenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   destroy: () => any;
-}, string, import("vue").PublicProps, Readonly<ContextMenuProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ContextmenuProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
   width: number | string;
@@ -10,4 +10,4 @@ declare const __VLS_export: import("vue").DefineComponent<ContextMenuProps, {},
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };
-//# sourceMappingURL=context-menu.vue.d.ts.map
+//# sourceMappingURL=contextmenu.vue.d.ts.map

package/dist/components/contextmenu/di.js

@@ -0,0 +1,7 @@
+//#region src/components/contextmenu/di.ts
+const ContextmenuRootDIKey = Symbol("ContextmenuRootDIKey");
+const ContextmenuPanelDIKey = Symbol("ContextmenuPanelDIKey");
+//#endregion
+export { ContextmenuPanelDIKey, ContextmenuRootDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/contextmenu/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/contextmenu/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey } from 'vue'\n\nexport const ContextmenuRootDIKey: InjectionKey<{\n  cls: BEM<'contextmenu'>\n  onItemClickStart: () => void\n  onItemClickEnd: () => void\n}> = Symbol('ContextmenuRootDIKey')\n\nexport const ContextmenuPanelDIKey: InjectionKey<{\n  showIconColumn: ComputedRef<boolean>\n  showArrowColumn: ComputedRef<boolean>\n}> = Symbol('ContextmenuPanelDIKey')\n"],"mappings":";AAGA,MAAa,uBAIR,OAAO,sBAAsB;AAElC,MAAa,wBAGR,OAAO,uBAAuB"}

package/dist/components/contextmenu/helper.js

@@ -0,0 +1,8 @@
+//#region src/components/contextmenu/helper.ts
+function getMenuDisabled(menu) {
+	return (typeof menu.disabled === "function" ? menu.disabled() : menu.disabled) ?? false;
+}
+//#endregion
+export { getMenuDisabled };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/contextmenu/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/contextmenu/helper.ts"],"sourcesContent":["import type { ContextmenuItem } from '../../types'\n\nexport function getMenuDisabled(menu: ContextmenuItem): boolean {\n  return (typeof menu.disabled === 'function' ? menu.disabled() : menu.disabled) ?? false\n}\n"],"mappings":";AAEA,SAAgB,gBAAgB,MAAgC;CAC9D,QAAQ,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,IAAI,KAAK,aAAa;AACpF"}

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

@@ -0,0 +1,2 @@
+import { _default } from "./contextmenu.vue.js";
+import { contextmenu } from "./api.js";

package/dist/components/contextmenu/style2.css

@@ -0,0 +1,154 @@
+@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-contextmenu {
+  position: fixed;
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  user-select: none;
+  color: var(--u-text-color-main);
+  background-color: var(--u-bg-color-top);
+  border: 1px solid var(--u-border-color);
+  border-radius: calc(var(--u-radius-default) + 2px);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 8px 20px rgba(15, 23, 42, 0.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
+}
+.u-contextmenu__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-contextmenu__item {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+}
+.u-contextmenu__item.is-disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+  color: var(--u-text-color-disabled);
+}
+.u-contextmenu__item.is-loading {
+  opacity: 0.55;
+  cursor: not-allowed;
+  color: var(--u-text-color-disabled);
+}
+.u-contextmenu__item.is-open::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 100%;
+  width: 6px;
+  height: 100%;
+}
+.u-contextmenu__item.is-open.is-flip-x::after {
+  left: auto;
+  right: 100%;
+}
+.u-contextmenu__item-content {
+  gap: 8px;
+  width: 100%;
+  padding: 0 8px;
+  min-height: 28px;
+  border-radius: calc(var(--u-radius-default) + 1px);
+  transition: background-color 0.15s ease, color 0.15s ease;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-contextmenu__item:not(.is-disabled):not(.is-loading) > .u-contextmenu__item-content:hover {
+  background-color: var(--u-menu-hover-bg);
+  color: var(--u-menu-hover-color);
+}
+.u-contextmenu .u-contextmenu__item.is-open:not(.is-disabled) > .u-contextmenu__item-content {
+  background-color: var(--u-menu-hover-bg);
+  color: var(--u-menu-hover-color);
+}
+.u-contextmenu__icon-place {
+  width: 1em;
+  flex-shrink: 0;
+}
+.u-contextmenu__arrow {
+  width: 12px;
+  flex-shrink: 0;
+  font-size: 12px;
+  opacity: 0.65;
+}
+.u-contextmenu__arrow-place {
+  width: 12px;
+  flex-shrink: 0;
+}
+.u-contextmenu__sub {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  margin-left: -4px;
+  min-width: 120px;
+  width: max-content;
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  user-select: none;
+  color: var(--u-text-color-main);
+  background-color: var(--u-bg-color-top);
+  border: 1px solid var(--u-border-color);
+  border-radius: calc(var(--u-radius-default) + 2px);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 8px 20px rgba(15, 23, 42, 0.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
+}
+.u-contextmenu__sub.is-flip-x {
+  left: auto;
+  right: 100%;
+  margin-left: 0;
+  margin-right: -4px;
+}
+.u-contextmenu--small {
+  font-size: var(--u-font-size-main-small);
+}
+.u-contextmenu--small__item-content {
+  padding: 0 var(--u-gap-small);
+  min-height: calc(var(--u-menu-height-small) - 8px);
+  border-radius: calc(var(--u-radius-small) + 1px);
+}
+.u-contextmenu--default {
+  font-size: var(--u-font-size-main-default);
+}
+.u-contextmenu--default__item-content {
+  padding: 0 var(--u-gap-default);
+  min-height: calc(var(--u-menu-height-default) - 8px);
+  border-radius: calc(var(--u-radius-default) + 1px);
+}
+.u-contextmenu--large {
+  font-size: var(--u-font-size-main-large);
+}
+.u-contextmenu--large__item-content {
+  padding: 0 var(--u-gap-large);
+  min-height: calc(var(--u-menu-height-large) - 8px);
+  border-radius: calc(var(--u-radius-large) + 1px);
+}

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   size: import("@veltra/utils").ComponentSize;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion