knt-shared 1.4.3 → 1.4.5

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, resolveComponent, createCommentVNode, createVNode, createBlock, unref, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, mergeProps, createSlots, renderSlot, onBeforeUnmount, normalizeProps, guardReactiveProps, resolveDynamicComponent, useSlots, h } from "vue";
-import { Message, Transfer, Mention, Upload, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, Cascader, CheckboxGroup, Checkbox, RadioGroup, Radio, Select, AutoComplete, Textarea, InputPassword, InputNumber, Input } from "@arco-design/web-vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, resolveComponent, createCommentVNode, createVNode, createBlock, unref, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, mergeProps, createSlots, renderSlot, h, resolveDynamicComponent, onBeforeUnmount, normalizeProps, guardReactiveProps, useSlots } from "vue";
+import { Message, Transfer, Mention, Upload, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, Cascader, CheckboxGroup, Checkbox, RadioGroup, Radio, Select, AutoComplete, Textarea, InputPassword, InputNumber, Input, ImagePreviewGroup, Image } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
 const GLOBAL_CONFIG_NAME = "$arco";
@@ -22,7 +22,7 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return sfc;
 };
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "IconExclamationCircle",
   props: {
     size: {
@@ -92,7 +92,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M24 28V14m0 16v4M6 24c0-9.941 8.059-18 18-18s18 8.059 18 18-8.059 18-18 18S6 33.941 6 24Z" }, null, -1)
   ]), 14, _hoisted_1$o);
 }
-var _IconExclamationCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$e]]);
+var _IconExclamationCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render$e]]);
 const IconExclamationCircle = Object.assign(_IconExclamationCircle, {
   install: (app, options) => {
     var _a;
@@ -100,7 +100,7 @@ const IconExclamationCircle = Object.assign(_IconExclamationCircle, {
     app.component(iconPrefix + _IconExclamationCircle.name, _IconExclamationCircle);
   }
 });
-const _sfc_main$o = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "IconPlus",
   props: {
     size: {
@@ -170,7 +170,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M5 24h38M24 5v38" }, null, -1)
   ]), 14, _hoisted_1$n);
 }
-var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$d]]);
+var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$d]]);
 const IconPlus = Object.assign(_IconPlus, {
   install: (app, options) => {
     var _a;
@@ -178,7 +178,7 @@ const IconPlus = Object.assign(_IconPlus, {
     app.component(iconPrefix + _IconPlus.name, _IconPlus);
   }
 });
-const _sfc_main$n = defineComponent({
+const _sfc_main$o = defineComponent({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -249,7 +249,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
   ]), 14, _hoisted_1$m);
 }
-var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$c]]);
+var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$c]]);
 const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
   install: (app, options) => {
     var _a;
@@ -257,7 +257,7 @@ const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
     app.component(iconPrefix + _IconQuestionCircle.name, _IconQuestionCircle);
   }
 });
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "IconEye",
   props: {
     size: {
@@ -331,7 +331,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }, null, -1)
   ]), 14, _hoisted_1$l);
 }
-var _IconEye = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$b]]);
+var _IconEye = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$b]]);
 const IconEye = Object.assign(_IconEye, {
   install: (app, options) => {
     var _a;
@@ -339,7 +339,7 @@ const IconEye = Object.assign(_IconEye, {
     app.component(iconPrefix + _IconEye.name, _IconEye);
   }
 });
-const _sfc_main$l = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "IconRefresh",
   props: {
     size: {
@@ -409,7 +409,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30" }, null, -1)
   ]), 14, _hoisted_1$k);
 }
-var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$a]]);
+var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$a]]);
 const IconRefresh = Object.assign(_IconRefresh, {
   install: (app, options) => {
     var _a;
@@ -417,7 +417,7 @@ const IconRefresh = Object.assign(_IconRefresh, {
     app.component(iconPrefix + _IconRefresh.name, _IconRefresh);
   }
 });
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "IconSettings",
   props: {
     size: {
@@ -488,7 +488,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M30 24a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" }, null, -1)
   ]), 14, _hoisted_1$j);
 }
-var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$9]]);
+var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$9]]);
 const IconSettings = Object.assign(_IconSettings, {
   install: (app, options) => {
     var _a;
@@ -496,7 +496,7 @@ const IconSettings = Object.assign(_IconSettings, {
     app.component(iconPrefix + _IconSettings.name, _IconSettings);
   }
 });
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "IconUpload",
   props: {
     size: {
@@ -566,7 +566,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M14.93 17.071 24.001 8l9.071 9.071m-9.07 16.071v-25M40 35v6H8v-6" }, null, -1)
   ]), 14, _hoisted_1$i);
 }
-var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$8]]);
+var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$8]]);
 const IconUpload = Object.assign(_IconUpload, {
   install: (app, options) => {
     var _a;
@@ -574,7 +574,7 @@ const IconUpload = Object.assign(_IconUpload, {
     app.component(iconPrefix + _IconUpload.name, _IconUpload);
   }
 });
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "IconDelete",
   props: {
     size: {
@@ -644,7 +644,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
   ]), 14, _hoisted_1$h);
 }
-var _IconDelete = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$7]]);
+var _IconDelete = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$7]]);
 const IconDelete = Object.assign(_IconDelete, {
   install: (app, options) => {
     var _a;
@@ -652,7 +652,7 @@ const IconDelete = Object.assign(_IconDelete, {
     app.component(iconPrefix + _IconDelete.name, _IconDelete);
   }
 });
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "IconLineHeight",
   props: {
     size: {
@@ -728,7 +728,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M39 13h2l-2-3.5-2 3.5h2Zm0 0v22m0 0h2l-2 3.5-2-3.5h2Z" }, null, -1)
   ]), 14, _hoisted_1$g);
 }
-var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$6]]);
+var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$6]]);
 const IconLineHeight = Object.assign(_IconLineHeight, {
   install: (app, options) => {
     var _a;
@@ -736,7 +736,7 @@ const IconLineHeight = Object.assign(_IconLineHeight, {
     app.component(iconPrefix + _IconLineHeight.name, _IconLineHeight);
   }
 });
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "IconFullscreenExit",
   props: {
     size: {
@@ -806,7 +806,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M35 6v8a1 1 0 0 0 1 1h8M13 6v8a1 1 0 0 1-1 1H4m31 27v-8a1 1 0 0 1 1-1h8m-31 9v-8a1 1 0 0 0-1-1H4" }, null, -1)
   ]), 14, _hoisted_1$f);
 }
-var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$5]]);
+var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$5]]);
 const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
   install: (app, options) => {
     var _a;
@@ -814,7 +814,7 @@ const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
     app.component(iconPrefix + _IconFullscreenExit.name, _IconFullscreenExit);
   }
 });
-const _sfc_main$f = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "IconFullscreen",
   props: {
     size: {
@@ -884,7 +884,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
   ]), 14, _hoisted_1$e);
 }
-var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$4]]);
+var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$4]]);
 const IconFullscreen = Object.assign(_IconFullscreen, {
   install: (app, options) => {
     var _a;
@@ -892,7 +892,7 @@ const IconFullscreen = Object.assign(_IconFullscreen, {
     app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
   }
 });
-const _sfc_main$e = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "IconMute",
   props: {
     size: {
@@ -962,7 +962,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "m19 11.5 4.833-4.35a.1.1 0 0 1 .167.075V17m-14-1H7.1a.1.1 0 0 0-.1.1v15.8a.1.1 0 0 0 .1.1H14l9.833 8.85a.1.1 0 0 0 .167-.075V31m6.071-14.071C32.535 19.393 34 23 32.799 26m2.929-14.728C41.508 17.052 42.5 25 39.123 32M6.5 6.5l35 35" }, null, -1)
   ]), 14, _hoisted_1$d);
 }
-var _IconMute = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$3]]);
+var _IconMute = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$3]]);
 const IconMute = Object.assign(_IconMute, {
   install: (app, options) => {
     var _a;
@@ -970,7 +970,7 @@ const IconMute = Object.assign(_IconMute, {
     app.component(iconPrefix + _IconMute.name, _IconMute);
   }
 });
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "IconPause",
   props: {
     size: {
@@ -1045,7 +1045,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, -1)
   ]), 14, _hoisted_1$c);
 }
-var _IconPause = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$2]]);
+var _IconPause = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$2]]);
 const IconPause = Object.assign(_IconPause, {
   install: (app, options) => {
     var _a;
@@ -1053,7 +1053,7 @@ const IconPause = Object.assign(_IconPause, {
     app.component(iconPrefix + _IconPause.name, _IconPause);
   }
 });
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "IconPlayArrow",
   props: {
     size: {
@@ -1123,7 +1123,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M12.533 7.965A1 1 0 0 0 11 8.81v30.377a1 1 0 0 0 1.533.846L36.656 24.84a1 1 0 0 0 0-1.692L12.533 7.965Z" }, null, -1)
   ]), 14, _hoisted_1$b);
 }
-var _IconPlayArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$1]]);
+var _IconPlayArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$1]]);
 const IconPlayArrow = Object.assign(_IconPlayArrow, {
   install: (app, options) => {
     var _a;
@@ -1131,7 +1131,7 @@ const IconPlayArrow = Object.assign(_IconPlayArrow, {
     app.component(iconPrefix + _IconPlayArrow.name, _IconPlayArrow);
   }
 });
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "IconSound",
   props: {
     size: {
@@ -1202,7 +1202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", { d: "M31.071 16.929c3.905 3.905 3.905 10.237 0 14.142M36.727 11.272c7.03 7.03 7.03 18.426 0 25.456" }, null, -1)
   ]), 14, _hoisted_1$a);
 }
-var _IconSound = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render]]);
+var _IconSound = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render]]);
 const IconSound = Object.assign(_IconSound, {
   install: (app, options) => {
     var _a;
@@ -1225,7 +1225,7 @@ const _hoisted_6$3 = {
   key: 3,
   class: "error-tip"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "SortableFileItem"
   },
@@ -1323,9 +1323,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f3ec7e11"]]);
+const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f3ec7e11"]]);
 const _hoisted_1$8 = { class: "sortable-file-list" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "SortableFileList"
   },
@@ -1410,7 +1410,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SortableFileList = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1ede8f45"]]);
+const SortableFileList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1ede8f45"]]);
 const _hoisted_1$7 = ["src", "autoplay", "loop", "muted", "preload"];
 const _hoisted_2$6 = {
   key: 0,
@@ -1428,7 +1428,7 @@ const _hoisted_8 = { class: "volume-slider-container" };
 const _hoisted_9 = { class: "time-display" };
 const _hoisted_10 = { class: "controls-right" };
 const _hoisted_11 = { class: "control-button" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "VideoPreview"
   },
@@ -1777,11 +1777,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e8cbf700"]]);
+const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e8cbf700"]]);
 const _hoisted_1$6 = { class: "video-modal-title" };
 const _hoisted_2$5 = { class: "file-name" };
 const _hoisted_3$3 = { class: "video-modal-content" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "VideoPreviewModal"
   },
@@ -1853,7 +1853,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0ae4ec5c"]]);
+const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0ae4ec5c"]]);
 const _hoisted_1$5 = { class: "basic-upload" };
 const _hoisted_2$4 = {
   key: 0,
@@ -1876,7 +1876,7 @@ const _hoisted_7$1 = {
   key: 4,
   class: "inline-video-preview"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicUpload",
     inheritAttrs: false
@@ -2546,7 +2546,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-640a0bf9"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-640a0bf9"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -2686,7 +2686,7 @@ const componentsNeedPlaceholder = /* @__PURE__ */ new Set([
   "Textarea",
   "AutoComplete"
 ]);
-const componentsNeedSelectPlaceholder = /* @__PURE__ */ new Set([
+const componentsNeedSelectPlaceholder$1 = /* @__PURE__ */ new Set([
   "Select",
   "DatePicker",
   "TimePicker",
@@ -2694,15 +2694,15 @@ const componentsNeedSelectPlaceholder = /* @__PURE__ */ new Set([
   "Cascader",
   "TreeSelect"
 ]);
-const componentsNeedUploadPlaceholder = /* @__PURE__ */ new Set([
+const componentsNeedUploadPlaceholder$1 = /* @__PURE__ */ new Set([
   "Upload",
   "BasicUpload"
 ]);
-function getPlaceholder(component, label) {
+function getPlaceholder$1(component, label) {
   if (componentsNeedPlaceholder.has(component)) {
     return `请输入${label}`;
   }
-  if (componentsNeedSelectPlaceholder.has(component)) {
+  if (componentsNeedSelectPlaceholder$1.has(component)) {
     return `请选择${label}`;
   }
   return "";
@@ -2711,11 +2711,667 @@ function getRules(component, label) {
   if (componentsNeedPlaceholder.has(component)) {
     return [{ required: true, message: `请输入${label}` }];
   }
-  if (componentsNeedUploadPlaceholder.has(component)) {
+  if (componentsNeedUploadPlaceholder$1.has(component)) {
     return [{ required: true, message: `请上传${label}` }];
   }
   return [{ required: true, message: `请选择${label}` }];
 }
+function getLabelFromOptions(value, options, config) {
+  if (!options || !Array.isArray(options)) {
+    return String(value || "-");
+  }
+  const labelKey = (config == null ? void 0 : config.labelKey) || "label";
+  const valueKey = (config == null ? void 0 : config.valueKey) || "value";
+  const option = options.find((opt2) => opt2[valueKey] === value);
+  return (option == null ? void 0 : option[labelKey]) || String(value || "-");
+}
+function getLabelsFromOptions(values, options, config) {
+  if (!values || !Array.isArray(values)) {
+    return [];
+  }
+  return values.map((value) => getLabelFromOptions(value, options, config));
+}
+function getLabelFromTreeData(value, treeData, config) {
+  if (!treeData || !Array.isArray(treeData)) {
+    return String(value || "-");
+  }
+  const labelKey = (config == null ? void 0 : config.labelKey) || "label";
+  const valueKey = (config == null ? void 0 : config.valueKey) || "value";
+  const childrenKey = (config == null ? void 0 : config.childrenKey) || "children";
+  function findLabel(nodes, targetValue) {
+    for (const node of nodes) {
+      if (node[valueKey] === targetValue) {
+        return node[labelKey];
+      }
+      if (node[childrenKey] && Array.isArray(node[childrenKey])) {
+        const result = findLabel(node[childrenKey], targetValue);
+        if (result) return result;
+      }
+    }
+    return null;
+  }
+  const label = findLabel(treeData, value);
+  return label || String(value || "-");
+}
+function formatCascaderPath(value, separator = " / ") {
+  if (!Array.isArray(value)) {
+    return String(value || "-");
+  }
+  if (value.length === 0) {
+    return "-";
+  }
+  return value.join(separator);
+}
+function getCascaderLabels(values, options, config) {
+  if (!values || !Array.isArray(values) || values.length === 0) {
+    return [];
+  }
+  const labelKey = (config == null ? void 0 : config.labelKey) || "label";
+  const valueKey = (config == null ? void 0 : config.valueKey) || "value";
+  const childrenKey = (config == null ? void 0 : config.childrenKey) || "children";
+  const labels = [];
+  let currentOptions = options;
+  for (const value of values) {
+    const option = currentOptions.find((opt2) => opt2[valueKey] === value);
+    if (option) {
+      labels.push(option[labelKey]);
+      currentOptions = option[childrenKey] || [];
+    } else {
+      labels.push(String(value));
+      break;
+    }
+  }
+  return labels;
+}
+function isImageFile(file) {
+  const imageExtensions = [
+    ".jpg",
+    ".jpeg",
+    ".png",
+    ".gif",
+    ".webp",
+    ".svg",
+    ".bmp",
+    ".ico"
+  ];
+  const imageMimeTypes = [
+    "image/jpeg",
+    "image/png",
+    "image/gif",
+    "image/webp",
+    "image/svg+xml",
+    "image/bmp"
+  ];
+  if (typeof file === "string") {
+    const lowerUrl = file.toLowerCase();
+    return imageExtensions.some((ext) => lowerUrl.endsWith(ext));
+  }
+  if (typeof file === "object" && file !== null) {
+    if (file.type && imageMimeTypes.includes(file.type)) {
+      return true;
+    }
+    if (file.url) {
+      const lowerUrl = file.url.toLowerCase();
+      if (imageExtensions.some((ext) => lowerUrl.endsWith(ext))) {
+        return true;
+      }
+    }
+    if (file.name) {
+      const lowerName = file.name.toLowerCase();
+      if (imageExtensions.some((ext) => lowerName.endsWith(ext))) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function getFileUrl(file) {
+  if (typeof file === "string") {
+    return file;
+  }
+  if (typeof file === "object" && file !== null) {
+    return file.url || "";
+  }
+  return "";
+}
+function getFileName(file) {
+  if (typeof file === "string") {
+    const parts = file.split("/");
+    return parts[parts.length - 1] || file;
+  }
+  if (typeof file === "object" && file !== null) {
+    if (file.name) {
+      return file.name;
+    }
+    if (file.url) {
+      const parts = file.url.split("/");
+      return parts[parts.length - 1] || file.url;
+    }
+  }
+  return "";
+}
+function classifyFiles(files) {
+  if (!files || !Array.isArray(files)) {
+    return { imageFiles: [], otherFiles: [] };
+  }
+  const imageFiles = [];
+  const otherFiles = [];
+  files.forEach((file) => {
+    if (isImageFile(file)) {
+      imageFiles.push(file);
+    } else {
+      otherFiles.push(file);
+    }
+  });
+  return { imageFiles, otherFiles };
+}
+function formatDate$1(value, format) {
+  if (!value) return "-";
+  try {
+    if (typeof value === "string") {
+      return value;
+    }
+    const date = new Date(value);
+    if (isNaN(date.getTime())) {
+      return String(value);
+    }
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    const seconds = String(date.getSeconds()).padStart(2, "0");
+    if (format === "datetime") {
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    }
+    return `${year}-${month}-${day}`;
+  } catch (error) {
+    console.error("[ReadonlyField] 日期格式化错误:", error);
+    return String(value);
+  }
+}
+function formatBoolean(value, trueText = "是", falseText = "否") {
+  if (value === true || value === "true" || value === 1 || value === "1") {
+    return trueText;
+  }
+  if (value === false || value === "false" || value === 0 || value === "0") {
+    return falseText;
+  }
+  return "-";
+}
+function safeToString(value, emptyText = "-") {
+  if (value === null || value === void 0 || value === "") {
+    return emptyText;
+  }
+  if (typeof value === "object") {
+    return JSON.stringify(value);
+  }
+  return String(value);
+}
+function renderText(value, config) {
+  const emptyText = config.emptyText || "-";
+  const text = safeToString(value, emptyText);
+  return h(
+    "div",
+    {
+      class: ["readonly-field-text", { "readonly-field-empty": !value }]
+    },
+    text
+  );
+}
+function renderInputNumber(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0 || value === "") {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  return h("div", { class: "readonly-field-number" }, String(value));
+}
+function renderSelect(value, config) {
+  var _a;
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0 || value === "") {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  if (config.labelMap && value in config.labelMap) {
+    return h("div", { class: "readonly-field-select" }, config.labelMap[value]);
+  }
+  const options = ((_a = config.componentProps) == null ? void 0 : _a.options) || [];
+  const label = getLabelFromOptions(value, options);
+  return h("div", { class: "readonly-field-select" }, label);
+}
+function renderSelectMultiple(value, config) {
+  var _a;
+  const emptyText = config.emptyText || "-";
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const options = ((_a = config.componentProps) == null ? void 0 : _a.options) || [];
+  const labels = getLabelsFromOptions(value, options);
+  return h(
+    "div",
+    { class: "readonly-field-select-multiple" },
+    labels.join(", ")
+  );
+}
+function renderTreeSelect(value, config) {
+  var _a;
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0 || value === "") {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  if (config.labelMap && value in config.labelMap) {
+    return h(
+      "div",
+      { class: "readonly-field-tree-select" },
+      config.labelMap[value]
+    );
+  }
+  const treeData = ((_a = config.componentProps) == null ? void 0 : _a.data) || [];
+  const label = getLabelFromTreeData(value, treeData);
+  return h("div", { class: "readonly-field-tree-select" }, label);
+}
+function renderCascader(value, config) {
+  var _a;
+  const emptyText = config.emptyText || "-";
+  if (!value) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  if (!Array.isArray(value)) {
+    return h("div", { class: "readonly-field-cascader" }, String(value));
+  }
+  if (value.length === 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const options = ((_a = config.componentProps) == null ? void 0 : _a.options) || [];
+  if (options.length > 0) {
+    const labels = getCascaderLabels(value, options);
+    if (labels.length > 0) {
+      return h(
+        "div",
+        { class: "readonly-field-cascader" },
+        formatCascaderPath(labels)
+      );
+    }
+  }
+  return h(
+    "div",
+    { class: "readonly-field-cascader" },
+    formatCascaderPath(value)
+  );
+}
+function renderDatePicker(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (!value) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const formatted = formatDate$1(value);
+  return h("div", { class: "readonly-field-date" }, formatted);
+}
+function renderRangePicker(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const startDate = formatDate$1(value[0]);
+  const endDate = formatDate$1(value[1]);
+  return h(
+    "div",
+    { class: "readonly-field-range" },
+    `${startDate} ~ ${endDate}`
+  );
+}
+function renderTimePicker(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (!value) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  return h("div", { class: "readonly-field-time" }, String(value));
+}
+function renderSwitch(value, config) {
+  var _a, _b, _c, _d;
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const trueText = ((_a = config.componentProps) == null ? void 0 : _a.checkedText) || ((_b = config.componentProps) == null ? void 0 : _b.trueText) || "是";
+  const falseText = ((_c = config.componentProps) == null ? void 0 : _c.uncheckedText) || ((_d = config.componentProps) == null ? void 0 : _d.falseText) || "否";
+  const text = formatBoolean(value, trueText, falseText);
+  return h("div", { class: "readonly-field-switch" }, text);
+}
+function renderCheckbox(value, config) {
+  return renderSwitch(value, config);
+}
+function renderCheckboxGroup(value, config) {
+  return renderSelectMultiple(value, config);
+}
+function renderRadio(value, config) {
+  return renderSelect(value, config);
+}
+function renderRate(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  return h("div", { class: "readonly-field-rate" }, `${value} 分`);
+}
+function renderSlider(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (value === null || value === void 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  if (Array.isArray(value)) {
+    return h(
+      "div",
+      { class: "readonly-field-slider" },
+      `${value[0]} ~ ${value[1]}`
+    );
+  }
+  return h("div", { class: "readonly-field-slider" }, String(value));
+}
+function renderUpload(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (!value || Array.isArray(value) && value.length === 0) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  const files = Array.isArray(value) ? value : [value];
+  const { imageFiles, otherFiles } = classifyFiles(files);
+  const children = [];
+  if (imageFiles.length > 0) {
+    children.push(
+      h(
+        ImagePreviewGroup,
+        { infinite: true },
+        {
+          default: () => h(
+            "div",
+            { class: "readonly-image-list" },
+            imageFiles.map(
+              (file) => h(Image, {
+                src: getFileUrl(file),
+                width: 100,
+                height: 100,
+                fit: "cover",
+                class: "readonly-image-item",
+                alt: getFileName(file)
+              })
+            )
+          )
+        }
+      )
+    );
+  }
+  if (otherFiles.length > 0) {
+    children.push(
+      h(
+        "div",
+        { class: "readonly-file-list" },
+        otherFiles.map(
+          (file) => h(
+            "a",
+            {
+              href: getFileUrl(file),
+              target: "_blank",
+              class: "readonly-file-link",
+              rel: "noopener noreferrer"
+            },
+            getFileName(file)
+          )
+        )
+      )
+    );
+  }
+  return h("div", { class: "readonly-upload-container" }, children);
+}
+function renderTextarea(value, config) {
+  const emptyText = config.emptyText || "-";
+  if (!value) {
+    return h("div", { class: "readonly-field-empty" }, emptyText);
+  }
+  return h(
+    "div",
+    {
+      class: "readonly-field-textarea",
+      style: { whiteSpace: "pre-wrap" }
+    },
+    String(value)
+  );
+}
+const rendererMap = {
+  // 输入组件
+  Input: renderText,
+  InputPassword: renderText,
+  InputNumber: renderInputNumber,
+  Textarea: renderTextarea,
+  AutoComplete: renderText,
+  // 选择组件
+  Select: renderSelect,
+  TreeSelect: renderTreeSelect,
+  Cascader: renderCascader,
+  // 单选/多选
+  Radio: renderRadio,
+  RadioGroup: renderRadio,
+  Checkbox: renderCheckbox,
+  CheckboxGroup: renderCheckboxGroup,
+  // 日期时间
+  DatePicker: renderDatePicker,
+  RangePicker: renderRangePicker,
+  TimePicker: renderTimePicker,
+  // 其他
+  Switch: renderSwitch,
+  Rate: renderRate,
+  Slider: renderSlider,
+  Upload: renderUpload,
+  BasicUpload: renderUpload,
+  // 默认
+  default: renderText
+};
+function getRenderer(component = "Input") {
+  return rendererMap[component] || rendererMap.default;
+}
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BasicReadonlyField",
+    inheritAttrs: false
+  },
+  __name: "BasicReadonlyField",
+  props: {
+    value: {},
+    component: { default: "Input" },
+    componentProps: {},
+    fetchOptions: {},
+    labelMap: {},
+    customRender: {},
+    emptyText: { default: "-" },
+    class: {},
+    style: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = ref(false);
+    const cachedOptions = ref([]);
+    const wrapperClass = computed(() => {
+      return [
+        "readonly-field",
+        props.class,
+        {
+          "readonly-field-loading": loading.value
+        }
+      ];
+    });
+    const customStyle = computed(() => {
+      return props.style || {};
+    });
+    const renderConfig = computed(() => {
+      return {
+        component: props.component,
+        componentProps: props.componentProps,
+        labelMap: props.labelMap,
+        fetchOptions: props.fetchOptions,
+        emptyText: props.emptyText,
+        customRender: props.customRender,
+        value: props.value
+      };
+    });
+    const enhancedRenderConfig = computed(() => {
+      const config = { ...renderConfig.value };
+      if (cachedOptions.value.length > 0) {
+        config.componentProps = {
+          ...config.componentProps,
+          options: cachedOptions.value
+        };
+      }
+      return config;
+    });
+    const renderedContent = computed(() => {
+      try {
+        if (props.customRender) {
+          return props.customRender(props.value, enhancedRenderConfig.value);
+        }
+        const renderer = getRenderer(props.component || "Input");
+        return renderer(props.value, enhancedRenderConfig.value);
+      } catch (error) {
+        console.error("[BasicReadonlyField] 渲染错误:", error);
+        return props.emptyText || "-";
+      }
+    });
+    const fetchOptionsAsync = async () => {
+      if (!props.fetchOptions) return;
+      try {
+        loading.value = true;
+        const options = await props.fetchOptions();
+        cachedOptions.value = options || [];
+      } catch (error) {
+        console.error("[BasicReadonlyField] 获取 options 失败:", error);
+        cachedOptions.value = [];
+      } finally {
+        loading.value = false;
+      }
+    };
+    watch(
+      () => props.fetchOptions,
+      () => {
+        if (props.fetchOptions) {
+          fetchOptionsAsync();
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.value,
+      (newValue, oldValue) => {
+      }
+    );
+    onMounted(() => {
+      if (props.fetchOptions && cachedOptions.value.length === 0) {
+        fetchOptionsAsync();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(wrapperClass.value),
+        style: normalizeStyle(customStyle.value)
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(renderedContent.value)))
+      ], 6);
+    };
+  }
+});
+const BasicReadonlyField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a6d8ca62"]]);
+function useReadonlyField(options) {
+  const defaultEmptyText = (options == null ? void 0 : options.defaultEmptyText) || "-";
+  const globalLabelMap = (options == null ? void 0 : options.globalLabelMap) || {};
+  const optionsCache = ref(/* @__PURE__ */ new Map());
+  const render = (value, config) => {
+    try {
+      const mergedConfig = {
+        emptyText: defaultEmptyText,
+        ...config,
+        labelMap: {
+          ...globalLabelMap,
+          ...config.labelMap || {}
+        }
+      };
+      if (mergedConfig.customRender) {
+        return mergedConfig.customRender(value, mergedConfig);
+      }
+      const renderer = getRenderer(mergedConfig.component || "Input");
+      return renderer(value, mergedConfig);
+    } catch (error) {
+      console.error("[useReadonlyField] 渲染错误:", error);
+      return defaultEmptyText;
+    }
+  };
+  const getLabel = async (value, config) => {
+    var _a, _b;
+    if (value === null || value === void 0 || value === "") {
+      return config.emptyText || defaultEmptyText;
+    }
+    const labelMap = {
+      ...globalLabelMap,
+      ...config.labelMap || {}
+    };
+    if (value in labelMap) {
+      return labelMap[value];
+    }
+    if (config.fetchOptions) {
+      try {
+        const cacheKey = config.fetchOptions.toString();
+        let options3 = optionsCache.value.get(cacheKey);
+        if (!options3) {
+          options3 = await config.fetchOptions();
+          optionsCache.value.set(cacheKey, options3 || []);
+        }
+        return getLabelFromOptions(value, options3 || []);
+      } catch (error) {
+        console.error("[useReadonlyField] 获取 options 失败:", error);
+        return String(value);
+      }
+    }
+    const options2 = ((_a = config.componentProps) == null ? void 0 : _a.options) || [];
+    if (options2.length > 0) {
+      return getLabelFromOptions(value, options2);
+    }
+    const treeData = ((_b = config.componentProps) == null ? void 0 : _b.data) || [];
+    if (treeData.length > 0) {
+      return getLabelFromTreeData(value, treeData);
+    }
+    return String(value);
+  };
+  const getLabels = async (values, config) => {
+    var _a;
+    if (!values || !Array.isArray(values) || values.length === 0) {
+      return [];
+    }
+    if (config.fetchOptions) {
+      try {
+        const cacheKey = config.fetchOptions.toString();
+        let options3 = optionsCache.value.get(cacheKey);
+        if (!options3) {
+          options3 = await config.fetchOptions();
+          optionsCache.value.set(cacheKey, options3 || []);
+        }
+        return getLabelsFromOptions(values, options3 || []);
+      } catch (error) {
+        console.error("[useReadonlyField] 获取 options 失败:", error);
+        return values.map(String);
+      }
+    }
+    const options2 = ((_a = config.componentProps) == null ? void 0 : _a.options) || [];
+    if (options2.length > 0) {
+      return getLabelsFromOptions(values, options2);
+    }
+    return values.map(String);
+  };
+  const clearCache = () => {
+    optionsCache.value.clear();
+  };
+  return {
+    render,
+    getLabel,
+    getLabels,
+    clearCache
+  };
+}
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicForm",
@@ -2741,7 +3397,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     showResetButton: { type: Boolean, default: true },
     submitButtonText: { default: "提交" },
     resetButtonText: { default: "重置" },
-    showActionButtons: { type: Boolean, default: true }
+    showActionButtons: { type: Boolean, default: true },
+    readonly: { type: Boolean }
   },
   emits: ["register", "submit", "reset", "validate"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2847,7 +3504,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         return "";
       }
       const componentType = typeof schema.component === "string" ? schema.component : "";
-      return getPlaceholder(componentType, schema.label);
+      return getPlaceholder$1(componentType, schema.label);
     };
     const shouldRenderCustomLabel = (schema) => {
       return !!(schema.labelEllipsis || schema.labelTooltip);
@@ -2872,6 +3529,27 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
       return schema.label;
     };
+    const isFieldReadonly = (schema) => {
+      const propsData = unref(getProps);
+      if (propsData.readonly) {
+        return true;
+      }
+      if (schema.readonly !== void 0) {
+        if (typeof schema.readonly === "boolean") {
+          return schema.readonly;
+        }
+        if (typeof schema.readonly === "function") {
+          return schema.readonly(formModel);
+        }
+      }
+      return false;
+    };
+    const getComponentString = (component) => {
+      if (typeof component === "string") {
+        return component;
+      }
+      return (component == null ? void 0 : component.name) || "Input";
+    };
     const handleSubmit = async (data) => {
       try {
         submitLoading.value = true;
@@ -3068,19 +3746,31 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       key: 1,
                       ref_for: true
                     }, getFormItemBindValue(schema)), createSlots({
-                      default: withCtx(() => [
-                        schema.slotName ? renderSlot(_ctx.$slots, schema.slotName, {
-                          key: 0,
-                          field: schema.field,
-                          schema,
-                          formModel
-                        }) : schema.renderComponentContent ? (openBlock(), createBlock(resolveDynamicComponent(schema.renderComponentContent(schema, formModel)), { key: 1 })) : (openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(schema.component)), mergeProps({
-                          key: 2,
-                          modelValue: formModel[schema.field],
-                          "onUpdate:modelValue": ($event) => formModel[schema.field] = $event,
-                          placeholder: getPlaceholderText(schema)
-                        }, { ref_for: true }, schema.componentProps), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"]))
-                      ]),
+                      default: withCtx(() => {
+                        var _a, _b, _c, _d;
+                        return [
+                          schema.slotName ? renderSlot(_ctx.$slots, schema.slotName, {
+                            key: 0,
+                            field: schema.field,
+                            schema,
+                            formModel
+                          }) : schema.renderComponentContent ? (openBlock(), createBlock(resolveDynamicComponent(schema.renderComponentContent(schema, formModel)), { key: 1 })) : isFieldReadonly(schema) ? (openBlock(), createBlock(unref(BasicReadonlyField), {
+                            key: 2,
+                            value: formModel[schema.field],
+                            component: getComponentString(schema.component),
+                            componentProps: schema.componentProps,
+                            labelMap: (_a = schema.readonlyConfig) == null ? void 0 : _a.labelMap,
+                            fetchOptions: (_b = schema.readonlyConfig) == null ? void 0 : _b.fetchOptions,
+                            emptyText: (_c = schema.readonlyConfig) == null ? void 0 : _c.emptyText,
+                            customRender: ((_d = schema.readonlyConfig) == null ? void 0 : _d.customRender) ? (value) => schema.readonlyConfig.customRender(value, schema) : void 0
+                          }, null, 8, ["value", "component", "componentProps", "labelMap", "fetchOptions", "emptyText", "customRender"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(schema.component)), mergeProps({
+                            key: 3,
+                            modelValue: formModel[schema.field],
+                            "onUpdate:modelValue": ($event) => formModel[schema.field] = $event,
+                            placeholder: getPlaceholderText(schema)
+                          }, { ref_for: true }, schema.componentProps), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+                        ];
+                      }),
                       _: 2
                     }, [
                       shouldRenderCustomLabel(schema) ? {
@@ -3616,9 +4306,376 @@ function getEditComponent(name) {
   }
   return name;
 }
+function useTrim(options) {
+  const { column, editConfig } = options;
+  const trimConfig = computed(() => {
+    const columnConfig = column.autoTrim;
+    const globalConfig = editConfig == null ? void 0 : editConfig.autoTrim;
+    const defaultConfig = {
+      enabled: true,
+      overall: true,
+      eachLine: false,
+      trigger: "blur"
+    };
+    if (typeof columnConfig === "object" && columnConfig !== null) {
+      return {
+        enabled: true,
+        overall: columnConfig.overall ?? defaultConfig.overall,
+        eachLine: columnConfig.eachLine ?? defaultConfig.eachLine,
+        trigger: columnConfig.trigger ?? defaultConfig.trigger
+      };
+    }
+    if (typeof columnConfig === "boolean") {
+      return { ...defaultConfig, enabled: columnConfig };
+    }
+    if (typeof globalConfig === "boolean") {
+      return { ...defaultConfig, enabled: globalConfig };
+    }
+    return defaultConfig;
+  });
+  const applyTrim = (value) => {
+    const config = trimConfig.value;
+    if (typeof value !== "string") {
+      return value;
+    }
+    let result = value;
+    if (config.eachLine) {
+      result = result.split("\n").map((line) => line.trim()).join("\n");
+    }
+    if (config.overall) {
+      result = result.trim();
+    }
+    return result;
+  };
+  const wrapTrimListeners = (listeners, currentValue, onChange) => {
+    const config = trimConfig.value;
+    if (!config.enabled) {
+      return {};
+    }
+    const wrappedListeners = {};
+    if (config.trigger === "blur") {
+      const originalOnBlur = listeners.onBlur;
+      wrappedListeners.onBlur = (...args) => {
+        originalOnBlur == null ? void 0 : originalOnBlur(...args);
+        const value = currentValue();
+        const trimmedValue = applyTrim(value);
+        if (trimmedValue !== value) {
+          onChange(trimmedValue);
+        }
+      };
+    }
+    return wrappedListeners;
+  };
+  return {
+    trimConfig,
+    applyTrim,
+    wrapTrimListeners
+  };
+}
+const componentsNeedInputPlaceholder = /* @__PURE__ */ new Set([
+  "Input",
+  "InputPassword",
+  "Textarea",
+  "AutoComplete",
+  "InputNumber"
+]);
+const componentsNeedSelectPlaceholder = /* @__PURE__ */ new Set([
+  "Select",
+  "DatePicker",
+  "TimePicker",
+  "RangePicker",
+  "Cascader",
+  "TreeSelect",
+  "Radio",
+  "RadioGroup",
+  "Checkbox",
+  "CheckboxGroup"
+]);
+const componentsNeedUploadPlaceholder = /* @__PURE__ */ new Set([
+  "Upload",
+  "BasicUpload"
+]);
+function getPlaceholder(component, label) {
+  if (!label) {
+    return "";
+  }
+  if (componentsNeedInputPlaceholder.has(component)) {
+    return `请输入${label}`;
+  }
+  if (componentsNeedSelectPlaceholder.has(component)) {
+    return `请选择${label}`;
+  }
+  if (componentsNeedUploadPlaceholder.has(component)) {
+    return `请上传${label}`;
+  }
+  return "";
+}
+function useComponentProps(options) {
+  const { column, record, size = "small", error, extraListeners = {} } = options;
+  const componentType = computed(() => {
+    if (typeof column.editComponent === "string") {
+      return column.editComponent;
+    }
+    return "Input";
+  });
+  const userComponentProps = computed(() => {
+    if (!column.editComponentProps) {
+      return {};
+    }
+    if (typeof column.editComponentProps === "function") {
+      return column.editComponentProps(record);
+    }
+    return column.editComponentProps;
+  });
+  const separatedProps = computed(() => {
+    const userProps = userComponentProps.value;
+    const attrs2 = {};
+    const listeners2 = {};
+    for (const key in userProps) {
+      if (Object.prototype.hasOwnProperty.call(userProps, key)) {
+        if (key.startsWith("on") && key.length > 2 && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90) {
+          listeners2[key] = userProps[key];
+        } else {
+          attrs2[key] = userProps[key];
+        }
+      }
+    }
+    return { attrs: attrs2, listeners: listeners2 };
+  });
+  const attrs = computed(() => separatedProps.value.attrs);
+  const listeners = computed(() => separatedProps.value.listeners);
+  const mergedProps = computed(() => {
+    const { attrs: userAttrs, listeners: userListeners } = separatedProps.value;
+    const baseProps = {
+      size,
+      status: error ? "error" : void 0
+    };
+    if (!userAttrs.placeholder) {
+      baseProps.placeholder = getPlaceholder(componentType.value, column.title || "");
+    }
+    return {
+      ...baseProps,
+      ...userAttrs,
+      ...userListeners,
+      ...extraListeners
+    };
+  });
+  return {
+    componentType,
+    attrs,
+    listeners,
+    mergedProps
+  };
+}
+function useEditCellValue(options) {
+  const { value, onChange, debounce: debounce2 = 0, throttle: throttle2 = 0, deep = false } = options;
+  const currentValue = ref(value);
+  let debounceTimer = null;
+  let throttleTimer = null;
+  let lastThrottleTime = 0;
+  watch(
+    () => value,
+    (newVal) => {
+      currentValue.value = newVal;
+    },
+    {
+      // 只对对象/数组使用深度监听
+      deep: deep || typeof value === "object" && value !== null
+    }
+  );
+  const clearTimers = () => {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+      debounceTimer = null;
+    }
+    if (throttleTimer) {
+      clearTimeout(throttleTimer);
+      throttleTimer = null;
+    }
+  };
+  const executeDebounce = (callback) => {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
+    debounceTimer = setTimeout(() => {
+      callback();
+      debounceTimer = null;
+    }, debounce2);
+  };
+  const executeThrottle = (callback) => {
+    const now = Date.now();
+    const timeSinceLastCall = now - lastThrottleTime;
+    if (timeSinceLastCall >= throttle2) {
+      callback();
+      lastThrottleTime = now;
+    } else {
+      if (throttleTimer) {
+        clearTimeout(throttleTimer);
+      }
+      const remainingTime = throttle2 - timeSinceLastCall;
+      throttleTimer = setTimeout(() => {
+        callback();
+        lastThrottleTime = Date.now();
+        throttleTimer = null;
+      }, remainingTime);
+    }
+  };
+  const handleChange = (newValue) => {
+    currentValue.value = newValue;
+    const executeCallback = () => {
+      onChange(newValue);
+    };
+    if (debounce2 > 0 && throttle2 > 0) {
+      console.warn("[useEditCellValue] 同时配置了防抖和节流，将使用防抖");
+      executeDebounce(executeCallback);
+    } else if (debounce2 > 0) {
+      executeDebounce(executeCallback);
+    } else if (throttle2 > 0) {
+      executeThrottle(executeCallback);
+    } else {
+      executeCallback();
+    }
+  };
+  const setValue = (newValue) => {
+    currentValue.value = newValue;
+  };
+  onBeforeUnmount(() => {
+    clearTimers();
+  });
+  return {
+    currentValue,
+    handleChange,
+    setValue
+  };
+}
+function trimFormatter(value) {
+  if (typeof value !== "string") {
+    return value;
+  }
+  return value.trim();
+}
+function uppercaseFormatter(value) {
+  if (typeof value !== "string") {
+    return value;
+  }
+  return value.toUpperCase();
+}
+function lowercaseFormatter(value) {
+  if (typeof value !== "string") {
+    return value;
+  }
+  return value.toLowerCase();
+}
+function numberFormatter(value) {
+  const num = Number(value);
+  return isNaN(num) ? value : num;
+}
+function capitalizeFormatter(value) {
+  if (typeof value !== "string" || value.length === 0) {
+    return value;
+  }
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function removeExtraSpacesFormatter(value) {
+  if (typeof value !== "string") {
+    return value;
+  }
+  return value.replace(/\s+/g, " ");
+}
+function removeAllSpacesFormatter(value) {
+  if (typeof value !== "string") {
+    return value;
+  }
+  return value.replace(/\s/g, "");
+}
+const formatters = {
+  trim: trimFormatter,
+  uppercase: uppercaseFormatter,
+  lowercase: lowercaseFormatter,
+  number: numberFormatter,
+  capitalize: capitalizeFormatter,
+  removeExtraSpaces: removeExtraSpacesFormatter,
+  removeAllSpaces: removeAllSpacesFormatter
+};
+function getFormatter(type) {
+  return formatters[type];
+}
+function useEditFormat(options) {
+  const { column, editConfig } = options;
+  const { trimConfig, applyTrim } = useTrim({ column, editConfig });
+  const formatConfigs = computed(() => {
+    const configs = [];
+    if (column.editFormat) {
+      if (Array.isArray(column.editFormat)) {
+        configs.push(...column.editFormat);
+      } else {
+        configs.push(column.editFormat);
+      }
+    } else if (column.autoTrim !== void 0 || (editConfig == null ? void 0 : editConfig.autoTrim) !== void 0) {
+      if (trimConfig.value.enabled) {
+        configs.push({
+          type: "trim",
+          trigger: trimConfig.value.trigger
+        });
+      }
+    }
+    return configs;
+  });
+  const applySingleFormat = (value, formatConfig) => {
+    const { type } = formatConfig;
+    if (typeof type === "function") {
+      return type(value);
+    }
+    if (type === "trim") {
+      return applyTrim(value);
+    }
+    const formatter = getFormatter(type);
+    if (formatter) {
+      return formatter(value);
+    }
+    console.warn(`[useEditFormat] 未找到格式化器: ${type}`);
+    return value;
+  };
+  const applyFormat = (value, trigger) => {
+    let result = value;
+    const configs = formatConfigs.value;
+    for (const config of configs) {
+      if (trigger && config.trigger && config.trigger !== trigger) {
+        continue;
+      }
+      result = applySingleFormat(result, config);
+    }
+    return result;
+  };
+  const wrapFormatListeners = (listeners, currentValue, onChange) => {
+    const configs = formatConfigs.value;
+    if (configs.length === 0) {
+      return {};
+    }
+    const wrappedListeners = {};
+    const hasBlurFormat = configs.some((config) => !config.trigger || config.trigger === "blur");
+    if (hasBlurFormat) {
+      const originalOnBlur = listeners.onBlur;
+      wrappedListeners.onBlur = (...args) => {
+        originalOnBlur == null ? void 0 : originalOnBlur(...args);
+        const value = currentValue();
+        const formattedValue = applyFormat(value, "blur");
+        if (formattedValue !== value) {
+          onChange(formattedValue);
+        }
+      };
+    }
+    return wrappedListeners;
+  };
+  return {
+    formatConfigs,
+    applyFormat,
+    wrapFormatListeners
+  };
+}
 const _hoisted_1$3 = { class: "edit-cell" };
 const _hoisted_2$3 = {
-  key: 0,
+  key: 2,
   class: "edit-cell-error"
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -3631,50 +4688,95 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     record: {},
     value: {},
     size: { default: "small" },
-    error: {}
+    error: {},
+    rowIndex: { default: 0 },
+    editConfig: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { applyFormat, wrapFormatListeners } = useEditFormat({
+      column: props.column,
+      editConfig: props.editConfig
+    });
+    const { currentValue, handleChange: handleValueChange } = useEditCellValue({
+      value: props.value,
+      onChange: (value) => {
+        const formattedValue = applyFormat(value, "change");
+        emit("change", formattedValue);
+      },
+      debounce: props.column.editDebounce || 0,
+      // 从 column 配置中获取防抖延迟
+      throttle: props.column.editThrottle || 0,
+      // 从 column 配置中获取节流延迟
+      deep: false
+      // 智能深度监听由 hook 内部处理
+    });
     const editComponent = computed(() => {
       if (!props.column.editComponent) {
         return getEditComponent("Input");
       }
-      return getEditComponent(props.column.editComponent);
+      const component = getEditComponent(props.column.editComponent);
+      if (!component) {
+        console.warn(`[EditCell] 未找到编辑组件: ${props.column.editComponent}，将使用默认 Input 组件`);
+        return getEditComponent("Input");
+      }
+      return component;
     });
-    const componentProps = computed(() => {
-      let baseProps = {
-        placeholder: `请输入${props.column.title || ""}`
-      };
-      if (props.column.editComponentProps) {
-        if (typeof props.column.editComponentProps === "function") {
-          const dynamicProps = props.column.editComponentProps(props.record);
-          baseProps = { ...baseProps, ...dynamicProps };
-        } else {
-          baseProps = { ...baseProps, ...props.column.editComponentProps };
+    const { listeners, mergedProps: baseProps } = useComponentProps({
+      column: props.column,
+      record: props.record,
+      size: props.size,
+      error: props.error
+    });
+    const mergedProps = computed(() => {
+      const formatListeners = wrapFormatListeners(
+        listeners.value,
+        () => currentValue.value,
+        (value) => {
+          currentValue.value = value;
+          emit("change", value);
         }
-      }
-      return baseProps;
+      );
+      return {
+        ...baseProps.value,
+        ...formatListeners
+      };
     });
     const handleChange = (value) => {
-      emit("change", value);
+      handleValueChange(value);
     };
+    const customRenderContent = computed(() => {
+      if (!props.column.editRender) {
+        return null;
+      }
+      try {
+        return props.column.editRender({
+          record: props.record,
+          column: props.column,
+          rowIndex: props.rowIndex,
+          value: currentValue.value,
+          onChange: handleChange
+        });
+      } catch (error) {
+        console.error("[EditCell] 自定义渲染函数执行出错:", error);
+        return h("div", { style: { color: "var(--color-danger)" } }, "渲染出错");
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        (openBlock(), createBlock(resolveDynamicComponent(editComponent.value), mergeProps(componentProps.value, {
-          "model-value": __props.value,
+        props.column.editRender ? (openBlock(), createBlock(resolveDynamicComponent(customRenderContent.value), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(editComponent.value), mergeProps({ key: 1 }, mergedProps.value, {
+          "model-value": unref(currentValue),
           "onUpdate:modelValue": handleChange,
-          size: __props.size,
-          status: __props.error ? "error" : void 0,
           class: "edit-cell-input"
-        }), null, 16, ["model-value", "size", "status"])),
+        }), null, 16, ["model-value"])),
         __props.error ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(__props.error), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const EditCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3dab69d1"]]);
+const EditCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-52761074"]]);
 function useEditValidation() {
   const validateField = async (value, column, record) => {
     if (!column.editRule) {
@@ -3762,6 +4864,30 @@ function useEditValidation() {
         };
       }
     }
+    if (rule.asyncValidator) {
+      try {
+        const result = await rule.asyncValidator(value, record);
+        if (result === false) {
+          return {
+            valid: false,
+            message: rule.message || `${label}验证失败`
+          };
+        }
+        if (typeof result === "string") {
+          return {
+            valid: false,
+            message: result
+          };
+        }
+        return { valid: true };
+      } catch (error) {
+        console.error("[useEditValidation] asyncValidator error:", error);
+        return {
+          valid: false,
+          message: rule.message || `${label}异步验证失败`
+        };
+      }
+    }
     return { valid: true };
   };
   const validateRow = async (editValues, columns, record) => {
@@ -3820,6 +4946,9 @@ function useTableEdit(props, dataSource, getRowKey) {
     if (editValueMap[recordKey] && columnKey in editValueMap[recordKey]) {
       return editValueMap[recordKey][columnKey];
     }
+    if (column.editDefaultValue) {
+      return column.editDefaultValue;
+    }
     if (column.editValueGetter) {
       return column.editValueGetter(record);
     }
@@ -3993,7 +5122,7 @@ function useTableEdit(props, dataSource, getRowKey) {
     delete validationErrorMap[recordKey];
     Message.success("删除成功");
   };
-  const addRow = async () => {
+  const addRow = async (position = "bottom") => {
     let newRecord = {};
     if (editConfig.value.onAdd) {
       try {
@@ -4008,7 +5137,11 @@ function useTableEdit(props, dataSource, getRowKey) {
     if (typeof rowKey === "string" && !newRecord[rowKey]) {
       newRecord[rowKey] = `temp_${Date.now()}_${Math.random()}`;
     }
-    dataSource.value.unshift(newRecord);
+    if (position === "top") {
+      dataSource.value.unshift(newRecord);
+    } else {
+      dataSource.value.push(newRecord);
+    }
     startEdit(newRecord);
   };
   const getEditingRows = () => {
@@ -5296,10 +6429,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     key: 2,
                     column: col,
                     record: slotProps.record,
+                    "row-index": slotProps.rowIndex,
                     value: unref(getEditValue)(slotProps.record, col),
                     error: unref(getValidationError)(slotProps.record, col),
                     onChange: (val) => unref(setEditValue)(slotProps.record, col, val)
-                  }, null, 8, ["column", "record", "value", "error", "onChange"])) : _ctx.$slots[col.dataIndex] ? renderSlot(_ctx.$slots, col.dataIndex, normalizeProps(mergeProps({ key: 3 }, slotProps)), void 0, true) : col.customRender ? (openBlock(), createBlock(resolveDynamicComponent(renderCustomCell(col, slotProps)), { key: 4 })) : col.format ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                  }, null, 8, ["column", "record", "row-index", "value", "error", "onChange"])) : _ctx.$slots[col.dataIndex] ? renderSlot(_ctx.$slots, col.dataIndex, normalizeProps(mergeProps({ key: 3 }, slotProps)), void 0, true) : col.customRender ? (openBlock(), createBlock(resolveDynamicComponent(renderCustomCell(col, slotProps)), { key: 4 })) : col.format ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                     createTextVNode(toDisplayString(col.format(
                       slotProps.record[col.dataIndex],
                       slotProps.record,
@@ -5324,7 +6458,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-587bcc14"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-efd7cfc7"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);
@@ -6490,6 +7624,229 @@ function isValidIdCard(idCard) {
   const idCardRegex = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
   return idCardRegex.test(idCard);
 }
+function cloneWithFlag(obj, flagKey, flagValue) {
+  return {
+    ...obj,
+    [flagKey]: flagValue
+  };
+}
+function buildDataMap(data, uniqueKey, warnPrefix) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of data) {
+    const key = item[uniqueKey];
+    if (key === void 0 || key === null) {
+      if (process.env.NODE_ENV !== "production" && warnPrefix) {
+        console.warn(`[${warnPrefix}] 数据项缺少唯一标识字段 "${uniqueKey}":`, item);
+      }
+      continue;
+    }
+    if (map.has(key)) {
+      if (process.env.NODE_ENV !== "production" && warnPrefix) {
+        console.warn(`[${warnPrefix}] 检测到重复的 ${uniqueKey}: "${key}"，后者将覆盖前者`);
+      }
+    }
+    map.set(key, item);
+  }
+  return map;
+}
+function deepEqual(val1, val2) {
+  if (val1 === val2) {
+    return true;
+  }
+  if (typeof val1 === "number" && typeof val2 === "number" && isNaN(val1) && isNaN(val2)) {
+    return true;
+  }
+  if (val1 === null || val2 === null) {
+    return false;
+  }
+  if (val1 === void 0 || val2 === void 0) {
+    return false;
+  }
+  if (typeof val1 !== typeof val2) {
+    return false;
+  }
+  if (val1 instanceof Date && val2 instanceof Date) {
+    return val1.getTime() === val2.getTime();
+  }
+  if (val1 instanceof RegExp && val2 instanceof RegExp) {
+    return val1.toString() === val2.toString();
+  }
+  if (Array.isArray(val1) && Array.isArray(val2)) {
+    if (val1.length !== val2.length) {
+      return false;
+    }
+    for (let i = 0; i < val1.length; i++) {
+      if (!deepEqual(val1[i], val2[i])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (typeof val1 === "object" && typeof val2 === "object") {
+    const keys1 = Object.keys(val1);
+    const keys2 = Object.keys(val2);
+    if (keys1.length !== keys2.length) {
+      return false;
+    }
+    for (const key of keys1) {
+      if (!keys2.includes(key)) {
+        return false;
+      }
+      if (!deepEqual(val1[key], val2[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return val1 === val2;
+}
+function isObjectEqual(obj1, obj2, options) {
+  const { depth, fields, excludeKeys = [] } = options;
+  let keysToCompare;
+  if (fields && fields.length > 0) {
+    keysToCompare = fields;
+  } else {
+    const allKeys = /* @__PURE__ */ new Set([
+      ...Object.keys(obj1),
+      ...Object.keys(obj2)
+    ]);
+    keysToCompare = Array.from(allKeys).filter(
+      (key) => !excludeKeys.includes(key)
+    );
+  }
+  for (const key of keysToCompare) {
+    const val1 = obj1[key];
+    const val2 = obj2[key];
+    if (val1 === val2) {
+      continue;
+    }
+    if (val1 === null || val1 === void 0 || val2 === null || val2 === void 0) {
+      return false;
+    }
+    const type1 = typeof val1;
+    const type2 = typeof val2;
+    if (type1 !== type2) {
+      return false;
+    }
+    if (type1 === "object") {
+      if (depth === "shallow") {
+        if (val1 instanceof Date && val2 instanceof Date) {
+          if (val1.getTime() !== val2.getTime()) {
+            return false;
+          }
+        } else if (val1 instanceof RegExp && val2 instanceof RegExp) {
+          if (val1.toString() !== val2.toString()) {
+            return false;
+          }
+        } else if (Array.isArray(val1) && Array.isArray(val2)) {
+          if (val1.length !== val2.length) {
+            return false;
+          }
+          for (let i = 0; i < val1.length; i++) {
+            if (val1[i] !== val2[i]) {
+              return false;
+            }
+          }
+        } else if (val1 !== val2) {
+          return false;
+        }
+      } else {
+        if (!deepEqual(val1, val2)) {
+          return false;
+        }
+      }
+    } else {
+      if (val1 !== val2) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+function compareObjects(obj1, obj2, options) {
+  const { depth = "shallow", compareFields, excludeKeys = [] } = options || {};
+  return isObjectEqual(obj1, obj2, {
+    depth,
+    fields: compareFields,
+    excludeKeys
+  });
+}
+function diffArrays(original, current, options) {
+  return {
+    deleted: findDeleted(original, current, options),
+    modified: findModified(original, current, options),
+    added: findAdded(original, current, options)
+  };
+}
+function findDeleted(original, current, options) {
+  const {
+    uniqueKey = "id",
+    deletedFlag = "delFlag",
+    deletedFlagValue = 1
+  } = options || {};
+  if (!original || !Array.isArray(original)) {
+    return [];
+  }
+  if (!current || !Array.isArray(current)) {
+    return original.map((item) => cloneWithFlag(item, deletedFlag, deletedFlagValue));
+  }
+  const currentMap = buildDataMap(current, uniqueKey);
+  const deleted = [];
+  const originalMap = buildDataMap(original, uniqueKey, "findDeleted");
+  for (const [key, item] of originalMap) {
+    if (!currentMap.has(key)) {
+      deleted.push(cloneWithFlag(item, deletedFlag, deletedFlagValue));
+    }
+  }
+  return deleted;
+}
+function findModified(original, current, options) {
+  const {
+    uniqueKey = "id",
+    compareDepth = "shallow",
+    compareFields,
+    excludeKeys = []
+  } = options || {};
+  if (!original || !Array.isArray(original) || !current || !Array.isArray(current)) {
+    return [];
+  }
+  const excludeKeysWithUnique = [...excludeKeys, uniqueKey];
+  const originalMap = buildDataMap(original, uniqueKey);
+  const currentMap = buildDataMap(current, uniqueKey);
+  const modified = [];
+  for (const [key, originalItem] of originalMap) {
+    const currentItem = currentMap.get(key);
+    if (currentItem) {
+      const isEqual = isObjectEqual(originalItem, currentItem, {
+        depth: compareDepth,
+        fields: compareFields,
+        excludeKeys: excludeKeysWithUnique
+      });
+      if (!isEqual) {
+        modified.push(currentItem);
+      }
+    }
+  }
+  return modified;
+}
+function findAdded(original, current, options) {
+  const { uniqueKey = "id" } = options || {};
+  if (!current || !Array.isArray(current)) {
+    return [];
+  }
+  if (!original || !Array.isArray(original)) {
+    return [...current];
+  }
+  const originalMap = buildDataMap(original, uniqueKey);
+  const currentMap = buildDataMap(current, uniqueKey, "findAdded");
+  const added = [];
+  for (const [key, item] of currentMap) {
+    if (!originalMap.has(key)) {
+      added.push(item);
+    }
+  }
+  return added;
+}
 function useDebounce(value, delay = 300) {
   const debouncedValue = ref(value.value);
   let timer = null;
@@ -6532,19 +7889,37 @@ export {
   BasicDescription,
   _sfc_main$5 as BasicForm,
   BasicModal,
+  BasicReadonlyField,
   BasicTable,
   BasicTextEllipsis,
   BasicUpload,
   VideoPreview,
   VideoPreviewModal,
+  classifyFiles,
+  compareObjects,
   componentMap,
   createFormSchema,
   createTableColumns,
   debounce,
+  diffArrays,
+  findAdded,
+  findDeleted,
+  findModified,
+  formatBoolean,
+  formatCascaderPath,
   formatDate,
   formatFileSize,
   formatNumber,
+  formatDate$1 as formatReadonlyFieldDate,
+  getCascaderLabels,
   getComponent,
+  getFileName,
+  getFileUrl,
+  getLabelFromOptions,
+  getLabelFromTreeData,
+  getLabelsFromOptions,
+  getRenderer,
+  isImageFile,
   isValidEmail,
   isValidIdCard,
   isValidPhone,
@@ -6552,6 +7927,8 @@ export {
   mergeFormSchemas,
   mergeTableColumns,
   registerComponent,
+  rendererMap,
+  safeToString,
   throttle,
   useDebounce,
   useDescription,
@@ -6559,6 +7936,7 @@ export {
   useLocalStorage,
   useModal,
   useModalInner,
+  useReadonlyField,
   useTable,
   useToggle,
   useUpload