lew-ui 2.7.6 → 2.7.7

package/dist/index.js

@@ -2913,7 +2913,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewActionBox = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-178cbf07"]]);
+const LewActionBox = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-50cfe389"]]);
 const validColors = [
   "blue",
   "gray",
@@ -3048,7 +3048,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-9e8d77cb"]]);
+const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-35ce2ab7"]]);
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -3928,7 +3928,9 @@ const avatarProps = {
     validator(value) {
       const validStatus = ["online", "processing", "away", "offline", "busy"];
       if (!validStatus.includes(value)) {
-        console.warn(`[LewAvatar] status 必须是 ${validStatus.join(", ")} 之一`);
+        console.warn(
+          `[LewAvatar] status 必须是 ${validStatus.join(", ")} 之一`
+        );
         return false;
       }
       return true;
@@ -3991,7 +3993,9 @@ const avatarProps = {
       ];
       if (!validPlacements.includes(value)) {
         console.warn(
-          `[LewAvatar] statusPlacement 必须是 ${validPlacements.join(", ")} 之一`
+          `[LewAvatar] statusPlacement 必须是 ${validPlacements.join(
+            ", "
+          )} 之一`
         );
         return false;
       }
@@ -4003,7 +4007,7 @@ const _hoisted_1$K = {
   key: 0,
   class: "skeleton"
 };
-const _hoisted_2$s = ["src", "alt"];
+const _hoisted_2$s = ["alt", "src"];
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "LewAvatar",
   props: avatarProps,
@@ -4139,8 +4143,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           _ctx.src ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             unref(isLoading) || _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$K)) : !unref(error) ? (openBlock(), createElementBlock("img", {
               key: 1,
-              src: _ctx.src,
               alt: _ctx.alt,
+              src: _ctx.src,
               lazy: "",
               style: normalizeStyle(unref(imageStyleObject))
             }, null, 12, _hoisted_2$s)) : _ctx.alt ? (openBlock(), createElementBlock("div", {
@@ -4170,7 +4174,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-201a46e9"]]);
+const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-a2aea386"]]);
 function useDOMCreate(nodeId) {
   const node = document.getElementById(nodeId);
   if (node) ;
@@ -4293,7 +4297,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewBackTop = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-968d77fb"]]);
+const LewBackTop = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-cc02482d"]]);
 const badgeProps = {
   text: {
     type: String,
@@ -4747,7 +4751,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-4a6bf481"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-b88bcc9d"]]);
 function vue3h(ele, props2, children) {
   const { attrs, on, ...rest } = props2;
   let event = {};
@@ -6310,7 +6314,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-133e0ca8"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-a4c29dc5"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -6528,7 +6532,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-066f4f68"]]);
+const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-759025f4"]]);
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: /* @__PURE__ */ mergeModels(checkboxGroupProps, {
@@ -7176,7 +7180,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f6f4c669"]]);
+const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-7ca69933"]]);
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
@@ -7768,7 +7772,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-8c634290"]]);
+const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-6658902a"]]);
 const _hoisted_1$B = { class: "lew-date-picker-view" };
 const _hoisted_2$l = ["onClick"];
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
@@ -7958,7 +7962,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-a649a225"]]);
+const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-9540a9e6"]]);
 const dateRangePickerModel = {
   modelValue: {
     type: Object,
@@ -8545,7 +8549,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ed20f198"]]);
+const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-7c6faeec"]]);
 const _hoisted_1$z = { class: "lew-date-range-picker-view" };
 const _hoisted_2$j = {
   key: 0,
@@ -8714,7 +8718,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-acc24350"]]);
+const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-0e0aa66f"]]);
 const formProps = {
   options: {
     type: Array,
@@ -8762,11 +8766,11 @@ const formProps = {
   columns: {
     type: [Number, String],
     default: 1,
-    description: "每行显示的表单项数量，最大值为4",
+    description: "每行显示的表单项数量，必须是正整数",
     validator(value) {
       const numValue = Number(value);
-      if (Number.isNaN(numValue) || numValue < 1 || numValue > 4) {
-        console.warn("[LewForm] columns 必须是 1 到 4 之间的数字");
+      if (Number.isNaN(numValue) || numValue < 1 || !Number.isInteger(numValue)) {
+        console.warn("[LewForm] columns 必须是大于等于1的整数");
         return false;
       }
       return true;
@@ -9155,11 +9159,11 @@ const descProps = {
   columns: {
     type: [Number, String],
     default: 1,
-    description: "每行显示的描述项数量，范围为1到4",
+    description: "每行显示的描述项数量，必须是正整数",
     validator(value) {
       const numValue = Number(value);
-      if (Number.isNaN(numValue) || numValue < 1 || numValue > 4) {
-        console.warn("[LewDesc] columns 必须是 1 到 4 之间的数字");
+      if (Number.isNaN(numValue) || numValue < 1 || !Number.isInteger(numValue)) {
+        console.warn("[LewDesc] columns 必须是大于等于1的整数");
         return false;
       }
       return true;
@@ -9384,9 +9388,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     });
     const getPadding = computed(() => {
       const { bordered, size } = props2;
-      return bordered ? `${any2px(lewDescSizePaddingMap[size] - 10)} ${any2px(
-        lewDescSizePaddingMap[size]
-      )}` : 0;
+      return bordered ? `${any2px(lewDescSizePaddingMap[size] - 10)} ${any2px(lewDescSizePaddingMap[size])}` : 0;
     });
     const getDescItemStyle = computed(() => {
       const { bordered, gridArea } = props2;
@@ -9405,9 +9407,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const getDescItemMainStyle = computed(() => {
       const { direction, labelWidth, valueX } = props2;
       return {
-        "width": direction === "x" ? `calc(${descItemRef.value?.offsetWidth}px - ${any2px(
-          labelWidth
-        )} - 10px)` : "100%",
+        "width": direction === "x" ? `calc(${descItemRef.value?.offsetWidth}px - ${any2px(labelWidth)} - 10px)` : "100%",
         "justify-content": valueX === "center" ? valueX : `flex-${valueX}`,
         "padding": getPadding.value
       };
@@ -9455,7 +9455,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-5989e624"]]);
+const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-f6b87bb1"]]);
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "LewDesc",
   props: descProps,
@@ -9467,8 +9467,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     const autoLabelWidth = ref(0);
     const componentOptions = cloneDeep(props2.options) || [];
     const getDescClassNames = computed(() => {
-      const { columns, bordered } = props2;
-      return object2class("lew-desc", { columns, bordered });
+      const { bordered } = props2;
+      return object2class("lew-desc", { bordered });
     });
     onMounted(() => {
       autoLabelWidth.value = descLabelRef.value?.getWidth() + (props2.bordered ? lewDescSizePaddingMap[props2.size] * 2 : 0);
@@ -9483,11 +9483,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       }
     );
     const getDescStyle = computed(() => {
-      const { width, gap, bordered } = props2;
+      const { width, gap, bordered, columns } = props2;
+      const columnsCount = Number(columns);
       return {
         width: any2px(width),
         minWidth: 320,
-        gap: bordered ? 0 : any2px(gap)
+        gap: bordered ? 0 : any2px(gap),
+        gridTemplateColumns: `repeat(${columnsCount}, minmax(0, 1fr))`
       };
     });
     const getBind = computed(() => (item) => {
@@ -9524,7 +9526,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDesc = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-4daada40"]]);
+const LewDesc = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-c7fde351"]]);
 const drawerModel = {
   visible: {
     type: Boolean,
@@ -12775,8 +12777,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const componentOptions = cloneDeep(props2.options) || [];
     const formItemRefMap = ref({});
     const getFormClassNames = computed(() => {
-      const { columns } = cloneDeep(props2);
-      return object2class("lew-form", { columns });
+      return object2class("lew-form", {});
+    });
+    const getDynamicGridStyle = computed(() => {
+      const columns = Number(props2.columns);
+      return {
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`
+      };
     });
     function getForm() {
       const formData = formatFormByMap(
@@ -12860,7 +12867,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       return {
         width: any2px(props2.width),
         minWidth: 320,
-        gap: gapMap[props2.size]
+        gap: gapMap[props2.size],
+        ...getDynamicGridStyle.value
       };
     });
     __expose2({ getForm, setForm, resetError, validate: validate2 });
@@ -12899,7 +12907,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-fae83525"]]);
+const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-557a6f3e"]]);
 const _imports_0 = "data:image/svg+xml,%3csvg%20t='1726823972943'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='6153'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M692.712%20172.458h-43.443l-21.561%2037.727-120.367%20210.648%20170.073%20170.092-118.896%20222.89-20.127%2037.727H926.996V172.458H692.712z%20m-21.561%2037.727h218.118v312.869L758.998%20392.783l-129.346%2097.015-75.265-75.265%20116.764-204.348z%20m218.118%20603.63h-287.97l122.575-229.832-67.267-67.267%2098.863-74.133L889.269%20576.4v237.415z'%20fill='%23DBDBDB'%20p-id='6154'%3e%3c/path%3e%3cpath%20d='M441.206%20414.533L557.97%20210.185l21.561-37.727H97.004v679.083H467.991l20.127-37.727%20122.575-229.832-169.487-169.449zM134.731%20210.185h379.796L394.16%20420.833l170.073%20170.092-12.488%2023.409L282.47%20528.92%20134.731%20632.33V210.185z%20m310.624%20603.63H134.731V678.394l154.077-107.861%20244.866%2077.661-88.319%20165.621z'%20fill='%23DBDBDB'%20p-id='6155'%3e%3c/path%3e%3cpath%20d='M361.093%20370.524c0-36.463-29.559-66.022-66.022-66.022s-66.022%2029.559-66.022%2066.022%2029.559%2066.022%2066.022%2066.022%2066.022-29.559%2066.022-66.022z%20m-94.318%200c0-15.6%2012.695-28.295%2028.295-28.295%2015.6%200%2028.295%2012.695%2028.295%2028.295%200%2015.6-12.695%2028.295-28.295%2028.295-15.6%200-28.295-12.695-28.295-28.295z'%20fill='%23DBDBDB'%20p-id='6156'%3e%3c/path%3e%3c/svg%3e";
 const imageProps = {
   src: {
@@ -13034,26 +13042,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         height: any2px(height)
       };
     });
-    const _loading = ref();
-    const _error = ref();
-    function init() {
-      const { isLoading, error } = useImage({
-        src: props2.src
-      });
-      _loading.value = isLoading;
-      _error.value = error;
-    }
-    init();
-    watch(
-      () => props2.src,
-      () => {
-        const { isLoading, error } = useImage({
-          src: props2.src
-        });
-        _loading.value = isLoading;
-        _error.value = error;
-      }
-    );
+    const { isLoading, error } = useImage({
+      src: props2.src
+    });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createBlock(unref(LewFlex), {
@@ -13064,7 +13055,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(imageStyleObject))
       }, {
         default: withCtx(() => [
-          unref(_loading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$u)) : unref(_error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          unref(isLoading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$u)) : unref(error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : withDirectives((openBlock(), createElementBlock("img", {
               key: 1,
               class: "lew-image-fail-icon",
@@ -13094,7 +13085,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewImage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8caa6dcc"]]);
+const LewImage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-00b1ee42"]]);
 const inputModel = {
   modelValue: {
     type: [String, Number],
@@ -13391,9 +13382,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         width: `calc(100% - ${clearable ? 20 + countWidth + (showCount ? 12 : 0) : 0}px)`
       };
     });
-    const getType = computed(
-      () => props2.type === "password" ? _type.value : props2.type
-    );
+    const getType = computed(() => props2.type === "password" ? _type.value : props2.type);
     const getInputClassNames = computed(() => {
       const { size, readonly, disabled, align, autoWidth } = props2;
       return object2class("lew-input-view", {
@@ -13651,7 +13640,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-5ce17f51"]]);
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-13368ebd"]]);
 const inputNumberModel = {
   modelValue: {
     type: Number,
@@ -13970,28 +13959,29 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const formRef = ref();
     const form = ref({});
-    const editIndex = ref(-1);
-    const id = ref("");
-    function open({ row = {}, index: index2 = -1 }) {
+    const isEditing = ref(false);
+    const originalRowId = ref("");
+    function open({ row = {} }) {
       visible.value = true;
-      editIndex.value = index2;
-      id.value = row.id;
+      isEditing.value = !!row.id;
+      originalRowId.value = row.id || "";
       form.value = cloneDeep(row);
     }
     function ok() {
       formRef.value.validate().then((res) => {
         if (res) {
-          if (editIndex.value >= 0) {
+          const formData = formRef.value.getForm();
+          if (isEditing.value) {
             emit2("editSuccess", {
-              row: { ...formRef.value.getForm(), id: id.value },
-              index: editIndex.value
+              row: { ...formData, id: originalRowId.value }
             });
           } else {
-            const _form = formRef.value.getForm();
-            if (!props2.checkUniqueFieldFn(_form)) {
+            if (!props2.checkUniqueFieldFn(formData)) {
               return;
             }
-            emit2("addSuccess", { row: { ..._form, id: id.value } });
+            emit2("addSuccess", {
+              row: { ...formData, id: originalRowId.value }
+            });
           }
           visible.value = false;
         } else {
@@ -14015,7 +14005,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         "ok-button-props": {
           request: ok
         },
-        title: `${unref(editIndex) >= 0 ? unref(locale).t("inputTable.editTitle") : unref(locale).t("inputTable.modelTitle")}`
+        title: `${unref(isEditing) ? unref(locale).t("inputTable.editTitle") : unref(locale).t("inputTable.modelTitle")}`
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$r, [
@@ -14034,7 +14024,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-2ad3d100"]]);
+const FormModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8657b930"]]);
 const inputTableModel = {
   modelValue: {
     type: Array,
@@ -14198,36 +14188,63 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       setUseId();
     });
     const inputTableColumns = computed(() => {
-      return [
-        ...props2.columns,
-        ...props2.deletable || props2.addable ? [
-          {
-            title: "操作",
-            width: 90,
-            field: "action",
-            x: "center",
-            fixed: "right"
-          }
-        ] : []
-      ];
+      const actionColumn = props2.deletable || props2.addable ? [
+        {
+          title: "操作",
+          width: 90,
+          field: "action",
+          x: "center",
+          fixed: "right"
+        }
+      ] : [];
+      return [...props2.columns, ...actionColumn];
     });
     const formOptions = computed(() => {
-      return (props2.columns || []).map((e) => {
-        const { as: as2, title, field, props: props22, required: required2 } = e;
+      return props2.columns.map((column) => {
+        const { as: as2, title, field, props: columnProps, required: required2 } = column;
         return {
           label: title,
           field,
           as: as2 || "input",
           required: required2,
-          props: props22
+          props: columnProps
         };
       });
     });
+    const styleConfig = computed(() => {
+      const { size } = props2;
+      const paddingMap = {
+        small: "8px",
+        medium: "10px",
+        large: "12px"
+      };
+      const fontSizeMap = {
+        small: 13,
+        medium: 14,
+        large: 16
+      };
+      const iconSizeMap = {
+        small: "24px",
+        medium: "26px",
+        large: "28px"
+      };
+      return {
+        addButtonStyle: {
+          padding: paddingMap[size],
+          fontSize: `${fontSizeMap[size]}px`
+        },
+        iconStyle: {
+          width: iconSizeMap[size],
+          height: iconSizeMap[size]
+        },
+        iconSize: fontSizeMap[size]
+      };
+    });
     const formModalRef = ref();
-    function edit({ row, index: index2 }) {
-      formModalRef.value.open({ row, index: index2 });
+    function edit({ row }) {
+      formModalRef.value.open({ row });
     }
-    function del({ index: index2 }) {
+    function del({ row }) {
       if ((modelValue2.value || []).length <= props2.minRows) {
         LewMessage.warning(locale.t("inputTable.minRows"));
         return;
@@ -14240,7 +14257,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         closeOnClickOverlay: true,
         closeByEsc: true,
         ok: () => {
-          modelValue2.value.splice(index2, 1);
+          const rowId = row[props2.rowKey];
+          const actualIndex = modelValue2.value.findIndex(
+            (item) => item[props2.rowKey] === rowId
+          );
+          if (actualIndex !== -1) {
+            modelValue2.value.splice(actualIndex, 1);
+          }
           return true;
         }
       });
@@ -14263,65 +14286,40 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         modelValue2.value.push(row);
       }
     }
-    function editSuccess({ row, index: index2 }) {
-      modelValue2.value.splice(index2, 1, row);
+    function editSuccess({ row }) {
+      const rowId = row[props2.rowKey];
+      const actualIndex = modelValue2.value.findIndex((item) => item[props2.rowKey] === rowId);
+      if (actualIndex !== -1) {
+        modelValue2.value.splice(actualIndex, 1, row);
+      }
     }
     const selectedKeys = ref([]);
+    function dragSort(sortedDataSource) {
+      const cleanedData = sortedDataSource.map((item) => {
+        const { _lew_table_tr_id, ...cleanItem } = item;
+        return cleanItem;
+      });
+      modelValue2.value = cleanedData;
+    }
     function checkUniqueFieldFn(form) {
       if (!props2.uniqueField) {
         return true;
       }
       const fieldValue = form[props2.uniqueField];
-      const vail = !modelValue2.value.some(
-        (item) => item[props2.uniqueField] === fieldValue
+      const currentRowId = form[props2.rowKey];
+      const isDuplicate = modelValue2.value.some(
+        (item) => item[props2.uniqueField] === fieldValue && item[props2.rowKey] !== currentRowId
       );
-      if (!vail) {
+      if (isDuplicate) {
         const label = formOptions.value.find(
-          (e) => e.field === props2.uniqueField
+          (option) => option.field === props2.uniqueField
         )?.label;
         LewMessage.warning(locale.t("inputTable.uniqueFieldExist", { label }));
         return false;
       }
       return true;
     }
-    const isMaxRowsReached = computed(
-      () => (modelValue2.value || []).length >= props2.maxRows
-    );
-    const getAddButtonStyle = computed(() => {
-      const paddingMap = {
-        small: "8px",
-        medium: "10px",
-        large: "12px"
-      };
-      const fontSizeMap = {
-        small: 13,
-        medium: 14,
-        large: 16
-      };
-      return {
-        padding: paddingMap[props2.size],
-        fontSize: `${fontSizeMap[props2.size]}px`
-      };
-    });
-    const getIconStyle = computed(() => {
-      const sizeMap = {
-        small: "24px",
-        medium: "26px",
-        large: "28px"
-      };
-      return {
-        width: sizeMap[props2.size],
-        height: sizeMap[props2.size]
-      };
-    });
-    const getIconSize = computed(() => {
-      const sizeMap = {
-        small: 13,
-        medium: 14,
-        large: 16
-      };
-      return sizeMap[props2.size];
-    });
+    const isMaxRowsReached = computed(() => (modelValue2.value || []).length >= props2.maxRows);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(LewFlex), {
         x: "start",
@@ -14341,7 +14339,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             "sort-tooltip-custom-render": _ctx.sortTooltipCustomRender,
             multiple: "",
             columns: unref(inputTableColumns),
-            "data-source": modelValue2.value
+            "data-source": modelValue2.value,
+            onDragSort: dragSort
           }, {
             "table-header": withCtx(() => [
               renderSlot(_ctx.$slots, "table-header", {}, void 0, true)
@@ -14358,12 +14357,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     x: "center",
                     y: "center",
                     class: normalizeClass(["add-btn", { disabled: unref(isMaxRowsReached) }]),
-                    style: normalizeStyle(unref(getAddButtonStyle)),
+                    style: normalizeStyle(unref(styleConfig).addButtonStyle),
                     onClick: add
                   }, {
                     default: withCtx(() => [
                       createVNode(Icon, {
-                        size: unref(getIconSize),
+                        size: unref(styleConfig).iconSize,
                         type: "plus"
                       }, null, 8, ["size"]),
                       createTextVNode(" " + toDisplayString$1(unref(locale).t("inputTable.addText")), 1)
@@ -14384,15 +14383,15 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     key: 0,
                     type: "text",
                     color: "gray",
-                    style: normalizeStyle(unref(getIconStyle)),
+                    style: normalizeStyle(unref(styleConfig).iconStyle),
                     size: "small",
                     "single-icon": "",
                     round: "",
-                    onClick: ($event) => edit({ row, index: index2 })
+                    onClick: ($event) => edit({ row })
                   }, {
                     default: withCtx(() => [
                       createVNode(Icon, {
-                        size: unref(getIconSize),
+                        size: unref(styleConfig).iconSize,
                         type: "edit-2"
                       }, null, 8, ["size"])
                     ]),
@@ -14403,14 +14402,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     type: "text",
                     color: "red",
                     size: "small",
-                    style: normalizeStyle(unref(getIconStyle)),
+                    style: normalizeStyle(unref(styleConfig).iconStyle),
                     round: "",
                     "single-icon": "",
-                    onClick: ($event) => del({ index: index2 })
+                    onClick: ($event) => del({ row })
                   }, {
                     default: withCtx(() => [
                       createVNode(Icon, {
-                        size: unref(getIconSize),
+                        size: unref(styleConfig).iconSize,
                         type: "trash"
                       }, null, 8, ["size"])
                     ]),
@@ -14438,7 +14437,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTable = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-a79ac0d9"]]);
+const LewInputTable = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-7397eb94"]]);
 const inputTagModel = {
   modelValue: {
     type: Array,
@@ -14750,7 +14749,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-a19603bf"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0ce7d40a"]]);
 const markProps = {
   color: {
     type: String,
@@ -19135,7 +19134,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-e635856c"]]);
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-8015e612"]]);
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: /* @__PURE__ */ mergeModels(radioGroupProps, {
@@ -20000,7 +19999,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-81d99496"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-43ea41b5"]]);
 const selectMultipleModel = {
   modelValue: {
     type: Array,
@@ -20638,7 +20637,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-6894fad8"]]);
+const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-d89bb4d7"]]);
 const sliderModel = {
   modelValue: {
     type: [Number, void 0],
@@ -21191,7 +21190,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSlider = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a148844c"]]);
+const LewSlider = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-c392ea9e"]]);
 const sliderRangeModel = {
   modelValue: {
     type: Array,
@@ -21615,7 +21614,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSliderRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-66640e8d"]]);
+const LewSliderRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-d9cf8896"]]);
 const stepsModel = {
   modelValue: {
     type: [String, Number],
@@ -22122,7 +22121,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     "sortValue": { default: {} },
     "sortValueModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["sortChange", "selectChange", "sortOrderChange"], ["update:selectedKeys", "update:sortValue"]),
+  emits: /* @__PURE__ */ mergeModels(["sortChange", "selectChange", "dragSort"], ["update:selectedKeys", "update:sortValue"]),
   setup(__props2, { emit: __emit2 }) {
     const props2 = __props2;
     const emit2 = __emit2;
@@ -22747,7 +22746,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             const [movedItem] = newDataSource.splice(dragIndex, 1);
             newDataSource.splice(actualTargetPosition, 0, movedItem);
             state.dataSource = newDataSource;
-            emit2("sortOrderChange", newDataSource);
+            emit2("dragSort", newDataSource);
           }
         }
       }
@@ -24373,7 +24372,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-53e65839"]]);
+const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a52cc1aa"]]);
 const titleProps = {
   text: {
     type: String,
@@ -24992,7 +24991,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-c863d660"]]);
+const LewTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f8a8bf85"]]);
 const _hoisted_1$7 = {
   key: 0,
   class: "lew-result-count"
@@ -25636,7 +25635,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5d38aae3"]]);
+const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c414308d"]]);
 const uploadProps = {
   accept: {
     type: String,
@@ -25740,6 +25739,18 @@ const uploadProps = {
       }
       return true;
     }
+  },
+  beforeDelete: {
+    type: Function,
+    default: void 0,
+    description: "删除文件前的回调函数，返回 Promise<boolean> 或 boolean，true 表示继续删除",
+    validator: (value) => {
+      if (value !== void 0 && typeof value !== "function") {
+        console.warn("[LewUpload] beforeDelete 必须是一个函数");
+        return false;
+      }
+      return true;
+    }
   }
 };
 const uploadByListProps = {
@@ -25770,15 +25781,6 @@ const uploadByCardProps = {
     }
   }
 };
-const statusConfig = {
-  pending: { text: "待上传", color: "gray" },
-  success: { text: "上传成功", color: "green" },
-  fail: { text: "上传失败", color: "red" },
-  uploading: { text: "上传中", color: "blue" },
-  complete: { text: "已上传", color: "gray" },
-  wrong_type: { text: "非法格式", color: "red" },
-  wrong_size: { text: "文件大小超出限制", color: "red" }
-};
 const _hoisted_1$5 = ["src"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "LewUploadByCard",
@@ -25819,9 +25821,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       medium: 80,
       large: 88
     };
-    const getStatus = computed(() => (item) => {
-      return statusConfig[item.status || "complete"];
-    });
+    const getStatusText = computed(() => (item) => {
+      return locale.t(`upload.${item.status || "complete"}`);
+    });
+    const statusColorMap = {
+      success: "green",
+      fail: "red",
+      uploading: "blue",
+      complete: "gray",
+      wrong_type: "red",
+      wrong_size: "red",
+      pending: "gray"
+    };
     const modelValue2 = useModel(__props2, "modelValue");
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
@@ -25881,13 +25892,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         createVNode(Icon, {
                           size: rightTopBtnIconSizeMap[_ctx.size],
                           type: "tips",
-                          color: unref(getStatus)(item).color
+                          color: statusColorMap[item.status || "complete"]
                         }, null, 8, ["size", "color"])
                       ]),
                       _: 2
                     }, 1032, ["style"])), [
                       [_directive_tooltip, {
-                        content: unref(getStatus)(item).text,
+                        content: unref(getStatusText)(item),
                         trigger: "mouseenter"
                       }]
                     ]) : createCommentVNode("", true),
@@ -25981,7 +25992,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUploadByCard = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c567e993"]]);
+const LewUploadByCard = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-268f2176"]]);
 const _hoisted_1$4 = ["src"];
 const _hoisted_2$3 = { key: 1 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -25993,6 +26004,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["reUpload", "deleteFile"], ["update:modelValue"]),
   setup(__props2, { emit: __emit2 }) {
     const emit2 = __emit2;
+    const statusColorMap = {
+      success: "green",
+      fail: "red",
+      uploading: "blue",
+      complete: "gray",
+      wrong_type: "red",
+      wrong_size: "red",
+      pending: "gray"
+    };
     const app2 = getCurrentInstance()?.appContext.app;
     if (app2 && !app2.directive("tooltip")) {
       app2.use(LewTooltip);
@@ -26041,8 +26061,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const urlParts = url.split("/");
       return urlParts[urlParts.length - 1];
     }
-    const getStatus = computed(() => (item) => {
-      return statusConfig[item.status || "complete"];
+    const getStatusText = computed(() => (item) => {
+      return locale.t(`upload.${item.status || "complete"}`);
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(LewFlex), {
@@ -26211,7 +26231,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                                   key: item.status,
                                   type: "light",
                                   size: "small",
-                                  color: unref(getStatus)(item).color
+                                  color: statusColorMap[item.status || "complete"]
                                 }, {
                                   left: withCtx(() => [
                                     createVNode(Icon, {
@@ -26222,7 +26242,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                                     }, null, 8, ["type", "loading"])
                                   ]),
                                   default: withCtx(() => [
-                                    createTextVNode(" " + toDisplayString$1(unref(getStatus)(item).text), 1)
+                                    createTextVNode(" " + toDisplayString$1(unref(getStatusText)(item)), 1)
                                   ]),
                                   _: 2
                                 }, 1032, ["color"])) : createCommentVNode("", true)
@@ -26250,7 +26270,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUploadByList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fb7f01db"]]);
+const LewUploadByList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c0e4ec79"]]);
 const _hoisted_1$3 = ["multiple", "accept"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LewUpload",
@@ -26277,15 +26297,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       medium: 12,
       large: 14
     };
-    const uploadIconFontSizeMap = computed(
-      () => {
-        return {
-          small: props2.viewMode === "list" ? 28 : 22,
-          medium: props2.viewMode === "list" ? 30 : 24,
-          large: props2.viewMode === "list" ? 32 : 26
-        };
-      }
-    );
+    const uploadIconFontSizeMap = computed(() => {
+      return {
+        small: props2.viewMode === "list" ? 28 : 22,
+        medium: props2.viewMode === "list" ? 30 : 24,
+        large: props2.viewMode === "list" ? 32 : 26
+      };
+    });
     const uploadPaddingMap = computed(() => {
       return {
         small: props2.viewMode === "list" ? "10px 8px" : "14px",
@@ -26355,29 +26373,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         });
       }
     }
-    function deleteFile(key) {
+    async function deleteFile(key) {
       const fileList = cloneDeep(modelValue2.value) || [];
       const index2 = (fileList || []).findIndex((e) => e.key === key);
       if (index2 >= 0) {
         const { status } = fileList[index2];
+        const fileItem = fileList[index2];
         if (["wrong_type", "wrong_size", "pending"].includes(status || "")) {
           fileList.splice(index2, 1);
           modelValue2.value = fileList;
-        } else {
-          LewDialog.error({
-            title: "移除文件",
-            okText: "移除",
-            content: "你是否要移除该文件，此操作会立即生效，请谨慎操作！",
-            closeOnClickOverlay: true,
-            closeByEsc: true,
-            ok: () => {
-              fileList.splice(index2, 1);
-              modelValue2.value = fileList;
-              emit2("delete", key);
-              return true;
+          emit2("delete", key);
+          return;
+        }
+        if (props2.beforeDelete && isFunction$1(props2.beforeDelete)) {
+          try {
+            const shouldDelete = await props2.beforeDelete(fileItem);
+            if (!shouldDelete) {
+              return;
             }
-          });
+          } catch (error) {
+            console.error("[LewUpload] beforeDelete callback error:", error);
+            return;
+          }
         }
+        fileList.splice(index2, 1);
+        modelValue2.value = fileList;
+        emit2("delete", key);
       }
     }
     function reUpload(key) {
@@ -26555,9 +26576,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     fontSize: `${unref(any2px)(tipFontSizeMap[_ctx.size])}`
                   }),
                   class: "lew-upload-tip"
-                }, toDisplayString$1(unref(dropActive) ? unref(locale).t("upload.dropActive") : `${unref(locale).t("upload.click")}${unref(isSupported) && unref(isFocus) ? unref(locale).t("upload.paste") : ""}${unref(locale).t(
-                  "upload.drag"
-                )}`), 5)) : createCommentVNode("", true),
+                }, toDisplayString$1(unref(dropActive) ? unref(locale).t("upload.dropActive") : `${unref(locale).t("upload.click")}${unref(isSupported) && unref(isFocus) ? unref(locale).t("upload.paste") : ""}${unref(locale).t("upload.drag")}`), 5)) : createCommentVNode("", true),
                 _ctx.viewMode === "list" ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   style: normalizeStyle({
@@ -26603,7 +26622,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-66b739fb"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-215d9352"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LewActionBox,
@@ -26736,7 +26755,6 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   sliderProps,
   sliderRangeModel,
   sliderRangeProps,
-  statusConfig,
   stepsModel,
   stepsProps,
   switchModel,
@@ -34207,7 +34225,14 @@ const zh = {
     drag: "或将文件拖到这里",
     accept: "支持上传 {accept}",
     limit: "最多可上传 {limit} 个文件",
-    maxFileSize: "单个文件不超过 {maxFileSize}"
+    maxFileSize: "单个文件不超过 {maxFileSize}",
+    pending: "待上传",
+    success: "上传成功",
+    fail: "上传失败",
+    uploading: "上传中",
+    complete: "已上传",
+    wrong_type: "非法格式",
+    wrong_size: "文件大小超出限制"
   },
   pagination: {
     pageSize: "{pageSize} 条/页",
@@ -34454,7 +34479,6 @@ export {
   sliderProps,
   sliderRangeModel,
   sliderRangeProps,
-  statusConfig,
   stepsModel,
   stepsProps,
   switchModel,