@sdata/web-vue 1.8.0 → 1.9.0

package/es/input-tag/style/input-tag.scss

@@ -229,6 +229,7 @@ $less-vars: (
 
   .#{$cls}-inner {
     flex: 1;
+    min-width: 0;
     overflow: hidden;
     line-height: 0;
 
@@ -237,9 +238,17 @@ $less-vars: (
       flex-wrap: wrap;
     }
 
+    &.#{$cls}-inner-responsive {
+      display: flex;
+      flex-wrap: nowrap;
+      align-items: center;
+    }
+
     .#{$cls}-tag {
       display: inline-flex;
+      flex-shrink: 0;
       align-items: center;
+      min-width: 0;
       margin-right: $input-tag-tag-margin-right;
       color: $input-tag-color-text_default;
       font-size: $input-tag-tag-font-size;
@@ -257,12 +266,32 @@ $less-vars: (
 
         @include icon-hover.icon-hover-bg($tag-prefix-cls, token.$tag-custom-color-icon-bg_hover);
       }
+
+      &.#{$cls}-tag-overflow {
+        flex-shrink: 1;
+        white-space: nowrap;
+        word-break: normal;
+
+        .#{theme.$prefix}-tag-text {
+          max-width: 100%;
+        }
+      }
+
+      &.#{$cls}-tag-counter {
+        flex-shrink: 0;
+        white-space: nowrap;
+        word-break: normal;
+      }
     }
 
     .#{$cls}-input {
       @include input-style();
 
       box-sizing: border-box;
+
+      .#{$cls}-inner-responsive & {
+        flex: 0 0 auto;
+      }
     }
   }
 
@@ -275,6 +304,30 @@ $less-vars: (
     pointer-events: none;
   }
 
+  .#{$cls}-resize-observer {
+    position: absolute;
+    inset: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  .#{$cls}-measure {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    white-space: nowrap;
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  .#{$cls}-tag-ellipsis {
+    display: block;
+    min-width: 0;
+    max-width: 100%;
+    vertical-align: bottom;
+  }
+
   &.#{$cls}-focus {
     .#{$cls}-tag {
       background-color: $input-tag-tag-color-bg_focus;

package/es/list/index.d.ts

@@ -68,8 +68,8 @@ declare const List: {
         size: "small" | "medium" | "large";
         loading: boolean;
         split: boolean;
-        bordered: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
+        bordered: boolean;
         bottomOffset: number;
         maxHeight: string | number;
         hoverable: boolean;
@@ -139,8 +139,8 @@ declare const List: {
         size: "small" | "medium" | "large";
         loading: boolean;
         split: boolean;
-        bordered: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
+        bordered: boolean;
         bottomOffset: number;
         maxHeight: string | number;
         hoverable: boolean;
@@ -212,8 +212,8 @@ declare const List: {
     size: "small" | "medium" | "large";
     loading: boolean;
     split: boolean;
-    bordered: boolean;
     scrollbar: boolean | import("..").ScrollbarProps;
+    bordered: boolean;
     bottomOffset: number;
     maxHeight: string | number;
     hoverable: boolean;

package/es/list/list.d.ts

@@ -111,8 +111,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: "small" | "medium" | "large";
     loading: boolean;
     split: boolean;
-    bordered: boolean;
     scrollbar: boolean | ScrollbarProps;
+    bordered: boolean;
     bottomOffset: number;
     maxHeight: string | number;
     hoverable: boolean;

package/es/menu/sub-menu-pop.vue.d.ts

@@ -651,10 +651,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -842,10 +842,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -1024,10 +1024,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;

package/es/modal/modal.vue_vue_type_script_lang.js

@@ -14,8 +14,8 @@ import { useI18n } from "../locale/index.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
-import { useOverflow } from "../_hooks/use-overflow.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
+import { useOverflow } from "../_hooks/use-overflow.js";
 import { useDraggable } from "./hooks/use-draggable.js";
 import { computed, defineComponent, onBeforeUnmount, onMounted, ref, toRefs, watch } from "vue";
 //#region components/modal/modal.vue?vue&type=script&lang.tsx

package/es/overflow-list/index.d.ts

@@ -21,8 +21,8 @@ declare const OverflowList: {
         change: (_value: number) => true;
     }, import("vue").PublicProps, {
         from: "start" | "end";
-        min: number;
         margin: number;
+        min: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -47,8 +47,8 @@ declare const OverflowList: {
         onChange?: ((_value: number) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         from: "start" | "end";
-        min: number;
         margin: number;
+        min: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -72,8 +72,8 @@ declare const OverflowList: {
     change: (_value: number) => true;
 }, string, {
     from: "start" | "end";
-    min: number;
     margin: number;
+    min: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;
 };

package/es/overflow-list/overflow-list.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChange?: ((_value: number) => any) | undefined;
 }>, {
     from: "start" | "end";
-    min: number;
     margin: number;
+    min: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;