@veltra/desktop 1.1.4 → 1.1.6

package/dist/components/action/action-group.js

@@ -1,114 +1,7 @@
-import _sfc_main$1 from "../icon/icon.js";
-import _sfc_main$2 from "../tip/tip.js";
-import { ActionDIKey } from "./di.js";
-import _sfc_main$3 from "./action.js";
-import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, provide, renderList, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
-import { bem, extractNormalVNodes } from "@veltra/utils";
-import { ArrowDown, MoreFilled } from "@veltra/icons/normal";
+import action_group_vue_vue_type_script_setup_true_lang_default from "./action-group.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/action/action-group.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ActionGroup",
-	inheritAttrs: false,
-	__name: "action-group",
-	props: {
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		circle: {
-			type: Boolean,
-			default: false
-		},
-		max: { default: 3 },
-		hover: {
-			type: Boolean,
-			default: false
-		},
-		size: { default: "small" },
-		text: {
-			type: Boolean,
-			default: true
-		},
-		type: { default: "primary" }
-	},
-	setup(__props) {
-		const props = __props;
-		const cls = bem("action-group");
-		const slots = useSlots();
-		const rootCls = computed(() => [cls.b, bem.is("hover", props.hover)]);
-		function isInDropdownNode(node) {
-			const p = node.props;
-			if (!p) return false;
-			const v = p.inDropdown ?? p["in-dropdown"];
-			return v === true || v === "" || v === "true";
-		}
-		const partitioned = computed(() => {
-			const nodes = slots.default?.();
-			if (!nodes) return {
-				visible: [],
-				hidden: []
-			};
-			const extracted = extractNormalVNodes(nodes).filter((node) => node.type?.name === "Action");
-			const visible = [];
-			const fixedHidden = [];
-			extracted.forEach((node) => {
-				if (isInDropdownNode(node)) fixedHidden.push(node);
-				else visible.push(node);
-			});
-			return {
-				visible,
-				hidden: [...visible.length > props.max ? visible.splice(props.max - 1) : [], ...fixedHidden]
-			};
-		});
-		const normalNodes = computed(() => partitioned.value.visible);
-		const dropdownNodes = computed(() => {
-			return partitioned.value.hidden.map((node) => cloneVNode(node, {
-				inDropdown: true,
-				circle: false
-			}));
-		});
-		provide(ActionDIKey, { groupProps: props });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(rootCls.value) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalNodes.value, (node) => {
-				return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key });
-			}), 128)), dropdownNodes.value.length ? (openBlock(), createBlock(unref(_sfc_main$2), {
-				key: 0,
-				class: normalizeClass(unref(cls).e("dropdown")),
-				direction: "bottom",
-				alignment: "end",
-				trigger: "click"
-			}, {
-				content: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(dropdownNodes.value, (node) => {
-					return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key });
-				}), 128))]),
-				default: withCtx(() => [createVNode(_sfc_main$3, {
-					class: normalizeClass(unref(cls).e("more")),
-					type: __props.type,
-					size: __props.size,
-					text: __props.text,
-					circle: __props.hover,
-					icon: __props.hover ? unref(MoreFilled) : void 0,
-					title: "更多"
-				}, {
-					default: withCtx(() => [!__props.hover ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createTextVNode(" 更多 ", -1)), createVNode(unref(_sfc_main$1), null, {
-						default: withCtx(() => [createVNode(unref(ArrowDown))]),
-						_: 1
-					})], 64)) : createCommentVNode("v-if", true)]),
-					_: 1
-				}, 8, [
-					"class",
-					"type",
-					"size",
-					"text",
-					"circle",
-					"icon"
-				])]),
-				_: 1
-			}, 8, ["class"])) : createCommentVNode("v-if", true)], 2);
-		};
-	}
-});
+var action_group_default = action_group_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { _sfc_main as default };
+export { action_group_default as default };
 
 //# sourceMappingURL=action-group.js.map

package/dist/components/action/action-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-group.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <div :class=\"rootCls\">\n    <component v-for=\"node of normalNodes\" :key=\"node.key\" :is=\"node\" />\n\n    <u-tip\n      v-if=\"dropdownNodes.length\"\n      :class=\"cls.e('dropdown')\"\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n    >\n      <template #content>\n        <component v-for=\"node of dropdownNodes\" :key=\"node.key\" :is=\"node\" />\n      </template>\n\n      <u-action\n        :class=\"cls.e('more')\"\n        :type\n        :size\n        :text\n        :circle=\"hover\"\n        :icon=\"hover ? MoreFilled : undefined\"\n        title=\"更多\"\n      >\n        <template v-if=\"!hover\">\n          更多\n          <u-icon>\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-action>\n    </u-tip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowDown, MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport type { ColorType } from '@veltra/utils'\nimport { cloneVNode, computed, provide, type VNode } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { UTip } from '../tip'\nimport UAction from './action.vue'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'ActionGroup',\n  inheritAttrs: false\n})\n\n// 此处不直接复用 `ActionGroupProps` 类型作为 `defineProps` 泛型参数，\n// 是为了规避 Vue SFC 编译器在跨文件类型解析时偶发的 prop 未注册问题\n// （表现为运行时 `[Vue warn]: Property \"x\" was accessed during render but is not defined on instance`）。\n// 通过本地接口定义 + 类型相等性约束保证与外部类型一致。\ninterface _Props {\n  loading?: boolean\n  circle?: boolean\n  max?: number\n  hover?: boolean\n  size?: 'small' | 'default' | 'large'\n  text?: boolean\n  type?: ColorType\n}\n\ntype _AssertEqual = [ActionGroupProps] extends [_Props]\n  ? [_Props] extends [ActionGroupProps]\n    ? true\n    : never\n  : never\n\nconst _assert: _AssertEqual = true\nvoid _assert\n\nconst props = withDefaults(defineProps<_Props>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  hover: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nconst rootCls = computed(() => [cls.b, bem.is('hover', props.hover)])\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst partitioned = computed(() => {\n  const nodes = slots.default?.()\n\n  if (!nodes) return { visible: [] as VNode[], hidden: [] as VNode[] }\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    // 仅保留 UAction 子节点\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  return {\n    visible,\n    hidden: [...overflow, ...fixedHidden]\n  }\n})\n\nconst normalNodes = computed(() => partitioned.value.visible)\n\n// 下拉菜单中的 UAction 强制以非圆形、文本模式呈现，避免视觉与其他菜单项不一致\nconst dropdownNodes = computed(() => {\n  return partitioned.value.hidden.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n})\n\nprovide(ActionDIKey, {\n  groupProps: props\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EA,MAAM,QAAQ;EAUd,MAAM,MAAM,IAAI,eAAc;EAE9B,MAAM,QAAQ,UAAA;EAId,MAAM,UAAU,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,MAAM,MAAM,CAAC,CAAA;EAEpE,SAAS,iBAAiB,MAAsB;GAC9C,MAAM,IAAI,KAAK;AACf,OAAI,CAAC,EAAG,QAAO;GACf,MAAM,IAAI,EAAE,cAAc,EAAE;AAC5B,UAAO,MAAM,QAAQ,MAAM,MAAM,MAAM;;EAGzC,MAAM,cAAc,eAAe;GACjC,MAAM,QAAQ,MAAM,WAAU;AAE9B,OAAI,CAAC,MAAO,QAAO;IAAE,SAAS,EAAE;IAAa,QAAQ,EAAE;IAAY;GAEnE,MAAM,YAAY,oBAAoB,MAAM,CAAC,QAE1C,SAAU,KAAK,MAA+C,SAAS,SAC1E;GAEA,MAAM,UAAmB,EAAC;GAC1B,MAAM,cAAuB,EAAC;AAE9B,aAAU,SAAS,SAAS;AAC1B,QAAI,iBAAiB,KAAK,CACxB,aAAY,KAAK,KAAI;QAErB,SAAQ,KAAK,KAAI;KAEpB;AAKD,UAAO;IACL;IACA,QAAQ,CAAC,GALU,QAAQ,SAAS,MAAM,MACZ,QAAQ,OAAO,MAAM,MAAM,EAAE,GAAG,EAAC,EAIzC,GAAG,YAAW;IACtC;IACD;EAED,MAAM,cAAc,eAAe,YAAY,MAAM,QAAO;EAG5D,MAAM,gBAAgB,eAAe;AACnC,UAAO,YAAY,MAAM,OAAO,KAAK,SACnC,WAAW,MAAM;IAAE,YAAY;IAAM,QAAQ;IAAO,CAAA,CACtD;IACD;AAED,UAAQ,aAAa,EACnB,YAAY,OACb,CAAA;;uBA5IC,mBA+BM,OAAA,EA/BA,OAAK,eAAE,QAAA,MAAO,EAAA,EAAA,EAAA,UAAA,KAAA,EAClB,mBAAoE,UAAA,MAAA,WAA1C,YAAA,QAAR,SAAI;wBAAtB,YAAoE,wBAAR,KAAI,EAAA,EAAxB,KAAK,KAAK,KAAA,CAAA;cAG1C,cAAA,MAAc,UAAA,WAAA,EADtB,YA2BQ,MAAA,YAAA,EAAA;;IAzBL,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;IACb,WAAU;IACV,WAAU;IACV,SAAQ;;IAEG,SAAO,cACwB,EAAA,UAAA,KAAA,EAAxC,mBAAsE,UAAA,MAAA,WAA5C,cAAA,QAAR,SAAI;yBAAtB,YAAsE,wBAAR,KAAI,EAAA,EAAxB,KAAK,KAAK,KAAA,CAAA;;2BAkB3C,CAfX,YAeW,aAAA;KAdR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;KACZ,MAAA,QAAA;KACA,MAAA,QAAA;KACA,MAAA,QAAA;KACA,QAAQ,QAAA;KACR,MAAM,QAAA,QAAQ,MAAA,WAAU,GAAG,KAAA;KAC5B,OAAM;;4BAOK,CAAA,CALM,QAAA,SAAA,WAAA,EAAjB,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBALa,QAEtB,GAAA,GAAA,YAES,MAAA,YAAA,EAAA,MAAA;6BADM,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"action-group.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'ActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":""}

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

@@ -1,24 +1,15 @@
+import { ActionGroupProps, _ActionGroupExposed } from "../../types/action.js";
 import * as _$vue from "vue";
 import { VNode } from "vue";
-import { ColorType } from "@veltra/utils";
+import * as _$_veltra_utils0 from "@veltra/utils";
 
 //#region src/components/action/action-group.vue.d.ts
-interface _Props {
-  loading?: boolean;
-  circle?: boolean;
-  max?: number;
-  hover?: boolean;
-  size?: 'small' | 'default' | 'large';
-  text?: boolean;
-  type?: ColorType;
-}
 type __VLS_Slots = {
   default?: () => VNode[];
 };
-declare const __VLS_base: _$vue.DefineComponent<_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_Props> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
+  type: _$_veltra_utils0.ColorType;
   size: "small" | "default" | "large";
-  type: ColorType;
-  hover: boolean;
   text: boolean;
   circle: boolean;
   max: number;

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,105 @@
+import _sfc_main from "../tip/tip.js";
+import _sfc_main$1 from "../button/button.js";
+import { ActionDIKey } from "./di.js";
+import { Fragment, cloneVNode, createBlock, createElementBlock, createVNode, defineComponent, openBlock, provide, renderList, resolveDynamicComponent, shallowRef, useSlots } from "vue";
+import { bem, extractNormalVNodes } from "@veltra/utils";
+import { MoreFilled } from "@veltra/icons/normal";
+//#region src/components/action/action-group.vue?vue&type=script&setup=true&lang.tsx
+var action_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ActionGroup",
+	inheritAttrs: false,
+	__name: "action-group",
+	props: {
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		circle: {
+			type: Boolean,
+			default: false
+		},
+		max: { default: 3 },
+		size: { default: "small" },
+		text: {
+			type: Boolean,
+			default: true
+		},
+		type: { default: "primary" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const cls = bem("action-group");
+		const slots = useSlots();
+		function isInDropdownNode(node) {
+			const p = node.props;
+			if (!p) return false;
+			const v = p.inDropdown ?? p["in-dropdown"];
+			return v === true || v === "" || v === "true";
+		}
+		const tipVisible = shallowRef(false);
+		function closeTip() {
+			tipVisible.value = false;
+		}
+		function withSeparators(nodes) {
+			return nodes.flatMap((node, index) => {
+				if (index === 0) return [node];
+				return [createVNode("i", {
+					"key": `separator-${index}`,
+					"class": cls.e("separator"),
+					"aria-hidden": "true"
+				}, null), node];
+			});
+		}
+		function getSlotsNodes() {
+			const nodes = slots.default?.();
+			if (!nodes) return [];
+			const extracted = extractNormalVNodes(nodes).filter((node) => node.type?.name === "Action");
+			const visible = [];
+			const fixedHidden = [];
+			extracted.forEach((node) => {
+				if (isInDropdownNode(node)) fixedHidden.push(node);
+				else visible.push(node);
+			});
+			const hiddenNodes = [...visible.length > props.max ? visible.splice(props.max - 1) : [], ...fixedHidden];
+			const dropdownNodes = hiddenNodes.map((node) => cloneVNode(node, {
+				inDropdown: true,
+				circle: false
+			}));
+			const dropdown = hiddenNodes.length ? createVNode(_sfc_main, {
+				"direction": "bottom",
+				"alignment": "end",
+				"trigger": "click",
+				"class": cls.e("dropdown"),
+				"visible": tipVisible.value,
+				"onUpdate:visible": (val) => {
+					tipVisible.value = val;
+				}
+			}, {
+				content: () => dropdownNodes,
+				default: () => createVNode(_sfc_main$1, {
+					"class": cls.e("more"),
+					"type": props.type,
+					"size": props.size,
+					"text": props.text,
+					"circle": true,
+					"icon": MoreFilled
+				}, null)
+			}) : null;
+			return withSeparators(dropdown ? [...visible, dropdown] : visible);
+		}
+		provide(ActionDIKey, {
+			groupProps: props,
+			closeTip
+		});
+		__expose({ closeTip });
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(getSlotsNodes(), (node) => {
+				return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key });
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { action_group_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=action-group.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'ActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,MAAM,IAAI,eAAc;EAE9B,MAAM,QAAQ,UAAA;EAId,SAAS,iBAAiB,MAAsB;GAC9C,MAAM,IAAI,KAAK;AACf,OAAI,CAAC,EAAG,QAAO;GACf,MAAM,IAAI,EAAE,cAAc,EAAE;AAC5B,UAAO,MAAM,QAAQ,MAAM,MAAM,MAAM;;EAGzC,MAAM,aAAa,WAAW,MAAK;EAEnC,SAAS,WAAW;AAClB,cAAW,QAAQ;;EAGrB,SAAS,eAAe,OAAgB;AACtC,UAAO,MAAM,SAAS,MAAM,UAAU;AACpC,QAAI,UAAU,EAAG,QAAO,CAAC,KAAI;AAE7B,WAAO,CAAA,YAAA,KAAA;KAAA,OAEE,aAAa;KAAO,SAClB,IAAI,EAAE,YAAY;KAAA,eAAA;KAAA,EAAA,KAAA,EAG3B,KACF;KACD;;EAGH,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,WAAU;AAC9B,OAAI,CAAC,MAAO,QAAO,EAAC;GAEpB,MAAM,YAAY,oBAAoB,MAAM,CAAC,QAC1C,SAAU,KAAK,MAA+C,SAAS,SAC1E;GAEA,MAAM,UAAmB,EAAC;GAC1B,MAAM,cAAuB,EAAC;AAE9B,aAAU,SAAS,SAAS;AAC1B,QAAI,iBAAiB,KAAK,CACxB,aAAY,KAAK,KAAI;QAErB,SAAQ,KAAK,KAAI;KAEpB;GAKD,MAAM,cAAc,CAAC,GAHA,QAAQ,SAAS,MAAM,MACZ,QAAQ,OAAO,MAAM,MAAM,EAAE,GAAG,EAAC,EAE/B,GAAG,YAAW;GAEhD,MAAM,gBAAgB,YAAY,KAAK,SACrC,WAAW,MAAM;IAAE,YAAY;IAAM,QAAQ;IAAO,CACtD,CAAA;GAEA,MAAM,WAAW,YAAY,SAAM,YAAA,WAAA;IAAA,aAAA;IAAA,aAAA;IAAA,WAAA;IAAA,SAKxB,IAAI,EAAE,WAAW;IAAA,WACf,WAAW;IAAK,qBACN,QAAiB;AAClC,gBAAW,QAAQ;;IACpB,EAAA;IAGC,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,SAEE,IAAI,EAAE,OAAO;KAAA,QACd,MAAM;KAAI,QACV,MAAM;KAAI,QACV,MAAM;KAAI,UAAA;KAAA,QAEV;KAAU,EAAA,KAAA;IAEpB,CAAA,GAGF;AAEJ,UAAO,eAAe,WAAW,CAAC,GAAG,SAAS,SAAS,GAAG,QAAO;;AAGnE,UAAQ,aAAa;GACnB,YAAY;GACZ;GACD,CAAA;AAED,WAAkC,EAChC,UACD,CAAA;;2BA9HC,mBAAwE,UAAA,MAAA,WAA9C,eAAa,GAArB,SAAI;wBAAtB,YAAwE,wBAAR,KAAI,EAAA,EAAxB,KAAK,KAAK,KAAA,CAAA"}

package/dist/components/action/action.js

@@ -71,7 +71,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const cls = bem("action");
 		function handleConfirm() {
+			handleRun();
+		}
+		function handleRun() {
 			emit("run");
+			if (props.inDropdown) ctx?.closeTip();
 		}
 		return (_ctx, _cache) => {
 			return __props.needConfirm ? (openBlock(), createBlock(unref(_sfc_main$2), {
@@ -107,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}, {
 				...buttonProps.value,
 				..._ctx.$attrs
-			}, { onClick: _cache[0] || (_cache[0] = ($event) => emit("run")) }), {
+			}, { onClick: handleRun }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, [

package/dist/components/action/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n  <u-pop-confirm\n    v-if=\"needConfirm\"\n    title=\"确认执行此操作吗？\"\n    style=\"display: inline-block\"\n    direction=\"left\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #reference>\n      <u-button\n        :class=\"cls.b\"\n        :loading\n        :circle\n        :propagate=\"false\"\n        v-bind=\"{ ...buttonProps, ...$attrs }\"\n      >\n        <slot />\n      </u-button>\n    </template>\n  </u-pop-confirm>\n\n  <u-button\n    v-else\n    :class=\"cls.b\"\n    :loading\n    :circle\n    :propagate=\"false\"\n    v-bind=\"{ ...buttonProps, ...$attrs }\"\n    @click=\"emit('run')\"\n  >\n    <slot />\n  </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'Action',\n  inheritAttrs: false\n})\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，\n// 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined,\n  text: undefined,\n  size: undefined,\n  type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本，否则跟随用户/分组配置\nconst circle = computed(() => {\n  if (props.inDropdown) return false\n  return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n  return {\n    ...o(props as Record<string, any>).omit([\n      'needConfirm',\n      'loading',\n      'circle',\n      'propagate',\n      'size',\n      'text',\n      'type',\n      'inDropdown'\n    ]),\n    size: size.value,\n    text: text.value,\n    type: type.value\n  }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n  emit('run')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,EAAS;EAEzC,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,QAAO;EACzE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,KAAI;EACtE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,UAAS;EAE3E,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,WAAW,KAAK,WAAW;IACzC;EAGD,MAAM,SAAS,eAAe;AAC5B,OAAI,MAAM,WAAY,QAAO;AAC7B,UAAO,MAAM,UAAU,KAAK,WAAW;IACxC;EAED,MAAM,cAAc,eAAe;AACjC,UAAO;IACL,GAAG,EAAE,MAA6B,CAAC,KAAK;KACtC;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAAC;IACF,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;IACb;IACD;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,SAAQ;EAExB,SAAS,gBAAgB;AACvB,QAAK,MAAK;;;UAjGF,QAAA,eAAA,WAAA,EADR,YAkBgB,MAAA,YAAA,EAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,gBAA6B;IAC7B,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,YAAA,EARX,WAQW;KAPR,OAAO,MAAA,IAAG,CAAC;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;KAAM,CAAA,EAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,YAAA,EAVX,WAUW;;IARR,OAAO,MAAA,IAAG,CAAC;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;IAAM,EAAA,EAClC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA,GAAA,CAAA,EAAA;2BAEJ,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n  <u-pop-confirm\n    v-if=\"needConfirm\"\n    title=\"确认执行此操作吗？\"\n    style=\"display: inline-block\"\n    direction=\"left\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #reference>\n      <u-button\n        :class=\"cls.b\"\n        :loading\n        :circle\n        :propagate=\"false\"\n        v-bind=\"{ ...buttonProps, ...$attrs }\"\n      >\n        <slot />\n      </u-button>\n    </template>\n  </u-pop-confirm>\n\n  <u-button\n    v-else\n    :class=\"cls.b\"\n    :loading\n    :circle\n    :propagate=\"false\"\n    v-bind=\"{ ...buttonProps, ...$attrs }\"\n    @click=\"handleRun\"\n  >\n    <slot />\n  </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'Action',\n  inheritAttrs: false\n})\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，\n// 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined,\n  text: undefined,\n  size: undefined,\n  type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本，否则跟随用户/分组配置\nconst circle = computed(() => {\n  if (props.inDropdown) return false\n  return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n  return {\n    ...o(props as Record<string, any>).omit([\n      'needConfirm',\n      'loading',\n      'circle',\n      'propagate',\n      'size',\n      'text',\n      'type',\n      'inDropdown'\n    ]),\n    size: size.value,\n    text: text.value,\n    type: type.value\n  }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n  handleRun()\n}\n\nfunction handleRun() {\n  emit('run')\n\n  if (props.inDropdown) {\n    ctx?.closeTip()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,EAAS;EAEzC,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,QAAO;EACzE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,KAAI;EACtE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,UAAS;EAE3E,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,WAAW,KAAK,WAAW;IACzC;EAGD,MAAM,SAAS,eAAe;AAC5B,OAAI,MAAM,WAAY,QAAO;AAC7B,UAAO,MAAM,UAAU,KAAK,WAAW;IACxC;EAED,MAAM,cAAc,eAAe;AACjC,UAAO;IACL,GAAG,EAAE,MAA6B,CAAC,KAAK;KACtC;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAAC;IACF,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;IACb;IACD;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,SAAQ;EAExB,SAAS,gBAAgB;AACvB,cAAU;;EAGZ,SAAS,YAAY;AACnB,QAAK,MAAK;AAEV,OAAI,MAAM,WACR,MAAK,UAAS;;;UAxGR,QAAA,eAAA,WAAA,EADR,YAkBgB,MAAA,YAAA,EAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,gBAA6B;IAC7B,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,YAAA,EARX,WAQW;KAPR,OAAO,MAAA,IAAG,CAAC;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;KAAM,CAAA,EAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,YAAA,EAVX,WAUW;;IARR,OAAO,MAAA,IAAG,CAAC;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;IAAM,EAAA,EAClC,SAAO,WAAS,CAAA,EAAA;2BAET,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  size: _$_veltra_utils0.ComponentSize;
   type: ButtonType;
+  size: _$_veltra_utils0.ComponentSize;
   text: boolean;
   circle: boolean;
-  loading: boolean;
   inDropdown: boolean;
+  loading: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/action/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\n\nexport const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps }> = Symbol('ActionDIKey')\n"],"mappings":";AAIA,MAAa,cAA8D,OAAO,cAAc"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/action/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\n\nexport const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps; closeTip: () => void }> =\n  Symbol('ActionDIKey')\n"],"mappings":";AAIA,MAAa,cACX,OAAO,cAAc"}

package/dist/components/action/style2.css

@@ -19,28 +19,27 @@
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
-  gap: 6px;
-}
-.u-action-group__more {
-  flex-shrink: 0;
-}
-.u-action-group.is-hover {
   gap: 2px;
   padding: 2px 4px;
   border-radius: 999px;
-  opacity: 0.45;
-  transition: opacity 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
-}
-.u-action-group.is-hover:hover, .u-action-group.is-hover:focus-within {
-  opacity: 1;
   background-color: color-mix(in srgb, var(--u-bg-color-top) 70%, transparent);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
   box-shadow: 0 1px 4px color-mix(in srgb, var(--u-shadow-color) 35%, transparent);
 }
+.u-action-group__more {
+  flex-shrink: 0;
+}
+.u-action-group__separator {
+  display: inline-block;
+  flex-shrink: 0;
+  width: 1px;
+  vertical-align: middle;
+  height: 0.8em;
+  margin: 0 4px;
+  background-color: var(--u-border-color);
+}
 .u-action-group__dropdown {
-  padding: 4px;
-  min-width: 140px;
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -48,12 +47,16 @@
 .u-action-group__dropdown .u-button {
   width: 100%;
   justify-content: flex-start;
-  padding: 0 12px;
+  padding: 0 10px;
 }
 .u-action-group__dropdown .u-button + .u-action-group__dropdown .u-button {
   margin-left: 0;
 }
 
+.u-action-group__dropdownu-tip__content {
+  padding: 4px;
+}
+
 .u-action {
   flex-shrink: 0;
 }

package/dist/components/auto-complete/auto-complete.js

@@ -4,8 +4,8 @@ import input_default from "../input/input.js";
 import { useKeyboard } from "./use-keyboard.js";
 import { useSuggestions } from "./use-suggestions.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, watch, withCtx, withDirectives } from "vue";
-import { FORM_EMPTY_CONTENT, bem, injectFormContext, scrollIntoContainerView } from "@veltra/utils";
 import { useFormFallbackProps } from "@veltra/compositions";
+import { FORM_EMPTY_CONTENT, bem, injectFormContext, scrollIntoContainerView } from "@veltra/utils";
 import { vRipple } from "@veltra/directives";
 //#region src/components/auto-complete/auto-complete.vue
 const _hoisted_1 = ["data-key"];

package/dist/components/badge/badge.js

@@ -1,6 +1,6 @@
 import { computed, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeClass, onMounted, openBlock, renderSlot, shallowRef, toDisplayString, unref, watch } from "vue";
-import { bem, setStyles, zIndex } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { bem, setStyles, zIndex } from "@veltra/utils";
 //#region src/components/badge/badge.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Badge",