@sdata/web-vue 1.10.0 → 1.11.0

package/es/pagination/page-options.vue.d.ts

@@ -1,44 +1,45 @@
 import { PropType } from 'vue';
+import type { Size } from '../_utils/constant';
+import type { SelectModelValue, SelectOption } from '../select/interface';
+import type { PaginationSelectProps } from './interface';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     sizeOptions: {
-        type: ArrayConstructor;
+        type: PropType<number[]>;
         required: true;
     };
-    pageSize: NumberConstructor;
+    pageSize: PropType<number | undefined>;
     disabled: BooleanConstructor;
     size: {
-        type: StringConstructor;
+        type: PropType<Size>;
     };
     onChange: {
         type: PropType<(value: number) => void>;
     };
     selectProps: {
-        type: ObjectConstructor;
+        type: PropType<PaginationSelectProps>;
     };
 }>, {
     prefixCls: string;
-    options: import("vue").ComputedRef<{
-        value: unknown;
-        label: string;
-    }[]>;
-    handleChange: (value: string) => void;
+    modelValue: import("vue").ComputedRef<number | undefined>;
+    options: import("vue").ComputedRef<SelectOption[]>;
+    handleChange: (value: SelectModelValue) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sizeOptions: {
-        type: ArrayConstructor;
+        type: PropType<number[]>;
         required: true;
     };
-    pageSize: NumberConstructor;
+    pageSize: PropType<number | undefined>;
     disabled: BooleanConstructor;
     size: {
-        type: StringConstructor;
+        type: PropType<Size>;
     };
     onChange: {
         type: PropType<(value: number) => void>;
     };
     selectProps: {
-        type: ObjectConstructor;
+        type: PropType<PaginationSelectProps>;
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
@@ -52,15 +53,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             value: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: undefined;
             };
             modelValue: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: undefined;
             };
             defaultValue: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: (props: {
                     multiple?: boolean;
                 }) => "" | never[];
@@ -73,7 +74,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: string;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<Size>;
             };
             placeholder: StringConstructor;
             loading: {
@@ -146,7 +147,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             options: {
-                type: PropType<import("..").SelectOption[]>;
+                type: PropType<SelectOption[]>;
                 default: () => never[];
             };
             virtualListProps: {
@@ -195,12 +196,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            onChange?: ((_value: SelectModelValue) => any) | undefined;
             onClear?: ((_ev: Event) => any) | undefined;
             onSearch?: ((_inputValue: string) => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
             onDropdownScroll?: ((_ev: Event) => any) | undefined;
             onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
             "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
@@ -208,15 +209,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
             onInputValueChange?: ((_inputValue: string) => any) | undefined;
             onRemove?: ((_removed: import("../select/interface").SelectOptionValue | undefined) => any) | undefined;
-            "onUpdate:value"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            "onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
             onExceedLimit?: ((_value: import("../select/interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:modelValue': (_value: import("../select/interface").SelectModelValue) => true;
-            'update:value': (_value: import("../select/interface").SelectModelValue) => true;
+            'update:modelValue': (_value: SelectModelValue) => true;
+            'update:value': (_value: SelectModelValue) => true;
             'update:inputValue': (_inputValue: string) => true;
             'update:popupVisible': (_visible: boolean) => true;
             'update:show': (_visible: boolean) => true;
-            change: (_value: import("../select/interface").SelectModelValue) => true;
+            change: (_value: SelectModelValue) => true;
             inputValueChange: (_inputValue: string) => true;
             popupVisibleChange: (_visible: boolean) => true;
             showChange: (_visible: boolean) => true;
@@ -229,22 +230,22 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }, import("vue").PublicProps, {
             error: boolean;
             disabled: boolean;
-            defaultValue: import("../select/interface").SelectModelValue;
+            defaultValue: SelectModelValue;
             loading: boolean;
-            value: import("../select/interface").SelectModelValue;
+            value: SelectModelValue;
             unmountOnClose: boolean;
-            options: import("..").SelectOption[];
-            scrollbar: boolean | import("..").ScrollbarProps;
+            options: SelectOption[];
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             showArrow: boolean;
             show: boolean;
-            modelValue: import("../select/interface").SelectModelValue;
+            scrollbar: boolean | import("..").ScrollbarProps;
+            multiple: boolean;
+            modelValue: SelectModelValue;
             allowClear: boolean;
             valueKey: string;
             filterOption: boolean | ((inputValue: string, option: import("..").SelectOptionData) => boolean);
             showExtraOptions: boolean;
-            multiple: boolean;
             defaultActiveFirstOption: boolean;
             bordered: boolean;
             showHeaderOnEmpty: boolean;
@@ -846,7 +847,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     default: boolean;
                 };
                 size: {
-                    type: PropType<import("..").Size>;
+                    type: PropType<Size>;
                 };
                 bordered: {
                     type: BooleanConstructor;
@@ -916,7 +917,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     default: boolean;
                 };
                 size: {
-                    type: PropType<import("..").Size>;
+                    type: PropType<Size>;
                 };
                 bordered: {
                     type: BooleanConstructor;
@@ -964,8 +965,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 disabled: boolean;
                 loading: boolean;
                 showArrow: boolean;
-                allowClear: boolean;
                 multiple: boolean;
+                allowClear: boolean;
                 bordered: boolean;
                 maxTagCount: number | "responsive";
                 retainInputValue: boolean;
@@ -987,15 +988,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             value: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: undefined;
             };
             modelValue: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: undefined;
             };
             defaultValue: {
-                type: PropType<import("../select/interface").SelectModelValue>;
+                type: PropType<SelectModelValue>;
                 default: (props: {
                     multiple?: boolean;
                 }) => "" | never[];
@@ -1008,7 +1009,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: string;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<Size>;
             };
             placeholder: StringConstructor;
             loading: {
@@ -1081,7 +1082,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             options: {
-                type: PropType<import("..").SelectOption[]>;
+                type: PropType<SelectOption[]>;
                 default: () => never[];
             };
             virtualListProps: {
@@ -1130,12 +1131,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            onChange?: ((_value: SelectModelValue) => any) | undefined;
             onClear?: ((_ev: Event) => any) | undefined;
             onSearch?: ((_inputValue: string) => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
             onDropdownScroll?: ((_ev: Event) => any) | undefined;
             onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
             "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
@@ -1143,27 +1144,27 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
             onInputValueChange?: ((_inputValue: string) => any) | undefined;
             onRemove?: ((_removed: import("../select/interface").SelectOptionValue | undefined) => any) | undefined;
-            "onUpdate:value"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+            "onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
             onExceedLimit?: ((_value: import("../select/interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             error: boolean;
             disabled: boolean;
-            defaultValue: import("../select/interface").SelectModelValue;
+            defaultValue: SelectModelValue;
             loading: boolean;
-            value: import("../select/interface").SelectModelValue;
+            value: SelectModelValue;
             unmountOnClose: boolean;
-            options: import("..").SelectOption[];
-            scrollbar: boolean | import("..").ScrollbarProps;
+            options: SelectOption[];
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             showArrow: boolean;
             show: boolean;
-            modelValue: import("../select/interface").SelectModelValue;
+            scrollbar: boolean | import("..").ScrollbarProps;
+            multiple: boolean;
+            modelValue: SelectModelValue;
             allowClear: boolean;
             valueKey: string;
             filterOption: boolean | ((inputValue: string, option: import("..").SelectOptionData) => boolean);
             showExtraOptions: boolean;
-            multiple: boolean;
             defaultActiveFirstOption: boolean;
             bordered: boolean;
             showHeaderOnEmpty: boolean;
@@ -1189,15 +1190,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
         value: {
-            type: PropType<import("../select/interface").SelectModelValue>;
+            type: PropType<SelectModelValue>;
             default: undefined;
         };
         modelValue: {
-            type: PropType<import("../select/interface").SelectModelValue>;
+            type: PropType<SelectModelValue>;
             default: undefined;
         };
         defaultValue: {
-            type: PropType<import("../select/interface").SelectModelValue>;
+            type: PropType<SelectModelValue>;
             default: (props: {
                 multiple?: boolean;
             }) => "" | never[];
@@ -1210,7 +1211,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: string;
         };
         size: {
-            type: PropType<import("..").Size>;
+            type: PropType<Size>;
         };
         placeholder: StringConstructor;
         loading: {
@@ -1283,7 +1284,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
         options: {
-            type: PropType<import("..").SelectOption[]>;
+            type: PropType<SelectOption[]>;
             default: () => never[];
         };
         virtualListProps: {
@@ -1332,12 +1333,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
     }>> & Readonly<{
-        onChange?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+        onChange?: ((_value: SelectModelValue) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
         onSearch?: ((_inputValue: string) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
         onDropdownScroll?: ((_ev: Event) => any) | undefined;
         onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
         "onUpdate:show"?: ((_visible: boolean) => any) | undefined;
@@ -1345,15 +1346,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
         onInputValueChange?: ((_inputValue: string) => any) | undefined;
         onRemove?: ((_removed: import("../select/interface").SelectOptionValue | undefined) => any) | undefined;
-        "onUpdate:value"?: ((_value: import("../select/interface").SelectModelValue) => any) | undefined;
+        "onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
         onExceedLimit?: ((_value: import("../select/interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: import("../select/interface").SelectModelValue) => true;
-        'update:value': (_value: import("../select/interface").SelectModelValue) => true;
+        'update:modelValue': (_value: SelectModelValue) => true;
+        'update:value': (_value: SelectModelValue) => true;
         'update:inputValue': (_inputValue: string) => true;
         'update:popupVisible': (_visible: boolean) => true;
         'update:show': (_visible: boolean) => true;
-        change: (_value: import("../select/interface").SelectModelValue) => true;
+        change: (_value: SelectModelValue) => true;
         inputValueChange: (_inputValue: string) => true;
         popupVisibleChange: (_visible: boolean) => true;
         showChange: (_visible: boolean) => true;
@@ -1366,22 +1367,22 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }, string, {
         error: boolean;
         disabled: boolean;
-        defaultValue: import("../select/interface").SelectModelValue;
+        defaultValue: SelectModelValue;
         loading: boolean;
-        value: import("../select/interface").SelectModelValue;
+        value: SelectModelValue;
         unmountOnClose: boolean;
-        options: import("..").SelectOption[];
-        scrollbar: boolean | import("..").ScrollbarProps;
+        options: SelectOption[];
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         showArrow: boolean;
         show: boolean;
-        modelValue: import("../select/interface").SelectModelValue;
+        scrollbar: boolean | import("..").ScrollbarProps;
+        multiple: boolean;
+        modelValue: SelectModelValue;
         allowClear: boolean;
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("..").SelectOptionData) => boolean);
         showExtraOptions: boolean;
-        multiple: boolean;
         defaultActiveFirstOption: boolean;
         bordered: boolean;
         showHeaderOnEmpty: boolean;
@@ -1983,7 +1984,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<Size>;
             };
             bordered: {
                 type: BooleanConstructor;
@@ -2053,7 +2054,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             size: {
-                type: PropType<import("..").Size>;
+                type: PropType<Size>;
             };
             bordered: {
                 type: BooleanConstructor;
@@ -2101,8 +2102,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             disabled: boolean;
             loading: boolean;
             showArrow: boolean;
-            allowClear: boolean;
             multiple: boolean;
+            allowClear: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -2208,7 +2209,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             type: StringConstructor;
                         };
                         size: {
-                            type: PropType<import("..").Size>;
+                            type: PropType<Size>;
                             default: string;
                         };
                         disabled: {
@@ -2222,7 +2223,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             type: StringConstructor;
                         };
                         size: {
-                            type: PropType<import("..").Size>;
+                            type: PropType<Size>;
                             default: string;
                         };
                         disabled: {
@@ -2320,7 +2321,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         type: StringConstructor;
                     };
                     size: {
-                        type: PropType<import("..").Size>;
+                        type: PropType<Size>;
                         default: string;
                     };
                     disabled: {
@@ -2334,7 +2335,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         type: StringConstructor;
                     };
                     size: {
-                        type: PropType<import("..").Size>;
+                        type: PropType<Size>;
                         default: string;
                     };
                     disabled: {

package/es/pagination/page-options.vue_vue_type_script_lang.js

@@ -21,15 +21,21 @@ var page_options_vue_vue_type_script_lang_default = defineComponent({
 	setup(props, { emit }) {
 		const prefixCls = getPrefixCls("pagination-options");
 		const { t } = useI18n();
+		const modelValue = computed(() => {
+			var _props$pageSize;
+			return (_props$pageSize = props.pageSize) !== null && _props$pageSize !== void 0 ? _props$pageSize : void 0;
+		});
 		const options = computed(() => props.sizeOptions.map((value) => ({
 			value,
 			label: `${value} ${t("pagination.countPerPage")}`
 		})));
 		const handleChange = (value) => {
+			if (typeof value !== "number") return;
 			emit("change", value);
 		};
 		return {
 			prefixCls,
+			modelValue,
 			options,
 			handleChange
 		};

package/es/pagination/pagination.d.ts

@@ -1,6 +1,6 @@
 import type { PropType, CSSProperties } from 'vue';
+import type { PaginationSelectProps } from './interface';
 import { Size } from '../_utils/constant';
-import { SelectProps } from '../select';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     total: {
         type: NumberConstructor;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => number[];
     };
     pageSizeProps: {
-        type: PropType<SelectProps>;
+        type: PropType<PaginationSelectProps>;
     };
     size: {
         type: PropType<Size>;
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => number[];
     };
     pageSizeProps: {
-        type: PropType<SelectProps>;
+        type: PropType<PaginationSelectProps>;
     };
     size: {
         type: PropType<Size>;

package/es/pagination/style/index.css

@@ -47,9 +47,6 @@
   font-size: 14px;
   line-height: 32px;
 }
-.sd-pagination-item-previous, .sd-pagination-item-next {
-  font-size: 12px;
-}
 .sd-pagination-item:hover {
   color: var(--color-text-2);
   background-color: var(--color-fill-1);
@@ -203,9 +200,6 @@
   font-size: 12px;
   line-height: 24px;
 }
-.sd-pagination-size-mini .sd-pagination-item-previous, .sd-pagination-size-mini .sd-pagination-item-next {
-  font-size: 12px;
-}
 .sd-pagination-size-mini .sd-pagination-total {
   font-size: 12px;
   line-height: 24px;
@@ -224,9 +218,6 @@
   font-size: 14px;
   line-height: 28px;
 }
-.sd-pagination-size-small .sd-pagination-item-previous, .sd-pagination-size-small .sd-pagination-item-next {
-  font-size: 12px;
-}
 .sd-pagination-size-small .sd-pagination-total {
   font-size: 14px;
   line-height: 28px;
@@ -245,9 +236,6 @@
   font-size: 14px;
   line-height: 36px;
 }
-.sd-pagination-size-large .sd-pagination-item-previous, .sd-pagination-size-large .sd-pagination-item-next {
-  font-size: 14px;
-}
 .sd-pagination-size-large .sd-pagination-total {
   font-size: 14px;
   line-height: 36px;

package/es/pagination/style/index.scss

@@ -1,98 +1,41 @@
 @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/pagination/style/token.scss' as token;
 @use '@components/pagination/style/token.scss' as *;
 
-$__less-vars: (
-  'pagination-border-width': $pagination-border-width,
-  'pagination-color-bg-item': $pagination-color-bg-item,
-  'pagination-color-bg-item_active': $pagination-color-bg-item_active,
-  'pagination-color-bg-item_active_disabled': $pagination-color-bg-item_active_disabled,
-  'pagination-color-bg-item_disabled': $pagination-color-bg-item_disabled,
-  'pagination-color-bg-item_hover': $pagination-color-bg-item_hover,
-  'pagination-color-icon-arrow': $pagination-color-icon-arrow,
-  'pagination-color-icon-arrow-bg': $pagination-color-icon-arrow-bg,
-  'pagination-color-icon-arrow-bg_disabled': $pagination-color-icon-arrow-bg_disabled,
-  'pagination-color-icon-arrow-bg_hover': $pagination-color-icon-arrow-bg_hover,
-  'pagination-color-icon-arrow-text_disabled': $pagination-color-icon-arrow-text_disabled,
-  'pagination-color-icon-arrow-text_hover': $pagination-color-icon-arrow-text_hover,
-  'pagination-color-item-border': $pagination-color-item-border,
-  'pagination-color-item-border_active': $pagination-color-item-border_active,
-  'pagination-color-item-border_active_disabled': $pagination-color-item-border_active_disabled,
-  'pagination-color-item-border_disabled': $pagination-color-item-border_disabled,
-  'pagination-color-item-border_hover': $pagination-color-item-border_hover,
-  'pagination-color-item-text': $pagination-color-item-text,
-  'pagination-color-item-text_active': $pagination-color-item-text_active,
-  'pagination-color-item-text_active_disabled': $pagination-color-item-text_active_disabled,
-  'pagination-color-item-text_disabled': $pagination-color-item-text_disabled,
-  'pagination-color-item-text_hover': $pagination-color-item-text_hover,
-  'pagination-color-jumper-goto': $pagination-color-jumper-goto,
-  'pagination-color-text-total': $pagination-color-text-total,
-  'pagination-item-border-radius': $pagination-item-border-radius,
-  'pagination-item-spacing': $pagination-item-spacing,
-  'pagination-margin-jumper-left': $pagination-margin-jumper-left,
-  'pagination-margin-option-left': $pagination-margin-option-left,
-  'pagination-margin-total-spacing': $pagination-margin-total-spacing,
-  'pagination-padding-horizontal': $pagination-padding-horizontal,
-  'pagination-prefix-cls': $pagination-prefix-cls,
-  'pagination-simple-color-icon-arrow': $pagination-simple-color-icon-arrow,
-  'pagination-simple-color-icon-arrow-bg': $pagination-simple-color-icon-arrow-bg,
-  'pagination-simple-color-icon-arrow-bg_disabled': $pagination-simple-color-icon-arrow-bg_disabled,
-  'pagination-simple-color-icon-arrow-bg_hover': $pagination-simple-color-icon-arrow-bg_hover,
-  'pagination-simple-color-icon-arrow-text_disabled':
-    $pagination-simple-color-icon-arrow-text_disabled,
-  'pagination-simple-color-icon-arrow-text_hover': $pagination-simple-color-icon-arrow-text_hover,
-  'pagination-simple-input-width': $pagination-simple-input-width,
-  'pagination-simple-margin-next-left': $pagination-simple-margin-next-left,
-  'pagination-simple-margin-prev-right': $pagination-simple-margin-prev-right,
-  'pagination-simple-margin-separator-left': $pagination-simple-margin-separator-left,
-  'pagination-simple-margin-separator-right': $pagination-simple-margin-separator-right,
-  'pagination-size-default': $pagination-size-default,
-  'pagination-size-default-font-size': $pagination-size-default-font-size,
-  'pagination-size-icon-arrow_default': $pagination-size-icon-arrow_default,
-  'pagination-size-icon-arrow_large': $pagination-size-icon-arrow_large,
-  'pagination-size-icon-arrow_mini': $pagination-size-icon-arrow_mini,
-  'pagination-size-icon-arrow_small': $pagination-size-icon-arrow_small,
-  'pagination-size-icon-ellipsis': $pagination-size-icon-ellipsis,
-  'pagination-size-large': $pagination-size-large,
-  'pagination-size-large-font-size': $pagination-size-large-font-size,
-  'pagination-size-mini': $pagination-size-mini,
-  'pagination-size-mini-font-size': $pagination-size-mini-font-size,
-  'pagination-size-small': $pagination-size-small,
-  'pagination-size-small-font-size': $pagination-size-small-font-size,
-  'patination-jumper-input-width': $patination-jumper-input-width,
-  'prefix': theme.$prefix,
-  'sd-cssvars-prefix': theme.$sd-cssvars-prefix,
-  'transition-duration-2': theme.$transition-duration-2,
-  'transition-timing-function-linear': theme.$transition-timing-function-linear,
-);
-
-@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;
 }
 
 @mixin page-item($size) {
-  min-width: less-var('pagination-size-#{$size}');
-  height: less-var('pagination-size-#{$size}');
-  font-size: less-var('pagination-size-#{$size}-font-size');
-  line-height: less-var('pagination-size-#{$size}');
+  min-width: token-var('pagination-size-#{$size}');
+  height: token-var('pagination-size-#{$size}');
+  font-size: token-var('pagination-size-#{$size}-font-size');
+  line-height: token-var('pagination-size-#{$size}');
 
   &-previous,
   &-next {
-    font-size: less-var('pagination-size-icon-arrow_#{$size}');
+    font-size: token-var('pagination-size-icon-arrow_#{$size}');
   }
 }
 
 @mixin option($size) {
-  height: less-var('pagination-size-#{$size}');
-  font-size: less-var('pagination-size-#{$size}-font-size');
+  height: token-var('pagination-size-#{$size}');
+  font-size: token-var('pagination-size-#{$size}-font-size');
   line-height: 0;
 }
 
 @mixin total($size) {
-  font-size: less-var('pagination-size-#{$size}-font-size');
-  line-height: less-var('pagination-size-#{$size}');
+  font-size: token-var('pagination-size-#{$size}-font-size');
+  line-height: token-var('pagination-size-#{$size}');
 }
 
 .#{$pagination-prefix-cls} {

package/es/radio/index.d.ts

@@ -2,6 +2,9 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Radio from './radio';
 import _RadioGroup from './radio-group';
+export type { RadioOption } from './interface';
+export type RadioValue = string | number | boolean;
+export type RadioGroupChangeHandler = (value: RadioValue) => void;
 declare const Radio: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {