@uzum-tech/ui 2.0.0-beta.6 → 2.0.0-beta.7

package/es/data-table/src/DataTable.mjs

@@ -221,18 +221,18 @@ export default defineComponent({
     const {
       localeRef
     } = useLocale('DataTable');
+    const resizableColumnPresentRef = computed(() => {
+      return dataRelatedColsRef.value.some(column => isColumnResizable(column));
+    });
     const mergedTableLayoutRef = computed(() => {
       // Layout
-      // virtual |descrete header | ellpisis => fixed
-      //    = virtual | maxHeight | ellpisis => fixed
-      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value) {
+      // virtual | descrete header | ellipsis | resizable => fixed
+      //    = virtual | maxHeight | ellipsis | resizable => fixed
+      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value || resizableColumnPresentRef.value) {
         return 'fixed';
       }
       return props.tableLayout;
     });
-    const resizableColumnPresentRef = computed(() => {
-      return dataRelatedColsRef.value.some(column => isColumnResizable(column));
-    });
     const resizableEnabledRef = computed(() => {
       return resizableColumnPresentRef.value;
     });

package/es/data-table/src/utils/column-utils.mjs

@@ -72,7 +72,7 @@ export function isColumnSortable(column) {
   return !!column.sorter;
 }
 export function isColumnEllipsisEnabled(column) {
-  return column.ellipsis !== false;
+  return !!column.ellipsis;
 }
 export function isColumnResizable(column) {
   if ('children' in column && !!column.children.length) return false;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.0-beta.6";
+declare const _default: "2.0.0-beta.7";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.0.0-beta.6';
+export default '2.0.0-beta.7';

package/lib/data-table/src/DataTable.js

@@ -155,21 +155,22 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }, { deep: true });
         const { localeRef } = (0, _mixins_1.useLocale)('DataTable');
+        const resizableColumnPresentRef = (0, vue_1.computed)(() => {
+            return dataRelatedColsRef.value.some(column => (0, utils_1.isColumnResizable)(column));
+        });
         const mergedTableLayoutRef = (0, vue_1.computed)(() => {
             // Layout
-            // virtual |descrete header | ellpisis => fixed
-            //    = virtual | maxHeight | ellpisis => fixed
+            // virtual | descrete header | ellipsis | resizable => fixed
+            //    = virtual | maxHeight | ellipsis | resizable => fixed
             if (props.virtualScroll
                 || props.flexHeight
                 || props.maxHeight !== undefined
-                || hasEllipsisRef.value) {
+                || hasEllipsisRef.value
+                || resizableColumnPresentRef.value) {
                 return 'fixed';
             }
             return props.tableLayout;
         });
-        const resizableColumnPresentRef = (0, vue_1.computed)(() => {
-            return dataRelatedColsRef.value.some(column => (0, utils_1.isColumnResizable)(column));
-        });
         const resizableEnabledRef = (0, vue_1.computed)(() => {
             return resizableColumnPresentRef.value;
         });

package/lib/data-table/src/utils/column-utils.js

@@ -102,7 +102,7 @@ function isColumnSortable(column) {
     return !!column.sorter;
 }
 function isColumnEllipsisEnabled(column) {
-    return column.ellipsis !== false;
+    return !!column.ellipsis;
 }
 function isColumnResizable(column) {
     if ('children' in column && !!column.children.length)

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.0-beta.6";
+declare const _default: "2.0.0-beta.7";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.0.0-beta.6';
+exports.default = '2.0.0-beta.7';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.6",
+  "version": "2.0.0-beta.7",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
     "name": "KapitalLab",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "2.0.0-beta.6",
+  "version": "2.0.0-beta.7",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -4030,7 +4030,7 @@
               "name": "table-layout",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/data-table",
               "type": "'auto' | 'fixed'",
-              "description": "Style `table-layout` of the table. Predictable JS-controlled column resize behavior works in `'fixed'` mode. When ellipsis is enabled (including the default column behavior), or `max-height`, or `flex-height` are set, it will always be `'fixed'` regardless of what you set.",
+              "description": "Controls the CSS `table-layout` property of the table. For predictable, JS-controlled column resizing, use `'fixed'`. When `ellipsis`, `resizable`, `max-height`, or `flex-height` are enabled, the table layout is automatically set to `'fixed'`, regardless of the specified value.",
               "default": "'auto'"
             },
             {