@veltra/desktop 1.0.13 → 1.0.14

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

@@ -1,7 +1,114 @@
-import action_group_vue_vue_type_script_setup_true_lang_default from "./action-group.vue_vue_type_script_setup_true_lang.js";
+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";
 //#region src/components/action/action-group.vue
-var action_group_default = action_group_vue_vue_type_script_setup_true_lang_default;
+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);
+		};
+	}
+});
 //#endregion
-export { action_group_default as default };
+export { _sfc_main 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  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport type { ActionGroupProps } from \"../../types\";\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { UIcon } from \"../icon\";\nimport { UButton } from \"../button\";\nimport { provide, type VNode } from \"vue\";\nimport { bem, extractNormalVNodes } from \"@veltra/utils\";\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});\n\nconst cls = bem(\"action-group\");\nconst actionCls = bem(\"action\");\n\nconst slots = defineSlots<{\n  default?: () => VNode[];\n}>();\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.();\n\n  if (!nodes) return [];\n  const extractedNodes = extractNormalVNodes(nodes).filter(\n    // @ts-ignore\n    (node) => node.type?.name === \"Action\",\n  );\n\n  let normalNodes: VNode[] = [];\n  let hiddenNodes: VNode[] = [];\n  if (extractedNodes.length === props.max) {\n    normalNodes = extractedNodes;\n  } else {\n    normalNodes = extractedNodes.slice(0, props.max - 1);\n    hiddenNodes = extractedNodes.slice(props.max - 1);\n  }\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip direction=\"bottom\" class={cls.e(\"dropdown\")}>\n      {{\n        content: () => hiddenNodes,\n        default: () => (\n          <UButton text size=\"small\" type=\"primary\" class={actionCls.b}>\n            更多\n            <UIcon>\n              <ArrowDown />\n            </UIcon>\n          </UButton>\n        ),\n      }}\n    </UTip>\n  ) : null;\n\n  return dropdown ? [...normalNodes, dropdown] : normalNodes;\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n});\n</script>\n"],"mappings":""}
+{"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"}

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

@@ -1,15 +1,28 @@
-import { ActionGroupProps } from "../../types/action.js";
 import * as _$vue from "vue";
 import { VNode } from "vue";
+import { ColorType } 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<ActionGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_Props> & Readonly<{}>, {
+  type: ColorType;
   max: number;
-  circle: boolean;
+  size: "small" | "default" | "large";
+  text: boolean;
+  hover: boolean;
   loading: boolean;
+  circle: 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/action.js

@@ -15,10 +15,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		type: { default: "primary" },
+		type: { default: void 0 },
 		text: {
 			type: Boolean,
-			default: true
+			default: void 0
 		},
 		plain: { type: Boolean },
 		loading: {
@@ -35,28 +35,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		iconSize: {},
 		iconPosition: {},
 		propagate: { type: Boolean },
-		size: { default: "small" }
+		size: { default: void 0 }
 	},
 	emits: ["run"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const buttonProps = computed(() => {
-			return o(props).omit([
-				"needConfirm",
-				"loading",
-				"circle",
-				"propagate"
-			]);
-		});
-		const emit = __emit;
-		const cls = bem("action");
 		const ctx = inject(ActionDIKey, void 0);
+		const size = computed(() => props.size ?? ctx?.groupProps.size ?? "small");
+		const text = computed(() => props.text ?? ctx?.groupProps.text ?? true);
+		const type = computed(() => props.type ?? ctx?.groupProps.type ?? "primary");
 		const loading = computed(() => {
 			return props.loading ?? ctx?.groupProps.loading;
 		});
 		const circle = computed(() => {
+			if (props.inDropdown) return false;
 			return props.circle ?? ctx?.groupProps.circle;
 		});
+		const buttonProps = computed(() => {
+			return {
+				...o(props).omit([
+					"needConfirm",
+					"loading",
+					"circle",
+					"propagate",
+					"size",
+					"text",
+					"type",
+					"inDropdown"
+				]),
+				size: size.value,
+				text: text.value,
+				type: type.value
+			};
+		});
+		const emit = __emit;
+		const cls = bem("action");
 		function handleConfirm() {
 			emit("run");
 		}

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\nconst props = withDefaults(defineProps<ActionProps>(), {\n  size: 'small',\n  text: true,\n  type: 'primary',\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined\n})\n\nconst buttonProps = computed(() => {\n  return o(props as Record<string, any>).omit(['needConfirm', 'loading', 'circle', 'propagate'])\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\nconst circle = computed(() => {\n  return props.circle ?? ctx?.groupProps.circle\n})\nfunction handleConfirm() {\n  emit('run')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EASd,MAAM,cAAc,eAAe;AACjC,UAAO,EAAE,MAA6B,CAAC,KAAK;IAAC;IAAe;IAAW;IAAU;IAAY,CAAA;IAC9F;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,MAAM,OAAO,aAAa,KAAA,EAAS;EAEzC,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,WAAW,KAAK,WAAW;IACzC;EAED,MAAM,SAAS,eAAe;AAC5B,UAAO,MAAM,UAAU,KAAK,WAAW;IACxC;EACD,SAAS,gBAAgB;AACvB,QAAK,MAAK;;;UA1EF,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=\"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"}

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

@@ -15,11 +15,11 @@ 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;
+  circle: boolean;
   inDropdown: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/action/style.js

@@ -1,4 +1,5 @@
+import "../icon/style.js";
 import "../button/style.js";
-import "../dropdown/style.js";
+import "../tip/style.js";
 import "../pop-confirm/style.js";
 import "./style2.css";

package/dist/components/action/style2.css

@@ -15,17 +15,45 @@
 * --u-height-small: 24px;
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-action-group {
+  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: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  box-shadow: 0 1px 4px color-mix(in srgb, var(--u-shadow-color) 35%, transparent);
+}
 .u-action-group__dropdown {
-  padding: 6px;
-  min-width: 100px;
+  padding: 4px;
+  min-width: 140px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .u-action-group__dropdown .u-button {
   width: 100%;
-  display: block;
-  margin-left: 0 !important;
-  margin-bottom: 6px;
+  justify-content: flex-start;
+  padding: 0 12px;
+}
+.u-action-group__dropdown .u-button + .u-action-group__dropdown .u-button {
+  margin-left: 0;
 }
 
-.u-action + .u-action {
-  margin-left: 6px;
+.u-action {
+  flex-shrink: 0;
 }

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: 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/batch-edit/batch-edit-form.js

@@ -1,11 +1,11 @@
 import _sfc_main$1 from "../scroll/scroll.js";
+import _sfc_main$2 from "../icon/icon.js";
 import form_default from "../form/form.js";
-import _sfc_main$2 from "../button/button.js";
-import _sfc_main$3 from "../card/card.js";
-import _sfc_main$4 from "../card/card-header.js";
-import _sfc_main$5 from "../card/card-action.js";
+import _sfc_main$3 from "../button/button.js";
 import { BatchEditDIKey } from "./di.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx, withKeys } from "vue";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx, withKeys } from "vue";
+import { bem } from "@veltra/utils";
+import { AddChild, Close, EditPen, Plus, View } from "@veltra/icons/normal";
 //#region src/components/batch-edit/batch-edit-form.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "BatchEditForm",
@@ -18,24 +18,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const updatable = computed(() => {
 			return state.type === "update" && (staticFeatures.value.has("update") || dynamicFeatures.value.update?.(state.row));
 		});
+		const headerInfo = computed(() => {
+			if (props.readonly) return {
+				icon: View,
+				title: "查看详情",
+				chip: state.row ? `第 ${state.row.index + 1} 行` : void 0,
+				tone: "view"
+			};
+			if (state.parentRow) return {
+				icon: AddChild,
+				title: "新增子级",
+				chip: `归属于第 ${state.parentRow.index + 1} 行`,
+				tone: "child"
+			};
+			if (state.type === "create") return {
+				icon: Plus,
+				title: "新增",
+				chip: insertIndexes.value.length ? `插入到第 ${insertIndexes.value[insertIndexes.value.length - 1] + 1} 位` : void 0,
+				tone: "create"
+			};
+			return {
+				icon: EditPen,
+				title: "编辑",
+				chip: state.row ? `第 ${state.row.index + 1} 行` : void 0,
+				tone: "update"
+			};
+		});
+		/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */
+		const bodyKey = computed(() => {
+			return `${state.type}-${state.row?.uid ?? "create"}-${state.parentRow?.uid ?? "root"}`;
+		});
 		return (_ctx, _cache) => {
-			return unref(state).visible && !!unref(props).model ? (openBlock(), createBlock(unref(_sfc_main$3), {
-				key: 0,
-				class: normalizeClass(unref(cls).e("form"))
+			return openBlock(), createBlock(Transition, {
+				name: "batch-edit-panel",
+				appear: ""
 			}, {
-				default: withCtx(() => [
-					createVNode(unref(_sfc_main$4), null, {
-						default: withCtx(() => [unref(props).readonly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("详情")], 64)) : !!unref(state).parentRow ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("新增子级")], 64)) : unref(state).type === "create" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode("新增")], 64)) : unref(state).type === "update" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode("编辑")], 64)) : createCommentVNode("v-if", true)]),
-						_: 1
-					}),
+				default: withCtx(() => [unref(state).visible && !!unref(props).model ? (openBlock(), createElementBlock("aside", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("form"))
+				}, [
+					createElementVNode("header", { class: normalizeClass(unref(cls).e("form-header")) }, [
+						createElementVNode("span", { class: normalizeClass([unref(cls).e("form-icon"), unref(bem).is(headerInfo.value.tone)]) }, [createVNode(unref(_sfc_main$2), null, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(headerInfo.value.icon)))]),
+							_: 1
+						})], 2),
+						createElementVNode("div", { class: normalizeClass(unref(cls).e("form-title")) }, [createElementVNode("h3", { class: normalizeClass(unref(cls).e("form-title-text")) }, toDisplayString(headerInfo.value.title), 3), headerInfo.value.chip ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(unref(cls).e("form-chip"))
+						}, toDisplayString(headerInfo.value.chip), 3)) : createCommentVNode("v-if", true)], 2),
+						createVNode(unref(_sfc_main$3), {
+							class: normalizeClass(unref(cls).e("form-close")),
+							icon: unref(Close),
+							text: "",
+							circle: "",
+							size: "small",
+							title: "关闭",
+							onClick: unref(handleClose)
+						}, null, 8, [
+							"class",
+							"icon",
+							"onClick"
+						])
+					], 2),
 					createVNode(Transition, {
 						name: "fade",
 						appear: "",
 						mode: "out-in"
 					}, {
-						default: withCtx(() => [createVNode(unref(_sfc_main$1), {
+						default: withCtx(() => [(openBlock(), createBlock(unref(_sfc_main$1), {
 							always: "",
-							class: normalizeClass(unref(cls).e("form-wrap"))
+							class: normalizeClass(unref(cls).e("form-body")),
+							key: bodyKey.value
 						}, {
 							default: withCtx(() => [createVNode(unref(form_default), {
 								model: unref(props).model,
@@ -59,37 +112,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 								"label-width"
 							])]),
 							_: 3
-						}, 8, ["class"])]),
+						}, 8, ["class"]))]),
 						_: 3
 					}),
-					createVNode(unref(_sfc_main$5), { class: normalizeClass(unref(cls).e("action")) }, {
-						default: withCtx(() => [createVNode(unref(_sfc_main$2), {
-							text: "",
-							type: "primary",
-							loading: unref(state).loading,
-							onClick: unref(handleClose)
-						}, {
-							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" 关闭 ", -1)])]),
-							_: 1
-						}, 8, ["loading", "onClick"]), !unref(props).readonly && unref(state).dataUpdated && (creatable.value || updatable.value) ? (openBlock(), createBlock(unref(_sfc_main$2), {
-							key: 0,
-							type: unref(state).type === "create" ? "success" : "primary",
-							loading: unref(state).loading,
-							onClick: unref(handleSave),
-							plain: ""
-						}, {
-							default: withCtx(() => [createTextVNode(" 确认" + toDisplayString(unref(state).type === "create" ? "新增" : "修改"), 1)]),
-							_: 1
-						}, 8, [
-							"type",
-							"loading",
-							"onClick"
-						])) : createCommentVNode("v-if", true)]),
+					createElementVNode("footer", { class: normalizeClass(unref(cls).e("form-footer")) }, [!unref(props).readonly && unref(state).dataUpdated ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("form-hint"))
+					}, " 有未保存改动 ", 2)) : !unref(props).readonly ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("form-hint"))
+					}, [..._cache[0] || (_cache[0] = [
+						createElementVNode("kbd", null, "Enter", -1),
+						createTextVNode(" 保存 · ", -1),
+						createElementVNode("kbd", null, "Esc", -1),
+						createTextVNode(" 关闭 ", -1)
+					])], 2)) : (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(unref(cls).e("form-hint"))
+					}, "只读模式", 2)), createElementVNode("div", { class: normalizeClass(unref(cls).e("form-actions")) }, [createVNode(unref(_sfc_main$3), {
+						text: "",
+						loading: unref(state).loading,
+						onClick: unref(handleClose)
+					}, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 取消 ", -1)])]),
+						_: 1
+					}, 8, ["loading", "onClick"]), !unref(props).readonly && (creatable.value || updatable.value) ? (openBlock(), createBlock(unref(_sfc_main$3), {
+						key: 0,
+						type: unref(state).type === "create" ? "success" : "primary",
+						loading: unref(state).loading,
+						disabled: !unref(state).dataUpdated,
+						onClick: unref(handleSave)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(state).type === "create" ? "保存新增" : "保存修改"), 1)]),
 						_: 1
-					}, 8, ["class"])
-				]),
+					}, 8, [
+						"type",
+						"loading",
+						"disabled",
+						"onClick"
+					])) : createCommentVNode("v-if", true)], 2)], 2)
+				], 2)) : createCommentVNode("v-if", true)]),
 				_: 3
-			}, 8, ["class"])) : createCommentVNode("v-if", true);
+			});
 		};
 	}
 });

package/dist/components/batch-edit/batch-edit-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <u-card :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n    <u-card-header>\n      <template v-if=\"props.readonly\">详情</template>\n      <template v-else-if=\"!!state.parentRow\">新增子级</template>\n      <template v-else-if=\"state.type === 'create'\">新增</template>\n      <template v-else-if=\"state.type === 'update'\">编辑</template>\n    </u-card-header>\n\n    <transition name=\"fade\" appear mode=\"out-in\">\n      <u-scroll always :class=\"cls.e('form-wrap')\">\n        <u-form\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          @keyup.enter=\"handleSave\"\n          :label-width=\"props.labelWidth\"\n        >\n          <template #default=\"{ data, model }\">\n            <slot\n              v-bind=\"{\n                data,\n                model,\n                row: state.row,\n                depth: state.depth,\n                indexes: insertIndexes,\n                index: state.row?.index\n              }\"\n            />\n          </template>\n        </u-form>\n      </u-scroll>\n    </transition>\n\n    <u-card-action :class=\"cls.e('action')\">\n      <u-button text type=\"primary\" :loading=\"state.loading\" @click=\"handleClose\"> 关闭 </u-button>\n\n      <u-button\n        v-if=\"!props.readonly && state.dataUpdated && (creatable || updatable)\"\n        :type=\"state.type === 'create' ? 'success' : 'primary'\"\n        :loading=\"state.loading\"\n        @click=\"handleSave\"\n        plain\n      >\n        确认{{ state.type === 'create' ? '新增' : '修改' }}\n      </u-button>\n    </u-card-action>\n  </u-card>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\n\nimport { UButton } from '../button'\nimport { UCard, UCardAction, UCardHeader } from '../card'\nimport { UForm } from '../form'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n  cls,\n  props,\n  state,\n  insertIndexes,\n  handleSave,\n  handleClose,\n  staticFeatures,\n  dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n  return (\n    state.type === 'create' &&\n    (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n  )\n})\n\nconst updatable = computed(() => {\n  return (\n    state.type === 'update' &&\n    (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n  )\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EA4DA,MAAM,EACJ,KACA,OACA,OACA,eACA,YACA,aACA,gBACA,oBACE,OAAO,eAAe;EAE1B,MAAM,YAAY,eAAe;AAC/B,UACE,MAAM,SAAS,aACd,eAAe,MAAM,IAAI,SAAS,IAAI,gBAAgB,MAAM,SAAS,MAAM,IAAI;IAEnF;EAED,MAAM,YAAY,eAAe;AAC/B,UACE,MAAM,SAAS,aACd,eAAe,MAAM,IAAI,SAAS,IAAI,gBAAgB,MAAM,SAAS,MAAM,IAAI;IAEnF;;UAlFsC,MAAA,MAAK,CAAC,WAAO,CAAA,CAAM,MAAA,MAAK,CAAC,SAAA,WAAA,EAA9D,YA6CS,MAAA,YAAA,EAAA;;IA7CA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;2BAMH;KALhB,YAKgB,MAAA,YAAA,EAAA,MAAA;6BAJ+B,CAA7B,MAAA,MAAK,CAAC,YAAA,WAAA,EAAtB,mBAA6C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAb,KAAE,CAAA,EAAA,GAAA,IAAA,CAAA,CACX,MAAA,MAAK,CAAC,aAAA,WAAA,EAA7B,mBAAuD,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAf,OAAI,CAAA,EAAA,GAAA,IACvB,MAAA,MAAK,CAAC,SAAI,YAAA,WAAA,EAA/B,mBAA2D,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAb,KAAE,CAAA,EAAA,GAAA,IAC3B,MAAA,MAAK,CAAC,SAAI,YAAA,WAAA,EAA/B,mBAA2D,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAb,KAAE,CAAA,EAAA,GAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA;;;KAGlD,YAsBa,YAAA;MAtBD,MAAK;MAAO,QAAA;MAAO,MAAK;;6BAqBvB,CApBX,YAoBW,MAAA,YAAA,EAAA;OApBD,QAAA;OAAQ,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;;8BAmBnB,CAlBT,YAkBS,MAAA,aAAA,EAAA;QAjBN,OAAO,MAAA,MAAK,CAAC;QACb,UAAU,MAAA,MAAK,CAAC;QAChB,SAAK,SAAQ,MAAA,WAAU,EAAA,CAAA,QAAA,CAAA;QACvB,eAAa,MAAA,MAAK,CAAC;;QAET,SAAO,SAUd,EAVkB,MAAM,YAAK,CAC/B,WASE,KAAA,QAAA,WAAA,eAAA,mBAAA;SAR0B;SAAsB;cAA4B,MAAA,MAAK,CAAC;gBAA4B,MAAA,MAAK,CAAC;kBAAgC,MAAA,cAAa;gBAAyB,MAAA,MAAK,CAAC,KAAK;;;;;;;;;;;;;KAc/M,YAYgB,MAAA,YAAA,EAAA,EAZA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA;6BACiE,CAA3F,YAA2F,MAAA,YAAA,EAAA;OAAjF,MAAA;OAAK,MAAK;OAAW,SAAS,MAAA,MAAK,CAAC;OAAU,SAAO,MAAA,YAAW;;8BAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA;;sCAGvE,MAAA,MAAK,CAAC,YAAY,MAAA,MAAK,CAAC,gBAAgB,UAAA,SAAa,UAAA,UAAA,WAAA,EAD9D,YAQW,MAAA,YAAA,EAAA;;OANR,MAAM,MAAA,MAAK,CAAC,SAAI,WAAA,YAAA;OAChB,SAAS,MAAA,MAAK,CAAC;OACf,SAAO,MAAA,WAAU;OAClB,OAAA;;8BAEE,CAAA,gBADH,QACG,gBAAG,MAAA,MAAK,CAAC,SAAI,WAAA,OAAA,KAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <transition name=\"batch-edit-panel\" appear>\n    <aside :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n      <header :class=\"cls.e('form-header')\">\n        <span :class=\"[cls.e('form-icon'), bem.is(headerInfo.tone)]\">\n          <u-icon>\n            <component :is=\"headerInfo.icon\" />\n          </u-icon>\n        </span>\n        <div :class=\"cls.e('form-title')\">\n          <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n          <span v-if=\"headerInfo.chip\" :class=\"cls.e('form-chip')\">\n            {{ headerInfo.chip }}\n          </span>\n        </div>\n        <u-button\n          :class=\"cls.e('form-close')\"\n          :icon=\"Close\"\n          text\n          circle\n          size=\"small\"\n          title=\"关闭\"\n          @click=\"handleClose\"\n        />\n      </header>\n\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n          <u-form\n            :model=\"props.model\"\n            :readonly=\"props.readonly\"\n            @keyup.enter=\"handleSave\"\n            :label-width=\"props.labelWidth\"\n          >\n            <template #default=\"{ data, model }\">\n              <slot\n                v-bind=\"{\n                  data,\n                  model,\n                  row: state.row,\n                  depth: state.depth,\n                  indexes: insertIndexes,\n                  index: state.row?.index\n                }\"\n              />\n            </template>\n          </u-form>\n        </u-scroll>\n      </transition>\n\n      <footer :class=\"cls.e('form-footer')\">\n        <span :class=\"cls.e('form-hint')\" v-if=\"!props.readonly && state.dataUpdated\">\n          有未保存改动\n        </span>\n        <span :class=\"cls.e('form-hint')\" v-else-if=\"!props.readonly\">\n          <kbd>Enter</kbd> 保存 · <kbd>Esc</kbd> 关闭\n        </span>\n        <span :class=\"cls.e('form-hint')\" v-else>只读模式</span>\n\n        <div :class=\"cls.e('form-actions')\">\n          <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n          <u-button\n            v-if=\"!props.readonly && (creatable || updatable)\"\n            :type=\"state.type === 'create' ? 'success' : 'primary'\"\n            :loading=\"state.loading\"\n            :disabled=\"!state.dataUpdated\"\n            @click=\"handleSave\"\n          >\n            {{ state.type === 'create' ? '保存新增' : '保存修改' }}\n          </u-button>\n        </div>\n      </footer>\n    </aside>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { AddChild, Close, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n  cls,\n  props,\n  state,\n  insertIndexes,\n  handleSave,\n  handleClose,\n  staticFeatures,\n  dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n  return (\n    state.type === 'create' &&\n    (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n  )\n})\n\nconst updatable = computed(() => {\n  return (\n    state.type === 'update' &&\n    (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n  )\n})\n\ninterface HeaderInfo {\n  icon: Component\n  title: string\n  chip?: string\n  tone: 'create' | 'update' | 'view' | 'child'\n}\n\nconst headerInfo = computed<HeaderInfo>(() => {\n  if (props.readonly) {\n    return {\n      icon: View,\n      title: '查看详情',\n      chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n      tone: 'view'\n    }\n  }\n  if (state.parentRow) {\n    return {\n      icon: AddChild,\n      title: '新增子级',\n      chip: `归属于第 ${state.parentRow.index + 1} 行`,\n      tone: 'child'\n    }\n  }\n  if (state.type === 'create') {\n    return {\n      icon: Plus,\n      title: '新增',\n      chip: insertIndexes.value.length\n        ? `插入到第 ${insertIndexes.value[insertIndexes.value.length - 1]! + 1} 位`\n        : undefined,\n      tone: 'create'\n    }\n  }\n  return {\n    icon: EditPen,\n    title: '编辑',\n    chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n    tone: 'update'\n  }\n})\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n</script>\n"],"mappings":"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"}