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

package/dist/index.js

@@ -23790,7 +23790,11 @@
 
   const tooltipProps = {
     ...popoverBaseProps,
-    ...useTheme.props
+    ...useTheme.props,
+    variant: {
+      type: String,
+      default: "default"
+    }
   };
   var _UTooltip = vue.defineComponent({
     name: "Tooltip",
@@ -23802,7 +23806,7 @@
       const themeRef = useTheme(
         "Tooltip",
         "-tooltip",
-        style$1D,
+        props.variant === "plain" ? void 0 : style$1D,
         tooltipLight,
         props,
         mergedClsPrefixRef
@@ -23875,8 +23879,23 @@
         internalExtraClass,
         renderContentNode,
         cssVarsRef,
-        placement
+        placement,
+        variant
       } = this;
+      if (variant === "plain") {
+        return vue.h(
+          UPopover$1,
+          {
+            ...this.$props,
+            theme: mergedTheme.peers.Popover,
+            themeOverrides: mergedTheme.peerOverrides.Popover,
+            builtinThemeOverrides: this.popoverThemeOverrides,
+            internalExtraClass: internalExtraClass.concat("tooltip"),
+            ref: "popoverRef"
+          },
+          this.$slots
+        );
+      }
       return vue.h(
         UPopover$1,
         {
@@ -65731,7 +65750,7 @@
     return !!column.sorter;
   }
   function isColumnEllipsisEnabled(column) {
-    return column.ellipsis !== false;
+    return !!column.ellipsis;
   }
   function isColumnResizable(column) {
     if ("children" in column && !!column.children.length) return false;
@@ -70611,17 +70630,17 @@
         { deep: true }
       );
       const { localeRef } = useLocale("DataTable");
-      const mergedTableLayoutRef = vue.computed(() => {
-        if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
-          return "fixed";
-        }
-        return props.tableLayout;
-      });
       const resizableColumnPresentRef = vue.computed(() => {
         return dataRelatedColsRef.value.some(
           (column) => isColumnResizable(column)
         );
       });
+      const mergedTableLayoutRef = vue.computed(() => {
+        if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value || resizableColumnPresentRef.value) {
+          return "fixed";
+        }
+        return props.tableLayout;
+      });
       const resizableEnabledRef = vue.computed(() => {
         return resizableColumnPresentRef.value;
       });
@@ -112267,7 +112286,7 @@
     });
   }
 
-  var version = "2.0.0-beta.6";
+  var version = "2.0.0-beta.8";
 
   function create({
     componentPrefix = "U",

package/dist/index.mjs

@@ -23786,7 +23786,11 @@ const TooltipArrowHorizontal = defineComponent({
 
 const tooltipProps = {
   ...popoverBaseProps,
-  ...useTheme.props
+  ...useTheme.props,
+  variant: {
+    type: String,
+    default: "default"
+  }
 };
 var _UTooltip = defineComponent({
   name: "Tooltip",
@@ -23798,7 +23802,7 @@ var _UTooltip = defineComponent({
     const themeRef = useTheme(
       "Tooltip",
       "-tooltip",
-      style$1D,
+      props.variant === "plain" ? void 0 : style$1D,
       tooltipLight,
       props,
       mergedClsPrefixRef
@@ -23871,8 +23875,23 @@ var _UTooltip = defineComponent({
       internalExtraClass,
       renderContentNode,
       cssVarsRef,
-      placement
+      placement,
+      variant
     } = this;
+    if (variant === "plain") {
+      return h(
+        UPopover$1,
+        {
+          ...this.$props,
+          theme: mergedTheme.peers.Popover,
+          themeOverrides: mergedTheme.peerOverrides.Popover,
+          builtinThemeOverrides: this.popoverThemeOverrides,
+          internalExtraClass: internalExtraClass.concat("tooltip"),
+          ref: "popoverRef"
+        },
+        this.$slots
+      );
+    }
     return h(
       UPopover$1,
       {
@@ -65727,7 +65746,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) return false;
@@ -70607,17 +70626,17 @@ var _UDataTable = defineComponent({
       { deep: true }
     );
     const { localeRef } = useLocale("DataTable");
-    const mergedTableLayoutRef = computed(() => {
-      if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
-        return "fixed";
-      }
-      return props.tableLayout;
-    });
     const resizableColumnPresentRef = computed(() => {
       return dataRelatedColsRef.value.some(
         (column) => isColumnResizable(column)
       );
     });
+    const mergedTableLayoutRef = computed(() => {
+      if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value || resizableColumnPresentRef.value) {
+        return "fixed";
+      }
+      return props.tableLayout;
+    });
     const resizableEnabledRef = computed(() => {
       return resizableColumnPresentRef.value;
     });
@@ -112263,7 +112282,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.0.0-beta.6";
+var version = "2.0.0-beta.8";
 
 function create({
   componentPrefix = "U",