@weitutech/by-components-v3 1.0.6 → 1.0.81

package/dist/by-component-v3.mjs

@@ -36589,7 +36589,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1024),
                           createVNode(_component_el_tooltip, {
                             effect: "dark",
-                            content: "左固定",
+                            content: "右固定",
                             placement: "top"
                           }, {
                             default: withCtx(() => [
@@ -36704,8 +36704,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomColumn = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-77e16208"]]);
-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-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", "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 +36714,10 @@ const ByTable = /* @__PURE__ */ defineComponent({
     gridOptions: {
       type: Object,
       required: true
+    },
+    name: {
+      type: String,
+      default: ""
     }
   },
   emits: ["pageChange", "setColumns", "setGroupColumn", ...events],
@@ -36726,8 +36730,15 @@ const ByTable = /* @__PURE__ */ defineComponent({
       const {
         customColumnConfig,
         pagerConfig,
+        columns,
         ...others
       } = props.gridOptions;
+      const cols = JSON.parse(localStorage.getItem(props.name)) || void 0;
+      if (cols && props.name) {
+        columns.forEach((item) => {
+          item.width = (cols.find((col) => col.field === item.field) || {}).width || void 0;
+        });
+      }
       return {
         border: true,
         showOverflow: true,
@@ -36739,6 +36750,7 @@ const ByTable = /* @__PURE__ */ defineComponent({
         loadingConfig: {
           text: "加载中..."
         },
+        columns,
         ...others,
         columnConfig: {
           resizable: true
@@ -36789,6 +36801,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.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;
@@ -36846,6 +36869,25 @@ const ByTable = /* @__PURE__ */ defineComponent({
     return () => {
       var _a2, _b, _c, _d, _e2, _f;
       const Slots = {};
+      const insertSlotFn = (item) => {
+        if (item.slots) {
+          for (const key in item.slots) {
+            const value = item.slots[key];
+            Slots[value] = (context) => {
+              return slots[value] ? slots[value](context) : null;
+            };
+          }
+        }
+      };
+      const recursionFn = (arr = []) => {
+        arr.forEach((item) => {
+          insertSlotFn(item);
+          if (item.children && item.children.length) {
+            recursionFn(item.children);
+          }
+        });
+      };
+      recursionFn(props.gridOptions.columns);
       props.gridOptions.columns.forEach((item) => {
         for (const key in item.slots) {
           const value = item.slots[key];
@@ -36863,7 +36905,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, {