@sdata/web-vue 3.3.0 → 3.4.0

package/es/_components/select-view/select-view.d.ts

@@ -143,9 +143,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     error: boolean;
     disabled: boolean;
     showArrow: boolean;
-    multiple: boolean;
     allowClear: boolean;
     loading: boolean;
+    multiple: boolean;
     bordered: boolean;
     maxTagCount: number | "responsive";
     retainInputValue: boolean;

package/es/_components/select-view/style/index.css

@@ -87,7 +87,7 @@
   color: var(--sd-color-text-2);
 }
 .sd-tag-text {
-  min-width: 0;
+  min-width: 1em;
   max-width: 100%;
 }
 .sd-tag-ellipsis-line-clamp {
@@ -816,21 +816,18 @@
   align-items: center;
   min-width: 0;
   margin-right: 4px;
-  color: var(--sd-color-text-1);
   font-size: 12px;
   white-space: pre-wrap;
   word-break: break-word;
 }
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
+  color: var(--sd-color-text-1);
   background-color: var(--sd-color-bg-2);
   border-color: var(--sd-color-fill-3);
 }
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag .sd-icon-hover:hover::before {
   background-color: var(--sd-color-fill-2);
 }
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color {
-  color: var(--sd-color-white);
-}
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }

package/es/_components/virtual-list/interface.d.ts

@@ -1,4 +1,4 @@
-import type { CacheSnapshot, ClassValue, ItemSizeValue, KeyFieldValue, ScrollAlign, ScrollDirection, ScrollToOptions } from 'vue-virtual-scroller';
+import type { CacheSnapshot } from 'virtua';
 import type { CSSProperties, VNode } from 'vue';
 import type { ScrollbarProps } from '../../scrollbar';
 export type VirtualItemKey = string | number;
@@ -11,6 +11,16 @@ export type ItemSlot = (props: {
     item: unknown;
     index: number;
 }) => VNode[];
+export type ClassValue = string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+export type KeyFieldValue<T = unknown> = string | ((item: T, index: number) => VirtualItemKey);
+export type ItemSizeValue<T = unknown> = number | string | ((item: T, index: number) => number);
+export type ScrollDirection = 'vertical' | 'horizontal';
+export type ScrollAlign = 'start' | 'center' | 'end' | 'nearest';
+export interface ScrollToOptions {
+    align?: 'auto' | 'top' | 'bottom' | ScrollAlign;
+    smooth?: boolean;
+    offset?: number;
+}
 export interface ScrollIntoViewOptions {
     index?: number;
     key?: VirtualItemKey;
@@ -60,13 +70,10 @@ export interface VirtualListDynamicProps<TItem = unknown> extends VirtualListCom
     minItemSize: number | string;
 }
 export type VirtualListProps<TItem = unknown> = VirtualListRecycleProps<TItem> | VirtualListDynamicProps<TItem>;
-export type ScrollOptions = number | {
+export type ScrollOptions = number | ({
     index?: number;
     key?: VirtualItemKey;
-    align?: 'auto' | 'top' | 'bottom' | ScrollAlign;
-    smooth?: boolean;
-    offset?: number;
-};
+} & ScrollToOptions);
 export interface VirtualListRef {
     scrollToItem: (index: number, options?: ScrollToOptions) => void;
     scrollToPosition: (position: number, options?: ScrollToOptions) => void;

package/es/_components/virtual-list/style/index.scss

@@ -1 +1,3 @@
-@import url('vue-virtual-scroller/dist/vue-virtual-scroller.css');
+// virtua renders the virtual list with inline styles and does not ship a CSS
+// file, so this entry no longer imports any third-party stylesheet. The file is
+// kept because `components/index.scss` still `@use`s it.

package/es/_components/virtual-list/virtual-list.vue.d.ts

@@ -1,74 +1,28 @@
-import { type CSSProperties, PropType } from 'vue';
-import { type CacheSnapshot, type ClassValue, type ItemSizeValue, type KeyFieldValue, type ScrollDirection, type ScrollToOptions } from 'vue-virtual-scroller';
+import type { CacheSnapshot } from 'virtua';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ScrollbarProps } from '../../scrollbar';
-import type { ScrollOptions } from './interface';
-declare var __VLS_17: {}, __VLS_31: {
-    item: unknown;
-    index: number;
-    active: boolean;
-    itemWithSize: undefined;
-}, __VLS_33: {
-    item: unknown;
-    index: number;
-    active: boolean;
-    itemWithSize: undefined;
-}, __VLS_41: {
-    item: unknown;
+import type { ClassValue, ItemSizeValue, ScrollOptions, ScrollToOptions, VirtualItemKey } from './interface';
+declare var __VLS_1: {}, __VLS_15: {
+    item: any;
     index: number;
     active: boolean;
     itemWithSize: undefined;
-}, __VLS_43: {
-    item: unknown;
+}, __VLS_17: {
+    item: any;
     index: number;
     active: boolean;
     itemWithSize: undefined;
-}, __VLS_45: {}, __VLS_56: {}, __VLS_65: {
-    item: any;
-    index: any;
-    active: any;
-    itemWithSize: Record<string, unknown> | undefined;
-}, __VLS_67: {
-    item: any;
-    index: any;
-    active: any;
-    itemWithSize: Record<string, unknown> | undefined;
-}, __VLS_69: {
-    item: any;
-    index: any;
-    active: any;
-    itemWithSize: Record<string, unknown> | undefined;
-}, __VLS_71: {
-    item: any;
-    index: any;
-    active: any;
-    itemWithSize: Record<string, unknown> | undefined;
-}, __VLS_74: {}, __VLS_77: {};
+}, __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
-    before?: (props: typeof __VLS_17) => any;
+    before?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_31) => any;
+    item?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_33) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    item?: (props: typeof __VLS_41) => any;
+    after?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_43) => any;
-} & {
-    after?: (props: typeof __VLS_45) => any;
-} & {
-    before?: (props: typeof __VLS_56) => any;
-} & {
-    item?: (props: typeof __VLS_65) => any;
-} & {
-    default?: (props: typeof __VLS_67) => any;
-} & {
-    item?: (props: typeof __VLS_69) => any;
-} & {
-    default?: (props: typeof __VLS_71) => any;
-} & {
-    empty?: (props: typeof __VLS_74) => any;
-} & {
-    after?: (props: typeof __VLS_77) => any;
+    empty?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     items: {
@@ -80,11 +34,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     keyField: {
-        type: PropType<KeyFieldValue<any>>;
+        type: PropType<string | ((item: unknown, index: number) => VirtualItemKey)>;
         default: string;
     };
     direction: {
-        type: PropType<ScrollDirection>;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     listTag: {
@@ -96,7 +50,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
     itemSize: {
-        type: PropType<ItemSizeValue<any>>;
+        type: PropType<ItemSizeValue>;
         default: undefined;
     };
     gridItems: NumberConstructor;
@@ -140,7 +94,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     component: {
-        type: PropType<keyof HTMLElementTagNameMap | Record<string, unknown>>;
+        type: PropType<string | Record<string, unknown>>;
         default: undefined;
     };
     listAttrs: {
@@ -174,11 +128,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     getItemOffset: (index: number) => number;
     getItemSize: (index: number) => number;
     cacheSnapshot: () => CacheSnapshot | undefined;
-    restoreCache: (snapshot: CacheSnapshot | null | undefined) => boolean;
-    updateVisibleItems: (itemsChanged: boolean, checkPositionDiff?: boolean) => void;
+    restoreCache: () => boolean;
+    updateVisibleItems: () => void;
     scrollToBottom: () => void;
-    forceUpdate: (clear?: boolean) => void;
-    getDynamicItemSize: (item: unknown, index?: number) => number;
+    forceUpdate: () => void;
+    getDynamicItemSize: (_item: unknown, index?: number) => number;
     scrollTo: (options: ScrollOptions) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     update: (_startIndex: number, _endIndex: number, _visibleStartIndex: number, _visibleEndIndex: number) => any;
@@ -199,11 +153,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     keyField: {
-        type: PropType<KeyFieldValue<any>>;
+        type: PropType<string | ((item: unknown, index: number) => VirtualItemKey)>;
         default: string;
     };
     direction: {
-        type: PropType<ScrollDirection>;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     listTag: {
@@ -215,7 +169,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
     itemSize: {
-        type: PropType<ItemSizeValue<any>>;
+        type: PropType<ItemSizeValue>;
         default: undefined;
     };
     gridItems: NumberConstructor;
@@ -259,7 +213,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     component: {
-        type: PropType<keyof HTMLElementTagNameMap | Record<string, unknown>>;
+        type: PropType<string | Record<string, unknown>>;
         default: undefined;
     };
     listAttrs: {
@@ -297,23 +251,23 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onScrollEnd?: (() => any) | undefined;
 }>, {
     shift: boolean;
-    fixedSize: boolean;
-    estimatedSize: number;
     emitUpdate: boolean;
     disableTransform: boolean;
     flowMode: boolean;
     skipHover: boolean;
     items: unknown[];
     height: string | number;
-    keyField: KeyFieldValue<any>;
-    direction: ScrollDirection;
+    keyField: string | ((item: unknown, index: number) => VirtualItemKey);
+    direction: "horizontal" | "vertical";
     listTag: string;
     itemTag: string;
-    itemSize: ItemSizeValue<any>;
+    itemSize: ItemSizeValue;
     minItemSize: string | number | null;
     enabled: boolean;
     threshold: number;
-    component: Record<string, unknown> | keyof HTMLElementTagNameMap;
+    fixedSize: boolean;
+    estimatedSize: number;
+    component: string | Record<string, unknown>;
     listAttrs: Record<string, unknown> | undefined;
     contentWrapperAttrs: Record<string, unknown> | undefined;
     contentAttrs: Record<string, unknown> | undefined;