@sdata/web-vue 1.10.0 → 1.11.1

package/es/tag/style/index.scss

@@ -3,11 +3,12 @@
 @use '@style/theme/index.scss' as global;
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use 'sass:meta';
 
 @forward '@components/tag/style/token.scss';
 
 @use '@style/mixins/index.scss' as *;
+@use '@components/tag/style/token.scss' as token;
 @use '@components/tag/style/token.scss' as *;
 
 $tag-prefix-cls: string.unquote('#{theme.$prefix}-tag');
@@ -15,143 +16,15 @@ $tag-prefix-cls: string.unquote('#{theme.$prefix}-tag');
 $colors:
   'red', 'orangered', 'orange', 'gold', 'lime', 'green', 'cyan', 'blue', 'sdblue', 'purple',
   'pinkpurple', 'magenta';
-$__less-vars: (
-  'colors': $colors,
-  'prefix': theme.$prefix,
-  'sd-cssvars-prefix': global.$sd-cssvars-prefix,
-  'sd-theme-tag': global.$sd-theme-tag,
-  'tag-blue-color-bg': $tag-blue-color-bg,
-  'tag-blue-color-bg_hover': $tag-blue-color-bg_hover,
-  'tag-blue-color-border': $tag-blue-color-border,
-  'tag-blue-color-border_hover': $tag-blue-color-border_hover,
-  'tag-blue-color-icon-bg_hover': $tag-blue-color-icon-bg_hover,
-  'tag-border-radius': $tag-border-radius,
-  'tag-border-type': $tag-border-type,
-  'tag-border-width': $tag-border-width,
-  'tag-color-bg-not-checked_hover': $tag-color-bg-not-checked_hover,
-  'tag-custom-color-icon-bg_hover': $tag-custom-color-icon-bg_hover,
-  'tag-custom-color-text': $tag-custom-color-text,
-  'tag-cyan-color-bg': $tag-cyan-color-bg,
-  'tag-cyan-color-bg_hover': $tag-cyan-color-bg_hover,
-  'tag-cyan-color-border': $tag-cyan-color-border,
-  'tag-cyan-color-border_hover': $tag-cyan-color-border_hover,
-  'tag-cyan-color-icon-bg_hover': $tag-cyan-color-icon-bg_hover,
-  'tag-default-bordered-color-border': $tag-default-bordered-color-border,
-  'tag-default-color-bg': $tag-default-color-bg,
-  'tag-default-color-bg_hover': $tag-default-color-bg_hover,
-  'tag-default-color-border': $tag-default-color-border,
-  'tag-default-color-border_hover': $tag-default-color-border_hover,
-  'tag-default-color-icon': $tag-default-color-icon,
-  'tag-default-color-text': $tag-default-color-text,
-  'tag-gold-color-bg': $tag-gold-color-bg,
-  'tag-gold-color-bg_hover': $tag-gold-color-bg_hover,
-  'tag-gold-color-border': $tag-gold-color-border,
-  'tag-gold-color-border_hover': $tag-gold-color-border_hover,
-  'tag-gold-color-icon-bg_hover': $tag-gold-color-icon-bg_hover,
-  'tag-gray-color-bg': $tag-gray-color-bg,
-  'tag-gray-color-bg_hover': $tag-gray-color-bg_hover,
-  'tag-gray-color-border': $tag-gray-color-border,
-  'tag-gray-color-border_hover': $tag-gray-color-border_hover,
-  'tag-gray-color-icon-bg_hover': $tag-gray-color-icon-bg_hover,
-  'tag-green-color-bg': $tag-green-color-bg,
-  'tag-green-color-bg_hover': $tag-green-color-bg_hover,
-  'tag-green-color-border': $tag-green-color-border,
-  'tag-green-color-border_hover': $tag-green-color-border_hover,
-  'tag-green-color-icon-bg_hover': $tag-green-color-icon-bg_hover,
-  'tag-icon-margin-right': $tag-icon-margin-right,
-  'tag-lime-color-bg': $tag-lime-color-bg,
-  'tag-lime-color-bg_hover': $tag-lime-color-bg_hover,
-  'tag-lime-color-border': $tag-lime-color-border,
-  'tag-lime-color-border_hover': $tag-lime-color-border_hover,
-  'tag-lime-color-icon-bg_hover': $tag-lime-color-icon-bg_hover,
-  'tag-magenta-color-bg': $tag-magenta-color-bg,
-  'tag-magenta-color-bg_hover': $tag-magenta-color-bg_hover,
-  'tag-magenta-color-border': $tag-magenta-color-border,
-  'tag-magenta-color-border_hover': $tag-magenta-color-border_hover,
-  'tag-magenta-color-icon-bg_hover': $tag-magenta-color-icon-bg_hover,
-  'tag-orange-color-bg': $tag-orange-color-bg,
-  'tag-orange-color-bg_hover': $tag-orange-color-bg_hover,
-  'tag-orange-color-border': $tag-orange-color-border,
-  'tag-orange-color-border_hover': $tag-orange-color-border_hover,
-  'tag-orange-color-icon-bg_hover': $tag-orange-color-icon-bg_hover,
-  'tag-orangered-color-bg': $tag-orangered-color-bg,
-  'tag-orangered-color-bg_hover': $tag-orangered-color-bg_hover,
-  'tag-orangered-color-border': $tag-orangered-color-border,
-  'tag-orangered-color-border_hover': $tag-orangered-color-border_hover,
-  'tag-orangered-color-icon-bg_hover': $tag-orangered-color-icon-bg_hover,
-  'tag-padding-horizontal': $tag-padding-horizontal,
-  'tag-padding-vertical': $tag-padding-vertical,
-  'tag-pinkpurple-color-bg': $tag-pinkpurple-color-bg,
-  'tag-pinkpurple-color-bg_hover': $tag-pinkpurple-color-bg_hover,
-  'tag-pinkpurple-color-border': $tag-pinkpurple-color-border,
-  'tag-pinkpurple-color-border_hover': $tag-pinkpurple-color-border_hover,
-  'tag-pinkpurple-color-icon-bg_hover': $tag-pinkpurple-color-icon-bg_hover,
-  'tag-purple-color-bg': $tag-purple-color-bg,
-  'tag-purple-color-bg_hover': $tag-purple-color-bg_hover,
-  'tag-purple-color-border': $tag-purple-color-border,
-  'tag-purple-color-border_hover': $tag-purple-color-border_hover,
-  'tag-purple-color-icon-bg_hover': $tag-purple-color-icon-bg_hover,
-  'tag-red-color-bg': $tag-red-color-bg,
-  'tag-red-color-bg_hover': $tag-red-color-bg_hover,
-  'tag-red-color-border': $tag-red-color-border,
-  'tag-red-color-border_hover': $tag-red-color-border_hover,
-  'tag-red-color-icon-bg_hover': $tag-red-color-icon-bg_hover,
-  'tag-sdblue-color-bg': $tag-sdblue-color-bg,
-  'tag-sdblue-color-bg_hover': $tag-sdblue-color-bg_hover,
-  'tag-sdblue-color-border': $tag-sdblue-color-border,
-  'tag-sdblue-color-border_hover': $tag-sdblue-color-border_hover,
-  'tag-sdblue-color-icon-bg_hover': $tag-sdblue-color-icon-bg_hover,
-  'tag-size-default': $tag-size-default,
-  'tag-size-default-font-size': $tag-size-default-font-size,
-  'tag-size-large': $tag-size-large,
-  'tag-size-large-font-size': $tag-size-large-font-size,
-  'tag-size-medium': $tag-size-medium,
-  'tag-size-medium-font-size': $tag-size-medium-font-size,
-  'tag-size-small': $tag-size-small,
-  'tag-size-small-font-size': $tag-size-small-font-size,
-  'tag-text-font-weight': $tag-text-font-weight,
-  'transition-duration-1': theme.$transition-duration-1,
-  'transition-timing-function-linear': theme.$transition-timing-function-linear,
-  'tag-red-color-text': $tag-red-color-text,
-  'tag-orangered-color-text': $tag-orangered-color-text,
-  'tag-orange-color-text': $tag-orange-color-text,
-  'tag-gold-color-text': $tag-gold-color-text,
-  'tag-lime-color-text': $tag-lime-color-text,
-  'tag-green-color-text': $tag-green-color-text,
-  'tag-cyan-color-text': $tag-cyan-color-text,
-  'tag-blue-color-text': $tag-blue-color-text,
-  'tag-sdblue-color-text': $tag-sdblue-color-text,
-  'tag-purple-color-text': $tag-purple-color-text,
-  'tag-pinkpurple-color-text': $tag-pinkpurple-color-text,
-  'tag-magenta-color-text': $tag-magenta-color-text,
-  'tag-red-bordered-color-border': $tag-red-bordered-color-border,
-  'tag-red-color-icon': $tag-red-color-icon,
-  'tag-orangered-bordered-color-border': $tag-orangered-bordered-color-border,
-  'tag-orange-bordered-color-border': $tag-orange-bordered-color-border,
-  'tag-gold-bordered-color-border': $tag-gold-bordered-color-border,
-  'tag-lime-bordered-color-border': $tag-lime-bordered-color-border,
-  'tag-green-bordered-color-border': $tag-green-bordered-color-border,
-  'tag-cyan-bordered-color-border': $tag-cyan-bordered-color-border,
-  'tag-blue-bordered-color-border': $tag-blue-bordered-color-border,
-  'tag-sdblue-bordered-color-border': $tag-sdblue-bordered-color-border,
-  'tag-purple-bordered-color-border': $tag-purple-bordered-color-border,
-  'tag-pinkpurple-bordered-color-border': $tag-pinkpurple-bordered-color-border,
-  'tag-magenta-bordered-color-border': $tag-magenta-bordered-color-border,
-  'tag-orangered-color-icon': $tag-orangered-color-icon,
-  'tag-orange-color-icon': $tag-orange-color-icon,
-  'tag-gold-color-icon': $tag-gold-color-icon,
-  'tag-lime-color-icon': $tag-lime-color-icon,
-  'tag-green-color-icon': $tag-green-color-icon,
-  'tag-cyan-color-icon': $tag-cyan-color-icon,
-  'tag-blue-color-icon': $tag-blue-color-icon,
-  'tag-sdblue-color-icon': $tag-sdblue-color-icon,
-  'tag-purple-color-icon': $tag-purple-color-icon,
-  'tag-pinkpurple-color-icon': $tag-pinkpurple-color-icon,
-  'tag-magenta-color-icon': $tag-magenta-color-icon,
-);
-
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+
+@function token-var($name, $fallback: null) {
+  $value: map.get(meta.module-variables('token'), $name);
+
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 .#{$tag-prefix-cls} {
@@ -237,30 +110,30 @@ $__less-vars: (
 
   @each $value in $colors {
     .#{$tag-prefix-cls}.#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value} {
-      color: less-var('tag-#{$value}-color-text');
-      background-color: less-var('tag-#{$value}-color-bg');
-      border: $tag-border-width $tag-border-type less-var('tag-#{$value}-color-border');
+      color: token-var('tag-#{$value}-color-text');
+      background-color: token-var('tag-#{$value}-color-bg');
+      border: $tag-border-width $tag-border-type token-var('tag-#{$value}-color-border');
 
       @include icon-hover.icon-hover-bg(
         $tag-prefix-cls,
-        less-var('tag-#{$value}-color-icon-bg_hover')
+        token-var('tag-#{$value}-color-icon-bg_hover')
       );
     }
 
     .#{$tag-prefix-cls}-checkable.#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value}:hover {
-      background-color: less-var('tag-#{$value}-color-bg_hover');
-      border-color: less-var('tag-#{$value}-color-border_hover');
+      background-color: token-var('tag-#{$value}-color-bg_hover');
+      border-color: token-var('tag-#{$value}-color-border_hover');
     }
 
     .#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value}.#{$tag-prefix-cls}-bordered,
     .#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value}.#{$tag-prefix-cls}-bordered:hover {
-      border-color: less-var('tag-#{$value}-bordered-color-border');
+      border-color: token-var('tag-#{$value}-bordered-color-border');
     }
 
     .#{$tag-prefix-cls}.#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value} &-icon,
     .#{$tag-prefix-cls}.#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value} &-close-btn,
     .#{$tag-prefix-cls}.#{$tag-prefix-cls}-checked.#{$tag-prefix-cls}-#{$value} &-loading-icon {
-      color: less-var('tag-#{$value}-color-icon');
+      color: token-var('tag-#{$value}-color-icon');
     }
   }
 

package/es/tag/tag.vue.d.ts

@@ -113,11 +113,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     visible: boolean;
     defaultVisible: boolean;
     closable: boolean;
+    nowrap: boolean;
     bordered: boolean;
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
-    nowrap: boolean;
 }, {}, {
     IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefix: {

package/es/theme-provider/index.d.ts

@@ -3,13 +3,13 @@ import type { SDOptions } from '../_utils/types';
 import _ThemeProvider from '../config-provider/theme-provider.vue';
 declare const ThemeProvider: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        theme?: import("../config-provider/theme").SDThemeConfig;
-        themeMode?: import("../config-provider/theme").SDThemeMode;
+        theme?: import("..").SDThemeConfig;
+        themeMode?: import("..").SDThemeMode;
         global?: boolean;
         tag?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         tag: string;
-        themeMode: import("../config-provider/theme").SDThemeMode;
+        themeMode: import("..").SDThemeMode;
         global: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -19,26 +19,26 @@ declare const ThemeProvider: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        theme?: import("../config-provider/theme").SDThemeConfig;
-        themeMode?: import("../config-provider/theme").SDThemeMode;
+        theme?: import("..").SDThemeConfig;
+        themeMode?: import("..").SDThemeMode;
         global?: boolean;
         tag?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, {
         tag: string;
-        themeMode: import("../config-provider/theme").SDThemeMode;
+        themeMode: import("..").SDThemeMode;
         global: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    theme?: import("../config-provider/theme").SDThemeConfig;
-    themeMode?: import("../config-provider/theme").SDThemeMode;
+    theme?: import("..").SDThemeConfig;
+    themeMode?: import("..").SDThemeMode;
     global?: boolean;
     tag?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     tag: string;
-    themeMode: import("../config-provider/theme").SDThemeMode;
+    themeMode: import("..").SDThemeMode;
     global: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/time-picker/index.d.ts

@@ -7802,4 +7802,5 @@ declare const TimePicker: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TimePickerInstance = InstanceType<typeof _TimePicker>;
+export type { TimeValue } from './interface';
 export default TimePicker;

package/es/timeline/index.d.ts

@@ -2,6 +2,7 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _TimelineItem from './item.vue';
 import _Timeline from './timeline';
+export type { DotType, LabelPositionType, LineType, ModeType, PositionType } from './interface';
 declare const Timeline: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         reverse: {

package/es/transfer/index.d.ts

@@ -4203,4 +4203,5 @@ declare const Transfer: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TransferInstance = InstanceType<typeof _Transfer>;
+export type { TransferItem } from './interface';
 export default Transfer;

package/es/transfer/interface.d.ts

@@ -1,7 +1,7 @@
 export interface TransferItem {
     value: string;
     label: string;
-    disabled: boolean;
+    disabled?: boolean;
 }
 export interface DataInfo {
     data: TransferItem[];

package/es/tree/hooks/use-tree-data.d.ts

@@ -10,8 +10,12 @@ export default function useTreeData(props: {
     draggable?: boolean;
 }): {
     treeData: import("vue").Ref<{
-        key: import("../interface").TreeNodeKey;
+        [x: string]: unknown;
+        [x: number]: unknown;
+        key: import("..").TreeNodeKey;
         treeNodeProps: {
+            [x: string]: unknown;
+            [x: number]: unknown;
             selectable: boolean;
             disabled: boolean;
             disableCheckbox: boolean;
@@ -23,14 +27,9 @@ export default function useTreeData(props: {
             showLine: boolean;
             level: number;
             lineless: boolean[];
-            title?: string | undefined;
-            key?: string | number | undefined;
-            icon?: (() => import("vue").VNode) | undefined;
-            switcherIcon?: (() => import("vue").VNode) | undefined;
-            loadingIcon?: (() => import("vue").VNode) | undefined;
-            dragIcon?: (() => import("vue").VNode) | undefined;
         };
         treeNodeData: {
+            [x: string]: unknown;
             key?: string | number | undefined;
             title?: string | undefined;
             selectable?: boolean | undefined;
@@ -46,8 +45,8 @@ export default function useTreeData(props: {
             children?: any[] | undefined;
         };
         parent?: any | undefined;
-        parentKey?: import("../interface").TreeNodeKey | undefined;
-        pathParentKeys: import("../interface").TreeNodeKey[];
+        parentKey?: import("..").TreeNodeKey | undefined;
+        pathParentKeys: import("..").TreeNodeKey[];
         children?: any[] | undefined;
         selectable: boolean;
         disabled: boolean;
@@ -60,14 +59,13 @@ export default function useTreeData(props: {
         showLine: boolean;
         level: number;
         lineless: boolean[];
-        title?: string | undefined;
-        icon?: (() => import("vue").VNode) | undefined;
-        switcherIcon?: (() => import("vue").VNode) | undefined;
-        loadingIcon?: (() => import("vue").VNode) | undefined;
-        dragIcon?: (() => import("vue").VNode) | undefined;
     }[], Node[] | {
-        key: import("../interface").TreeNodeKey;
+        [x: string]: unknown;
+        [x: number]: unknown;
+        key: import("..").TreeNodeKey;
         treeNodeProps: {
+            [x: string]: unknown;
+            [x: number]: unknown;
             selectable: boolean;
             disabled: boolean;
             disableCheckbox: boolean;
@@ -79,14 +77,9 @@ export default function useTreeData(props: {
             showLine: boolean;
             level: number;
             lineless: boolean[];
-            title?: string | undefined;
-            key?: string | number | undefined;
-            icon?: (() => import("vue").VNode) | undefined;
-            switcherIcon?: (() => import("vue").VNode) | undefined;
-            loadingIcon?: (() => import("vue").VNode) | undefined;
-            dragIcon?: (() => import("vue").VNode) | undefined;
         };
         treeNodeData: {
+            [x: string]: unknown;
             key?: string | number | undefined;
             title?: string | undefined;
             selectable?: boolean | undefined;
@@ -102,8 +95,8 @@ export default function useTreeData(props: {
             children?: any[] | undefined;
         };
         parent?: any | undefined;
-        parentKey?: import("../interface").TreeNodeKey | undefined;
-        pathParentKeys: import("../interface").TreeNodeKey[];
+        parentKey?: import("..").TreeNodeKey | undefined;
+        pathParentKeys: import("..").TreeNodeKey[];
         children?: any[] | undefined;
         selectable: boolean;
         disabled: boolean;
@@ -116,12 +109,7 @@ export default function useTreeData(props: {
         showLine: boolean;
         level: number;
         lineless: boolean[];
-        title?: string | undefined;
-        icon?: (() => import("vue").VNode) | undefined;
-        switcherIcon?: (() => import("vue").VNode) | undefined;
-        loadingIcon?: (() => import("vue").VNode) | undefined;
-        dragIcon?: (() => import("vue").VNode) | undefined;
     }[]>;
     flattenTreeData: import("vue").ComputedRef<Node[]>;
-    key2TreeNode: import("vue").ComputedRef<import("../interface").Key2TreeNode>;
+    key2TreeNode: import("vue").ComputedRef<import("..").Key2TreeNode>;
 };

package/es/tree/index.d.ts

@@ -1,6 +1,11 @@
 import type { SFCWithInstall } from '../_utils/types';
+import type { TreeProps } from './interface';
 import _Tree from './tree.vue';
-export type { TreeNodeData, TreeFieldNames } from './interface';
+export type { CheckedStrategy, CheckableType, DropPosition, FilterTreeNode, Key2TreeNode, LoadMore, TreeFieldNames, TreeNodeData, TreeNodeKey, TreeProps, } from './interface';
 declare const Tree: SFCWithInstall<typeof _Tree>;
 export type TreeInstance = InstanceType<typeof _Tree>;
+export type TreeSelectHandler = NonNullable<TreeProps['onSelect']>;
+export type TreeCheckHandler = NonNullable<TreeProps['onCheck']>;
+export type TreeExpandHandler = NonNullable<TreeProps['onExpand']>;
+export type TreeDropHandler = NonNullable<TreeProps['onDrop']>;
 export default Tree;

package/es/tree/interface.d.ts

@@ -16,6 +16,7 @@ export interface TreeNodeData {
     loadingIcon?: () => VNode;
     dragIcon?: () => VNode;
     children?: TreeNodeData[];
+    [other: string]: unknown;
 }
 export interface TreeNodeProps extends Omit<TreeNodeData, 'children'> {
     selectable: boolean;
@@ -49,6 +50,7 @@ export interface TreeFieldNames {
     disableCheckbox?: string;
     checkable?: string;
     icon?: string;
+    [field: string]: string | undefined;
 }
 export type LoadMore = (node: TreeNodeData) => Promise<void>;
 export type DropPosition = -1 | 0 | 1;

package/es/tree/tree.js

@@ -9,7 +9,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(_ctx.classNames),
 		style: normalizeStyle(_ctx.treeStyle)
 	}, [_ctx.virtualListProps ? (openBlock(), createBlock(_component_VirtualList, mergeProps({
-		key: 0,
+		key: _ctx.virtualListKey,
 		ref: "virtualListRef"
 	}, _ctx.resolvedVirtualListProps, { items: _ctx.visibleTreeNodeList }), {
 		item: withCtx(({ item: node }) => [(openBlock(), createBlock(_component_TreeNode, mergeProps({ key: `${_ctx.searchValue}-${node.key}` }, node.treeNodeProps), null, 16))]),