@sdata/web-vue 1.9.0 → 1.10.0

package/json/vetur-attributes.json

@@ -438,6 +438,9 @@
   "sd-cascader-panel/model-value": {
     "description": "Value"
   },
+  "sd-cascader-panel/value": {
+    "description": "Value, Naive compatibility alias"
+  },
   "sd-cascader-panel/default-value": {
     "description": "Default value (uncontrolled state)"
   },
@@ -498,6 +501,9 @@
   "sd-cascader/model-value": {
     "description": "Value"
   },
+  "sd-cascader/value": {
+    "description": "Value, Naive compatibility alias"
+  },
   "sd-cascader/default-value": {
     "description": "Default value (uncontrolled state)"
   },
@@ -519,10 +525,18 @@
     "description": "Whether to allow searching",
     "type": "boolean"
   },
+  "sd-cascader/filterable": {
+    "description": "Whether to allow searching, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-cascader/allow-clear": {
     "description": "Whether to allow clear",
     "type": "boolean"
   },
+  "sd-cascader/clearable": {
+    "description": "Whether to allow clear, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-cascader/input-value": {
     "description": "The value of the input",
     "type": "string"
@@ -535,6 +549,10 @@
     "description": "Whether to show the dropdown",
     "type": "boolean"
   },
+  "sd-cascader/show": {
+    "description": "Whether to show the dropdown, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-cascader/expand-trigger": {
     "description": "Expand the trigger method of the next level",
     "type": "string"
@@ -543,6 +561,10 @@
     "description": "Whether to display the dropdown by default (uncontrolled state)",
     "type": "boolean"
   },
+  "sd-cascader/default-show": {
+    "description": "Whether to display the dropdown by default, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-cascader/placeholder": {
     "description": "Placeholder",
     "type": "string"
@@ -554,8 +576,15 @@
     "description": "Mount container for popup"
   },
   "sd-cascader/max-tag-count": {
-    "description": "In multi-select mode, the maximum number of labels displayed. 0 means unlimited",
-    "type": "number"
+    "description": "In multi-select mode, the maximum number of labels displayed. 0 means unlimited"
+  },
+  "sd-cascader/show-path": {
+    "description": "Whether to display the full path in selected labels",
+    "type": "boolean"
+  },
+  "sd-cascader/separator": {
+    "description": "Path separator used in selected labels",
+    "type": "string"
   },
   "sd-cascader/format-label": {
     "description": "Format display content"
@@ -1111,12 +1140,10 @@
     "type": "boolean"
   },
   "sd-dropdown-button/type": {
-    "description": "Button type",
-    "type": "string"
+    "description": "Button type"
   },
   "sd-dropdown-button/size": {
-    "description": "Button size",
-    "type": "string"
+    "description": "Button size"
   },
   "sd-dropdown-button/button-props": {
     "description": "Button props"
@@ -2515,6 +2542,27 @@
   "sd-scrollbar/outer-style": {
     "description": "Outer style"
   },
+  "sd-scrollbar/padding-absolute": {
+    "description": "Whether padding should be absolute."
+  },
+  "sd-scrollbar/show-native-overlaid-scrollbars": {
+    "description": "Whether to show native overlaid scrollbars."
+  },
+  "sd-scrollbar/update-options": {
+    "description": "OverlayScrollbars update options."
+  },
+  "sd-scrollbar/overflow": {
+    "description": "OverlayScrollbars overflow options."
+  },
+  "sd-scrollbar/scrollbars": {
+    "description": "OverlayScrollbars scrollbar options."
+  },
+  "sd-scrollbar/overlay-options": {
+    "description": "Complete OverlayScrollbars options merged with component props."
+  },
+  "sd-scrollbar/events": {
+    "description": "Event listeners forwarded to OverlayScrollbars."
+  },
   "sd-optgroup/label": {
     "description": "Title of option group",
     "type": "string"
@@ -3671,6 +3719,9 @@
   "sd-tree-select/tree-props": {
     "description": "Can accept Props of all [Tree](/vue/component/tree) components"
   },
+  "sd-tree-select/virtual-list-props": {
+    "description": "Pass tree virtual list properties to enable virtual scrolling"
+  },
   "sd-tree-select/trigger-props": {
     "description": "Can accept Props of all [Trigger](/vue/component/trigger) components"
   },

package/json/vetur-tags.json

@@ -202,6 +202,7 @@
       "path-mode",
       "multiple",
       "model-value",
+      "value",
       "default-value",
       "options",
       "expand-trigger",
@@ -224,22 +225,29 @@
       "path-mode",
       "multiple",
       "model-value",
+      "value",
       "default-value",
       "options",
       "disabled",
       "error",
       "size",
       "allow-search",
+      "filterable",
       "allow-clear",
+      "clearable",
       "input-value",
       "default-input-value",
       "popup-visible",
+      "show",
       "expand-trigger",
       "default-popup-visible",
+      "default-show",
       "placeholder",
       "filter-option",
       "popup-container",
       "max-tag-count",
+      "show-path",
+      "separator",
       "format-label",
       "trigger-props",
       "check-strictly",
@@ -1034,7 +1042,14 @@
       "scroll",
       "type",
       "outer-class",
-      "outer-style"
+      "outer-style",
+      "padding-absolute",
+      "show-native-overlaid-scrollbars",
+      "update-options",
+      "overflow",
+      "scrollbars",
+      "overlay-options",
+      "events"
     ]
   },
   "sd-optgroup": {
@@ -1487,6 +1502,7 @@
       "show-path",
       "separator",
       "tree-props",
+      "virtual-list-props",
       "trigger-props",
       "virtual-scroll",
       "popup-visible",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1172,7 +1172,15 @@
               "name": "model-value",
               "description": "Value",
               "value": {
-                "type": "| string\n| number\n| Record<string, any>\n| (string | number | Record<string, any> | (string | number | Record<string, any>)[])[]\n| undefined",
+                "type": "CascaderModelValue",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Value, Naive compatibility alias",
+              "value": {
+                "type": "CascaderModelValue",
                 "kind": "expression"
               }
             },
@@ -1180,7 +1188,7 @@
               "name": "default-value",
               "description": "Default value (uncontrolled state)",
               "value": {
-                "type": "| string\n| number\n| Record<string, any>\n| (string | number | Record<string, any> | (string | number | Record<string, any>)[])[]\n| undefined",
+                "type": "CascaderModelValue",
                 "kind": "expression"
               }
             },
@@ -1277,7 +1285,15 @@
               "name": "model-value",
               "description": "Value",
               "value": {
-                "type": "| string\n| number\n| Record<string, any>\n| (string | number | Record<string, any> | (string | number | Record<string, any>)[])[]\n| undefined",
+                "type": "CascaderModelValue",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Value, Naive compatibility alias",
+              "value": {
+                "type": "CascaderModelValue",
                 "kind": "expression"
               }
             },
@@ -1285,7 +1301,7 @@
               "name": "default-value",
               "description": "Default value (uncontrolled state)",
               "value": {
-                "type": "| string\n| number\n| Record<string, any>\n| (string | number | Record<string, any> | (string | number | Record<string, any>)[])[]\n| undefined",
+                "type": "CascaderModelValue",
                 "kind": "expression"
               }
             },
@@ -1329,6 +1345,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "filterable",
+              "description": "Whether to allow searching, Naive compatibility alias",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "allow-clear",
               "description": "Whether to allow clear",
@@ -1337,6 +1361,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "clearable",
+              "description": "Whether to allow clear, Naive compatibility alias",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "input-value",
               "description": "The value of the input",
@@ -1361,6 +1393,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "show",
+              "description": "Whether to show the dropdown, Naive compatibility alias",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "expand-trigger",
               "description": "Expand the trigger method of the next level",
@@ -1377,6 +1417,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "default-show",
+              "description": "Whether to display the dropdown by default, Naive compatibility alias",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "placeholder",
               "description": "Placeholder",
@@ -1405,7 +1453,23 @@
               "name": "max-tag-count",
               "description": "In multi-select mode, the maximum number of labels displayed. 0 means unlimited",
               "value": {
-                "type": "number",
+                "type": "number | 'responsive'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-path",
+              "description": "Whether to display the full path in selected labels",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "separator",
+              "description": "Path separator used in selected labels",
+              "value": {
+                "type": "string",
                 "kind": "expression"
               }
             },
@@ -2824,7 +2888,7 @@
               "name": "type",
               "description": "Button type",
               "value": {
-                "type": "string",
+                "type": "ButtonProps['type']",
                 "kind": "expression"
               }
             },
@@ -2832,7 +2896,7 @@
               "name": "size",
               "description": "Button size",
               "value": {
-                "type": "string",
+                "type": "ButtonProps['size']",
                 "kind": "expression"
               }
             },
@@ -6457,6 +6521,62 @@
                 "type": "StyleValue",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "padding-absolute",
+              "description": "Whether padding should be absolute.",
+              "value": {
+                "type": "ScrollbarProps['paddingAbsolute']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "show-native-overlaid-scrollbars",
+              "description": "Whether to show native overlaid scrollbars.",
+              "value": {
+                "type": "ScrollbarProps['showNativeOverlaidScrollbars']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "update-options",
+              "description": "OverlayScrollbars update options.",
+              "value": {
+                "type": "ScrollbarProps['updateOptions']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "overflow",
+              "description": "OverlayScrollbars overflow options.",
+              "value": {
+                "type": "ScrollbarProps['overflow']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "scrollbars",
+              "description": "OverlayScrollbars scrollbar options.",
+              "value": {
+                "type": "ScrollbarProps['scrollbars']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "overlay-options",
+              "description": "Complete OverlayScrollbars options merged with component props.",
+              "value": {
+                "type": "ScrollbarProps['overlayOptions']",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "events",
+              "description": "Event listeners forwarded to OverlayScrollbars.",
+              "value": {
+                "type": "ScrollbarProps['events']",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -7551,7 +7671,7 @@
               "name": "virtual-list-props",
               "description": "Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)",
               "value": {
-                "type": "VirtualListProps",
+                "type": "TableVirtualListProps",
                 "kind": "expression"
               }
             },
@@ -9329,6 +9449,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "virtual-list-props",
+              "description": "Pass tree virtual list properties to enable virtual scrolling",
+              "value": {
+                "type": "VirtualListProps",
+                "kind": "expression"
+              }
+            },
             {
               "name": "trigger-props",
               "description": "Can accept Props of all [Trigger](/vue/component/trigger) components",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -56,10 +56,13 @@
     "b-validate": "^1.5.3",
     "compute-scroll-into-view": "^3.1.1",
     "dayjs": "^1.11.20",
+    "es-toolkit": "^1.46.1",
     "number-precision": "^1.6.0",
+    "overlayscrollbars": "^2.15.1",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "vue": "^3.5.32"
+    "vue": "^3.5.32",
+    "vue-virtual-scroller": "^3.0.3"
   },
   "devDependencies": {
     "@babel/types": "^7.29.0",
@@ -73,7 +76,7 @@
     "@vitejs/plugin-vue": "^6.0.6",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "@vue/test-utils": "^2.4.10",
-    "@vueuse/core": "^14.2.1",
+    "@vueuse/core": "^14.3.0",
     "clean-css": "^5.3.3",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
@@ -82,6 +85,7 @@
     "sass": "^1.99.0",
     "semantic-release": "^25.0.3",
     "svgo": "^4.0.1",
+    "type-fest": "^5.6.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.8",
     "vite-plus": "^0.1.20",
@@ -113,6 +117,7 @@
     "prebuild:dts": "pnpm run icongen",
     "build:dts": "node ./scripts/build-dts.mjs",
     "dtsgen": "pnpm run build:dts",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
     "test": "vp test run",
     "test:update": "vp test run -u"
   }

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

@@ -1,35 +0,0 @@
-import { CSSProperties } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    height: {
-        type: NumberConstructor;
-    };
-    offset: {
-        type: NumberConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    type: StringConstructor;
-    outerAttrs: ObjectConstructor;
-    innerAttrs: ObjectConstructor;
-}>, {
-    outerStyle: import("vue").ComputedRef<CSSProperties>;
-    innerStyle: import("vue").ComputedRef<CSSProperties>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: NumberConstructor;
-    };
-    offset: {
-        type: NumberConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    type: StringConstructor;
-    outerAttrs: ObjectConstructor;
-    innerAttrs: ObjectConstructor;
-}>> & Readonly<{}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/_components/virtual-list/hooks/use-item-height.d.ts

@@ -1,15 +0,0 @@
-import { InternalDataItem, VirtualItemKey } from '../interface';
-export declare function useItemHeight(props: {
-    estimatedItemHeight?: number;
-    data: InternalDataItem[];
-}): {
-    itemHeight: import("vue").ComputedRef<number>;
-    minItemHeight: import("vue").ComputedRef<number>;
-    estimatedItemHeight: import("vue").Ref<number | undefined, number | undefined>;
-    totalHeight: import("vue").ComputedRef<number>;
-    setItemHeight: (key: VirtualItemKey, height: number) => void;
-    getItemHeight: (key: VirtualItemKey) => number | undefined;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-    getItemHeightByIndex: (index: number) => number | undefined;
-    getItemHeightOrDefaultByIndex: (index: number) => number;
-};

package/es/_components/virtual-list/hooks/use-range-state.d.ts

@@ -1,16 +0,0 @@
-export declare function useRangeState(props: {
-    viewportRef: HTMLElement | undefined;
-    visibleCount: number;
-    itemCount: number;
-}): {
-    rangeState: {
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    };
-    updateRangeState: {
-        (...args: any[]): void;
-        cancel(): void;
-    };
-};

package/es/_components/virtual-list/hooks/use-render-children.d.ts

@@ -1,11 +0,0 @@
-import { VNode } from 'vue';
-import { ItemSlot, InternalDataItem, VirtualItemKey } from '../interface';
-export declare function useRenderChildren(props: {
-    internalData: InternalDataItem[];
-    visibleData: InternalDataItem[];
-    itemRender: ItemSlot;
-}, events?: {
-    onItemResize?: (height: HTMLElement, key: VirtualItemKey) => void;
-}): () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | undefined)[];

package/es/_components/virtual-list/hooks/use-scroll-to.d.ts

@@ -1,35 +0,0 @@
-import { InternalDataItem, VirtualItemKey, ScrollOptions } from '../interface';
-export interface RelativeScroll {
-    itemIndex: number;
-    relativeTop: number;
-}
-export declare function useScrollTo(props: {
-    isVirtual: boolean;
-    isStaticItemHeight: boolean;
-    data: InternalDataItem[];
-    viewportRef: HTMLElement | undefined;
-    rangeState: {
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    };
-    scrollTop: number;
-    visibleCount: number;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-    getItemHeightOrDefaultByIndex: (index: number) => number;
-}): {
-    fixScrollTo: (relativeScroll: RelativeScroll) => {
-        scrollTop: number;
-        itemIndex: number;
-        itemOffsetPtg: number;
-        startIndex: number;
-        endIndex: number;
-    } | null;
-    prepareScrollTo: (options: ScrollOptions) => {
-        itemIndex: number;
-        relativeTop: number;
-        startIndex: number;
-        endIndex: number;
-    } | null;
-};

package/es/_components/virtual-list/hooks/use-viewport-height.d.ts

@@ -1,7 +0,0 @@
-export declare function useViewportHeight(props: {
-    height: number | string;
-}): {
-    viewportHeight: import("vue").Ref<number, number>;
-    setViewportHeight: (val: number) => void;
-    needMeasureViewportHeight: import("vue").ComputedRef<boolean>;
-};

package/es/_components/virtual-list/utils/algorithm.d.ts

@@ -1,6 +0,0 @@
-import { VirtualItemKey } from '../interface';
-export declare function getIndexByStartLoc(min: number, max: number, start: number, index: number): number;
-export declare function findListDiffIndex<T>(originList: T[], targetList: T[], getKey: (item: T, index: number) => VirtualItemKey): {
-    index: number;
-    multiple: boolean;
-} | null;

package/es/_components/virtual-list/utils/index.d.ts

@@ -1,37 +0,0 @@
-import { VirtualItemKey } from '../interface';
-export declare function getValidScrollTop(scrollTop: number, scrollRange: number): number;
-export declare function getScrollPercentage({ scrollTop, scrollHeight, clientHeight, }: {
-    scrollTop: number;
-    scrollHeight: number;
-    clientHeight: number;
-}): number;
-export declare function getLocationItem(scrollPtg: number, itemCount: number): {
-    index: number;
-    offsetPtg: number;
-};
-export declare function getRangeIndex(scrollPtg: number, itemCount: number, visibleCount: number): {
-    itemIndex: number;
-    itemOffsetPtg: number;
-    startIndex: number;
-    endIndex: number;
-};
-interface ItemTopConfig {
-    itemHeight: number;
-    itemOffsetPtg: number;
-    scrollTop: number;
-    scrollPtg: number;
-    clientHeight: number;
-}
-export declare function getItemRelativeTop({ itemHeight, itemOffsetPtg, scrollPtg, clientHeight, }: Omit<ItemTopConfig, 'scrollTop'>): number;
-export declare function getItemAbsoluteTop({ scrollTop, ...rest }: ItemTopConfig): number;
-interface CompareItemConfig {
-    locatedItemRelativeTop: number;
-    locatedItemIndex: number;
-    compareItemIndex: number;
-    getItemKeyByIndex: (index: number) => VirtualItemKey;
-    startIndex: number;
-    endIndex: number;
-    getItemHeightOrDefault: (key: VirtualItemKey) => number;
-}
-export declare function getCompareItemRelativeTop({ locatedItemRelativeTop, locatedItemIndex, compareItemIndex, startIndex, endIndex, getItemKeyByIndex, getItemHeightOrDefault, }: CompareItemConfig): number;
-export {};