feat(table): 表格拖拽列改变宽度

林飞

2023-09-22 1cf2a81f2a407ed73f9e22daa752600c5017801e

feat(table): 表格拖拽列改变宽度

* feat(funcation): update 修复表格无法拖拽列改变宽度

* feat(function): add 完善可伸缩列

---------

Co-authored-by: gavin-james <meaganlindesy1258@gmail.com>

 src/components/Table/src/BasicTable.vue

@@ -21,6 +21,7 @@
      :rowClassName="getRowClassName"
      v-show="getEmptyDataIsShowTable"
      @change="handleTableChange"
      @resizeColumn="setColumnWidth"
    >
      <template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
        <slot :name="item" v-bind="data || {}"></slot>
@@ -189,6 +190,7 @@
        getColumns,
        setCacheColumnsByField,
        setCacheColumns,
        setColumnWidth,
        setColumns,
        getColumnsRef,
        getCacheColumns,
@@ -345,6 +347,7 @@
        handleSearchInfoChange,
        getEmptyDataIsShowTable,
        handleTableChange,
        setColumnWidth,
        getRowClassName,
        wrapRef,
        tableAction,

 src/components/Table/src/hooks/useColumns.ts

@@ -264,12 +264,19 @@
    if (!isArray(columns)) return;
    cacheColumns = columns.filter((item) => !item.flag);
  }
  /**
   * 拖拽列宽修改列的宽度
   */
  function setColumnWidth(w: number, col: BasicColumn) {
    col.width = w;
  }

  return {
    getColumnsRef,
    getCacheColumns,
    getColumns,
    setColumns,
    setColumnWidth,
    getViewColumns,
    setCacheColumnsByField,
    setCacheColumns,