@sdata/web-vue 1.10.0 → 1.11.1

package/es/cascader/index.d.ts

@@ -350,11 +350,11 @@ declare const Cascader: {
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         show: boolean;
+        separator: string;
+        multiple: boolean;
         allowClear: boolean;
         valueKey: string;
         inputValue: string;
-        multiple: boolean;
-        separator: string;
         defaultShow: boolean;
         expandTrigger: "hover" | "click";
         defaultInputValue: string;
@@ -1074,8 +1074,8 @@ declare const Cascader: {
             disabled: boolean;
             loading: boolean;
             showArrow: boolean;
-            allowClear: boolean;
             multiple: boolean;
+            allowClear: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -1499,11 +1499,11 @@ declare const Cascader: {
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         show: boolean;
+        separator: string;
+        multiple: boolean;
         allowClear: boolean;
         valueKey: string;
         inputValue: string;
-        multiple: boolean;
-        separator: string;
         defaultShow: boolean;
         expandTrigger: "hover" | "click";
         defaultInputValue: string;
@@ -1870,11 +1870,11 @@ declare const Cascader: {
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     show: boolean;
+    separator: string;
+    multiple: boolean;
     allowClear: boolean;
     valueKey: string;
     inputValue: string;
-    multiple: boolean;
-    separator: string;
     defaultShow: boolean;
     expandTrigger: "hover" | "click";
     defaultInputValue: string;
@@ -2594,8 +2594,8 @@ declare const Cascader: {
         disabled: boolean;
         loading: boolean;
         showArrow: boolean;
-        allowClear: boolean;
         multiple: boolean;
+        allowClear: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;
@@ -2932,8 +2932,8 @@ declare const Cascader: {
     }>, {
         defaultValue: import("./interface").CascaderModelValue;
         options: import("./interface").CascaderOption[];
-        valueKey: string;
         multiple: boolean;
+        valueKey: string;
         expandTrigger: string;
         checkStrictly: boolean;
         pathMode: boolean;
@@ -2992,6 +2992,6 @@ declare const Cascader: {
 };
 export type CascaderInstance = InstanceType<typeof _Cascader>;
 export type CascaderPanelInstance = InstanceType<typeof _CascaderPanel>;
-export type { CascaderOption, CascaderFieldNames } from './interface';
+export type { CascaderChangeHandler, CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption, CascaderOptionValue, CascaderPathValue, CascaderSearchHandler, CascaderSingleValue, } from './interface';
 export { _CascaderPanel as CascaderPanel };
 export default Cascader;

package/es/cascader/interface.d.ts

@@ -4,6 +4,11 @@ export type CascaderOptionValue = BaseType | Record<string, unknown>;
 export type CascaderPathValue = CascaderOptionValue[];
 export type CascaderSingleValue = CascaderOptionValue | CascaderPathValue;
 export type CascaderModelValue = CascaderSingleValue | CascaderSingleValue[] | undefined;
+export type CascaderFallback = (value: CascaderSingleValue) => string;
+export type CascaderFormatLabel = (options: CascaderOption[]) => string;
+export type CascaderLoadMore = (option: CascaderOption, done: (children?: CascaderOption[]) => void) => void;
+export type CascaderChangeHandler = (value: CascaderModelValue) => void;
+export type CascaderSearchHandler = (value: string) => void;
 export interface CascaderOption {
     value?: CascaderOptionValue;
     label?: string;

package/es/color-picker/style/index.scss

@@ -3,104 +3,22 @@
 @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';
+@use '@components/color-picker/style/token.scss' as token;
 @use '@components/color-picker/style/token.scss' as *;
 
 $color-picker-prefix-cls: string.unquote('#{theme.$prefix}-color-picker');
 
-$__less-vars: (
-  'border-radius-circle': global.$border-radius-circle,
-  'border-radius-medium': global.$border-radius-medium,
-  'color-control-bar-alpha-margin-top': $color-control-bar-alpha-margin-top,
-  'color-control-bar-border-radius': $color-control-bar-border-radius,
-  'color-control-bar-handle-size': $color-control-bar-handle-size,
-  'color-control-bar-height': $color-control-bar-height,
-  'color-control-bar-width': $color-control-bar-width,
-  'color-input-bg-color': $color-input-bg-color,
-  'color-input-border-radius': $color-input-border-radius,
-  'color-input-size-mini-padding': $color-input-size-mini-padding,
-  'color-input-size-small-padding': $color-input-size-small-padding,
-  'color-input-size-medium-padding': $color-input-size-medium-padding,
-  'color-input-size-large-padding': $color-input-size-large-padding,
-  'color-palette-handle-border-size': $color-palette-handle-border-size,
-  'color-palette-handle-size': $color-palette-handle-size,
-  'color-palette-height': $color-palette-height,
-  'color-panel-alpha-input-width': $color-panel-alpha-input-width,
-  'color-panel-bg-color': $color-panel-bg-color,
-  'color-panel-block-border-radius': $color-panel-block-border-radius,
-  'color-panel-block-margin': $color-panel-block-margin,
-  'color-panel-block-size': $color-panel-block-size,
-  'color-panel-border-color': $color-panel-border-color,
-  'color-panel-border-radius': $color-panel-border-radius,
-  'color-panel-box-shadow': $color-panel-box-shadow,
-  'color-panel-empty-font-size': $color-panel-empty-font-size,
-  'color-panel-format-select-width': $color-panel-format-select-width,
-  'color-panel-input-group-margin-left': $color-panel-input-group-margin-left,
-  'color-panel-input-margin-top': $color-panel-input-margin-top,
-  'color-panel-padding': $color-panel-padding,
-  'color-panel-preview-size': $color-panel-preview-size,
-  'color-panel-section-title-font-size': $color-panel-section-title-font-size,
-  'color-panel-width': $color-panel-width,
-  'color-preview-border-color': $color-preview-border-color,
-  'color-preview-border-size': $color-preview-border-size,
-  'color-preview-size-mini': $color-preview-size-mini,
-  'color-preview-size-small': $color-preview-size-small,
-  'color-preview-size-medium': $color-preview-size-medium,
-  'color-preview-size-large': $color-preview-size-large,
-  'color-value-font-color': $color-value-font-color,
-  'color-value-font-color_disabled': $color-value-font-color_disabled,
-  'color-value-font-size': $color-value-font-size,
-  'color-value-margin-left': $color-value-margin-left,
-  'color-value-size-mini-font-size': $color-value-size-mini-font-size,
-  'color-value-size-small-font-size': $color-value-size-small-font-size,
-  'color-value-size-medium-font-size': $color-value-size-medium-font-size,
-  'color-value-size-large-font-size': $color-value-size-large-font-size,
-  'font-size-body-1': global.$font-size-body-1,
-  'font-weight-400': global.$font-weight-400,
-  'input-color-addon-border': inputToken.$input-color-addon-border,
-  'input-color-addon-border_default': inputToken.$input-color-addon-border_default,
-  'input-color-bg': inputToken.$input-color-bg,
-  'input-color-bg_disabled': inputToken.$input-color-bg_disabled,
-  'input-color-bg_error': inputToken.$input-color-bg_error,
-  'input-color-bg_error_focus': inputToken.$input-color-bg_error_focus,
-  'input-color-bg_error_hover': inputToken.$input-color-bg_error_hover,
-  'input-color-bg_focus': inputToken.$input-color-bg_focus,
-  'input-color-bg_hover': inputToken.$input-color-bg_hover,
-  'input-color-border': inputToken.$input-color-border,
-  'input-color-border_disabled': inputToken.$input-color-border_disabled,
-  'input-color-border_error': inputToken.$input-color-border_error,
-  'input-color-border_error_focus': inputToken.$input-color-border_error_focus,
-  'input-color-border_error_hover': inputToken.$input-color-border_error_hover,
-  'input-color-border_focus': inputToken.$input-color-border_focus,
-  'input-color-border_hover': inputToken.$input-color-border_hover,
-  'input-color-icon-clear-bg_hover': inputToken.$input-color-icon-clear-bg_hover,
-  'input-color-shadow_error_focus': inputToken.$input-color-shadow_error_focus,
-  'input-color-shadow_focus': inputToken.$input-color-shadow_focus,
-  'input-color-text': inputToken.$input-color-text,
-  'input-color-text_disabled': inputToken.$input-color-text_disabled,
-  'input-feedback-icon-color_error': inputToken.$input-feedback-icon-color_error,
-  'input-feedback-icon-color_success': inputToken.$input-feedback-icon-color_success,
-  'input-feedback-icon-color_validating': inputToken.$input-feedback-icon-color_validating,
-  'input-feedback-icon-color_warning': inputToken.$input-feedback-icon-color_warning,
-  'input-group-border-radius_compact': inputToken.$input-group-border-radius_compact,
-  'input-size-mini-height': inputToken.$input-size-mini-height,
-  'input-size-small-height': inputToken.$input-size-small-height,
-  'input-size-medium-height': inputToken.$input-size-medium-height,
-  'input-size-large-height': inputToken.$input-size-large-height,
-  'input-size-shadow_error_focus': inputToken.$input-size-shadow_error_focus,
-  'input-size-shadow_focus': inputToken.$input-size-shadow_focus,
-  'prefix': theme.$prefix,
-  'size-3': global.$size-3,
-  'size-mini': global.$size-mini,
-  'spacing-2': global.$spacing-2,
-  'spacing-3': global.$spacing-3,
-  'spacing-4': global.$spacing-4,
-  'spacing-6': global.$spacing-6,
-  'spacing-none': global.$spacing-none,
-);
-
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+$token-vars: map.merge(meta.module-variables('inputToken'), meta.module-variables('token'));
+
+@function token-var($name, $fallback: null) {
+  $value: map.get($token-vars, $name);
+
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 .#{$color-picker-prefix-cls} {
@@ -131,16 +49,16 @@ $__less-vars: (
   }
 
   @mixin size-mixin($size) {
-    height: less-var('input-size-#{$size}-height');
-    padding: less-var('color-input-size-#{$size}-padding');
+    height: token-var('input-size-#{$size}-height');
+    padding: token-var('color-input-size-#{$size}-padding');
 
     .#{$color-picker-prefix-cls}-preview {
-      width: less-var('color-preview-size-#{$size}');
-      height: less-var('color-preview-size-#{$size}');
+      width: token-var('color-preview-size-#{$size}');
+      height: token-var('color-preview-size-#{$size}');
     }
 
     .#{$color-picker-prefix-cls}-value {
-      font-size: less-var('color-value-size-#{$size}-font-size');
+      font-size: token-var('color-value-size-#{$size}-font-size');
     }
   }
 

package/es/config-provider/config-provider.vue.d.ts

@@ -90,8 +90,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     prefixCls: string;
     updateAtScroll: boolean;
     scrollToClose: boolean;
-    allowClear: boolean;
     rtl: boolean;
+    allowClear: boolean;
     global: boolean;
     exchangeTime: boolean;
 }, {}, {

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

@@ -47,8 +47,8 @@ declare const ConfigProvider: {
         prefixCls: string;
         updateAtScroll: boolean;
         scrollToClose: boolean;
-        allowClear: boolean;
         rtl: boolean;
+        allowClear: boolean;
         global: boolean;
         exchangeTime: boolean;
     }, true, {}, {}, {
@@ -150,8 +150,8 @@ declare const ConfigProvider: {
         prefixCls: string;
         updateAtScroll: boolean;
         scrollToClose: boolean;
-        allowClear: boolean;
         rtl: boolean;
+        allowClear: boolean;
         global: boolean;
         exchangeTime: boolean;
     }>;
@@ -203,8 +203,8 @@ declare const ConfigProvider: {
     prefixCls: string;
     updateAtScroll: boolean;
     scrollToClose: boolean;
-    allowClear: boolean;
     rtl: boolean;
+    allowClear: boolean;
     global: boolean;
     exchangeTime: boolean;
 }, {}, string, {}, {
@@ -258,4 +258,5 @@ declare const ConfigProvider: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type ConfigProviderInstance = InstanceType<typeof _ConfigProvider>;
+export type { SDThemeConfig, SDThemeMeta, SDThemeMode, ThemeTokenMap, ThemeTokenValue, } from './theme';
 export default ConfigProvider;

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

@@ -1,12 +1,19 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
+import type { CalendarValue } from './interface';
 import _DatePicker from './pickers/date-picker';
 import _MonthPicker from './pickers/month-picker';
 import _QuarterPicker from './pickers/quarter-picker';
 import _WeekPicker from './pickers/week-picker';
 import _YearPicker from './pickers/year-picker';
 import _RangePicker from './range-picker.vue';
-export type { ShortcutType } from './interface';
+export type { CalendarValue, DatePickerProps, DisabledDate, DisabledTime, DisabledTimeProps, FormatFunc, MonthPickerProps, PickerProps, QuarterPickerProps, RangeDisabledDate, RangeDisabledTime, RangePickerProps, ShortcutType, ValueFormat, WeekPickerProps, YearPickerProps, } from './interface';
+export type DatePickerChangeHandler = (value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => void;
+export type DatePickerSelectHandler = DatePickerChangeHandler;
+export type DatePickerOkHandler = DatePickerChangeHandler;
+export type RangePickerChangeHandler = (value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => void;
+export type RangePickerSelectHandler = (value: (CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => void;
+export type RangePickerOkHandler = (value: CalendarValue[], date: Date[], dateString: string[]) => void;
 declare const DatePicker: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -412,7 +419,7 @@ declare const DatePicker: {
                 position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
                 popupVisible?: boolean | undefined;
                 defaultPopupVisible?: boolean | undefined;
-                modelValue?: (import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[]) | undefined;
+                modelValue?: (import("..").TimeValue | import("..").TimeValue[]) | undefined;
                 placeholder?: string | string[] | undefined;
                 allowClear?: boolean | undefined;
                 triggerProps?: Record<string, unknown> | undefined;
@@ -567,16 +574,16 @@ declare const DatePicker: {
             shortcutsPosition: "bottom" | "left" | "right";
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => true;
-        'update:modelValue': (value: (import("./interface").CalendarValue | undefined)[] | undefined) => true;
-        select: (value: (import("./interface").CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => true;
+        change: (value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => true;
+        'update:modelValue': (value: (CalendarValue | undefined)[] | undefined) => true;
+        select: (value: (CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => true;
         'popup-visible-change': (visible: boolean) => true;
         'update:popupVisible': (visible: boolean) => true;
-        ok: (value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => true;
+        ok: (value: CalendarValue[], date: Date[], dateString: string[]) => true;
         clear: () => true;
         'select-shortcut': (shortcut: import("./interface").ShortcutType) => true;
-        'picker-value-change': (value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => true;
-        'update:pickerValue': (value: import("./interface").CalendarValue[]) => true;
+        'picker-value-change': (value: CalendarValue[], date: Date[], dateString: string[]) => true;
+        'update:pickerValue': (value: CalendarValue[]) => true;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         mode: {
             type: import("vue").PropType<"date" | "year" | "quarter" | "month" | "week">;
@@ -693,16 +700,16 @@ declare const DatePicker: {
             default: boolean;
         };
     }>> & Readonly<{
-        onChange?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
+        onChange?: ((value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onSelect?: ((value: (import("./interface").CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
-        onOk?: ((value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
+        onSelect?: ((value: (CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
+        onOk?: ((value: CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: (CalendarValue | undefined)[] | undefined) => any) | undefined;
         "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
         "onSelect-shortcut"?: ((shortcut: import("./interface").ShortcutType) => any) | undefined;
-        "onPicker-value-change"?: ((value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
-        "onUpdate:pickerValue"?: ((value: import("./interface").CalendarValue[]) => any) | undefined;
+        "onPicker-value-change"?: ((value: CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
+        "onUpdate:pickerValue"?: ((value: CalendarValue[]) => any) | undefined;
     }>, {
         error: boolean;
         readonly: boolean;

package/es/date-picker/panels/date/index.vue.d.ts

@@ -80,7 +80,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rows: import("vue").ComputedRef<Cell[][]>;
     weekList: import("vue").ComputedRef<number[]>;
     mergedIsSameTime: import("vue").ComputedRef<IsSameTime>;
-    disabledTimeProps: import("vue").ComputedRef<import("../../interface").DisabledTimeProps>;
+    disabledTimeProps: import("vue").ComputedRef<import("../..").DisabledTimeProps>;
     mergedTimePanelProps: import("vue").ComputedRef<Partial<PanelProps>>;
     onCellClick: (cellData: Cell) => void;
     onCellMouseEnter: (cellData: Cell) => void;

package/es/date-picker/panels/week/index.vue.d.ts

@@ -82,10 +82,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: number;
         };
         disabledDate: {
-            type: PropType<import("../../interface").DisabledDate>;
+            type: PropType<import("../..").DisabledDate>;
         };
         disabledTime: {
-            type: PropType<import("../../interface").DisabledTime>;
+            type: PropType<import("../..").DisabledTime>;
         };
         isSameTime: {
             type: PropType<IsSameTime>;
@@ -122,7 +122,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         rows: import("vue").ComputedRef<import("../../interface").Cell[][]>;
         weekList: import("vue").ComputedRef<number[]>;
         mergedIsSameTime: import("vue").ComputedRef<IsSameTime>;
-        disabledTimeProps: import("vue").ComputedRef<import("../../interface").DisabledTimeProps>;
+        disabledTimeProps: import("vue").ComputedRef<import("../..").DisabledTimeProps>;
         mergedTimePanelProps: import("vue").ComputedRef<Partial<import("../../../time-picker/interface").PanelProps>>;
         onCellClick: (cellData: import("../../interface").Cell) => void;
         onCellMouseEnter: (cellData: import("../../interface").Cell) => void;
@@ -165,10 +165,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: number;
         };
         disabledDate: {
-            type: PropType<import("../../interface").DisabledDate>;
+            type: PropType<import("../..").DisabledDate>;
         };
         disabledTime: {
-            type: PropType<import("../../interface").DisabledTime>;
+            type: PropType<import("../..").DisabledTime>;
         };
         isSameTime: {
             type: PropType<IsSameTime>;
@@ -802,7 +802,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 type: PropType<Dayjs>;
             };
             disabledDate: {
-                type: PropType<import("../../interface").DisabledDate>;
+                type: PropType<import("../..").DisabledDate>;
             };
             isSameTime: {
                 type: PropType<IsSameTime>;
@@ -839,7 +839,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 type: PropType<Dayjs>;
             };
             disabledDate: {
-                type: PropType<import("../../interface").DisabledDate>;
+                type: PropType<import("../..").DisabledDate>;
             };
             isSameTime: {
                 type: PropType<IsSameTime>;

package/es/date-picker/picker.vue.d.ts

@@ -142,7 +142,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
             popupVisible?: boolean | undefined;
             defaultPopupVisible?: boolean | undefined;
-            modelValue?: (import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[]) | undefined;
+            modelValue?: (import("../index.js").TimeValue | import("../index.js").TimeValue[]) | undefined;
             placeholder?: string | string[] | undefined;
             allowClear?: boolean | undefined;
             triggerProps?: Record<string, unknown> | undefined;

package/es/date-picker/range-picker.vue.d.ts

@@ -159,7 +159,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
             popupVisible?: boolean | undefined;
             defaultPopupVisible?: boolean | undefined;
-            modelValue?: (import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[]) | undefined;
+            modelValue?: (import("../index.js").TimeValue | import("../index.js").TimeValue[]) | undefined;
             placeholder?: string | string[] | undefined;
             allowClear?: boolean | undefined;
             triggerProps?: Record<string, unknown> | undefined;

package/es/descriptions/descriptions.d.ts

@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     data: DescData[];
     tableLayout: "fixed" | "auto";
-    bordered: boolean;
     column: number | ResponsiveValue;
     layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
+    bordered: boolean;
     align: "left" | "right" | "center" | {
         label?: TextAlign;
         value?: TextAlign;

package/es/descriptions/index.d.ts

@@ -44,9 +44,9 @@ declare const Descriptions: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         data: import("./interface").DescData[];
         tableLayout: "fixed" | "auto";
-        bordered: boolean;
         column: number | import("..").ResponsiveValue;
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
+        bordered: boolean;
         align: "left" | "right" | "center" | {
             label?: import("../_utils/constant").TextAlign;
             value?: import("../_utils/constant").TextAlign;
@@ -99,9 +99,9 @@ declare const Descriptions: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         data: import("./interface").DescData[];
         tableLayout: "fixed" | "auto";
-        bordered: boolean;
         column: number | import("..").ResponsiveValue;
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
+        bordered: boolean;
         align: "left" | "right" | "center" | {
             label?: import("../_utils/constant").TextAlign;
             value?: import("../_utils/constant").TextAlign;
@@ -151,9 +151,9 @@ declare const Descriptions: {
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     data: import("./interface").DescData[];
     tableLayout: "fixed" | "auto";
-    bordered: boolean;
     column: number | import("..").ResponsiveValue;
     layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
+    bordered: boolean;
     align: "left" | "right" | "center" | {
         label?: import("../_utils/constant").TextAlign;
         value?: import("../_utils/constant").TextAlign;
@@ -180,6 +180,6 @@ declare const Descriptions: {
 };
 export type DescriptionsInstance = InstanceType<typeof _Descriptions>;
 export type DescriptionsItemInstance = InstanceType<typeof _DescriptionsItem>;
-export type { DescData } from './interface';
+export type { DescData, DescLayout } from './interface';
 export { _DescriptionsItem as DescriptionsItem };
 export default Descriptions;

package/es/descriptions/style/index.scss

@@ -1,83 +1,38 @@
 @use '@style/theme/index.scss' as theme;
+@use 'sass:meta';
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use '@components/descriptions/style/token.scss' as token;
 @use '@components/descriptions/style/token.scss' as *;
 
 $descriptions-prefix-cls: string.unquote('#{theme.$prefix}-descriptions');
 
-$__less-vars: (
-  'descriptions-border-color-bg-label': $descriptions-border-color-bg-label,
-  'descriptions-border-item-size-mini-padding-horizontal':
-    $descriptions-border-item-size-mini-padding-horizontal,
-  'descriptions-border-item-size-mini-padding-vertical':
-    $descriptions-border-item-size-mini-padding-vertical,
-  'descriptions-border-item-size-small-padding-horizontal':
-    $descriptions-border-item-size-small-padding-horizontal,
-  'descriptions-border-item-size-small-padding-vertical':
-    $descriptions-border-item-size-small-padding-vertical,
-  'descriptions-border-item-size-medium-padding-horizontal':
-    $descriptions-border-item-size-medium-padding-horizontal,
-  'descriptions-border-item-size-medium-padding-vertical':
-    $descriptions-border-item-size-medium-padding-vertical,
-  'descriptions-border-item-size-default-padding-horizontal':
-    $descriptions-border-item-size-default-padding-horizontal,
-  'descriptions-border-item-size-default-padding-vertical':
-    $descriptions-border-item-size-default-padding-vertical,
-  'descriptions-border-item-size-large-padding-horizontal':
-    $descriptions-border-item-size-large-padding-horizontal,
-  'descriptions-border-item-size-large-padding-vertical':
-    $descriptions-border-item-size-large-padding-vertical,
-  'descriptions-border-radius': $descriptions-border-radius,
-  'descriptions-border-style': $descriptions-border-style,
-  'descriptions-border-width': $descriptions-border-width,
-  'descriptions-color-border': $descriptions-color-border,
-  'descriptions-color-text-label': $descriptions-color-text-label,
-  'descriptions-color-text-value': $descriptions-color-text-value,
-  'descriptions-color-title': $descriptions-color-title,
-  'descriptions-font-size-title': $descriptions-font-size-title,
-  'descriptions-font-weight-text-label': $descriptions-font-weight-text-label,
-  'descriptions-font-weight-text-value': $descriptions-font-weight-text-value,
-  'descriptions-font-weight-title': $descriptions-font-weight-title,
-  'descriptions-item-size-mini-spacing-bottom': $descriptions-item-size-mini-spacing-bottom,
-  'descriptions-item-size-small-spacing-bottom': $descriptions-item-size-small-spacing-bottom,
-  'descriptions-item-size-medium-spacing-bottom': $descriptions-item-size-medium-spacing-bottom,
-  'descriptions-item-size-default-spacing-bottom': $descriptions-item-size-default-spacing-bottom,
-  'descriptions-item-size-large-spacing-bottom': $descriptions-item-size-large-spacing-bottom,
-  'descriptions-size-mini-font-size-text': $descriptions-size-mini-font-size-text,
-  'descriptions-size-mini-title-margin-bottom': $descriptions-size-mini-title-margin-bottom,
-  'descriptions-size-small-font-size-text': $descriptions-size-small-font-size-text,
-  'descriptions-size-small-title-margin-bottom': $descriptions-size-small-title-margin-bottom,
-  'descriptions-size-medium-font-size-text': $descriptions-size-medium-font-size-text,
-  'descriptions-size-medium-title-margin-bottom': $descriptions-size-medium-title-margin-bottom,
-  'descriptions-size-default-font-size-text': $descriptions-size-default-font-size-text,
-  'descriptions-size-default-title-margin-bottom': $descriptions-size-default-title-margin-bottom,
-  'descriptions-size-large-font-size-text': $descriptions-size-large-font-size-text,
-  'descriptions-size-large-title-margin-bottom': $descriptions-size-large-title-margin-bottom,
-  'line-height-base': theme.$line-height-base,
-  'prefix': theme.$prefix,
-);
-
-@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 descriptions-size($size) {
   &-size-#{$size} &-title {
-    margin-bottom: less-var('descriptions-size-#{$size}-title-margin-bottom');
+    margin-bottom: token-var('descriptions-size-#{$size}-title-margin-bottom');
   }
 
   &-size-#{$size} &-item-label-block,
   &-size-#{$size} &-item-value-block {
-    padding-right: less-var('descriptions-border-item-size-#{$size}-padding-horizontal');
-    padding-bottom: less-var('descriptions-item-size-#{$size}-spacing-bottom');
-    font-size: less-var('descriptions-size-#{$size}-font-size-text');
+    padding-right: token-var('descriptions-border-item-size-#{$size}-padding-horizontal');
+    padding-bottom: token-var('descriptions-item-size-#{$size}-spacing-bottom');
+    font-size: token-var('descriptions-size-#{$size}-font-size-text');
   }
 
   &-size-#{$size}#{&}-border &-item-label-block,
   &-size-#{$size}#{&}-border &-item-value-block {
-    padding: less-var('descriptions-border-item-size-#{$size}-padding-vertical')
-      less-var('descriptions-border-item-size-#{$size}-padding-horizontal');
+    padding: token-var('descriptions-border-item-size-#{$size}-padding-vertical')
+      token-var('descriptions-border-item-size-#{$size}-padding-horizontal');
   }
 
   &-size-#{$size}#{&}-border#{&}-layout-inline-vertical &-item {
@@ -85,8 +40,8 @@ $__less-vars: (
       'descriptions-border-item-size-#{$size}-padding-vertical'
     );
 
-    padding: less-var($_descriptions-padding-vertical) + 5px
-      less-var('descriptions-border-item-size-#{$size}-padding-horizontal');
+    padding: token-var($_descriptions-padding-vertical) + 5px
+      token-var('descriptions-border-item-size-#{$size}-padding-horizontal');
   }
 }