@veltra/desktop 1.0.12 → 1.0.14

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

@@ -1,18 +1,20 @@
-import _sfc_main$1 from "../button/button.js";
+import _sfc_main$1 from "../icon/icon.js";
 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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import _sfc_main$4 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 { o } from "@cat-kit/core";
-import { AddChild, Delete, InsertToNext, InsertToPrev } from "@veltra/icons/normal";
+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, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
+		const { cls, state, tableRef, props, emit, staticFeatures, dynamicFeatures, handleCreate, handleEdit, handleCopy, handleDelete, handleInsertToNext, handleInsertToPrev, handleInsertChild } = inject(BatchEditDIKey);
 		const tableProps = computed(() => {
 			return o(props).omit([
 				"model",
@@ -25,92 +27,127 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			]);
 		});
 		const hasNot = (value) => value.every((v) => !staticFeatures.value.has(v));
+		const allowed = (feature, row) => {
+			return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row);
+		};
 		const columns = computed(() => {
 			if (props.readonly || hasNot([
 				"create",
 				"delete",
-				"createChild"
+				"createChild",
+				"update",
+				"copy"
 			])) return props.columns;
 			return (props.columns ?? []).concat({
 				name: "操作",
 				key: "__action__",
 				align: "center",
-				width: 180,
+				width: 132,
 				fixed: "right",
 				resizable: false
 			});
 		});
 		function handleUpdateCurrentRow(row) {
-			if (staticFeatures.value.has("update") || dynamicFeatures.value.update?.(row)) {
+			if (allowed("update", row)) {
 				state.row = row;
 				state.depth = row?.depth;
 			}
 		}
+		function canEdit(row) {
+			return !props.readonly ? allowed("update", row) : true;
+		}
+		function canDelete(row) {
+			return !props.readonly && allowed("delete", row);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$2), mergeProps(tableProps.value, {
 				slots: __props.slots,
-				class: unref(cls).e("table"),
+				class: [unref(cls).e("table"), unref(bem).is("editing", unref(state).visible)],
 				columns: columns.value,
 				"highlight-current": "",
 				"current-row": 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)),
+				"onUpdate:checked": _cache[2] || (_cache[2] = ($event) => unref(emit)("update:checked", $event)),
+				"onUpdate:selected": _cache[3] || (_cache[3] = ($event) => unref(emit)("update:selected", $event)),
 				ref_key: "tableRef",
 				ref: tableRef
 			}), createSlots({
-				"column:__action__": withCtx(({ row }) => [createVNode(unref(action_group_default), {
-					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
-					loading: row.operating,
-					max: 9
+				"column:__action__": withCtx(({ row }) => [createVNode(unref(_sfc_main$4), {
+					class: normalizeClass(unref(cls).e("row-actions")),
+					hover: "",
+					circle: "",
+					max: 3,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
 				}, {
 					default: withCtx(() => [
-						unref(staticFeatures).has("create") || unref(dynamicFeatures).create?.(row) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(_sfc_main$3), mergeProps({
-							onRun: ($event) => unref(handleInsertToPrev)(row),
-							icon: unref(InsertToPrev),
-							title: "插入到上一行"
-						}, unref(props).actionsProps?.create), null, 16, ["onRun", "icon"]), createVNode(unref(_sfc_main$3), mergeProps({
-							onRun: ($event) => unref(handleInsertToNext)(row),
-							icon: unref(InsertToNext),
-							title: "插入到下一行"
-						}, unref(props).actionsProps?.create), null, 16, ["onRun", "icon"])], 64)) : createCommentVNode("v-if", true),
-						unref(props).tree && (unref(staticFeatures).has("createChild") || unref(dynamicFeatures).createChild?.(row)) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
+						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,
-							onRun: ($event) => unref(handleInsertChild)(row),
-							icon: unref(AddChild),
-							title: "添加子项"
-						}, unref(props).actionsProps?.createChild), null, 16, ["onRun", "icon"])) : createCommentVNode("v-if", true),
-						unref(staticFeatures).has("delete") || unref(dynamicFeatures).delete?.(row) ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-							key: 2,
 							icon: unref(Delete),
 							type: "danger",
 							title: "删除",
 							onRun: ($event) => unref(handleDelete)(row)
-						}, unref(props).actionsProps?.delete), null, 16, ["icon", "onRun"])) : createCommentVNode("v-if", true)
+						}, 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": "",
+							onRun: ($event) => unref(handleInsertToPrev)(row)
+						}, {
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 在上方插入 ", -1)])]),
+							_: 1
+						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						allowed("create", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
+							key: 3,
+							"in-dropdown": "",
+							onRun: ($event) => unref(handleInsertToNext)(row)
+						}, {
+							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" 在下方插入 ", -1)])]),
+							_: 1
+						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						!!unref(props).tree && allowed("createChild", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
+							key: 4,
+							"in-dropdown": "",
+							onRun: ($event) => unref(handleInsertChild)(row)
+						}, {
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" 添加子级 ", -1)])]),
+							_: 1
+						}, 8, ["onRun"])) : createCommentVNode("v-if", true),
+						allowed("copy", row) ? (openBlock(), createBlock(unref(_sfc_main$3), {
+							key: 5,
+							"in-dropdown": "",
+							onRun: ($event) => unref(handleCopy)(row)
+						}, {
+							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" 复制此行 ", -1)])]),
+							_: 1
+						}, 8, ["onRun"])) : createCommentVNode("v-if", true)
 					]),
 					_: 2
-				}, 1032, ["loading"])]),
+				}, 1032, ["class"])]),
 				_: 2
 			}, [!unref(props).readonly ? {
 				name: "empty",
-				fn: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(toDisplayString(null), -1))]),
+				fn: withCtx(() => [_cache[8] || (_cache[8] = 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")) }, [createVNode(unref(_sfc_main$1), mergeProps({
-					plain: "",
-					type: "primary",
-					onClick: withModifiers(unref(handleCreate), ["stop"]),
-					loading: unref(state).loading,
-					text: ""
-				}, unref(props).actionsProps?.create), {
-					default: withCtx(() => [..._cache[4] || (_cache[4] = [createElementVNode("span", { style: {
-						"position": "sticky",
-						"left": "50%",
-						"transform": "translateX(-50%)"
-					} }, " 新增 ", -1)])]),
+				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))]),
 					_: 1
-				}, 16, ["onClick", "loading"])], 2)]),
+				}, 8, ["class"]), createElementVNode("span", { class: normalizeClass(unref(cls).e("add-label")) }, "新增一行", 2)], 10, _hoisted_1)], 2)]),
 				key: "1"
 			} : void 0]), 1040, [
 				"slots",

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')\"\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 @click.stop :loading=\"row.operating\" :max=\"9\">\n        <template v-if=\"staticFeatures.has('create') || dynamicFeatures.create?.(row)\">\n          <u-action\n            @run=\"handleInsertToPrev(row)\"\n            :icon=\"InsertToPrev\"\n            title=\"插入到上一行\"\n            v-bind=\"props.actionsProps?.create\"\n          />\n          <u-action\n            @run=\"handleInsertToNext(row)\"\n            :icon=\"InsertToNext\"\n            title=\"插入到下一行\"\n            v-bind=\"props.actionsProps?.create\"\n          />\n        </template>\n\n        <u-action\n          v-if=\"\n            props.tree && (staticFeatures.has('createChild') || dynamicFeatures.createChild?.(row))\n          \"\n          @run=\"handleInsertChild(row)\"\n          :icon=\"AddChild\"\n          title=\"添加子项\"\n          v-bind=\"props.actionsProps?.createChild\"\n        />\n\n        <u-action\n          v-if=\"staticFeatures.has('delete') || dynamicFeatures.delete?.(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          plain\n          type=\"primary\"\n          @click.stop=\"handleCreate\"\n          :loading=\"state.loading\"\n          text\n          v-bind=\"props.actionsProps?.create\"\n        >\n          <span style=\"position: sticky; left: 50%; transform: translateX(-50%)\"> 新增 </span>\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 } from '@veltra/icons/normal'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UActionGroup, UAction } 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  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 columns = computed(() => {\n  if (props.readonly || hasNot(['create', 'delete', 'createChild'])) 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 (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(row)) {\n    state.row = row\n    state.depth = row?.depth\n  }\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-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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"}

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

@@ -4,7 +4,7 @@ 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 { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, provide, renderSlot, shallowRef, unref, useSlots, watch, withCtx, withKeys } from "vue";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, provide, renderSlot, shallowRef, unref, useSlots, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/batch-edit/batch-edit.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	props: {
 		model: {},
 		title: {},
-		cols: { default: () => ["1fr", "400px"] },
+		cols: { default: () => ["1fr", "420px"] },
 		readonly: { type: Boolean },
 		labelWidth: {},
 		deleteMethod: {},
@@ -66,7 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			]);
 			if (!features) return defaultFeatures;
 			Object.entries(features).forEach(([key, value]) => {
-				if (typeof value === "function" || value === false) defaultFeatures.delete(key);
+				const k = key;
+				if (typeof value === "function" || value === false) defaultFeatures.delete(k);
+				else if (value === true) defaultFeatures.add(k);
 			});
 			return defaultFeatures;
 		});
@@ -88,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			emit,
 			tableRef
 		});
-		const { state, handleClose } = editCtx;
+		const { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx;
 		provide(BatchEditDIKey, {
 			cls,
 			props,
@@ -105,6 +107,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const cols = computed(() => {
 			return !!state.row || state.visible ? props.cols : void 0;
 		});
+		/**
+		* 键盘快捷键：
+		* - Esc        关闭表单
+		* - ⌘/Ctrl + S   保存
+		* - ⌘/Ctrl + Backspace 删除当前编辑行
+		* - ⌘/Ctrl + N   新增（仅在不在表单中时）
+		*/
+		function handleKeydown(e) {
+			if (props.readonly && e.key !== "Escape") return;
+			if (e.key === "Escape") {
+				if (state.visible) {
+					e.preventDefault();
+					handleClose();
+				}
+				return;
+			}
+			if (!(e.metaKey || e.ctrlKey)) return;
+			const key = e.key.toLowerCase();
+			if (key === "s" && state.visible) {
+				e.preventDefault();
+				handleSave();
+				return;
+			}
+			if (e.key === "Backspace" && state.row && state.type === "update") {
+				e.preventDefault();
+				handleDelete(state.row);
+				return;
+			}
+			if (key === "n" && !state.visible) {
+				e.preventDefault();
+				handleCreate();
+			}
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
 				class: normalizeClass(unref(cls).b),
@@ -112,7 +147,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				rows: "100%",
 				gap: "8px",
 				resizable: "",
-				onKeyup: withKeys(unref(handleClose), ["esc"])
+				onKeydown: handleKeydown,
+				tabindex: "-1"
 			}, {
 				default: withCtx(() => [
 					createCommentVNode(" 编辑列表 "),
@@ -124,11 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					})
 				]),
 				_: 3
-			}, 8, [
-				"class",
-				"cols",
-				"onKeyup"
-			]);
+			}, 8, ["class", "cols"]);
 		};
 	}
 });

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 :class=\"cls.b\" :cols=\"cols\" rows=\"100%\" gap=\"8px\" resizable @keyup.esc=\"handleClose\">\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', '400px'],\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的部分\n  Object.entries(features).forEach(([key, value]) => {\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(key as BatchEditFeature)\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 } = 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\n// 如果在dialog上下文中\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</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,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;AACjD,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,IAAuB;KAEjD;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,gBAAgB;AAE/B,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAG/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;;uBAxIC,YASW,MAAA,YAAA,EAAA;IATA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAG,MAAM,KAAA;IAAM,MAAK;IAAO,KAAI;IAAM,WAAA;IAAW,SAAK,SAAM,MAAA,YAAW,EAAA,CAAA,MAAA,CAAA;;2BAC9E;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

@@ -1,12 +1,10 @@
+import "../icon/style.js";
 import "../button/style.js";
-import "../tip/style.js";
 import "../action/style.js";
 import "../scroll/style.js";
-import "../layout/style.js";
 import "../form/style.js";
-import "../checkbox/style.js";
+import "../layout/style.js";
 import "../table/style.js";
-import "../card/style.js";
 import "./style2.css";
 import "@veltra/directives/ripple/style.js";
 import "@veltra/styles/anime/fade.scss";

package/dist/components/batch-edit/style2.css

@@ -15,51 +15,223 @@
 * --u-height-small: 24px;
 */
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
-@keyframes blink {
-  0% {
-    opacity: 0.3;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 .u-batch-edit {
+  position: relative;
   overflow: hidden;
   border-radius: var(--u-radius-default);
 }
-.u-batch-edit__table, .u-batch-edit__form-wrap {
+.u-batch-edit__table {
   flex-grow: 1;
 }
-.u-batch-edit__list, .u-batch-edit__form {
-  display: flex;
-  flex-direction: column;
+.u-batch-edit .u-table__row:hover .u-action-group.is-hover,
+.u-batch-edit .u-table__row.is-current .u-action-group.is-hover {
+  opacity: 1;
+  background-color: color-mix(in srgb, var(--u-bg-color-top) 70%, transparent);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  box-shadow: 0 1px 4px color-mix(in srgb, var(--u-shadow-color) 35%, transparent);
+}
+.u-batch-edit__add {
+  position: sticky;
+  left: 0;
+  bottom: 0;
+  z-index: 1;
+  padding: 8px 12px;
+  background-color: var(--u-bg-color-top);
+}
+.u-batch-edit__add-btn {
+  --add-color: var(--u-color-primary);
+  --add-border: color-mix(in srgb, var(--u-color-primary) 60%, transparent);
+  --add-bg: color-mix(in srgb, var(--u-color-primary) 5%, transparent);
+  position: sticky;
+  left: 12px;
+  height: 36px;
+  min-width: 220px;
+  max-width: 320px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 0 20px;
+  background: var(--add-bg);
+  border: 1px dashed var(--add-border);
+  border-radius: var(--u-radius-default);
+  color: var(--add-color);
+  font-size: var(--u-font-size-main-default);
+  font-weight: 500;
+  cursor: pointer;
+  transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
+  font-family: inherit;
+}
+.u-batch-edit__add-btn:hover:not(:disabled) {
+  --add-border: var(--u-color-primary);
+  --add-bg: var(--u-color-primary-light-9);
+  border-style: solid;
+}
+.u-batch-edit__add-btn:active:not(:disabled) {
+  transform: translateY(1px);
+}
+.u-batch-edit__add-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.u-batch-edit__add-btn.is-loading {
+  pointer-events: none;
+}
+.u-batch-edit__add-icon {
+  font-size: 16px;
+  display: inline-flex;
+  transition: transform 0.18s ease;
+}
+.u-batch-edit .u-batch-edit__add-btn:hover .u-batch-edit__add-icon {
+  transform: rotate(90deg);
+}
+.u-batch-edit__add-label {
+  line-height: 1;
 }
 .u-batch-edit__form {
+  --u-batch-edit-form-radius: var(--u-radius-large);
+  --u-batch-edit-form-padding: 16px;
+  display: flex;
+  flex-direction: column;
   background-color: var(--u-bg-color-top);
+  border-radius: var(--u-batch-edit-form-radius);
+  box-shadow: 0 1px 2px color-mix(in srgb, var(--u-shadow-color) 40%, transparent), 0 12px 32px -16px color-mix(in srgb, var(--u-shadow-color) 50%, transparent);
+  overflow: hidden;
+  isolation: isolate;
+  min-height: 0;
 }
-.u-batch-edit__form-wrap {
-  padding: 8px 12px;
+.u-batch-edit__form::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, var(--u-color-primary) 0%, color-mix(in srgb, var(--u-color-primary) 50%, transparent) 100%);
+  opacity: 0.7;
+  z-index: 1;
 }
-.u-batch-edit__tools {
-  padding: 0 var(--u-gap-default);
+.u-batch-edit__form-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--u-border-color);
+  flex-shrink: 0;
 }
-.u-batch-edit__add {
-  width: 100%;
-  position: sticky;
-  bottom: 0;
-  padding: 4px;
+.u-batch-edit__form-icon {
+  --tone-color: var(--u-color-primary);
+  --tone-bg: var(--u-color-primary-light-9);
+  width: 30px;
+  height: 30px;
+  border-radius: var(--u-radius-default);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--tone-color);
+  background-color: var(--tone-bg);
+  font-size: 16px;
+  transition: color 0.2s ease, background-color 0.2s ease;
+}
+.u-batch-edit__form-icon.is-create {
+  --tone-color: var(--u-color-success);
+  --tone-bg: var(--u-color-success-light-9);
+}
+.u-batch-edit__form-icon.is-child {
+  --tone-color: var(--u-color-warning);
+  --tone-bg: var(--u-color-warning-light-9);
 }
-.u-batch-edit__add > .u-button {
-  width: 100%;
-  text-align: unset;
-  display: block;
+.u-batch-edit__form-icon.is-view {
+  --tone-color: var(--u-text-color-second);
+  --tone-bg: var(--u-bg-color-hover);
 }
-.u-batch-edit__action {
+.u-batch-edit__form-title {
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.u-batch-edit__form-title-text {
+  margin: 0;
+  font-size: var(--u-font-size-title-default);
+  font-weight: 600;
+  color: var(--u-text-color-title);
+  line-height: 1.25;
+}
+.u-batch-edit__form-chip {
+  display: inline-block;
+  align-self: flex-start;
+  padding: 1px 8px;
+  font-size: 12px;
+  line-height: 18px;
+  border-radius: 999px;
+  background-color: var(--u-bg-color-hover);
+  color: var(--u-text-color-second);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.u-batch-edit__form-close {
+  flex-shrink: 0;
+  align-self: flex-start;
+}
+.u-batch-edit__form-body {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.u-batch-edit__form-body .u-form__body {
+  padding: 10px var(--u-batch-edit-form-padding) 4px;
+}
+.u-batch-edit__form-footer {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  flex-wrap: nowrap;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 12px;
+  border-top: 1px solid var(--u-border-color);
+  background-color: var(--u-bg-color-top);
+  flex-shrink: 0;
+}
+.u-batch-edit__form-hint {
+  font-size: 12px;
+  color: var(--u-text-color-placeholder);
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-batch-edit__form-hint > kbd {
+  display: inline-block;
+  min-width: 18px;
+  padding: 1px 5px;
+  margin: 0 1px;
+  font-size: 11px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  color: var(--u-text-color-second);
+  background-color: var(--u-bg-color-hover);
+  border: 1px solid var(--u-border-color);
+  border-radius: 4px;
+  line-height: 1;
+  vertical-align: 1px;
+}
+.u-batch-edit__form-actions {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.batch-edit-panel-enter-active,
+.batch-edit-panel-leave-active {
+  transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.24s ease;
 }
-.u-batch-edit .u-table__row.is-blink {
-  animation: blink 0.5s ease-in;
+
+.batch-edit-panel-enter-from,
+.batch-edit-panel-leave-to {
+  transform: translateX(16px) scale(0.985);
+  opacity: 0;
 }