feat(crud): 添加最小列宽支持

mineadmin · Jul 4, 2024 · 9aba328 · 9aba328
1 parent 1ef9aec
commit 9aba328
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/ma-crud/components/column.vue b/src/components/ma-crud/components/column.vue
@@ -4,6 +4,7 @@
       <a-table-column
           :title="row.title"
           :width="row.width"
+          :min-width="row.minWidth"
           :ellipsis="row.ellipsis ?? true"
           :filterable="row.filterable"
           :cell-class="row.cellClass"
@@ -38,6 +39,7 @@
           :title="row.title"
           :data-index="row.dataIndex"
           :width="row.width"
+          :min-width="row.minWidth"
           :ellipsis="row.ellipsis ?? true"
           :filterable="row.filterable"
           :cell-class="row.cellClass"

diff --git a/src/components/ma-crud/index.vue b/src/components/ma-crud/index.vue
@@ -380,6 +380,7 @@ columns.value.map((item, index) => {
     item = columns.value[index]
   }
   !item.width && (item.width = options.value.columnWidth)
+  !item.minWidth && (item.minWidth = options.value.columnMinWidth)
 })
 
 provide('options', options.value)

diff --git a/src/components/ma-crud/js/defaultOptions.js b/src/components/ma-crud/js/defaultOptions.js
@@ -54,7 +54,8 @@ export default {
   // 页面布局方式，支持 normal（标准）和 fixed（固定）两种
   pageLayout: 'normal',
   // 默认统一设置列宽度
-  columnWidth: 100,
+  columnWidth: 0,// 列宽更新为最小列宽(此处设置为 0 时候,默认最小列宽生效)
+  columnMinWidth: 100,
   // 搜索标签对齐方式
   searchLabelAlign: 'right',
   // 全局搜索标签宽度