@neatui/vue 4.3.0 → 4.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/vue",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "basic component ui",
   "main": "./src/index.ts",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "@fekit/scrollto": "^3.0.3",
     "@fekit/toast": "^2.7.2",
     "@fekit/utils": "^6.0.0",
-    "@neatui/css": "^4.4.0",
+    "@neatui/css": "^4.4.1",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@vue/compiler-sfc": "^3.4.30",

package/src/components/loader/TableLoader/TableLoader.vue

@@ -8,7 +8,7 @@
             <label class="mb-ss" ui-form="@a type:checkbox"><input type="checkbox" v-model="all" /><span></span></label>
           </th>
           <template v-for="(col, idx) in state.table" :key="idx">
-            <th v-if="!col.__close" :min-width="col.fixed" :col-fixed="col.fixed" :col-fixed-side="col.fixed || 'l'" :data-field="col.field">
+            <th v-if="!col.__close" v-bind="colSizeAttrs(col)" :col-fixed="col.fixed" :col-fixed-side="col.fixed || 'l'" :data-field="col.field">
               <slot :name="`thead-${col.field}`" :col="col" :idx="idx">
                 <div :class="!slots.operate && idx === state.__last ? 'ar' : ''" v-bind="col.thead">
                   <span class="ux-none" ui-flex="row rm" v-if="col.order === 0 || col.order === 1 || col.order === 2" @click="fSetOrder(col)">
@@ -82,7 +82,7 @@
               <td
                 v-if="!col.__close"
                 :class="`${!slots.operate && cid === state.__last ? 'ar' : ''}`"
-                :min-width="col.fixed"
+                v-bind="colSizeAttrs(col)"
                 :col-fixed="col.fixed"
                 :col-fixed-side="col.fixed || 'l'"
                 :data-field="col.field"
@@ -165,7 +165,7 @@
   interface JSONRules {
     label: string | (() => string);
     field: string | (() => string);
-    width?: string | (() => string);
+    width?: 'min' | 'max' | string | (() => string);
     fixed?: string | (() => string);
     paths?: string | (() => string);
     thead?: Record<string, any> | ((data: any) => Record<string, any>);
@@ -232,6 +232,16 @@
 
   const name = computed(() => 'confs' + route.path?.replace(/\//g, '_')) || '';
 
+  const colSizeAttrs = (col: TableColumn) => {
+    const raw = isFunction(col.width) ? col.width() : col.width;
+    const width = raw == null ? '' : String(raw).trim();
+    const attrs: Record<string, any> = {};
+    if (width === 'min' || (!width && col.fixed)) attrs['min-width'] = '';
+    if (width === 'max') attrs['max-width'] = '';
+    if (width && width !== 'min' && width !== 'max') attrs.style = { width, minWidth: width, maxWidth: width };
+    return attrs;
+  };
+
   // 全选状态
   const all = computed({
     get() {