@weitutech/by-components-v3 1.0.7 → 1.1.0

package/dist/by-component-v3.mjs

@@ -4119,7 +4119,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const CustomDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-eb020748"]]);
+const CustomDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-2bbd448a"]]);
 const _hoisted_1$2 = { class: "drawer_query_btn b-fold-search" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "foldSearch",
@@ -4170,7 +4170,120 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FoldSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-8196bae0"]]);
+const FoldSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-04f92519"]]);
+/*! Element Plus Icons Vue v2.3.1 */
+var circle_close_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "CircleCloseFilled",
+  __name: "circle-close-filled",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
+      })
+    ]));
+  }
+});
+var circle_close_filled_default = circle_close_filled_vue_vue_type_script_setup_true_lang_default;
+var close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Close",
+  __name: "close",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+      })
+    ]));
+  }
+});
+var close_default = close_vue_vue_type_script_setup_true_lang_default;
+var info_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "InfoFilled",
+  __name: "info-filled",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+      })
+    ]));
+  }
+});
+var info_filled_default = info_filled_vue_vue_type_script_setup_true_lang_default;
+var magic_stick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "MagicStick",
+  __name: "magic-stick",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64h64v192h-64zm0 576h64v192h-64zM160 480v-64h192v64zm576 0v-64h192v64zM249.856 199.04l45.248-45.184L430.848 289.6 385.6 334.848 249.856 199.104zM657.152 606.4l45.248-45.248 135.744 135.744-45.248 45.248zM114.048 923.2 68.8 877.952l316.8-316.8 45.248 45.248zM702.4 334.848 657.152 289.6l135.744-135.744 45.248 45.248z"
+      })
+    ]));
+  }
+});
+var magic_stick_default = magic_stick_vue_vue_type_script_setup_true_lang_default;
+var search_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Search",
+  __name: "search",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
+      })
+    ]));
+  }
+});
+var search_default = search_vue_vue_type_script_setup_true_lang_default;
+var success_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "SuccessFilled",
+  __name: "success-filled",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
+      })
+    ]));
+  }
+});
+var success_filled_default = success_filled_vue_vue_type_script_setup_true_lang_default;
+var warning_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "WarningFilled",
+  __name: "warning-filled",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
+      })
+    ]));
+  }
+});
+var warning_filled_default = warning_filled_vue_vue_type_script_setup_true_lang_default;
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -4252,10 +4365,21 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     elSize: {
       default: "default"
     },
-    modelValue: {},
+    otherOptions: {
+      default: () => ({
+        submit: true,
+        reset: true,
+        submitText: "搜索",
+        resetText: "重置",
+        showSubmitIcon: true
+      })
+    },
+    modelValue: {
+      default: () => ({})
+    },
     scrollIntoViewOptions: {}
   },
-  emits: ["update:modelValue", "change", "resetBtnClick", "queryBtnClick"],
+  emits: ["update:modelValue", "change", "resetBtnClick", "queryBtnClick", "submit", "reset"],
   setup(__props, {
     expose: __expose,
     emit: __emit
@@ -4267,8 +4391,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       formItems,
       ...others
     } = toRefs(props);
-    const cloneModelValue = cloneDeep(props.modelValue);
-    const cloneFormItems = cloneDeep(props.formItems);
+    const initialFormValues = ref({});
+    const replacementData = ref();
+    const isFirstLoad = ref(true);
     const emit = __emit;
     const isFold = ref(true);
     const newFormItems = ref();
@@ -4278,7 +4403,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       immediate: true,
       deep: true
     });
-    const replacementData = ref();
     watch(() => props.modelValue, (newValue, _) => {
       replacementData.value = {
         ...replacementData.value ? replacementData.value : {},
@@ -4288,6 +4412,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       immediate: true,
       deep: true
     });
+    onMounted(() => {
+      if (isFirstLoad.value) {
+        initialFormValues.value = cloneDeep(replacementData.value);
+        isFirstLoad.value = false;
+      }
+    });
     const handleValueChange = (value, field, item) => {
       console.log(value, "value", item);
       if (replacementData.value) {
@@ -4480,15 +4610,24 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return createVNode(CustomDatePicker, mergeProps(item.attrs, {
         "a": item.attrs.a,
         "modelValue": props.modelValue[item.field],
-        "onUpdate:modelValue": ($event) => handleValueChange($event, item.field, item)
+        "onUpdate:modelValue": ($event) => {
+          handleValueChange($event, item.field, item);
+          if (item.startTimeField && item.endTimeField && $event) {
+            if ($event.length === 2) {
+              if (item.startTimeField && props.modelValue[item.startTimeField] !== $event[0]) {
+                handleValueChange($event[0], item.startTimeField, item);
+              }
+              if (item.endTimeField && props.modelValue[item.endTimeField] !== $event[1]) {
+                handleValueChange($event[1], item.endTimeField, item);
+              }
+            } else if ($event.length === 0) {
+              handleValueChange("", item.startTimeField, item);
+              handleValueChange("", item.endTimeField, item);
+            }
+          }
+        }
       }), null);
     };
-    const queryClick = () => {
-      emit("queryBtnClick");
-    };
-    const resetClick = () => {
-      emit("resetBtnClick", cloneModelValue, cloneFormItems);
-    };
     const SearchBtn = (item) => {
       return createVNode("div", null, [createVNode(resolveComponent("el-button"), mergeProps(item.attrs, {
         "size": getSize(item),
@@ -4503,16 +4642,32 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         default: () => [(item.attrs || {}).searchText || "搜索"]
       })]);
     };
+    const FormButtons = (item) => {
+      return createVNode("div", null, [(!item.otherOptions || item.otherOptions.reset !== false) && createVNode(resolveComponent("el-button"), mergeProps(item.attrs, {
+        "size": getSize(item),
+        "variant": "plain",
+        "type": "default",
+        "native-type": "reset"
+      }), {
+        default: () => [(item.otherOptions || {}).resetText || "重置"]
+      }), (!item.otherOptions || item.otherOptions.submit !== false) && createVNode(resolveComponent("el-button"), mergeProps(item.attrs, {
+        "size": getSize(item),
+        "type": "primary",
+        "native-type": "submit",
+        "icon": !item.otherOptions || item.otherOptions.showSubmitIcon ? search_default : ""
+      }), {
+        default: () => [(item.otherOptions || {}).submitText || "搜索"]
+      })]);
+    };
     const ElCustom = (item) => {
       const slotsName = (item == null ? void 0 : item.field) ?? "default";
       const name = slots[item.field] ? slotsName : "default";
       return createVNode("div", null, [slots[name] ? slots[name]() : null]);
     };
-    const components2 = /* @__PURE__ */ new Map([["input", ElInput], ["inputNumber", ElInputNumber], ["select", ElSelect], ["treeSelect", ElTreeSelect], ["cascader", ElCascader], ["switch", ElSwitch], ["radio", ElRadio], ["checkbox", ElCheckbox], ["datepicker", ElDatePicker], ["customDatePicker", DatePicker2], ["search", SearchBtn], ["custom", ElCustom]]);
+    const components2 = /* @__PURE__ */ new Map([["input", ElInput], ["inputNumber", ElInputNumber], ["select", ElSelect], ["treeSelect", ElTreeSelect], ["cascader", ElCascader], ["switch", ElSwitch], ["radio", ElRadio], ["checkbox", ElCheckbox], ["datepicker", ElDatePicker], ["customDatePicker", DatePicker2], ["search", SearchBtn], ["custom", ElCustom], ["formButtons", FormButtons]]);
     const DynamicComponent = (item) => components2.get(item.type)(item);
     const showFold = computed(() => {
       return (item) => {
-        console.log();
         if (!props.isFlexible) {
           return true;
         } else {
@@ -4577,15 +4732,50 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return createVNode(resolveComponent("el-form"), mergeProps({
         "ref": formRef,
         "model": modelValue.value
-      }, formAttrs.value), _isSlot(ElFormRow) ? ElFormRow : {
+      }, formAttrs.value, {
+        "onSubmit": (e) => {
+          e.preventDefault();
+          submit();
+        },
+        "onReset": (e) => {
+          e.preventDefault();
+          reset();
+        }
+      }), _isSlot(ElFormRow) ? ElFormRow : {
         default: () => [ElFormRow]
       });
     };
     const handleFlexible = (val) => {
       isFold.value = !val;
     };
+    const queryClick = () => {
+      emit("queryBtnClick");
+    };
+    const resetClick = () => {
+      var _a2;
+      emit("update:modelValue", cloneDeep(initialFormValues.value));
+      (_a2 = formRef.value) == null ? void 0 : _a2.resetFields();
+      emit("resetBtnClick", cloneDeep(props.modelValue), cloneDeep(props.formItems));
+    };
+    const submit = () => {
+      var _a2;
+      console.log("submit 时的 modelValue:", modelValue.value);
+      (_a2 = formRef.value) == null ? void 0 : _a2.validate((valid) => {
+        if (valid) {
+          emit("submit", modelValue.value);
+        }
+      });
+    };
+    const reset = () => {
+      var _a2;
+      emit("update:modelValue", cloneDeep(initialFormValues.value));
+      (_a2 = formRef.value) == null ? void 0 : _a2.resetFields();
+      emit("reset");
+    };
     __expose({
-      formRef
+      formRef,
+      submit,
+      reset
     });
     return (_ctx, _cache) => {
       var _a2;
@@ -4597,7 +4787,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZshForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-7d463c3f"]]);
+const ZshForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-85f37128"]]);
 const _hoisted_1$1 = {
   id: "pager",
   class: "pager fixed bottom-0 right-0 w-full flex justify-center items-center z-50"
@@ -4654,7 +4844,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasePager = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-0c63fb09"]]);
+const BasePager = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-4b6faf2c"]]);
 const coreVersion = "4.0.29";
 const VxeCore = {
   coreVersion,
@@ -33890,103 +34080,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 var Icon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon$1);
-/*! Element Plus Icons Vue v2.3.1 */
-var circle_close_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "CircleCloseFilled",
-  __name: "circle-close-filled",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
-      })
-    ]));
-  }
-});
-var circle_close_filled_default = circle_close_filled_vue_vue_type_script_setup_true_lang_default;
-var close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "Close",
-  __name: "close",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-});
-var close_default = close_vue_vue_type_script_setup_true_lang_default;
-var info_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "InfoFilled",
-  __name: "info-filled",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
-      })
-    ]));
-  }
-});
-var info_filled_default = info_filled_vue_vue_type_script_setup_true_lang_default;
-var magic_stick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "MagicStick",
-  __name: "magic-stick",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M512 64h64v192h-64zm0 576h64v192h-64zM160 480v-64h192v64zm576 0v-64h192v64zM249.856 199.04l45.248-45.184L430.848 289.6 385.6 334.848 249.856 199.104zM657.152 606.4l45.248-45.248 135.744 135.744-45.248 45.248zM114.048 923.2 68.8 877.952l316.8-316.8 45.248 45.248zM702.4 334.848 657.152 289.6l135.744-135.744 45.248 45.248z"
-      })
-    ]));
-  }
-});
-var magic_stick_default = magic_stick_vue_vue_type_script_setup_true_lang_default;
-var success_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "SuccessFilled",
-  __name: "success-filled",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
-      })
-    ]));
-  }
-});
-var success_filled_default = success_filled_vue_vue_type_script_setup_true_lang_default;
-var warning_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "WarningFilled",
-  __name: "warning-filled",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
-      })
-    ]));
-  }
-});
-var warning_filled_default = warning_filled_vue_vue_type_script_setup_true_lang_default;
 const iconPropType = definePropType([
   String,
   Object,
@@ -36385,18 +36478,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       draggableMenu.value.forEach((cols) => {
         if (cols.field === "left" || cols.field === "right") {
-          params.column.push(...cols.children.map((col) => ({
-            label: col.title,
-            type: col.type ? "true" : "false",
-            key: col.field,
-            overLength: col.showOverflow,
-            sort: col.sort,
-            sortable: col.sortable,
-            fixed: cols.field,
-            width: col.width,
-            align: col.align,
-            parentColTitle: col.parentColTitle || void 0
-          })));
+          params.column.push(
+            ...cols.children.map((col) => ({
+              label: col.title,
+              type: col.type ? "true" : "false",
+              key: col.field,
+              overLength: col.showOverflow,
+              sort: col.sort,
+              sortable: col.sortable,
+              fixed: cols.field,
+              width: col.width,
+              align: col.align,
+              parentColTitle: col.parentColTitle || void 0
+            }))
+          );
         } else {
           params.column.push({
             label: cols.title,
@@ -36704,8 +36799,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomColumn = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-4a62d7dd"]]);
-const events = ["keydown", "current-change", "radio-change", "checkbox-change", "checkbox-all", "checkbox-range-start", "checkbox-range-change", "checkbox-range-end", "cell-dblclick", "cell-menu", "cell-mouseenter", "cell-mouseleave", "cell-delete-value", "header-cell-click", "header-cell-dblclick", "header-cell-menu", "footer-cell-click", "footer-cell-dblclick", "footer-cell-menu", "clear-merge", "sort-change", "clear-sort", "filter-visible", "filter-change", "clear-filter", "resizable-change", "toggle-row-expand", "toggle-tree-expand", "menu-click", "cell-selected", "edit-closed", "edit-activated", "edit-disabled", "valid-error", "scroll", "custom", "page-change", "form-submit", "form-submit-invalid", "form-reset", "form-collapse", "proxy-query", "proxy-delete", "proxy-save", "toolbar-button-click", "toolbar-tool-click", "zoom", "cell-click"];
+const CustomColumn = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-0dadba78"]]);
+const events = ["keydown", "current-change", "radio-change", "checkbox-change", "checkbox-all", "checkbox-range-start", "checkbox-range-change", "checkbox-range-end", "cell-dblclick", "cell-menu", "cell-mouseenter", "cell-mouseleave", "cell-delete-value", "header-cell-click", "header-cell-dblclick", "header-cell-menu", "footer-cell-click", "footer-cell-dblclick", "footer-cell-menu", "clear-merge", "sort-change", "clear-sort", "filter-visible", "filter-change", "clear-filter", "toggle-row-expand", "toggle-tree-expand", "menu-click", "cell-selected", "edit-closed", "edit-activated", "edit-disabled", "valid-error", "scroll", "custom", "page-change", "form-submit", "form-submit-invalid", "form-reset", "form-collapse", "proxy-query", "proxy-delete", "proxy-save", "toolbar-button-click", "toolbar-tool-click", "zoom", "cell-click"];
 const capitalizeFirstLetter = (str) => {
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
@@ -36714,6 +36809,15 @@ const ByTable = /* @__PURE__ */ defineComponent({
     gridOptions: {
       type: Object,
       required: true
+    },
+    //如果有传入name时，当表格宽度拖动时，会缓存当前表格每列的宽度，下次刷新将展示缓存宽度(⚠️注意：同一个项目中name一定不要重复)
+    name: {
+      type: String,
+      default: ""
+    },
+    autoHeight: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["pageChange", "setColumns", "setGroupColumn", ...events],
@@ -36726,11 +36830,15 @@ const ByTable = /* @__PURE__ */ defineComponent({
       const {
         customColumnConfig,
         pagerConfig,
+        columns,
         ...others
       } = props.gridOptions;
+      const newColumns = getColumnsData(columns);
       return {
         border: true,
-        showOverflow: true,
+        // 'visible' 值在 v4 版本中已经不再支持 (true:显示省略号； false：不显示省略号，自动撑高)
+        showOverflow: !props.autoHeight,
+        showHeaderOverflow: props.autoHeight ? "tooltip" : true,
         height: 710,
         align: "center",
         copyFields: [],
@@ -36739,6 +36847,7 @@ const ByTable = /* @__PURE__ */ defineComponent({
         loadingConfig: {
           text: "加载中..."
         },
+        columns: newColumns,
         ...others,
         columnConfig: {
           resizable: true
@@ -36767,6 +36876,40 @@ const ByTable = /* @__PURE__ */ defineComponent({
       console.log(listeners.value, "listeners");
     });
     const CustomColumnRef = ref();
+    const getColumnsData = (columns) => {
+      if (!props.name) {
+        return columns;
+      }
+      const cacheColumns = JSON.parse(localStorage.getItem(props.name));
+      if (!cacheColumns) {
+        return columns;
+      }
+      const cols = compareColumnsAndCols(columns, cacheColumns);
+      if (cols && props.name) {
+        columns.forEach((item) => {
+          item.width = (cols.find((col) => col.field === item.field) || {}).width || item.width || void 0;
+        });
+      }
+      return columns;
+    };
+    const compareColumnsAndCols = (columns, cacheColumns) => {
+      if (!cacheColumns || !props.name) {
+        return void 0;
+      }
+      console.log(columns, "columns");
+      columns.forEach((item) => {
+        if (item && item.field && !cacheColumns.some((col) => col && col.field === item.field)) {
+          cacheColumns.push({
+            field: item.field,
+            width: item.width
+          });
+        }
+      });
+      const newCacheColumns = cacheColumns.filter((item) => item && item.field && columns.some((col) => col && col.field === item.field));
+      console.log("newCacheColumns=====:", newCacheColumns);
+      localStorage.setItem(props.name, JSON.stringify(newCacheColumns));
+      return newCacheColumns;
+    };
     const handlePagerChange = (context) => {
       emit("pageChange", context);
     };
@@ -36789,6 +36932,17 @@ const ByTable = /* @__PURE__ */ defineComponent({
       }
       emit("cell-click", context);
     };
+    const handleResizableChange = (context) => {
+      emit("resizable-change", context);
+      if (!props.name) return;
+      const collectColumn = context.$table.getTableColumn().collectColumn;
+      console.log(collectColumn, "collectColumn");
+      const clos = collectColumn.filter((col) => col.field).map((col) => ({
+        field: col.field,
+        width: col.renderWidth
+      }));
+      localStorage.setItem(props.name, JSON.stringify(clos));
+    };
     const handleOpenCustomColumn = () => {
       console.log(CustomColumnRef.value.dialogVisible, "CustomColumnRef.value.dialogVisible");
       CustomColumnRef.value.dialogVisible = true;
@@ -36882,7 +37036,8 @@ const ByTable = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": "VxeGridWrap"
       }, [createVNode(VxeGrid, mergeProps(defaultOptions.value, listeners.value, {
-        "onCellClick": handleCellClick
+        "onCellClick": handleCellClick,
+        "onResizableChange": handleResizableChange
       }), {
         ...Slots
       }), props.gridOptions.customColumnConfig && props.gridOptions.customColumnConfig.showCustomColumn ? createVNode(CustomColumn, {