@weitutech/by-components-v3 1.0.7 → 1.0.81

package/README.md

@@ -27,21 +27,29 @@ npm config set registry https://registry.npmjs.org/
 
 
 出现功能修改后，需更新package的版本号
+
 清除缓存
 npm cache clean --force
+
+发布之前一定要打包npm run build 在进行发布
+
 发布
 npm publish --access public
 ```
 
 ### 注意事项
 
-1. 本地开发时可采用 npm link 方式关联依赖，package 入口配置为 src/main.js
+#### 本地开发时可采用
+
+1. 书写在scr/App.vue中、在打包测试使用npm link方式
+2. npm link 方式关联依赖，package 入口配置为 src/main.js
 
 ### npm link
 
 ```
 组件库中运行 npm link
 项目中运行 npm link @weitutech/by-components-v3
+然后组件库运行打包命令
 ```
 
 ### 关于新组件开发
@@ -244,6 +252,7 @@ const handleQueryClick = () => {}
 <template>
   <by-table
     ref="BTableRef"
+    name="table"
     :grid-options="gridOptions"
     @checkbox-change="({records}) => handleCheckboxChange(records)"
     @checkbox-all="({records}) => handleCheckboxChange(records)"
@@ -350,7 +359,6 @@ const handlePageChange = ({ page, limit }) => {
   <by-table
     :grid-options="gridOptions"
     @setColumn="handleSetColumn"
-    @setGroupColumn="handleSetColumn"
   >
   </by-table>
 </template>
@@ -383,7 +391,6 @@ const gridOptions = ref({
   ],
 })
 // setColumn 返回只有一级的表头
-// setGroupColumn 返回多级表头数据
 const handleSetColumn = (columns) => {
   this.gridOptions.columns = [
     { type: "checkbox", width: 50, fixed: "left" },

package/dist/by-component-v3.mjs

@@ -36705,7 +36705,7 @@ 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 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;
@@ -36882,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, {