bkui-vue 0.0.1-beta.350 → 0.0.1-beta.352

package/dist/index.esm.js

@@ -17154,6 +17154,9 @@ const resolveColumnWidth = (root, colgroups, autoWidth = COL_MIN_WIDTH, offsetWi
       minWidth = void 0
     } = col;
     if (minWidth === void 0) {
+      if (computedWidth < COL_MIN_WIDTH) {
+        return COL_MIN_WIDTH;
+      }
       return computedWidth;
     }
     let calcMinWidth = computedWidth;
@@ -17216,6 +17219,13 @@ const resolveColumnWidth = (root, colgroups, autoWidth = COL_MIN_WIDTH, offsetWi
         } = colgroups[idx];
         avgWidth = avgWidth - calcWidth;
       });
+    } else {
+      avgColIndexList.forEach((idx) => {
+        const calcWidth = getMinWidth(colgroups[idx], COL_MIN_WIDTH);
+        Object.assign(colgroups[idx], {
+          calcWidth
+        });
+      });
     }
   }
 };
@@ -17795,6 +17805,7 @@ var Settings = defineComponent({
     const checkedFields = ref(localSettings.value.checked || []);
     const className = resolveClassName("table-settings");
     const theme = `light ${className}`;
+    const renderFields = computed(() => localSettings.value.fields || props2.columns || []);
     const cachedValue = {
       checkAll: checkAll.value,
       activeSize: activeSize.value,
@@ -17811,7 +17822,8 @@ var Settings = defineComponent({
       emit("change", {
         checked: checkedFields.value,
         size: activeSize.value,
-        height: activeHeight.value
+        height: activeHeight.value,
+        fields: unref(renderFields)
       });
       isShow.value = false;
     };
@@ -17862,7 +17874,6 @@ var Settings = defineComponent({
       "class": getItemClass(item),
       "onClick": () => handleSizeItemClick(item)
     }, [item.label]));
-    const renderFields = computed(() => localSettings.value.fields || props2.columns || []);
     const indeterminate = computed(() => checkedFields.value.length > 0 && !renderFields.value.every((field, index) => checkedFields.value.includes(resolvePropVal(field, "field", [field, index]))));
     const showLineHeight = computed(() => typeof localSettings.value.showLineHeight === "boolean" ? localSettings.value.showLineHeight : true);
     watch(() => [checkedFields.value], () => {
@@ -18846,10 +18857,10 @@ const useInit = (props2, targetColumns) => {
     }
     return minWidth;
   };
-  const updateColGroups = () => {
+  const updateColGroups = (settings) => {
     var _a2, _b2;
-    const checked = ((_a2 = props2.settings) == null ? void 0 : _a2.checked) || [];
-    const settingFields = ((_b2 = props2.settings) == null ? void 0 : _b2.fields) || [];
+    const checked = (settings == null ? void 0 : settings.checked) || ((_a2 = props2.settings) == null ? void 0 : _a2.checked) || [];
+    const settingFields = (settings == null ? void 0 : settings.fields) || ((_b2 = props2.settings) == null ? void 0 : _b2.fields) || [];
     colgroups.splice(0, colgroups.length, ...getColumns().map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null,
       resizeWidth: null,
@@ -19159,7 +19170,8 @@ var Component$e = defineComponent({
       toggleAllSelection,
       toggleRowSelection,
       getSelection,
-      clearSort
+      clearSort,
+      updateColGroups
     } = useInit(props2, targetColumns);
     const {
       pageData,
@@ -19249,10 +19261,15 @@ var Component$e = defineComponent({
       const {
         checked = [],
         size,
-        height
+        height,
+        fields
       } = args;
       nextTick(() => {
         var _a, _b;
+        updateColGroups({
+          checked,
+          fields
+        });
         updateBorderClass(root.value);
         const offset2 = getColumnsWidthOffsetWidth();
         checked.length && resolveColumnWidth(root.value, colgroups, COL_MIN_WIDTH, offset2);
@@ -19260,7 +19277,8 @@ var Component$e = defineComponent({
         ctx.emit(EMIT_EVENTS.SETTING_CHANGE, {
           checked,
           size,
-          height
+          height,
+          fields
         });
       });
     }).on(EVENTS$1.ON_ROW_EXPAND_CLICK, (args) => {
@@ -20500,11 +20518,11 @@ var bkDivider = defineComponent({
     let slots;
     if (this.$slots.default) {
       slots = createVNode("div", {
-        "class": ["bk-divider-info", `bk-divider-info-${this.align}`]
+        "class": [resolveClassName("divider-info"), resolveClassName(`divider-info-${this.align}`)]
       }, [this.$slots.default()]);
     }
     return createVNode("div", {
-      "class": ["bk-divider", `bk-divider-${this.direction}`],
+      "class": [resolveClassName("divider"), resolveClassName(`divider-${this.direction}`)],
       "style": styles()
     }, [slots]);
   }