@sdata/web-vue 1.9.0 → 1.11.0

package/es/auto-complete/index.d.ts

@@ -1,6 +1,15 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
+import type { FilterOption, SelectOptionData, SelectOptionGroup } from '../select/interface';
 import _AutoComplete from './auto-complete';
+export type AutoCompleteData = Array<string | number | SelectOptionData | SelectOptionGroup>;
+export type AutoCompleteFilterOption = FilterOption;
+export type AutoCompleteChangeHandler = (value: string) => void;
+export type AutoCompleteSearchHandler = (value: string) => void;
+export type AutoCompleteSelectHandler = (value: string) => void;
+export type AutoCompleteClearHandler = (event: Event) => void;
+export type AutoCompleteDropdownScrollHandler = (event: Event) => void;
+export type AutoCompleteDropdownReachBottomHandler = (event: Event) => void;
 declare const AutoComplete: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -16,7 +25,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         data: {
-            type: import("vue").PropType<(string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[]>;
+            type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
         };
         popupContainer: {
@@ -27,7 +36,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         filterOption: {
-            type: import("vue").PropType<import("..").FilterOption>;
+            type: import("vue").PropType<FilterOption>;
             default: boolean;
         };
         triggerProps: {
@@ -38,7 +47,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
     }>> & Readonly<{
         onChange?: ((_value: string) => any) | undefined;
@@ -65,11 +74,11 @@ declare const AutoComplete: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         defaultValue: string;
-        data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
+        data: (string | number | SelectOptionData | SelectOptionGroup)[];
+        strict: boolean;
         modelValue: string;
         allowClear: boolean;
-        strict: boolean;
-        filterOption: import("..").FilterOption;
+        filterOption: FilterOption;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -91,7 +100,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         data: {
-            type: import("vue").PropType<(string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[]>;
+            type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
             default: () => never[];
         };
         popupContainer: {
@@ -102,7 +111,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         filterOption: {
-            type: import("vue").PropType<import("..").FilterOption>;
+            type: import("vue").PropType<FilterOption>;
             default: boolean;
         };
         triggerProps: {
@@ -113,7 +122,7 @@ declare const AutoComplete: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
     }>> & Readonly<{
         onChange?: ((_value: string) => any) | undefined;
@@ -132,11 +141,11 @@ declare const AutoComplete: {
     }, {
         disabled: boolean;
         defaultValue: string;
-        data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
+        data: (string | number | SelectOptionData | SelectOptionGroup)[];
+        strict: boolean;
         modelValue: string;
         allowClear: boolean;
-        strict: boolean;
-        filterOption: import("..").FilterOption;
+        filterOption: FilterOption;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -155,7 +164,7 @@ declare const AutoComplete: {
         default: boolean;
     };
     data: {
-        type: import("vue").PropType<(string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[]>;
+        type: import("vue").PropType<(string | number | SelectOptionData | SelectOptionGroup)[]>;
         default: () => never[];
     };
     popupContainer: {
@@ -166,7 +175,7 @@ declare const AutoComplete: {
         default: boolean;
     };
     filterOption: {
-        type: import("vue").PropType<import("..").FilterOption>;
+        type: import("vue").PropType<FilterOption>;
         default: boolean;
     };
     triggerProps: {
@@ -177,7 +186,7 @@ declare const AutoComplete: {
         default: boolean;
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
 }>> & Readonly<{
     onChange?: ((_value: string) => any) | undefined;
@@ -204,11 +213,11 @@ declare const AutoComplete: {
 }, string, {
     disabled: boolean;
     defaultValue: string;
-    data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
+    data: (string | number | SelectOptionData | SelectOptionGroup)[];
+    strict: boolean;
     modelValue: string;
     allowClear: boolean;
-    strict: boolean;
-    filterOption: import("..").FilterOption;
+    filterOption: FilterOption;
 }, {}, 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/auto-complete/style/index.css

@@ -38,22 +38,6 @@
   font-size: 14px;
   line-height: 36px;
 }
-.sd-autocomplete-popup .sd-select-popup .sd-select-option {
-  color: var(--color-text-1);
-  background-color: var(--color-bg-popup);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
-  color: var(--color-text-1);
-  background-color: var(--color-bg-popup);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-hover {
-  color: var(--color-text-1);
-  background-color: var(--color-fill-2);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-bg-popup);
-}
 .sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
   font-weight: 500;
 }

package/es/auto-complete/style/index.scss

@@ -1,36 +1,21 @@
 @use '@style/theme/index.scss' as theme;
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use 'sass:meta';
+@use '@components/auto-complete/style/token.scss' as token;
 @use '@components/auto-complete/style/token.scss' as *;
 
 $auto-complete-prefix-cls: string.unquote('#{theme.$prefix}-autocomplete');
 $select-prefix-cls: string.unquote('#{theme.$prefix}-select');
 
-$__less-vars: (
-  'auto-complete-option-color-bg_default': $auto-complete-option-color-bg_default,
-  'auto-complete-option-color-bg_disabled': $auto-complete-option-color-bg_disabled,
-  'auto-complete-option-color-bg_hover': $auto-complete-option-color-bg_hover,
-  'auto-complete-option-color-bg_selected': $auto-complete-option-color-bg_selected,
-  'auto-complete-option-color-text_default': $auto-complete-option-color-text_default,
-  'auto-complete-option-color-text_disabled': $auto-complete-option-color-text_disabled,
-  'auto-complete-option-color-text_hover': $auto-complete-option-color-text_hover,
-  'auto-complete-option-color-text_selected': $auto-complete-option-color-text_selected,
-  'auto-complete-option-font-weight_selected': $auto-complete-option-font-weight_selected,
-  'auto-complete-option-height': $auto-complete-option-height,
-  'auto-complete-option-padding-horizontal': $auto-complete-option-padding-horizontal,
-  'auto-complete-popup-border-radius': $auto-complete-popup-border-radius,
-  'auto-complete-popup-box-shadow': $auto-complete-popup-box-shadow,
-  'auto-complete-popup-color-border': $auto-complete-popup-color-border,
-  'auto-complete-popup-font-size': $auto-complete-popup-font-size,
-  'auto-complete-popup-max-height': $auto-complete-popup-max-height,
-  'auto-complete-popup-padding-vertical': $auto-complete-popup-padding-vertical,
-  'prefix': theme.$prefix,
-  'sd-cssvars-prefix': theme.$sd-cssvars-prefix,
-);
+@function token-var($name, $fallback: null) {
+  $value: map.get(meta.module-variables('token'), $name);
 
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 .#{$auto-complete-prefix-cls} {
@@ -59,8 +44,8 @@ $__less-vars: (
         }
 
         &#{$class-suffix} {
-          color: less-var('auto-complete-option-color-text_#{$status}');
-          background-color: less-var('auto-complete-option-color-bg_#{$status}');
+          color: token-var('auto-complete-option-color-text_#{$status}');
+          background-color: token-var('auto-complete-option-color-bg_#{$status}');
         }
       }
 

package/es/avatar/avatar.vue.d.ts

@@ -113,6 +113,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -155,6 +156,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -192,6 +194,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -231,6 +234,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -273,6 +277,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -310,6 +315,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/avatar/index.d.ts

@@ -93,6 +93,7 @@ declare const Avatar: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -135,6 +136,7 @@ declare const Avatar: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -172,6 +174,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -211,6 +214,7 @@ declare const Avatar: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -253,6 +257,7 @@ declare const Avatar: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -290,6 +295,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -448,6 +454,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -490,6 +497,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -527,6 +535,7 @@ declare const Avatar: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -566,6 +575,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -608,6 +618,7 @@ declare const Avatar: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -645,6 +656,7 @@ declare const Avatar: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/back-top/back-top.vue.d.ts

@@ -70,6 +70,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -112,6 +113,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -149,6 +151,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/back-top/index.d.ts

@@ -55,6 +55,7 @@ declare const BackTop: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -97,6 +98,7 @@ declare const BackTop: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -134,6 +136,7 @@ declare const BackTop: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -233,6 +236,7 @@ declare const BackTop: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -275,6 +279,7 @@ declare const BackTop: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -312,6 +317,7 @@ declare const BackTop: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/badge/badge.d.ts

@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, {
-    dot: boolean;
     offset: number[];
+    dot: boolean;
     maxCount: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/badge/index.d.ts

@@ -31,8 +31,8 @@ declare const Badge: {
             type: NumberConstructor;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        dot: boolean;
         offset: number[];
+        dot: boolean;
         maxCount: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -70,8 +70,8 @@ declare const Badge: {
             type: NumberConstructor;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        dot: boolean;
         offset: number[];
+        dot: boolean;
         maxCount: number;
     }>;
     __isFragment?: never;
@@ -106,8 +106,8 @@ declare const Badge: {
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    dot: boolean;
     offset: number[];
+    dot: boolean;
     maxCount: 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/badge/style/index.scss

@@ -3,50 +3,20 @@
 @use 'sass:list';
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use 'sass:meta';
+@use '@components/badge/style/token.scss' as token;
 @use '@components/badge/style/token.scss' as *;
 
 $badge-prefix-cls: string.unquote('#{theme.$prefix}-badge');
 
-$__less-vars: (
-  'badge-color-count-bg': $badge-color-count-bg,
-  'badge-color-count-text': $badge-color-count-text,
-  'badge-color-dot-bg_default': $badge-color-dot-bg_default,
-  'badge-color-dot-bg_error': $badge-color-dot-bg_error,
-  'badge-color-dot-bg_processing': $badge-color-dot-bg_processing,
-  'badge-color-dot-bg_success': $badge-color-dot-bg_success,
-  'badge-color-dot-bg_warning': $badge-color-dot-bg_warning,
-  'badge-red-color-dot-bg': $badge-red-color-dot-bg,
-  'badge-orangered-color-dot-bg': $badge-orangered-color-dot-bg,
-  'badge-orange-color-dot-bg': $badge-orange-color-dot-bg,
-  'badge-gold-color-dot-bg': $badge-gold-color-dot-bg,
-  'badge-lime-color-dot-bg': $badge-lime-color-dot-bg,
-  'badge-green-color-dot-bg': $badge-green-color-dot-bg,
-  'badge-cyan-color-dot-bg': $badge-cyan-color-dot-bg,
-  'badge-sdblue-color-dot-bg': $badge-sdblue-color-dot-bg,
-  'badge-purple-color-dot-bg': $badge-purple-color-dot-bg,
-  'badge-pinkpurple-color-dot-bg': $badge-pinkpurple-color-dot-bg,
-  'badge-magenta-color-dot-bg': $badge-magenta-color-dot-bg,
-  'badge-gray-color-dot-bg': $badge-gray-color-dot-bg,
-  'badge-color-status-text': $badge-color-status-text,
-  'badge-font-count-size': $badge-font-count-size,
-  'badge-font-count-weight': $badge-font-count-weight,
-  'badge-font-status-text-size': $badge-font-status-text-size,
-  'badge-margin-status-text-left': $badge-margin-status-text-left,
-  'badge-padding-count-horizontal': $badge-padding-count-horizontal,
-  'badge-size-count-height': $badge-size-count-height,
-  'badge-size-dot-width': $badge-size-dot-width,
-  'line-height-base': theme.$line-height-base,
-  'prefix': theme.$prefix,
-  'radius-circle': global.$radius-circle,
-  'sd-cssvars-prefix': theme.$sd-cssvars-prefix,
-  'transition-duration-3': theme.$transition-duration-3,
-  'transition-duration-5': theme.$transition-duration-5,
-  'transition-timing-function-overshoot': theme.$transition-timing-function-overshoot,
-);
-
-@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;
 }
 
 .#{$badge-prefix-cls} {
@@ -159,7 +129,7 @@ $__less-vars: (
       $color: string.unquote('badge-#{$color-name}-color-dot-bg');
 
       &-color-#{$color-name} {
-        background-color: less-var($color);
+        background-color: token-var($color);
       }
 
       @include for($data, ($i + 1));

package/es/button/button.vue.d.ts

@@ -115,6 +115,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -157,6 +158,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -194,6 +196,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/button/index.d.ts

@@ -82,6 +82,7 @@ declare const Button: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -124,6 +125,7 @@ declare const Button: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -161,6 +163,7 @@ declare const Button: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -310,6 +313,7 @@ declare const Button: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -352,6 +356,7 @@ declare const Button: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -389,6 +394,7 @@ declare const Button: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/button/interface.d.ts

@@ -8,7 +8,7 @@ export interface ButtonProps {
     long?: boolean;
     loading?: boolean;
     disabled?: boolean;
-    htmlType?: string;
+    htmlType?: 'button' | 'submit' | 'reset';
     autofocus?: boolean;
     href?: string;
 }