@veltra/desktop 1.1.4 → 1.1.6

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

@@ -1,9 +1,10 @@
-import _sfc_main$1 from "../scroll/scroll.js";
-import _sfc_main$2 from "../icon/icon.js";
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../scroll/scroll.js";
 import form_default from "../form/form.js";
 import _sfc_main$3 from "../button/button.js";
+import _sfc_main$4 from "../kbd/kbd.js";
 import { BatchEditDIKey } from "./di.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, 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 } 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
@@ -34,7 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			if (state.type === "create") return {
 				icon: Plus,
 				title: "新增",
-				chip: insertIndexes.value.length ? `插入到第 ${insertIndexes.value[insertIndexes.value.length - 1] + 1} 位` : void 0,
 				tone: "create"
 			};
 			return {
@@ -48,112 +48,117 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const bodyKey = computed(() => {
 			return `${state.type}-${state.row?.uid ?? "create"}-${state.parentRow?.uid ?? "root"}`;
 		});
+		function handleFormKeydown(e) {
+			if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+				e.preventDefault();
+				handleSave();
+			}
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Transition, {
-				name: "batch-edit-panel",
-				appear: ""
-			}, {
-				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, {
+			return 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$1), 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),
+				(openBlock(), createBlock(unref(_sfc_main$2), {
+					always: "",
+					class: normalizeClass(unref(cls).e("form-body")),
+					key: bodyKey.value
+				}, {
+					default: withCtx(() => [createVNode(Transition, {
 						name: "fade",
 						appear: "",
 						mode: "out-in"
 					}, {
-						default: withCtx(() => [(openBlock(), createBlock(unref(_sfc_main$1), {
-							always: "",
-							class: normalizeClass(unref(cls).e("form-body")),
-							key: bodyKey.value
+						default: withCtx(() => [createVNode(unref(form_default), {
+							model: unref(props).model,
+							readonly: unref(props).readonly,
+							onKeydown: handleFormKeydown,
+							"label-width": unref(props).labelWidth
 						}, {
-							default: withCtx(() => [createVNode(unref(form_default), {
-								model: unref(props).model,
-								readonly: unref(props).readonly,
-								onKeyup: withKeys(unref(handleSave), ["enter"]),
-								"label-width": unref(props).labelWidth
-							}, {
-								default: withCtx(({ data, model }) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-									data,
-									model,
-									row: unref(state).row,
-									depth: unref(state).depth,
-									indexes: unref(insertIndexes),
-									index: unref(state).row?.index
-								})))]),
-								_: 3
-							}, 8, [
-								"model",
-								"readonly",
-								"onKeyup",
-								"label-width"
-							])]),
+							default: withCtx(({ data, model }) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+								data,
+								model,
+								row: unref(state).row,
+								depth: unref(state).depth,
+								indexes: unref(insertIndexes),
+								index: unref(state).row?.index
+							})))]),
 							_: 3
-						}, 8, ["class"]))]),
+						}, 8, [
+							"model",
+							"readonly",
+							"label-width"
+						])]),
 						_: 3
-					}),
-					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)])]),
+					})]),
+					_: 3
+				}, 8, ["class"])),
+				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"))
+				}, [
+					createVNode(unref(_sfc_main$4), null, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Ctrl + Enter", -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)]),
+					}),
+					_cache[2] || (_cache[2] = createTextVNode(" 保存 · ", -1)),
+					createVNode(unref(_sfc_main$4), null, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Esc", -1)])]),
 						_: 1
-					}, 8, [
-						"type",
-						"loading",
-						"disabled",
-						"onClick"
-					])) : createCommentVNode("v-if", true)], 2)], 2)
-				], 2)) : createCommentVNode("v-if", true)]),
-				_: 3
-			});
+					}),
+					_cache[3] || (_cache[3] = 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[4] || (_cache[4] = [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(() => [..._cache[5] || (_cache[5] = [createTextVNode(" 保存 ", -1)])]),
+					_: 1
+				}, 8, [
+					"type",
+					"loading",
+					"disabled",
+					"onClick"
+				])) : createCommentVNode("v-if", true)], 2)], 2)
+			], 2)) : 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  <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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"}
+{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\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    <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          @keydown=\"handleFormKeydown\"\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      </transition>\n    </u-scroll>\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        <u-kbd>Ctrl + Enter</u-kbd> 保存 · <u-kbd>Esc</u-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          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\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 { UKbd } from '../kbd'\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      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\nfunction handleFormKeydown(e: KeyboardEvent) {\n  if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n    e.preventDefault()\n    handleSave()\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/components/batch-edit/batch-edit-list.js

@@ -1,20 +1,19 @@
-import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$1 from "../button/button.js";
 import _sfc_main$2 from "../table/table.js";
 import { BatchEditDIKey } from "./di.js";
 import _sfc_main$3 from "../action/action.js";
-import _sfc_main$4 from "../action/action-group.js";
+import action_group_default from "../action/action-group.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { bem } from "@veltra/utils";
+import { AddChild, Copy, Delete, InsertToNext, InsertToPrev, Plus } from "@veltra/icons/normal";
 import { o } from "@cat-kit/core";
-import { Delete, EditPen, Plus, View } from "@veltra/icons/normal";
 //#region src/components/batch-edit/batch-edit-list.vue
-const _hoisted_1 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "BatchEditList",
 	__name: "batch-edit-list",
 	props: { slots: {} },
 	setup(__props) {
-		const { cls, state, tableRef, props, emit, staticFeatures, dynamicFeatures, handleCreate, handleEdit, handleCopy, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
+		const { cls, state, tableRef, props, emit, staticFeatures, dynamicFeatures, handleCreate, handleCopy, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
 		const tableProps = computed(() => {
 			return o(props).omit([
 				"model",
@@ -42,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				name: "操作",
 				key: "__action__",
 				align: "center",
-				width: 132,
+				width: 180,
 				fixed: "right",
 				resizable: false
 			});
@@ -53,9 +52,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				state.depth = row?.depth;
 			}
 		}
-		function canEdit(row) {
-			return !props.readonly ? allowed("update", row) : true;
-		}
 		function canDelete(row) {
 			return !props.readonly && allowed("delete", row);
 		}
@@ -65,95 +61,83 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				class: [unref(cls).e("table"), unref(bem).is("editing", unref(state).visible)],
 				columns: columns.value,
 				"highlight-current": "",
-				"current-row": unref(state).row,
+				current: unref(state).row,
 				"onUpdate:current": handleUpdateCurrentRow,
-				"onUpdate:checked": _cache[2] || (_cache[2] = ($event) => unref(emit)("update:checked", $event)),
-				"onUpdate:selected": _cache[3] || (_cache[3] = ($event) => unref(emit)("update:selected", $event)),
+				"onUpdate:checked": _cache[1] || (_cache[1] = ($event) => unref(emit)("update:checked", $event)),
+				"onUpdate:selected": _cache[2] || (_cache[2] = ($event) => unref(emit)("update:selected", $event)),
 				ref_key: "tableRef",
 				ref: tableRef
 			}), createSlots({
-				"column:__action__": withCtx(({ row }) => [createVNode(unref(_sfc_main$4), {
+				"column:__action__": withCtx(({ row }) => [createVNode(unref(action_group_default), {
 					class: normalizeClass(unref(cls).e("row-actions")),
-					hover: "",
-					circle: "",
-					max: 3,
-					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+					max: 5,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					circle: ""
 				}, {
 					default: withCtx(() => [
-						canEdit(row) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-							key: 0,
-							icon: unref(props).readonly ? unref(View) : unref(EditPen),
-							title: unref(props).readonly ? "查看" : "编辑",
-							onRun: ($event) => unref(handleEdit)(row)
-						}, unref(props).actionsProps?.update), null, 16, [
-							"icon",
-							"title",
-							"onRun"
-						])) : createCommentVNode("v-if", true),
-						canDelete(row) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-							key: 1,
-							icon: unref(Delete),
-							type: "danger",
-							title: "删除",
-							onRun: ($event) => unref(handleDelete)(row)
-						}, unref(props).actionsProps?.delete), null, 16, ["icon", "onRun"])) : createCommentVNode("v-if", true),
 						allowed("create", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
-							key: 2,
-							"in-dropdown": "",
+							key: 0,
+							icon: unref(InsertToPrev),
+							title: "在上方插入",
 							onRun: ($event) => unref(handleInsertToPrev)(row)
-						}, {
-							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 在上方插入 ", -1)])]),
-							_: 1
-						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
 						allowed("create", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
-							key: 3,
-							"in-dropdown": "",
+							key: 1,
+							icon: unref(InsertToNext),
+							title: "在下方插入",
 							onRun: ($event) => unref(handleInsertToNext)(row)
-						}, {
-							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" 在下方插入 ", -1)])]),
-							_: 1
-						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
 						!!unref(props).tree && allowed("createChild", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
-							key: 4,
-							"in-dropdown": "",
+							key: 2,
+							icon: unref(AddChild),
+							title: "添加子级",
 							onRun: ($event) => unref(handleInsertChild)(row)
-						}, {
-							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" 添加子级 ", -1)])]),
-							_: 1
-						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
 						allowed("copy", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
-							key: 5,
-							"in-dropdown": "",
+							key: 3,
+							icon: unref(Copy),
+							title: "复制此行",
 							onRun: ($event) => unref(handleCopy)(row)
-						}, {
-							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" 复制此行 ", -1)])]),
-							_: 1
-						}, 8, ["onRun"])) : createCommentVNode("v-if", true)
+						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
+						canDelete(row) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
+							key: 4,
+							icon: unref(Delete),
+							type: "danger",
+							title: "删除",
+							onRun: ($event) => unref(handleDelete)(row)
+						}, unref(props).actionsProps?.delete), null, 16, ["icon", "onRun"])) : createCommentVNode("v-if", true)
 					]),
 					_: 2
 				}, 1032, ["class"])]),
 				_: 2
 			}, [!unref(props).readonly ? {
 				name: "empty",
-				fn: withCtx(() => [_cache[8] || (_cache[8] = createTextVNode(toDisplayString(null), -1))]),
+				fn: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(toDisplayString(null), -1))]),
 				key: "0"
 			} : void 0, !unref(props).readonly && (unref(staticFeatures).has("create") || unref(dynamicFeatures).create?.()) && (unref(state).type === "create" && !unref(state).visible || unref(state).type === "update") ? {
 				name: "append",
-				fn: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("add")) }, [createElementVNode("button", {
-					type: "button",
-					class: normalizeClass([unref(cls).e("add-btn"), unref(bem).is("loading", unref(state).loading)]),
-					disabled: unref(state).loading,
-					onClick: _cache[1] || (_cache[1] = withModifiers((...args) => unref(handleCreate) && unref(handleCreate)(...args), ["stop"]))
-				}, [createVNode(unref(_sfc_main$1), { class: normalizeClass(unref(cls).e("add-icon")) }, {
-					default: withCtx(() => [createVNode(unref(Plus))]),
+				fn: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("add")) }, [createVNode(unref(_sfc_main$1), {
+					class: normalizeClass(unref(cls).e("add-btn")),
+					icon: unref(Plus),
+					loading: unref(state).loading,
+					type: "primary",
+					plain: "",
+					onClick: withModifiers(unref(handleCreate), ["stop"])
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 新增一行 ", -1)])]),
 					_: 1
-				}, 8, ["class"]), createElementVNode("span", { class: normalizeClass(unref(cls).e("add-label")) }, "新增一行", 2)], 10, _hoisted_1)], 2)]),
+				}, 8, [
+					"class",
+					"icon",
+					"loading",
+					"onClick"
+				])], 2)]),
 				key: "1"
 			} : void 0]), 1040, [
 				"slots",
 				"class",
 				"columns",
-				"current-row"
+				"current"
 			]);
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n  <u-table\n    v-bind=\"tableProps\"\n    :slots=\"slots\"\n    :class=\"[cls.e('table'), bem.is('editing', state.visible)]\"\n    :columns=\"columns\"\n    highlight-current\n    :current-row=\"state.row\"\n    @update:current=\"handleUpdateCurrentRow\"\n    @update:checked=\"emit('update:checked', $event)\"\n    @update:selected=\"emit('update:selected', $event)\"\n    ref=\"tableRef\"\n  >\n    <template #column:__action__=\"{ row }\">\n      <u-action-group :class=\"cls.e('row-actions')\" hover circle :max=\"3\" @click.stop>\n        <u-action\n          v-if=\"canEdit(row)\"\n          :icon=\"props.readonly ? View : EditPen\"\n          :title=\"props.readonly ? '查看' : '编辑'\"\n          @run=\"handleEdit(row)\"\n          v-bind=\"props.actionsProps?.update\"\n        />\n\n        <u-action\n          v-if=\"canDelete(row)\"\n          :icon=\"Delete\"\n          type=\"danger\"\n          title=\"删除\"\n          @run=\"handleDelete(row)\"\n          v-bind=\"props.actionsProps?.delete\"\n        />\n\n        <u-action v-if=\"allowed('create', row)\" in-dropdown @run=\"handleInsertToPrev(row)\">\n          在上方插入\n        </u-action>\n        <u-action v-if=\"allowed('create', row)\" in-dropdown @run=\"handleInsertToNext(row)\">\n          在下方插入\n        </u-action>\n        <u-action\n          v-if=\"!!props.tree && allowed('createChild', row)\"\n          in-dropdown\n          @run=\"handleInsertChild(row)\"\n        >\n          添加子级\n        </u-action>\n        <u-action v-if=\"allowed('copy', row)\" in-dropdown @run=\"handleCopy(row)\">\n          复制此行\n        </u-action>\n      </u-action-group>\n    </template>\n\n    <template #empty v-if=\"!props.readonly\"> {{ null }} </template>\n\n    <template\n      #append\n      v-if=\"\n        !props.readonly &&\n        (staticFeatures.has('create') || dynamicFeatures.create?.()) &&\n        ((state.type === 'create' && !state.visible) || state.type === 'update')\n      \"\n    >\n      <div :class=\"cls.e('add')\">\n        <button\n          type=\"button\"\n          :class=\"[cls.e('add-btn'), bem.is('loading', state.loading)]\"\n          :disabled=\"state.loading\"\n          @click.stop=\"handleCreate\"\n        >\n          <u-icon :class=\"cls.e('add-icon')\">\n            <Plus />\n          </u-icon>\n          <span :class=\"cls.e('add-label')\">新增一行</span>\n        </button>\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { Delete, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UIcon } from '../icon'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({\n  name: 'BatchEditList'\n})\n\ndefineProps<{\n  slots: Slots\n}>()\n\nconst {\n  cls,\n  state,\n  tableRef,\n  props,\n  emit,\n  staticFeatures,\n  dynamicFeatures,\n  handleCreate,\n  handleEdit,\n  handleCopy,\n  handleDelete,\n  handleInsertToNext,\n  handleInsertToPrev,\n  handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'model',\n    'columns',\n    'cols',\n    'readonly',\n    'deleteMethod',\n    'saveMethod',\n    'features'\n  ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n  return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n  if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update', 'copy']))\n    return props.columns\n\n  return (props.columns ?? []).concat({\n    name: '操作',\n    key: '__action__',\n    align: 'center',\n    width: 132,\n    fixed: 'right',\n    resizable: false\n  })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n  if (allowed('update', row)) {\n    state.row = row\n    state.depth = row?.depth\n  }\n}\n\nfunction canEdit(row: TableRow) {\n  return !props.readonly ? allowed('update', row) : true\n}\n\nfunction canDelete(row: TableRow) {\n  return !props.readonly && allowed('delete', row)\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n  <u-table\n    v-bind=\"tableProps\"\n    :slots=\"slots\"\n    :class=\"[cls.e('table'), bem.is('editing', state.visible)]\"\n    :columns=\"columns\"\n    highlight-current\n    :current=\"state.row\"\n    @update:current=\"handleUpdateCurrentRow\"\n    @update:checked=\"emit('update:checked', $event)\"\n    @update:selected=\"emit('update:selected', $event)\"\n    ref=\"tableRef\"\n  >\n    <template #column:__action__=\"{ row }\">\n      <u-action-group :class=\"cls.e('row-actions')\" :max=\"5\" @click.stop circle>\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToPrev\"\n          title=\"在上方插入\"\n          @run=\"handleInsertToPrev(row)\"\n        />\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToNext\"\n          title=\"在下方插入\"\n          @run=\"handleInsertToNext(row)\"\n        />\n        <u-action\n          v-if=\"!!props.tree && allowed('createChild', row)\"\n          :icon=\"AddChild\"\n          title=\"添加子级\"\n          @run=\"handleInsertChild(row)\"\n        />\n        <u-action\n          v-if=\"allowed('copy', row)\"\n          :icon=\"Copy\"\n          title=\"复制此行\"\n          @run=\"handleCopy(row)\"\n        />\n\n        <u-action\n          v-if=\"canDelete(row)\"\n          :icon=\"Delete\"\n          type=\"danger\"\n          title=\"删除\"\n          @run=\"handleDelete(row)\"\n          v-bind=\"props.actionsProps?.delete\"\n        />\n      </u-action-group>\n    </template>\n\n    <template #empty v-if=\"!props.readonly\"> {{ null }} </template>\n\n    <template\n      #append\n      v-if=\"\n        !props.readonly &&\n        (staticFeatures.has('create') || dynamicFeatures.create?.()) &&\n        ((state.type === 'create' && !state.visible) || state.type === 'update')\n      \"\n    >\n      <div :class=\"cls.e('add')\">\n        <u-button\n          :class=\"cls.e('add-btn')\"\n          :icon=\"Plus\"\n          :loading=\"state.loading\"\n          type=\"primary\"\n          plain\n          @click.stop=\"handleCreate\"\n        >\n          新增一行\n        </u-button>\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { AddChild, Copy, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({\n  name: 'BatchEditList'\n})\n\ndefineProps<{\n  slots: Slots\n}>()\n\nconst {\n  cls,\n  state,\n  tableRef,\n  props,\n  emit,\n  staticFeatures,\n  dynamicFeatures,\n  handleCreate,\n  handleCopy,\n  handleDelete,\n  handleInsertToNext,\n  handleInsertToPrev,\n  handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'model',\n    'columns',\n    'cols',\n    'readonly',\n    'deleteMethod',\n    'saveMethod',\n    'features'\n  ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n  return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n  if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update', 'copy']))\n    return props.columns\n\n  return (props.columns ?? []).concat({\n    name: '操作',\n    key: '__action__',\n    align: 'center',\n    width: 180,\n    fixed: 'right',\n    resizable: false\n  })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n  if (allowed('update', row)) {\n    state.row = row\n    state.depth = row?.depth\n  }\n}\n\nfunction canDelete(row: TableRow) {\n  return !props.readonly && allowed('delete', row)\n}\n</script>\n"],"mappings":"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"}

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

@@ -38,7 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		border: { type: Boolean },
 		virtualThreshold: {},
 		expandable: { type: Boolean },
-		virtual: { type: Boolean },
 		defaultExpandAll: { type: Boolean },
 		textEllipsis: { type: Boolean }
 	},

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

@@ -1 +1 @@
-{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"100%\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"100%\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/batch-edit/style.js

@@ -5,6 +5,7 @@ import "../scroll/style.js";
 import "../form/style.js";
 import "../layout/style.js";
 import "../table/style.js";
+import "../kbd/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/fade.scss";