knt-shared 1.2.6 → 1.3.0

package/dist/index.esm.js

@@ -22,7 +22,7 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return sfc;
 };
-const _sfc_main$c = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "IconPlus",
   props: {
     size: {
@@ -75,7 +75,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$d = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -90,9 +90,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M5 24h38M24 5v38" }, null, -1)
-  ]), 14, _hoisted_1$b);
+  ]), 14, _hoisted_1$d);
 }
-var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$7]]);
+var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$7]]);
 const IconPlus = Object.assign(_IconPlus, {
   install: (app, options) => {
     var _a;
@@ -100,7 +100,7 @@ const IconPlus = Object.assign(_IconPlus, {
     app.component(iconPrefix + _IconPlus.name, _IconPlus);
   }
 });
-const _sfc_main$b = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -153,7 +153,7 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$c = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -169,9 +169,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
     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$a);
+  ]), 14, _hoisted_1$c);
 }
-var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$6]]);
+var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$6]]);
 const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
   install: (app, options) => {
     var _a;
@@ -179,7 +179,7 @@ const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
     app.component(iconPrefix + _IconQuestionCircle.name, _IconQuestionCircle);
   }
 });
-const _sfc_main$a = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "IconRefresh",
   props: {
     size: {
@@ -232,7 +232,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$b = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -247,9 +247,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     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$9);
+  ]), 14, _hoisted_1$b);
 }
-var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$5]]);
+var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$5]]);
 const IconRefresh = Object.assign(_IconRefresh, {
   install: (app, options) => {
     var _a;
@@ -257,7 +257,7 @@ const IconRefresh = Object.assign(_IconRefresh, {
     app.component(iconPrefix + _IconRefresh.name, _IconRefresh);
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "IconSettings",
   props: {
     size: {
@@ -310,7 +310,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -326,9 +326,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M18.797 6.732A1 1 0 0 1 19.76 6h8.48a1 1 0 0 1 .964.732l1.285 4.628a1 1 0 0 0 1.213.7l4.651-1.2a1 1 0 0 1 1.116.468l4.24 7.344a1 1 0 0 1-.153 1.2L38.193 23.3a1 1 0 0 0 0 1.402l3.364 3.427a1 1 0 0 1 .153 1.2l-4.24 7.344a1 1 0 0 1-1.116.468l-4.65-1.2a1 1 0 0 0-1.214.7l-1.285 4.628a1 1 0 0 1-.964.732h-8.48a1 1 0 0 1-.963-.732L17.51 36.64a1 1 0 0 0-1.213-.7l-4.65 1.2a1 1 0 0 1-1.116-.468l-4.24-7.344a1 1 0 0 1 .153-1.2L9.809 24.7a1 1 0 0 0 0-1.402l-3.364-3.427a1 1 0 0 1-.153-1.2l4.24-7.344a1 1 0 0 1 1.116-.468l4.65 1.2a1 1 0 0 0 1.213-.7l1.286-4.628Z" }, null, -1),
     createElementVNode("path", { d: "M30 24a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" }, null, -1)
-  ]), 14, _hoisted_1$8);
+  ]), 14, _hoisted_1$a);
 }
-var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$4]]);
+var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$4]]);
 const IconSettings = Object.assign(_IconSettings, {
   install: (app, options) => {
     var _a;
@@ -336,7 +336,7 @@ const IconSettings = Object.assign(_IconSettings, {
     app.component(iconPrefix + _IconSettings.name, _IconSettings);
   }
 });
-const _sfc_main$8 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "IconUpload",
   props: {
     size: {
@@ -389,7 +389,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$9 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -404,9 +404,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     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$7);
+  ]), 14, _hoisted_1$9);
 }
-var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$3]]);
+var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$3]]);
 const IconUpload = Object.assign(_IconUpload, {
   install: (app, options) => {
     var _a;
@@ -414,7 +414,7 @@ const IconUpload = Object.assign(_IconUpload, {
     app.component(iconPrefix + _IconUpload.name, _IconUpload);
   }
 });
-const _sfc_main$7 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "IconLineHeight",
   props: {
     size: {
@@ -467,7 +467,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$8 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -488,9 +488,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       stroke: "none"
     }, null, -1),
     createElementVNode("path", { d: "M39 13h2l-2-3.5-2 3.5h2Zm0 0v22m0 0h2l-2 3.5-2-3.5h2Z" }, null, -1)
-  ]), 14, _hoisted_1$6);
+  ]), 14, _hoisted_1$8);
 }
-var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$2]]);
+var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$2]]);
 const IconLineHeight = Object.assign(_IconLineHeight, {
   install: (app, options) => {
     var _a;
@@ -498,7 +498,7 @@ const IconLineHeight = Object.assign(_IconLineHeight, {
     app.component(iconPrefix + _IconLineHeight.name, _IconLineHeight);
   }
 });
-const _sfc_main$6 = defineComponent({
+const _sfc_main$8 = defineComponent({
   name: "IconFullscreenExit",
   props: {
     size: {
@@ -551,7 +551,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$7 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -566,9 +566,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     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$5);
+  ]), 14, _hoisted_1$7);
 }
-var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$1]]);
+var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$1]]);
 const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
   install: (app, options) => {
     var _a;
@@ -576,7 +576,7 @@ const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
     app.component(iconPrefix + _IconFullscreenExit.name, _IconFullscreenExit);
   }
 });
-const _sfc_main$5 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "IconFullscreen",
   props: {
     size: {
@@ -629,7 +629,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$6 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -644,9 +644,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     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$4);
+  ]), 14, _hoisted_1$6);
 }
-var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render]]);
+var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render]]);
 const IconFullscreen = Object.assign(_IconFullscreen, {
   install: (app, options) => {
     var _a;
@@ -654,13 +654,13 @@ const IconFullscreen = Object.assign(_IconFullscreen, {
     app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
   }
 });
-const _hoisted_1$3 = { class: "basic-upload" };
-const _hoisted_2$3 = {
+const _hoisted_1$5 = { class: "basic-upload" };
+const _hoisted_2$4 = {
   key: 0,
   class: "upload-text"
 };
 const _hoisted_3$2 = { class: "upload-tip" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicUpload",
     inheritAttrs: false
@@ -1104,7 +1104,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
       const _component_a_upload = resolveComponent("a-upload");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createVNode(_component_a_upload, mergeProps({
           ref_key: "uploadRef",
           ref: uploadRef
@@ -1129,7 +1129,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   })
                 }, [
                   createVNode(unref(IconPlus), { size: 16 }),
-                  getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
+                  getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_2$4, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
                 ], 4)) : (openBlock(), createBlock(_component_a_button, {
                   key: 1,
                   type: getProps.value.uploadButtonType || "primary"
@@ -1181,7 +1181,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-03d56780"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-03d56780"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -1351,7 +1351,7 @@ function getRules(component, label) {
   }
   return [{ required: true, message: `请选择${label}` }];
 }
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicForm",
     inheritAttrs: false
@@ -1484,6 +1484,29 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const componentType = typeof schema.component === "string" ? schema.component : "";
       return getPlaceholder(componentType, schema.label);
     };
+    const shouldRenderCustomLabel = (schema) => {
+      return !!(schema.labelEllipsis || schema.labelTooltip);
+    };
+    const getLabelStyle = (schema) => {
+      if (!schema.labelEllipsis) {
+        return {};
+      }
+      const maxWidth = schema.labelMaxWidth || "150px";
+      return {
+        display: "inline-block",
+        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        verticalAlign: "middle"
+      };
+    };
+    const getLabelTooltipContent = (schema) => {
+      if (typeof schema.labelTooltip === "string") {
+        return schema.labelTooltip;
+      }
+      return schema.label;
+    };
     const handleSubmit = async (data) => {
       try {
         submitLoading.value = true;
@@ -1647,6 +1670,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       dynamicProps.value = {};
     });
     return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
       const _component_a_form_item = resolveComponent("a-form-item");
       const _component_a_col = resolveComponent("a-col");
       const _component_a_button = resolveComponent("a-button");
@@ -1674,7 +1698,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     schema.render ? (openBlock(), createBlock(resolveDynamicComponent(schema.render(schema, formModel)), { key: 0 })) : (openBlock(), createBlock(_component_a_form_item, mergeProps({
                       key: 1,
                       ref_for: true
-                    }, getFormItemBindValue(schema)), {
+                    }, getFormItemBindValue(schema)), createSlots({
                       default: withCtx(() => [
                         schema.slotName ? renderSlot(_ctx.$slots, schema.slotName, {
                           key: 0,
@@ -1688,7 +1712,28 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                         }, { ref_for: true }, schema.componentProps), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"]))
                       ]),
                       _: 2
-                    }, 1040))
+                    }, [
+                      shouldRenderCustomLabel(schema) ? {
+                        name: "label",
+                        fn: withCtx(() => [
+                          schema.labelTooltip ? (openBlock(), createBlock(_component_a_tooltip, {
+                            key: 0,
+                            content: getLabelTooltipContent(schema)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", {
+                                style: normalizeStyle(getLabelStyle(schema))
+                              }, toDisplayString(schema.label), 5)
+                            ]),
+                            _: 2
+                          }, 1032, ["content"])) : (openBlock(), createElementBlock("span", {
+                            key: 1,
+                            style: normalizeStyle(getLabelStyle(schema))
+                          }, toDisplayString(schema.label), 5))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1040))
                   ]),
                   _: 2
                 }, 1040, ["data-field"]);
@@ -2037,6 +2082,122 @@ function throttle(func, wait = 300) {
     }
   };
 }
+const _hoisted_1$4 = { class: "basic-text-ellipsis" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BasicTextEllipsis",
+  props: {
+    text: { default: "" },
+    lines: { default: 1 },
+    tooltip: { type: Boolean, default: true },
+    tooltipTrigger: { default: "hover" },
+    tooltipProps: { default: () => ({}) },
+    alwaysShowTooltip: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const textRef = ref();
+    const isTruncated = ref(false);
+    let resizeObserver = null;
+    const ellipsisStyle = computed(() => {
+      if (props.lines === 1) {
+        return {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        };
+      }
+      return {
+        display: "-webkit-box",
+        "-webkit-box-orient": "vertical",
+        "-webkit-line-clamp": props.lines,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        wordBreak: "break-word"
+      };
+    });
+    const showTooltip = computed(() => {
+      if (!props.tooltip) {
+        return false;
+      }
+      if (props.alwaysShowTooltip) {
+        return true;
+      }
+      return isTruncated.value;
+    });
+    const checkTruncation = () => {
+      if (!textRef.value) {
+        return;
+      }
+      const element = textRef.value;
+      if (props.lines === 1) {
+        isTruncated.value = element.scrollWidth > element.clientWidth;
+      } else {
+        isTruncated.value = element.scrollHeight > element.clientHeight;
+      }
+    };
+    const debouncedCheck = debounce(checkTruncation, 100);
+    const initResizeObserver = () => {
+      if (!textRef.value) {
+        return;
+      }
+      resizeObserver = new ResizeObserver(() => {
+        debouncedCheck();
+      });
+      resizeObserver.observe(textRef.value);
+    };
+    const cleanupResizeObserver = () => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
+      debouncedCheck.cancel();
+    };
+    onMounted(() => {
+      nextTick(() => {
+        checkTruncation();
+        initResizeObserver();
+      });
+    });
+    onBeforeUnmount(() => {
+      cleanupResizeObserver();
+    });
+    watch(
+      () => [props.text, props.lines],
+      () => {
+        nextTick(() => {
+          checkTruncation();
+        });
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        showTooltip.value ? (openBlock(), createBlock(_component_a_tooltip, mergeProps({
+          key: 0,
+          content: __props.text,
+          trigger: __props.tooltipTrigger
+        }, __props.tooltipProps), {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "textRef",
+              ref: textRef,
+              class: "text-ellipsis-content",
+              style: normalizeStyle(ellipsisStyle.value)
+            }, toDisplayString(__props.text), 5)
+          ]),
+          _: 1
+        }, 16, ["content", "trigger"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "textRef",
+          ref: textRef,
+          class: "text-ellipsis-content",
+          style: normalizeStyle(ellipsisStyle.value)
+        }, toDisplayString(__props.text), 5))
+      ]);
+    };
+  }
+});
+const BasicTextEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-05b93f77"]]);
 function useLocalStorage(key, initialValue) {
   let initialStoredValue;
   try {
@@ -2069,6 +2230,456 @@ function useLocalStorage(key, initialValue) {
   );
   return [storedValue, setValue];
 }
+const editComponentMap = {
+  ...componentMap
+  // 可以添加 Table 专用的编辑组件
+};
+function getEditComponent(name) {
+  if (typeof name === "string") {
+    return editComponentMap[name];
+  }
+  return name;
+}
+const _hoisted_1$3 = { class: "edit-cell" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "edit-cell-error"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "EditCell"
+  },
+  __name: "EditCell",
+  props: {
+    column: {},
+    record: {},
+    value: {},
+    size: { default: "small" },
+    error: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editComponent = computed(() => {
+      if (!props.column.editComponent) {
+        return getEditComponent("Input");
+      }
+      return getEditComponent(props.column.editComponent);
+    });
+    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 };
+        }
+      }
+      return baseProps;
+    });
+    const handleChange = (value) => {
+      emit("change", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        (openBlock(), createBlock(resolveDynamicComponent(editComponent.value), mergeProps(componentProps.value, {
+          "model-value": __props.value,
+          "onUpdate:modelValue": handleChange,
+          size: __props.size,
+          status: __props.error ? "error" : void 0,
+          class: "edit-cell-input"
+        }), null, 16, ["model-value", "size", "status"])),
+        __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"]]);
+function useEditValidation() {
+  const validateField = async (value, column, record) => {
+    if (!column.editRule) {
+      return { valid: true };
+    }
+    const rules = Array.isArray(column.editRule) ? column.editRule : [column.editRule];
+    for (const rule of rules) {
+      const result = await validateSingleRule(value, rule, column, record);
+      if (!result.valid) {
+        return result;
+      }
+    }
+    return { valid: true };
+  };
+  const validateSingleRule = async (value, rule, column, record) => {
+    const label = column.title || column.dataIndex || "字段";
+    if (rule.required) {
+      if (value === null || value === void 0 || value === "") {
+        return {
+          valid: false,
+          message: rule.message || `请输入${label}`
+        };
+      }
+    }
+    if (value === null || value === void 0 || value === "") {
+      return { valid: true };
+    }
+    if (rule.pattern) {
+      if (!rule.pattern.test(String(value))) {
+        return {
+          valid: false,
+          message: rule.message || `${label}格式不正确`
+        };
+      }
+    }
+    if (typeof value === "number") {
+      if (rule.min !== void 0 && value < rule.min) {
+        return {
+          valid: false,
+          message: rule.message || `${label}不能小于${rule.min}`
+        };
+      }
+      if (rule.max !== void 0 && value > rule.max) {
+        return {
+          valid: false,
+          message: rule.message || `${label}不能大于${rule.max}`
+        };
+      }
+    }
+    if (typeof value === "string") {
+      if (rule.minLength !== void 0 && value.length < rule.minLength) {
+        return {
+          valid: false,
+          message: rule.message || `${label}长度不能小于${rule.minLength}个字符`
+        };
+      }
+      if (rule.maxLength !== void 0 && value.length > rule.maxLength) {
+        return {
+          valid: false,
+          message: rule.message || `${label}长度不能大于${rule.maxLength}个字符`
+        };
+      }
+    }
+    if (rule.validator) {
+      try {
+        const result = await rule.validator(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] validator error:", error);
+        return {
+          valid: false,
+          message: rule.message || `${label}验证失败`
+        };
+      }
+    }
+    return { valid: true };
+  };
+  const validateRow = async (editValues, columns, record) => {
+    const errors = {};
+    for (const column of columns) {
+      if (!column.dataIndex || !column.editRule) {
+        continue;
+      }
+      const value = editValues[column.dataIndex];
+      const result = await validateField(value, column, record);
+      if (!result.valid && result.message) {
+        errors[column.dataIndex] = result.message;
+      }
+    }
+    return {
+      valid: Object.keys(errors).length === 0,
+      errors
+    };
+  };
+  return {
+    validateField,
+    validateRow
+  };
+}
+function useTableEdit(props, dataSource, getRowKey) {
+  const editingStateMap = reactive({});
+  const editValueMap = reactive({});
+  const originalDataMap = reactive({});
+  const validationErrorMap = reactive({});
+  const { validateRow } = useEditValidation();
+  const editConfig = computed(() => {
+    return {
+      mode: "row",
+      enabled: true,
+      allowAdd: true,
+      allowDelete: true,
+      ...props.value.editConfig
+    };
+  });
+  const getEditableColumns = (columns) => {
+    return columns.filter((col) => col.edit || col.editable);
+  };
+  const isEditing = (record, column) => {
+    const recordKey = String(getRowKey(record));
+    if (!editingStateMap[recordKey]) {
+      return false;
+    }
+    if (column && column.dataIndex) {
+      return !!editingStateMap[recordKey][column.dataIndex];
+    }
+    return Object.values(editingStateMap[recordKey]).some(Boolean);
+  };
+  const getEditValue = (record, column) => {
+    const recordKey = String(getRowKey(record));
+    const columnKey = column.dataIndex;
+    if (editValueMap[recordKey] && columnKey in editValueMap[recordKey]) {
+      return editValueMap[recordKey][columnKey];
+    }
+    if (column.editValueGetter) {
+      return column.editValueGetter(record);
+    }
+    return record[columnKey];
+  };
+  const setEditValue = (record, column, value) => {
+    const recordKey = String(getRowKey(record));
+    const columnKey = column.dataIndex;
+    if (!editValueMap[recordKey]) {
+      editValueMap[recordKey] = {};
+    }
+    editValueMap[recordKey][columnKey] = value;
+    if (validationErrorMap[recordKey] && validationErrorMap[recordKey][columnKey]) {
+      delete validationErrorMap[recordKey][columnKey];
+    }
+  };
+  const getValidationError = (record, column) => {
+    const recordKey = String(getRowKey(record));
+    const columnKey = column.dataIndex;
+    if (validationErrorMap[recordKey]) {
+      return validationErrorMap[recordKey][columnKey];
+    }
+    return void 0;
+  };
+  const startEdit = (record, column) => {
+    const recordKey = String(getRowKey(record));
+    const mode = editConfig.value.mode || "row";
+    if (!originalDataMap[recordKey]) {
+      originalDataMap[recordKey] = { ...record };
+    }
+    if (!editingStateMap[recordKey]) {
+      editingStateMap[recordKey] = {};
+    }
+    if (!editValueMap[recordKey]) {
+      editValueMap[recordKey] = {};
+    }
+    if (mode === "row") {
+      const editableColumns = getEditableColumns(props.value.columns || []);
+      editableColumns.forEach((col) => {
+        if (col.dataIndex) {
+          editingStateMap[recordKey][col.dataIndex] = true;
+          if (!(col.dataIndex in editValueMap[recordKey])) {
+            editValueMap[recordKey][col.dataIndex] = getEditValue(record, col);
+          }
+        }
+      });
+    } else if (mode === "cell" && column && column.dataIndex) {
+      editingStateMap[recordKey][column.dataIndex] = true;
+      if (!(column.dataIndex in editValueMap[recordKey])) {
+        editValueMap[recordKey][column.dataIndex] = getEditValue(record, column);
+      }
+    }
+  };
+  const getChangedValues = (record) => {
+    const recordKey = String(getRowKey(record));
+    const changedValues = {};
+    if (!editValueMap[recordKey]) {
+      return changedValues;
+    }
+    Object.keys(editValueMap[recordKey]).forEach((columnKey) => {
+      var _a;
+      const editValue = editValueMap[recordKey][columnKey];
+      const originalValue = (_a = originalDataMap[recordKey]) == null ? void 0 : _a[columnKey];
+      if (editValue !== originalValue) {
+        changedValues[columnKey] = editValue;
+      }
+    });
+    return changedValues;
+  };
+  const saveEdit = async (record) => {
+    const recordKey = String(getRowKey(record));
+    if (!isEditing(record)) {
+      return true;
+    }
+    const editableColumns = getEditableColumns(props.value.columns || []);
+    let columnsToValidate;
+    if (editConfig.value.mode === "cell") {
+      const editingColumns = editingStateMap[recordKey] || {};
+      columnsToValidate = editableColumns.filter(
+        (col) => col.dataIndex && editingColumns[col.dataIndex]
+      );
+    } else {
+      columnsToValidate = editableColumns;
+    }
+    const validationResult = await validateRow(
+      editValueMap[recordKey] || {},
+      columnsToValidate,
+      record
+    );
+    if (!validationResult.valid) {
+      validationErrorMap[recordKey] = validationResult.errors;
+      const firstError = Object.values(validationResult.errors)[0];
+      if (firstError) {
+        Message.error(firstError);
+      }
+      return false;
+    }
+    const changedValues = getChangedValues(record);
+    if (editConfig.value.beforeSave) {
+      try {
+        const result = await editConfig.value.beforeSave(record, changedValues);
+        if (result === false) {
+          return false;
+        }
+      } catch (error) {
+        console.error("[useTableEdit] beforeSave error:", error);
+        Message.error("保存前验证失败");
+        return false;
+      }
+    }
+    if (editValueMap[recordKey]) {
+      Object.keys(editValueMap[recordKey]).forEach((columnKey) => {
+        const column = editableColumns.find((col) => col.dataIndex === columnKey);
+        let value = editValueMap[recordKey][columnKey];
+        if (column == null ? void 0 : column.editValueSetter) {
+          value = column.editValueSetter(value, record);
+        }
+        record[columnKey] = value;
+      });
+    }
+    if (editConfig.value.onSave) {
+      try {
+        await editConfig.value.onSave(record, changedValues);
+      } catch (error) {
+        console.error("[useTableEdit] onSave error:", error);
+      }
+    }
+    delete editingStateMap[recordKey];
+    delete editValueMap[recordKey];
+    delete originalDataMap[recordKey];
+    delete validationErrorMap[recordKey];
+    Message.success("保存成功");
+    return true;
+  };
+  const cancelEdit = (record) => {
+    const recordKey = String(getRowKey(record));
+    if (!isEditing(record)) {
+      return;
+    }
+    if (originalDataMap[recordKey]) {
+      Object.keys(originalDataMap[recordKey]).forEach((key) => {
+        record[key] = originalDataMap[recordKey][key];
+      });
+    }
+    if (editConfig.value.onCancel) {
+      editConfig.value.onCancel(record);
+    }
+    delete editingStateMap[recordKey];
+    delete editValueMap[recordKey];
+    delete originalDataMap[recordKey];
+    delete validationErrorMap[recordKey];
+  };
+  const deleteRow = async (record) => {
+    const recordKey = String(getRowKey(record));
+    if (editConfig.value.onDelete) {
+      try {
+        await editConfig.value.onDelete(record);
+      } catch (error) {
+        console.error("[useTableEdit] onDelete error:", error);
+        Message.error("删除失败");
+        return;
+      }
+    }
+    const index = dataSource.value.findIndex((item) => getRowKey(item) === recordKey);
+    if (index > -1) {
+      dataSource.value.splice(index, 1);
+    }
+    delete editingStateMap[recordKey];
+    delete editValueMap[recordKey];
+    delete originalDataMap[recordKey];
+    delete validationErrorMap[recordKey];
+    Message.success("删除成功");
+  };
+  const addRow = async () => {
+    let newRecord = {};
+    if (editConfig.value.onAdd) {
+      try {
+        newRecord = await editConfig.value.onAdd();
+      } catch (error) {
+        console.error("[useTableEdit] onAdd error:", error);
+        Message.error("添加失败");
+        return;
+      }
+    }
+    const rowKey = props.value.rowKey || "id";
+    if (typeof rowKey === "string" && !newRecord[rowKey]) {
+      newRecord[rowKey] = `temp_${Date.now()}_${Math.random()}`;
+    }
+    dataSource.value.unshift(newRecord);
+    startEdit(newRecord);
+  };
+  const getEditingRows = () => {
+    const editingKeys = Object.keys(editingStateMap);
+    return dataSource.value.filter((record) => {
+      const recordKey = String(getRowKey(record));
+      return editingKeys.includes(recordKey);
+    });
+  };
+  const saveAllEdits = async () => {
+    const editingRows = getEditingRows();
+    if (editingRows.length === 0) {
+      return true;
+    }
+    for (const record of editingRows) {
+      const success = await saveEdit(record);
+      if (!success) {
+        return false;
+      }
+    }
+    return true;
+  };
+  const cancelAllEdits = () => {
+    const editingRows = getEditingRows();
+    editingRows.forEach((record) => {
+      cancelEdit(record);
+    });
+  };
+  return {
+    editingStateMap,
+    editValueMap,
+    validationErrorMap,
+    isEditing,
+    getEditValue,
+    setEditValue,
+    getValidationError,
+    startEdit,
+    saveEdit,
+    cancelEdit,
+    deleteRow,
+    addRow,
+    getEditingRows,
+    saveAllEdits,
+    cancelAllEdits,
+    getChangedValues
+  };
+}
 const _hoisted_1$2 = { class: "basic-table-wrapper" };
 const _hoisted_2$2 = {
   key: 0,
@@ -2131,9 +2742,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     autoHeight: { type: Boolean, default: false },
     maxHeight: {},
     tableClass: {},
-    tableStyle: {}
+    tableStyle: {},
+    editConfig: {}
   },
-  emits: ["register", "change", "select", "selectAll", "expand", "row-click", "row-dblclick", "cell-click", "search", "reset", "fetch-success", "fetch-error"],
+  emits: ["register", "change", "select", "selectAll", "expand", "row-click", "row-dblclick", "cell-click", "search", "reset", "fetch-success", "fetch-error", "edit-save", "edit-cancel", "edit-delete", "edit-add"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DEBOUNCE_DELAY = {
       REFRESH: 300,
@@ -2342,6 +2954,31 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       return record[mergedProps.rowKey];
     };
+    const {
+      isEditing,
+      getEditValue,
+      setEditValue,
+      getValidationError,
+      startEdit,
+      saveEdit,
+      cancelEdit,
+      deleteRow,
+      addRow,
+      getEditingRows,
+      saveAllEdits,
+      cancelAllEdits,
+      getChangedValues
+    } = useTableEdit(getMergedProps, dataSource, getRowKey);
+    const originalColumnsMap = computed(() => {
+      const mergedProps = getMergedProps.value;
+      const map = /* @__PURE__ */ new Map();
+      mergedProps.columns.forEach((col) => {
+        if (col.dataIndex) {
+          map.set(col.dataIndex, col);
+        }
+      });
+      return map;
+    });
     const getViewColumns = computed(() => {
       const mergedProps = getMergedProps.value;
       let columns = [...mergedProps.columns];
@@ -2379,6 +3016,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       columns = columns.filter((col) => col.show !== false);
       columns = columns.map((col) => {
+        if ((col.edit || col.editable) && !col.slotName) {
+          return { ...col, slotName: col.dataIndex };
+        }
+        if (!col.slotName && col.ellipsis && typeof col.ellipsis === "object") {
+          const { ellipsis, ...restCol } = col;
+          return { ...restCol, slotName: col.dataIndex };
+        }
         if (!col.slotName && (col.customRender || col.format)) {
           return { ...col, slotName: col.dataIndex };
         }
@@ -2818,7 +3462,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       expandAll,
       collapseAll,
       tableRef,
-      searchFormRef
+      searchFormRef,
+      // 编辑相关方法
+      startEdit,
+      saveEdit,
+      cancelEdit,
+      deleteRow,
+      addRow,
+      getEditingRows,
+      saveAllEdits,
+      cancelAllEdits,
+      isEditing,
+      getEditValue,
+      setEditValue,
+      getChangedValues
     });
     onMounted(async () => {
       await nextTick();
@@ -2848,7 +3505,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         expandAll,
         collapseAll,
         tableRef,
-        searchFormRef
+        searchFormRef,
+        // 编辑相关方法
+        startEdit,
+        saveEdit,
+        cancelEdit,
+        deleteRow,
+        addRow,
+        getEditingRows,
+        saveAllEdits,
+        cancelAllEdits,
+        isEditing,
+        getEditValue,
+        setEditValue,
+        getChangedValues
       };
       const formInstance = {
         getFieldsValue: () => {
@@ -2950,7 +3620,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_a_table = resolveComponent("a-table");
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         getSearchConfig.value.show ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createVNode(unref(_sfc_main$3), mergeProps({
+          createVNode(unref(_sfc_main$5), mergeProps({
             ref_key: "searchFormRef",
             ref: searchFormRef
           }, getSearchFormProps.value, {
@@ -3151,84 +3821,103 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           renderList(getViewColumns.value.filter((c) => c.slotName), (col) => {
             return {
               name: col.slotName,
-              fn: withCtx((slotProps) => [
-                col.slotName === "__index__" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createTextVNode(toDisplayString(getIndexNumber(slotProps.rowIndex)), 1)
-                ], 64)) : col.slotName === "action" ? renderSlot(_ctx.$slots, "action", {
-                  key: 1,
-                  record: slotProps.record
-                }, () => [
-                  createVNode(_component_a_space, null, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(getActionButtons(slotProps.record), (action) => {
-                        return openBlock(), createElementBlock(Fragment, {
-                          key: action.label
-                        }, [
-                          action.popConfirm ? (openBlock(), createBlock(_component_a_popconfirm, {
-                            key: 0,
-                            content: action.popConfirm.title,
-                            "ok-text": action.popConfirm.okText,
-                            "cancel-text": action.popConfirm.cancelText,
-                            onOk: ($event) => {
-                              var _a, _b;
-                              return (_b = (_a = action.popConfirm).onConfirm) == null ? void 0 : _b.call(_a, slotProps.record);
-                            },
-                            onCancel: action.popConfirm.onCancel
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_link, {
-                                status: action.color,
-                                disabled: getActionDisabled(action, slotProps.record),
-                                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                                }, ["stop"]))
-                              }, createSlots({
-                                default: withCtx(() => [
-                                  createTextVNode(" " + toDisplayString(action.label), 1)
-                                ]),
-                                _: 2
-                              }, [
-                                action.icon ? {
-                                  name: "icon",
-                                  fn: withCtx(() => [
-                                    (openBlock(), createBlock(resolveDynamicComponent(action.icon)))
-                                  ]),
-                                  key: "0"
-                                } : void 0
-                              ]), 1032, ["status", "disabled"])
-                            ]),
-                            _: 2
-                          }, 1032, ["content", "ok-text", "cancel-text", "onOk", "onCancel"])) : (openBlock(), createBlock(_component_a_link, {
-                            key: 1,
-                            status: action.color,
-                            disabled: getActionDisabled(action, slotProps.record),
-                            onClick: ($event) => handleActionClick(action, slotProps.record)
-                          }, createSlots({
-                            default: withCtx(() => [
-                              createTextVNode(" " + toDisplayString(action.label), 1)
-                            ]),
-                            _: 2
+              fn: withCtx((slotProps) => {
+                var _a, _b;
+                return [
+                  col.slotName === "__index__" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(getIndexNumber(slotProps.rowIndex)), 1)
+                  ], 64)) : col.slotName === "action" ? renderSlot(_ctx.$slots, "action", {
+                    key: 1,
+                    record: slotProps.record
+                  }, () => [
+                    createVNode(_component_a_space, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(getActionButtons(slotProps.record), (action) => {
+                          return openBlock(), createElementBlock(Fragment, {
+                            key: action.label
                           }, [
-                            action.icon ? {
-                              name: "icon",
-                              fn: withCtx(() => [
-                                (openBlock(), createBlock(resolveDynamicComponent(action.icon)))
+                            action.popConfirm ? (openBlock(), createBlock(_component_a_popconfirm, {
+                              key: 0,
+                              content: action.popConfirm.title,
+                              "ok-text": action.popConfirm.okText,
+                              "cancel-text": action.popConfirm.cancelText,
+                              onOk: ($event) => {
+                                var _a2, _b2;
+                                return (_b2 = (_a2 = action.popConfirm).onConfirm) == null ? void 0 : _b2.call(_a2, slotProps.record);
+                              },
+                              onCancel: action.popConfirm.onCancel
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_a_link, {
+                                  status: action.color,
+                                  disabled: getActionDisabled(action, slotProps.record),
+                                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                                  }, ["stop"]))
+                                }, createSlots({
+                                  default: withCtx(() => [
+                                    createTextVNode(" " + toDisplayString(action.label), 1)
+                                  ]),
+                                  _: 2
+                                }, [
+                                  action.icon ? {
+                                    name: "icon",
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(action.icon)))
+                                    ]),
+                                    key: "0"
+                                  } : void 0
+                                ]), 1032, ["status", "disabled"])
                               ]),
-                              key: "0"
-                            } : void 0
-                          ]), 1032, ["status", "disabled", "onClick"]))
-                        ], 64);
-                      }), 128))
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], true) : _ctx.$slots[col.dataIndex] ? renderSlot(_ctx.$slots, col.dataIndex, normalizeProps(mergeProps({ key: 2 }, slotProps)), void 0, true) : col.customRender ? (openBlock(), createBlock(resolveDynamicComponent(renderCustomCell(col, slotProps)), { key: 3 })) : col.format ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                  createTextVNode(toDisplayString(col.format(
-                    slotProps.record[col.dataIndex],
-                    slotProps.record,
-                    slotProps.rowIndex
-                  )), 1)
-                ], 64)) : createCommentVNode("", true)
-              ])
+                              _: 2
+                            }, 1032, ["content", "ok-text", "cancel-text", "onOk", "onCancel"])) : (openBlock(), createBlock(_component_a_link, {
+                              key: 1,
+                              status: action.color,
+                              disabled: getActionDisabled(action, slotProps.record),
+                              onClick: ($event) => handleActionClick(action, slotProps.record)
+                            }, createSlots({
+                              default: withCtx(() => [
+                                createTextVNode(" " + toDisplayString(action.label), 1)
+                              ]),
+                              _: 2
+                            }, [
+                              action.icon ? {
+                                name: "icon",
+                                fn: withCtx(() => [
+                                  (openBlock(), createBlock(resolveDynamicComponent(action.icon)))
+                                ]),
+                                key: "0"
+                              } : void 0
+                            ]), 1032, ["status", "disabled", "onClick"]))
+                          ], 64);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], true) : (col.edit || col.editable) && unref(isEditing)(slotProps.record, col) ? (openBlock(), createBlock(EditCell, {
+                    key: 2,
+                    column: col,
+                    record: slotProps.record,
+                    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 }, [
+                    createTextVNode(toDisplayString(col.format(
+                      slotProps.record[col.dataIndex],
+                      slotProps.record,
+                      slotProps.rowIndex
+                    )), 1)
+                  ], 64)) : col.dataIndex && ((_a = originalColumnsMap.value.get(col.dataIndex)) == null ? void 0 : _a.ellipsis) && typeof ((_b = originalColumnsMap.value.get(col.dataIndex)) == null ? void 0 : _b.ellipsis) === "object" ? (openBlock(), createBlock(unref(BasicTextEllipsis), {
+                    key: 6,
+                    text: String(slotProps.record[col.dataIndex] ?? ""),
+                    lines: originalColumnsMap.value.get(col.dataIndex).ellipsis.lines ?? 1,
+                    tooltip: originalColumnsMap.value.get(col.dataIndex).ellipsis.tooltip ?? true,
+                    tooltipTrigger: originalColumnsMap.value.get(col.dataIndex).ellipsis.tooltipTrigger ?? "hover",
+                    tooltipProps: originalColumnsMap.value.get(col.dataIndex).ellipsis.tooltipProps
+                  }, null, 8, ["text", "lines", "tooltip", "tooltipTrigger", "tooltipProps"])) : (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+                    createTextVNode(toDisplayString(slotProps.record[col.dataIndex]), 1)
+                  ], 64))
+                ];
+              })
             };
           })
         ]), 1040, ["columns", "data", "loading", "pagination", "row-selection", "expandable", "scroll", "draggable", "bordered", "stripe", "show-header", "size", "row-key"])
@@ -3236,7 +3925,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7a27a6be"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-42280842"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);
@@ -3439,6 +4128,96 @@ function useTable(options = {}) {
     }
     return form;
   };
+  const startEdit = (record, column) => {
+    const table = getTable();
+    if (!table) return;
+    if (table.startEdit) {
+      table.startEdit(record, column);
+    }
+  };
+  const saveEdit = async (record) => {
+    const table = getTable();
+    if (!table) return false;
+    if (table.saveEdit) {
+      return await table.saveEdit(record);
+    }
+    return false;
+  };
+  const cancelEdit = (record) => {
+    const table = getTable();
+    if (!table) return;
+    if (table.cancelEdit) {
+      table.cancelEdit(record);
+    }
+  };
+  const deleteRow = async (record) => {
+    const table = getTable();
+    if (!table) return;
+    if (table.deleteRow) {
+      await table.deleteRow(record);
+    }
+  };
+  const addRow = async () => {
+    const table = getTable();
+    if (!table) return;
+    if (table.addRow) {
+      await table.addRow();
+    }
+  };
+  const getEditingRows = () => {
+    const table = getTable();
+    if (!table) return [];
+    if (table.getEditingRows) {
+      return table.getEditingRows();
+    }
+    return [];
+  };
+  const saveAllEdits = async () => {
+    const table = getTable();
+    if (!table) return false;
+    if (table.saveAllEdits) {
+      return await table.saveAllEdits();
+    }
+    return false;
+  };
+  const cancelAllEdits = () => {
+    const table = getTable();
+    if (!table) return;
+    if (table.cancelAllEdits) {
+      table.cancelAllEdits();
+    }
+  };
+  const isEditing = (record, column) => {
+    const table = getTable();
+    if (!table) return false;
+    if (table.isEditing) {
+      return table.isEditing(record, column);
+    }
+    return false;
+  };
+  const getEditValue = (record, column) => {
+    const table = getTable();
+    if (!table) return void 0;
+    if (table.getEditValue) {
+      return table.getEditValue(record, column);
+    }
+    return void 0;
+  };
+  const setEditValue = (record, column, value) => {
+    const table = getTable();
+    if (!table) return;
+    if (table.setEditValue) {
+      table.setEditValue(record, column, value);
+    }
+  };
+  const getChangedValues = (record) => {
+    const table = getTable();
+    if (!table) return {};
+    if (table.getChangedValues) {
+      return table.getChangedValues(record);
+    }
+    return {};
+  };
   const tableMethods = {
     getDataSource,
     setDataSource,
@@ -3463,7 +4242,20 @@ function useTable(options = {}) {
     collapseAll,
     getForm,
     tableRef,
-    getTable
+    getTable,
+    // 编辑相关方法
+    startEdit,
+    saveEdit,
+    cancelEdit,
+    deleteRow,
+    addRow,
+    getEditingRows,
+    saveAllEdits,
+    cancelAllEdits,
+    isEditing,
+    getEditValue,
+    setEditValue,
+    getChangedValues
   };
   return [register, tableMethods];
 }
@@ -4339,9 +5131,10 @@ function useToggle(initialValue = false) {
 }
 export {
   BasicDescription,
-  _sfc_main$3 as BasicForm,
+  _sfc_main$5 as BasicForm,
   BasicModal,
   BasicTable,
+  BasicTextEllipsis,
   BasicUpload,
   componentMap,
   createFormSchema,