@veltra/desktop 1.2.8 → 1.2.10

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

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

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

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Auto
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  placeholder: string;
-  clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
   allowCustom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,16 +4,18 @@ 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, shallowRef, toDisplayString, toRef, unref, withCtx } from "vue";
+import { FORM_ACTION_HEADER_MAP } from "./form-action-header.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, unref, withCtx } from "vue";
 import { bem } from "@veltra/utils";
-import { AddChild, Close, EditPen, Plus, View } from "@veltra/icons/normal";
+import { Close } from "@veltra/icons/normal";
+import { o } from "@cat-kit/core";
 //#region src/components/batch-edit/batch-edit-form.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "BatchEditForm",
 	__name: "batch-edit-form",
 	setup(__props, { expose: __expose }) {
 		const batchEditCtx = inject(BatchEditDIKey);
-		const { cls, props, state, insertIndexes, handleSave, handleClose, staticFeatures, dynamicFeatures } = batchEditCtx;
+		const { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures } = batchEditCtx;
 		const focused = toRef(batchEditCtx, "focused");
 		const formComponentRef = shallowRef();
 		__expose({
@@ -22,58 +24,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			clearValidate: () => formComponentRef.value?.clearValidate(),
 			reset: () => formComponentRef.value?.reset()
 		});
+		function handleFieldChange(field, value) {
+			if (state.row && props.quickEdit) o(state.row.data).set(field, value);
+		}
 		const creatable = computed(() => {
-			return state.type === "create" && (staticFeatures.value.has("create") || dynamicFeatures.value.create?.(state.row));
+			if (state.formActionType !== "create") return false;
+			return staticFeatures.value.has("create") || dynamicFeatures.value.create?.(state.row);
+		});
+		const creatableChild = computed(() => {
+			if (state.formActionType !== "createChild") return false;
+			return staticFeatures.value.has("createChild") || dynamicFeatures.value.createChild?.(state.row);
 		});
 		const updatable = computed(() => {
-			return state.type === "update" && (staticFeatures.value.has("update") || dynamicFeatures.value.update?.(state.row));
+			if (state.formActionType !== "update") return false;
+			return staticFeatures.value.has("update") || dynamicFeatures.value.update?.(state.row);
 		});
-		const isQuick = computed(() => props.mode === "quick");
-		const isNormal = computed(() => props.mode !== "quick");
-		const isQuickUpdate = computed(() => isQuick.value && state.type === "update");
-		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: "新增",
-				tone: "create"
-			};
-			return {
-				icon: EditPen,
-				title: "编辑",
-				chip: state.row ? `第 ${state.row.index + 1} 行` : void 0,
-				tone: "update"
-			};
+		const showSaveBtn = computed(() => {
+			if (props.readonly) return false;
+			if (props.quickEdit && state.formActionType === "update") return false;
+			return creatable.value || updatable.value || creatableChild.value;
 		});
+		const headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType]);
 		/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */
 		const bodyKey = computed(() => {
-			return `${state.type}-${state.row?.uid ?? "create"}-${state.parentRow?.uid ?? "root"}`;
+			return `${state.formActionType}-${state.row?.uid ?? "create"}-${state.parentRow?.uid ?? "root"}`;
 		});
 		return (_ctx, _cache) => {
-			return unref(state).visible && unref(props).model ? (openBlock(), createElementBlock("aside", {
+			return unref(state).formVisible && !!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, {
+					createElementVNode("span", { class: normalizeClass([unref(cls).e("form-icon"), unref(bem).is(unref(state).formActionType)]) }, [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),
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("form-title")) }, [createElementVNode("h3", { class: normalizeClass(unref(cls).e("form-title-text")) }, toDisplayString(headerInfo.value.title), 3)], 2),
 					createVNode(unref(_sfc_main$3), {
 						class: normalizeClass(unref(cls).e("form-close")),
 						icon: unref(Close),
@@ -103,12 +89,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							ref: formComponentRef,
 							model: unref(props).model,
 							readonly: unref(props).readonly,
-							"label-width": unref(props).labelWidth
+							"label-width": unref(props).labelWidth,
+							"onField:change": handleFieldChange
 						}, {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 								row: unref(state).row,
 								depth: unref(state).depth,
-								indexes: unref(insertIndexes),
+								indexes: unref(state).indexPath,
 								index: unref(state).row?.index
 							})))]),
 							_: 3
@@ -121,53 +108,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					})]),
 					_: 3
 				}, 8, ["class"])),
-				createElementVNode("footer", { class: normalizeClass(unref(cls).e("form-footer")) }, [unref(props).readonly ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(unref(cls).e("form-hint"))
-				}, "只读模式", 2)) : isQuickUpdate.value ? (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass(unref(cls).e("form-hint"))
-				}, [_cache[3] || (_cache[3] = createTextVNode(" 实时编辑 ", -1)), createElementVNode("span", { class: normalizeClass({ [unref(bem).is("concealed")]: !focused.value }) }, [
-					_cache[1] || (_cache[1] = createTextVNode(" · ", -1)),
-					createVNode(unref(_sfc_main$4), null, {
-						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Esc", -1)])]),
+				createElementVNode("footer", { class: normalizeClass(unref(cls).e("form-footer")) }, [createElementVNode("span", { class: normalizeClass(unref(cls).e("form-hint")) }, [unref(props).readonly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" 只读模式 ")], 64)) : createCommentVNode("v-if", true), createElementVNode("span", { class: normalizeClass({ [unref(bem).is("concealed")]: !focused.value }) }, [
+					!(unref(state).formActionType === "update" && unref(props).quickEdit) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(_sfc_main$4), null, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Ctrl + S", -1)])]),
 						_: 1
-					}),
-					_cache[2] || (_cache[2] = createTextVNode(" 关闭", -1))
-				], 2)], 2)) : (openBlock(), createElementBlock("span", {
-					key: 2,
-					class: normalizeClass(unref(cls).e("form-hint"))
-				}, [createElementVNode("span", { class: normalizeClass({ [unref(bem).is("concealed")]: !focused.value }) }, [
-					createVNode(unref(_sfc_main$4), null, {
-						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Ctrl + S", -1)])]),
-						_: 1
-					}),
-					_cache[6] || (_cache[6] = createTextVNode(" 保存 · ", -1)),
+					}), _cache[1] || (_cache[1] = createTextVNode(" 保存 · ", -1))], 64)) : createCommentVNode("v-if", true),
 					createVNode(unref(_sfc_main$4), null, {
-						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Esc", -1)])]),
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Esc", -1)])]),
 						_: 1
 					}),
-					_cache[7] || (_cache[7] = createTextVNode(" 关闭 ", -1))
-				], 2)], 2)), createElementVNode("div", { class: normalizeClass(unref(cls).e("form-actions")) }, [createVNode(unref(_sfc_main$3), {
+					_cache[3] || (_cache[3] = createTextVNode(" 关闭 ", -1))
+				], 2)], 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[8] || (_cache[8] = [createTextVNode(" 取消 ", -1)])]),
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 取消 ", -1)])]),
 					_: 1
-				}, 8, ["loading", "onClick"]), !unref(props).readonly && (isNormal.value && (creatable.value || updatable.value) || isQuick.value && creatable.value) ? (openBlock(), createBlock(unref(_sfc_main$3), {
+				}, 8, ["loading", "onClick"]), showSaveBtn.value ? (openBlock(), createBlock(unref(_sfc_main$3), {
 					key: 0,
-					type: unref(state).type === "create" ? "success" : "primary",
+					type: "primary",
 					loading: unref(state).loading,
 					onClick: unref(handleSave)
 				}, {
-					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(" 保存 ", -1)])]),
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" 保存 ", -1)])]),
 					_: 1
-				}, 8, [
-					"type",
-					"loading",
-					"onClick"
-				])) : createCommentVNode("v-if", true)], 2)], 2)
+				}, 8, ["loading", "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  <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          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              depth: state.depth,\n              indexes: insertIndexes,\n              index: state.row?.index\n            }\"\n          />\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\">只读模式</span>\n      <span :class=\"cls.e('form-hint')\" v-else-if=\"isQuickUpdate\">\n        实时编辑\n        <span :class=\"{ [bem.is('concealed')]: !focused }\"> · <u-kbd>Esc</u-kbd> 关闭</span>\n      </span>\n      <span :class=\"cls.e('form-hint')\" v-else>\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <u-kbd>Ctrl + S</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </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=\"\n            !props.readonly && ((isNormal && (creatable || updatable)) || (isQuick && creatable))\n          \"\n          :type=\"state.type === 'create' ? 'success' : 'primary'\"\n          :loading=\"state.loading\"\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, shallowRef, toRef, type Component } from 'vue'\n\nimport type { _FormExposed, FormExposed } from '../../types/form'\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 batchEditCtx = inject(BatchEditDIKey)!\n\nconst {\n  cls,\n  props,\n  state,\n  insertIndexes,\n  handleSave,\n  handleClose,\n  staticFeatures,\n  dynamicFeatures\n} = batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\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\nconst isQuick = computed(() => props.mode === 'quick')\nconst isNormal = computed(() => props.mode !== 'quick')\nconst isQuickUpdate = computed(() => isQuick.value && state.type === 'update')\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 { icon: Plus, title: '新增', tone: 'create' }\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.formVisible && !!props.model\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(state.formActionType)]\">\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      </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          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n          @field:change=\"handleFieldChange\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              depth: state.depth,\n              indexes: state.indexPath,\n              index: state.row?.index\n            }\"\n          />\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\">\n        <template v-if=\"props.readonly\"> 只读模式 </template>\n\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <template v-if=\"!(state.formActionType === 'update' && props.quickEdit)\">\n            <u-kbd>Ctrl + S</u-kbd> 保存 ·\n          </template>\n          <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button v-if=\"showSaveBtn\" type=\"primary\" :loading=\"state.loading\" @click=\"handleSave\">\n          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef, toRef } from 'vue'\n\nimport type { _FormExposed, FormExposed } from '../../types/form'\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\nimport { FORM_ACTION_HEADER_MAP } from './form-action-header'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst batchEditCtx = inject(BatchEditDIKey)!\n\nconst { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures } = batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\n\nfunction handleFieldChange(field: string, value: any) {\n  if (state.row && props.quickEdit) {\n    o(state.row.data).set(field, value)\n  }\n}\n\nconst creatable = computed(() => {\n  if (state.formActionType !== 'create') return false\n  return staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row)\n})\n\nconst creatableChild = computed(() => {\n  if (state.formActionType !== 'createChild') return false\n  return staticFeatures.value.has('createChild') || dynamicFeatures.value.createChild?.(state.row)\n})\n\nconst updatable = computed(() => {\n  if (state.formActionType !== 'update') return false\n  return staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row)\n})\n\nconst showSaveBtn = computed(() => {\n  if (props.readonly) return false\n  if (props.quickEdit && state.formActionType === 'update') return false\n  return creatable.value || updatable.value || creatableChild.value\n})\n\nconst headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.formActionType}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n</script>\n"],"mappings":"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"}

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

@@ -3,9 +3,8 @@ import _sfc_main$2 from "../table/table.js";
 import { BatchEditDIKey } from "./di.js";
 import _sfc_main$3 from "../action/action.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 { computed, createBlock, createCommentVNode, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, unref, withCtx, withModifiers } from "vue";
+import { AddChild, Delete, InsertToNext, InsertToPrev, Plus } from "@veltra/icons/normal";
 import { o } from "@cat-kit/core";
 //#region src/components/batch-edit/batch-edit-list.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "batch-edit-list",
 	props: { slots: {} },
 	setup(__props) {
-		const { cls, state, tableRef, props, emit, staticFeatures, dynamicFeatures, handleCreate, handleCopy, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
+		const { cls, state, props, emit, staticFeatures, dynamicFeatures, handleCreate, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
 		const tableProps = computed(() => {
 			return o(props).omit([
 				"model",
@@ -36,8 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				"create",
 				"delete",
 				"createChild",
-				"update",
-				"copy"
+				"update"
 			])) return props.columns;
 			return (props.columns ?? []).concat({
 				name: "操作",
@@ -49,27 +47,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			});
 		});
 		function handleUpdateCurrentRow(row) {
-			if (allowed("update", row)) {
-				if (row) state.type = "update";
-				state.row = row;
-				state.depth = row?.depth;
-			}
+			if (allowed("update", row)) state.row = row;
 		}
 		function canDelete(row) {
 			return !props.readonly && allowed("delete", row);
 		}
+		const showCreateBtn = computed(() => {
+			if (props.readonly) return false;
+			const hasFeature = staticFeatures.value.has("create") || dynamicFeatures.value.create?.();
+			const createActionVisible = state.formActionType === "create" && state.formVisible;
+			return hasFeature && !createActionVisible;
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$2), mergeProps(tableProps.value, {
 				slots: __props.slots,
-				class: [unref(cls).e("table"), unref(bem).is("editing", unref(state).visible)],
+				class: [unref(cls).e("table")],
 				columns: columns.value,
 				"highlight-current": "",
 				current: unref(state).row,
 				"onUpdate:current": handleUpdateCurrentRow,
 				"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
+				"onUpdate:selected": _cache[2] || (_cache[2] = ($event) => unref(emit)("update:selected", $event))
 			}), createSlots({
 				"column:__action__": withCtx(({ row }) => [createVNode(unref(action_group_default), {
 					class: normalizeClass(unref(cls).e("row-actions")),
@@ -96,14 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							title: "添加子级",
 							onRun: ($event) => unref(handleInsertChild)(row)
 						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
-						allowed("copy", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
-							key: 3,
-							icon: unref(Copy),
-							title: "复制此行",
-							onRun: ($event) => unref(handleCopy)(row)
-						}, null, 8, ["icon", "onRun"])) : createCommentVNode("v-if", true),
 						canDelete(row) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-							key: 4,
+							key: 3,
 							icon: unref(Delete),
 							type: "danger",
 							title: "删除",
@@ -113,11 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					_: 2
 				}, 1032, ["class"])]),
 				_: 2
-			}, [!unref(props).readonly ? {
-				name: "empty",
-				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") ? {
+			}, [showCreateBtn.value ? {
 				name: "append",
 				fn: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("add")) }, [createVNode(unref(_sfc_main$1), {
 					class: normalizeClass(unref(cls).e("add-btn")),
@@ -127,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					plain: "",
 					onClick: withModifiers(unref(handleCreate), ["stop"])
 				}, {
-					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 新增一行 ", -1)])]),
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" 新增一行 ", -1)])]),
 					_: 1
 				}, 8, [
 					"class",
@@ -135,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					"loading",
 					"onClick"
 				])], 2)]),
-				key: "1"
+				key: "0"
 			} : void 0]), 1040, [
 				"slots",
 				"class",

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=\"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({ name: 'BatchEditList' })\n\ndefineProps<{ slots: Slots }>()\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    'mode',\n    'beforeCreate'\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    if (row) {\n      state.type = 'update'\n    }\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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"}
+{"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')]\"\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  >\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=\"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    <!-- 新增按钮 -->\n    <template #append v-if=\"showCreateBtn\">\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, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\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({ name: 'BatchEditList' })\n\ndefineProps<{ slots: Slots }>()\n\nconst {\n  cls,\n  state,\n  props,\n  emit,\n  staticFeatures,\n  dynamicFeatures,\n  handleCreate,\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    'mode',\n    'beforeCreate'\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'])) 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  }\n}\n\nfunction canDelete(row: TableRow) {\n  return !props.readonly && allowed('delete', row)\n}\n\nconst showCreateBtn = computed(() => {\n  if (props.readonly) return false\n\n  const hasFeature = staticFeatures.value.has('create') || dynamicFeatures.value.create?.()\n  const createActionVisible = state.formActionType === 'create' && state.formVisible\n  return hasFeature && !createActionVisible\n})\n</script>\n"],"mappings":"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"}

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

@@ -1,11 +1,12 @@
 import _sfc_main$1 from "../layout/layout.js";
-import { DialogDIKey } from "../dialog/di.js";
 import { BatchEditDIKey } from "./di.js";
 import _sfc_main$2 from "./batch-edit-form.js";
 import _sfc_main$3 from "./batch-edit-list.js";
-import { useEdit } from "./use-edit.js";
+import { useEditState } from "./use-edit-state.js";
 import { useFeatures } from "./use-features.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, provide, renderSlot, shallowRef, unref, useSlots, watch, withCtx } from "vue";
+import { useHandlers } from "./use-handlers.js";
+import { useShortcutKey } from "./use-shortcut-key.js";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, unref, useSlots, useTemplateRef, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/batch-edit/batch-edit.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		title: {},
 		cols: { default: () => ["1fr", "420px"] },
 		readonly: { type: Boolean },
-		mode: { default: "normal" },
+		quickEdit: { type: Boolean },
 		beforeCreate: {},
 		labelWidth: {},
 		deleteMethod: {},
@@ -59,91 +60,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const cls = bem("batch-edit");
-		const tableRef = shallowRef();
-		const formRef = shallowRef();
-		const focused = shallowRef(false);
+		const formRef = useTemplateRef("form");
+		const { state, resetState } = useEditState({
+			props,
+			formRef
+		});
 		const { staticFeatures, dynamicFeatures } = useFeatures({ props });
-		const editCtx = useEdit({
+		const handlers = useHandlers({
 			props,
 			emit,
+			state,
+			resetState,
 			formRef
 		});
-		const { state, handleClose, handleSave } = editCtx;
+		const { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({
+			props,
+			onSave: handlers.handleSave,
+			onClose: handlers.handleClose,
+			state
+		});
+		const cols = computed(() => {
+			return state.formVisible ? props.cols : void 0;
+		});
 		provide(BatchEditDIKey, {
 			cls,
 			props,
 			emit,
-			tableRef,
+			state,
 			staticFeatures,
 			dynamicFeatures,
 			focused,
-			...editCtx
-		});
-		const dialogCtx = inject(DialogDIKey, void 0);
-		dialogCtx && watch(dialogCtx.visible, (visible) => {
-			!visible && editCtx.handleClose();
-		});
-		const cols = computed(() => {
-			return !!state.row || state.visible ? props.cols : void 0;
+			...handlers
 		});
-		function handleFocusIn() {
-			focused.value = true;
-		}
-		function handleFocusOut(e) {
-			if (!e.currentTarget.contains(e.relatedTarget)) focused.value = false;
-		}
-		/**
-		* 键盘快捷键（仅组件获焦时生效）：
-		* - Esc          关闭表单
-		* - ⌘/Ctrl + S   保存（快速编辑模式下编辑行时除外）
-		*/
-		function handleKeydown(e) {
-			if (!focused.value) return;
-			if (props.readonly && e.key !== "Escape") return;
-			if (e.key === "Escape") {
-				if (state.visible) {
-					e.preventDefault();
-					handleClose();
-				}
-				return;
-			}
-			if (!(e.metaKey || e.ctrlKey)) return;
-			if (e.key.toLowerCase() === "s" && state.visible) {
-				if (props.mode === "quick" && state.type === "update") return;
-				e.preventDefault();
-				handleSave();
-			}
-		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
 				class: normalizeClass(unref(cls).b),
 				cols: cols.value,
-				rows: "minmax(0, 1fr)",
+				rows: "minmax(0, 1fr) ",
 				gap: "8px",
 				resizable: "",
 				tabindex: "-1",
-				onFocusin: handleFocusIn,
-				onFocusout: handleFocusOut,
-				onKeydownCapture: handleKeydown
+				onFocusin: unref(handleFocusIn),
+				onFocusout: unref(handleFocusOut),
+				onKeydownCapture: unref(handleKeydown)
 			}, {
 				default: withCtx(() => [
 					createCommentVNode(" 编辑列表 "),
-					createVNode(_sfc_main$3, {
-						slots,
-						ref_key: "tableRef",
-						ref: tableRef
-					}, null, 512),
+					createVNode(_sfc_main$3, { slots }),
 					createCommentVNode(" 编辑表单 "),
-					createVNode(_sfc_main$2, {
-						ref_key: "formRef",
-						ref: formRef
-					}, {
+					createVNode(_sfc_main$2, { ref: "form" }, {
 						default: withCtx((scoped) => [renderSlot(_ctx.$slots, "form", normalizeProps(guardReactiveProps(scoped)))]),
 						_: 3
 					}, 512)
 				]),
 				_: 3
-			}, 8, ["class", "cols"]);
+			}, 8, [
+				"class",
+				"cols",
+				"onFocusin",
+				"onFocusout",
+				"onKeydownCapture"
+			]);
 		};
 	}
 });

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=\"minmax(0, 1fr)\"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" ref=\"tableRef\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"formRef\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport type { FormExposed } from '../../types/form'\nimport { DialogDIKey } from '../dialog/di'\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'\nimport { useFeatures } from './use-features'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{ [key: `column:${string}`]: (props: TableColumnSlotsScope) => any }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\nconst formRef = shallowRef<FormExposed>()\nconst focused = shallowRef(false)\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst editCtx = useEdit({ props, emit, formRef })\n\nconst { state, handleClose, handleSave } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\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\nfunction handleFocusIn() {\n  focused.value = true\n}\n\nfunction handleFocusOut(e: FocusEvent) {\n  const root = e.currentTarget as HTMLElement\n  if (!root.contains(e.relatedTarget as Node | null)) {\n    focused.value = false\n  }\n}\n\n/**\n * 键盘快捷键（仅组件获焦时生效）：\n * - Esc          关闭表单\n * - ⌘/Ctrl + S   保存（快速编辑模式下编辑行时除外）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (!focused.value) return\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    if (props.mode === 'quick' && state.type === 'update') return\n    e.preventDefault()\n    handleSave()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAiBd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,WAAW,WAAyB;EAC1C,MAAM,UAAU,WAAwB;EACxC,MAAM,UAAU,WAAW,KAAK;EAEhC,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;EAAQ,CAAC;EAEhD,MAAM,EAAE,OAAO,aAAa,eAAe;EAE3C,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,CAAS;EAE/C,aACE,MAAM,UAAU,UAAU,YAAY;GACpC,CAAC,WAAW,QAAQ,YAAY;EAClC,CAAC;EAEH,MAAM,OAAO,eAAe;GAC1B,OAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;EACrD,CAAC;EAED,SAAS,gBAAgB;GACvB,QAAQ,QAAQ;EAClB;EAEA,SAAS,eAAe,GAAe;GAErC,IAAI,CADS,EAAE,cACL,SAAS,EAAE,aAA4B,GAC/C,QAAQ,QAAQ;EAEpB;;;;;;EAOA,SAAS,cAAc,GAAkB;GACvC,IAAI,CAAC,QAAQ,OAAO;GACpB,IAAI,MAAM,YAAY,EAAE,QAAQ,UAAU;GAE1C,IAAI,EAAE,QAAQ,UAAU;IACtB,IAAI,MAAM,SAAS;KACjB,EAAE,eAAe;KACjB,YAAY;IACd;IACA;GACF;GAGA,IAAI,EADS,EAAE,WAAW,EAAE,UACjB;GAIX,IAFY,EAAE,IAAI,YAEd,MAAQ,OAAO,MAAM,SAAS;IAChC,IAAI,MAAM,SAAS,WAAW,MAAM,SAAS,UAAU;IACvD,EAAE,eAAe;IACjB,WAAW;GACb;EACF;;uBA3IE,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS;IACT,YAAU;sBACO;;2BAEL;KAAb,mBAAA,QAAA;KACA,YAA+C,aAAA;MAAxB;eAAW;MAAJ,KAAI;;KAElC,mBAAA,QAAA;KACA,YAEgB,aAAA;eAFG;MAAJ,KAAI;;wBAAkB,WAAM,CACzC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,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=\"minmax(0, 1fr) \"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"form\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useTemplateRef } from 'vue'\n\nimport type { BatchEditEmits, BatchEditProps, BatchEditSlots, FormExposed } from '../../types'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEditState } from './use-edit-state'\nimport { useFeatures } from './use-features'\nimport { useHandlers } from './use-handlers'\nimport { useShortcutKey } from './use-shortcut-key'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<BatchEditSlots>()\n\nconst cls = bem('batch-edit')\n\nconst formRef = useTemplateRef<FormExposed>('form')\n\nconst { state, resetState } = useEditState({ props, formRef })\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst handlers = useHandlers({ props, emit, state, resetState, formRef })\n\n// 快捷键处理\nconst { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({\n  props,\n  onSave: handlers.handleSave,\n  onClose: handlers.handleClose,\n  state\n})\n\nconst cols = computed(() => {\n  return state.formVisible ? props.cols : undefined\n})\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  state,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\n  ...handlers\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAEd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,UAAU,eAA4B,MAAM;EAElD,MAAM,EAAE,OAAO,eAAe,aAAa;GAAE;GAAO;EAAQ,CAAC;EAE7D,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,WAAW,YAAY;GAAE;GAAO;GAAM;GAAO;GAAY;EAAQ,CAAC;EAGxE,MAAM,EAAE,eAAe,gBAAgB,eAAe,YAAY,eAAe;GAC/E;GACA,QAAQ,SAAS;GACjB,SAAS,SAAS;GAClB;EACF,CAAC;EAED,MAAM,OAAO,eAAe;GAC1B,OAAO,MAAM,cAAc,MAAM,OAAO,KAAA;EAC1C,CAAC;EAED,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;;uBA1EC,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS,MAAA,aAAA;IACT,YAAU,MAAA,cAAA;sBACO,MAAA,aAAA;;2BAEL;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAEgB,aAAA,EAFD,KAAI,OAAM,GAAA;wBAAS,WAAM,CACtC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/batch-edit/batch-edit.vue.d.ts

@@ -1,17 +1,7 @@
-import { TableColumn, TableColumnSlotsScope, TableRow } from "../../types/table.js";
-import { BatchEditMode, BatchEditProps } from "../../types/batch-edit.js";
+import { TableColumn, TableRow } from "../../types/table.js";
+import { BatchEditProps, BatchEditSlots } from "../../types/batch-edit.js";
 //#region src/components/batch-edit/batch-edit.vue.d.ts
-type __VLS_Slots = {
-  form?: (props: {
-    /** 当前编辑的层级 */depth?: number; /** 当前编辑的行 */
-    row?: TableRow; /** 当前编辑的行索引 */
-    index?: number; /** 操作的目标行索引路径 */
-    indexes?: number[];
-  }) => any;
-  header?: () => any;
-} & Partial<{
-  [key: `column:${string}`]: (props: TableColumnSlotsScope) => any;
-}>;
+type __VLS_Slots = BatchEditSlots;
 declare const __VLS_base: import("vue").DefineComponent<BatchEditProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "update:selected": (value: Record<string, any> | undefined) => any;
   "update:checked": (value: Record<string, any>[]) => any;
@@ -32,7 +22,6 @@ declare const __VLS_base: import("vue").DefineComponent<BatchEditProps, {}, {},
   "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
 }>, {
   cols: string | [string, string];
-  mode: BatchEditMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;