@sdata/web-vue 1.9.0 → 1.11.0

package/es/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="./components.d.ts" />
 export { default } from './sd-vue';
 export { addI18nMessages, useLocale, getLocale } from './locale';
 export type { Size, Status, MessageType, Direction } from './_utils/constant';
@@ -8,7 +9,7 @@ export type { AlertInstance } from './alert';
 export { default as Anchor, AnchorLink } from './anchor';
 export type { AnchorInstance, AnchorLinkInstance } from './anchor';
 export { default as AutoComplete } from './auto-complete';
-export type { AutoCompleteInstance } from './auto-complete';
+export type { AutoCompleteChangeHandler, AutoCompleteClearHandler, AutoCompleteData, AutoCompleteDropdownReachBottomHandler, AutoCompleteDropdownScrollHandler, AutoCompleteFilterOption, AutoCompleteInstance, AutoCompleteSearchHandler, AutoCompleteSelectHandler, } from './auto-complete';
 export { default as Avatar, AvatarGroup } from './avatar';
 export type { AvatarInstance, AvatarGroupInstance } from './avatar';
 export { default as BackTop } from './back-top';
@@ -23,9 +24,9 @@ export { default as Card, CardGrid, CardMeta } from './card';
 export { default as Calendar } from './calendar';
 export type { CardGridInstance, CardInstance, CardMetaInstance } from './card';
 export { default as Carousel, CarouselItem } from './carousel';
-export type { CarouselInstance, CarouselItemInstance } from './carousel';
+export type { CarouselArrowType, CarouselAutoPlayConfig, CarouselIndicatorPosition, CarouselIndicatorType, CarouselInstance, CarouselItemInstance, CarouselTriggerEvent, } from './carousel';
 export { default as Cascader, CascaderPanel } from './cascader';
-export type { CascaderFieldNames, CascaderInstance, CascaderPanelInstance, CascaderOption, } from './cascader';
+export type { CascaderChangeHandler, CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderInstance, CascaderLoadMore, CascaderModelValue, CascaderPanelInstance, CascaderOption, CascaderOptionValue, CascaderPathValue, CascaderSearchHandler, CascaderSingleValue, } from './cascader';
 export { default as Checkbox, CheckboxGroup } from './checkbox';
 export type { CheckboxGroupInstance, CheckboxInstance, CheckboxOption } from './checkbox';
 export { default as Collapse, CollapseItem } from './collapse';
@@ -35,13 +36,13 @@ export type { CommentInstance } from './comment';
 export { default as ColorPicker } from './color-picker';
 export type { ColorPickerInstance } from './color-picker';
 export { default as ConfigProvider } from './config-provider';
-export type { ConfigProviderInstance } from './config-provider';
+export type { ConfigProviderInstance, SDThemeConfig, SDThemeMeta, SDThemeMode, ThemeTokenMap, ThemeTokenValue, } from './config-provider';
 export { default as ThemeProvider } from './theme-provider';
 export type { ThemeProviderInstance } from './theme-provider';
 export { default as DatePicker, MonthPicker, QuarterPicker, WeekPicker, YearPicker, RangePicker, } from './date-picker';
-export type { DatePickerInstance, MonthPickerInstance, QuarterPickerInstance, RangePickerInstance, ShortcutType, WeekPickerInstance, YearPickerInstance, } from './date-picker';
+export type { CalendarValue, DatePickerChangeHandler, DatePickerInstance, DatePickerOkHandler, DatePickerProps, DatePickerSelectHandler, DisabledDate, DisabledTime, DisabledTimeProps, FormatFunc, MonthPickerProps, MonthPickerInstance, PickerProps, QuarterPickerProps, QuarterPickerInstance, RangeDisabledDate, RangeDisabledTime, RangePickerChangeHandler, RangePickerInstance, RangePickerOkHandler, RangePickerProps, RangePickerSelectHandler, ShortcutType, ValueFormat, WeekPickerProps, WeekPickerInstance, YearPickerProps, YearPickerInstance, } from './date-picker';
 export { default as Descriptions, DescriptionsItem } from './descriptions';
-export type { DescData, DescriptionsInstance, DescriptionsItemInstance } from './descriptions';
+export type { DescData, DescLayout, DescriptionsInstance, DescriptionsItemInstance, } from './descriptions';
 export { default as Divider } from './divider';
 export { default as Drawer } from './drawer';
 export type { DrawerConfig, DrawerInstance, DrawerMethod, DrawerReturn } from './drawer';
@@ -62,7 +63,7 @@ export type { ImageInstance, ImagePreviewActionInstance, ImagePreviewInstance, I
 export { default as Input, InputGroup, InputPassword, InputSearch } from './input';
 export type { InputGroupInstance, InputInstance, InputPasswordInstance, InputSearchInstance, } from './input';
 export { default as InputNumber } from './input-number';
-export type { InputNumberInstance } from './input-number';
+export type { InputNumberChangeHandler, InputNumberFormatter, InputNumberInputHandler, InputNumberInstance, InputNumberParser, InputNumberValue, } from './input-number';
 export { default as InputTag } from './input-tag';
 export type { InputTagFieldNames, InputTagInstance, TagData } from './input-tag';
 export { default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, } from './layout';
@@ -74,7 +75,7 @@ export type { ListInstance, ListItemInstance, ListItemMetaInstance } from './lis
 export { default as Mention } from './mention';
 export type { MentionInstance } from './mention';
 export { default as Menu, MenuItem, MenuItemGroup, SubMenu } from './menu';
-export type { MenuInstance, MenuItemInstance, MenuItemGroupInstance, MenuSubMenuInstance, } from './menu';
+export type { MenuCollapseHandler, MenuCollapseTrigger, MenuData, MenuDataItem, MenuInstance, MenuItemClickHandler, MenuItemGroupProps, MenuItemInstance, MenuItemGroupInstance, MenuItemProps, MenuMode, MenuOpenKeys, MenuProps, MenuSubMenuInstance, MenuSubMenuClickHandler, MenuSelectedKeys, MenuTheme, PopupMenuMaxHeightType, SubMenuChildDataType, SubMenuProps, } from './menu';
 export { default as Message } from './message';
 export type { MessageMethod, MessageConfig, MessageReturn } from './message';
 export { default as Modal } from './modal';
@@ -92,7 +93,7 @@ export type { PopoverInstance } from './popover';
 export { default as Progress } from './progress';
 export type { ProgressInstance } from './progress';
 export { default as Radio, RadioGroup } from './radio';
-export type { RadioInstance, RadioGroupInstance } from './radio';
+export type { RadioGroupChangeHandler, RadioGroupInstance, RadioInstance, RadioOption, RadioValue, } from './radio';
 export { default as Rate } from './rate';
 export type { RateInstance } from './rate';
 export { default as ResizeBox } from './resize-box';
@@ -100,13 +101,13 @@ export type { ResizeBoxInstance } from './resize-box';
 export { default as Result } from './result';
 export type { ResultInstance } from './result';
 export { default as Scrollbar } from './scrollbar';
-export type { ScrollbarInstance, ScrollbarProps } from './scrollbar';
+export type { ScrollbarElements, ScrollbarEventListener, ScrollbarEventListenerArgs, ScrollbarEventListeners, ScrollbarExpose, ScrollbarInstance, ScrollbarOptions, ScrollbarOptionsResolved, ScrollbarPlugin, ScrollbarProps, ScrollbarReadonlyOptions, ScrollbarState, ScrollbarType, ScrollbarUpdatedEvent, } from './scrollbar';
 export { default as Select, Optgroup, Option } from './select';
-export type { FilterOption, SelectFieldNames, SelectInstance, SelectOptGroupInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectOptionInstance, SelectProps, } from './select';
+export type { FilterOption, SelectFallbackOption, SelectFieldNames, SelectInstance, SelectOptGroupInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectOptionInstance, SelectProps, } from './select';
 export { default as Skeleton, SkeletonLine, SkeletonShape } from './skeleton';
 export type { SkeletonInstance, SkeletonLineInstance, SkeletonShapeInstance } from './skeleton';
 export { default as Slider } from './slider';
-export type { SliderInstance } from './slider';
+export type { SliderChangeHandler, SliderFormatTooltip, SliderInstance, SliderValue, } from './slider';
 export { default as Space } from './space';
 export type { SpaceInstance } from './space';
 export { default as Spin } from './spin';
@@ -116,29 +117,29 @@ export type { SplitInstance } from './split';
 export { default as Statistic, Countdown } from './statistic';
 export type { CountdownInstance, StatisticInstance } from './statistic';
 export { default as Steps, Step } from './steps';
-export type { StepsInstance, StepsStepInstance } from './steps';
+export type { StepData, StepsChangeHandler, StepsInstance, StepsStepInstance, StepsType, StepStatus, } from './steps';
 export { default as Switch } from './switch';
-export type { SwitchInstance } from './switch';
+export type { SwitchBeforeChange, SwitchChangeHandler, SwitchInstance, SwitchValue, } from './switch';
 export { default as Table, Thead, Td, Th, Tr, Tbody, TableColumn } from './table';
-export type { TableBorder, TableChangeExtra, TableColumnData, TableColumnInstance, TableData, TableDraggable, TableExpandable, TableFilterable, TableFilterData, TableInstance, TableRowSelection, TableSortable, TbodyInstance, TdInstance, TheadInstance, ThInstance, TrInstance, } from './table';
+export type { TableBorder, TableChangeExtra, TableColumnData, TableColumnInstance, TableData, TableDraggable, TableExpandable, TableFilterable, TableFilterData, TableInstance, TableLoadMore, TableProps, TableRowKey, TableRowSelection, TableSortable, TableSpanMethod, TableSpanMethodContext, TableSummary, TableSummaryContext, TableSummarySpanMethod, TbodyInstance, TdInstance, TheadInstance, ThInstance, TrInstance, } from './table';
 export { default as Tabs, TabPane } from './tabs';
-export type { TabPaneInstance, TabsInstance } from './tabs';
+export type { ScrollPosition, TabPaneInstance, TabsInstance, TabsPosition, TabsType, TabTriggerEvent, } from './tabs';
 export { default as Tag } from './tag';
 export type { TagColor, TagInstance, TagProps } from './tag';
 export { default as Textarea } from './textarea';
 export type { TextareaInstance } from './textarea';
 export { default as TimePicker } from './time-picker';
-export type { TimePickerInstance } from './time-picker';
+export type { TimePickerInstance, TimeValue } from './time-picker';
 export { default as Timeline, TimelineItem } from './timeline';
-export type { TimelineInstance, TimelineItemInstance } from './timeline';
+export type { DotType, LabelPositionType, LineType, ModeType, PositionType, TimelineInstance, TimelineItemInstance, } from './timeline';
 export { default as Tooltip } from './tooltip';
 export type { TooltipInstance } from './tooltip';
 export { default as Transfer } from './transfer';
-export type { TransferInstance } from './transfer';
+export type { TransferInstance, TransferItem } from './transfer';
 export { default as Tree } from './tree';
-export type { TreeFieldNames, TreeInstance, TreeNodeData } from './tree';
+export type { CheckedStrategy, CheckableType, DropPosition, FilterTreeNode, Key2TreeNode, LoadMore, TreeCheckHandler, TreeDropHandler, TreeExpandHandler, TreeFieldNames, TreeInstance, TreeNodeData, TreeNodeKey, TreeProps, TreeSelectHandler, } from './tree';
 export { default as TreeSelect } from './tree-select';
-export type { TreeSelectInstance } from './tree-select';
+export type { LabelValue, TreeSelectChangeHandler, TreeSelectClearHandler, TreeSelectFallbackOption, TreeSelectFilterTreeNode, TreeSelectInstance, TreeSelectLoadMore, TreeSelectPopupVisibleChangeHandler, TreeSelectProps, TreeSelectSearchHandler, TreeSelectValue, } from './tree-select';
 export { default as Trigger } from './trigger';
 export type { TriggerEvent, TriggerInstance, TriggerPopupTranslate, TriggerPosition, TriggerProps, } from './trigger';
 export { default as Typography, TypographyParagraph, TypographyText, TypographyTitle, } from './typography';

package/es/index.js

@@ -88,7 +88,7 @@ import Textarea from "./textarea/index.js";
 import Mention from "./mention/index.js";
 import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
-import SubMenu from "./menu/sub-menu.js";
+import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
 import Message from "./message/index.js";
 import Modal from "./modal/index.js";
@@ -134,4 +134,4 @@ import Upload from "./upload/index.js";
 import VerificationCode from "./verification-code/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, countdown_default as Countdown, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, getLocale, useFormItem, useLocale };
+export { Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, countdown_default as Countdown, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -4,6 +4,7 @@
 @use '@components/_components/picker/style/index.scss' as *;
 @use '@components/_components/input-label/style/index.scss' as *;
 @use '@components/_components/auto-tooltip/style/index.scss' as *;
+@use '@components/_components/virtual-list/style/index.scss' as *;
 @use '@components/verification-code/style/index.scss' as *;
 @use '@components/upload/style/index.scss' as *;
 @use '@components/typography/style/index.scss' as *;

package/es/input/index.d.ts

@@ -395,6 +395,7 @@ declare const Input: {
                     [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;
@@ -437,6 +438,7 @@ declare const Input: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -474,6 +476,7 @@ declare const Input: {
                 [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;
@@ -513,6 +516,7 @@ declare const Input: {
                     [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;
@@ -555,6 +559,7 @@ declare const Input: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -592,6 +597,7 @@ declare const Input: {
                 [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/input/input-password.vue.d.ts

@@ -69,6 +69,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;
@@ -111,6 +112,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;
@@ -148,6 +150,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;
@@ -187,6 +190,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;
@@ -229,6 +233,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;
@@ -266,6 +271,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/input/style/input.scss

@@ -2,71 +2,19 @@
 @use 'sass:math';
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
+@use 'sass:meta';
 @use '@style/mixins/index.scss' as *;
+@use '@components/input/style/token.scss' as token;
 @use '@components/input/style/token.scss' as *;
 
-$__less-vars: (
-  'input-border-radius': $input-border-radius,
-  'input-border-width': $input-border-width,
-  'input-color-addon-border': $input-color-addon-border,
-  'input-color-addon-border_default': $input-color-addon-border_default,
-  'input-color-bg': $input-color-bg,
-  'input-color-bg_disabled': $input-color-bg_disabled,
-  'input-color-bg_error': $input-color-bg_error,
-  'input-color-bg_error_focus': $input-color-bg_error_focus,
-  'input-color-bg_error_hover': $input-color-bg_error_hover,
-  'input-color-bg_focus': $input-color-bg_focus,
-  'input-color-bg_hover': $input-color-bg_hover,
-  'input-color-border': $input-color-border,
-  'input-color-border_disabled': $input-color-border_disabled,
-  'input-color-border_error': $input-color-border_error,
-  'input-color-border_error_focus': $input-color-border_error_focus,
-  'input-color-border_error_hover': $input-color-border_error_hover,
-  'input-color-border_focus': $input-color-border_focus,
-  'input-color-border_hover': $input-color-border_hover,
-  'input-color-icon-clear': $input-color-icon-clear,
-  'input-color-icon-clear-bg_hover': $input-color-icon-clear-bg_hover,
-  'input-color-placeholder-text': $input-color-placeholder-text,
-  'input-color-prefix-text': $input-color-prefix-text,
-  'input-color-shadow_error_focus': $input-color-shadow_error_focus,
-  'input-color-shadow_focus': $input-color-shadow_focus,
-  'input-color-suffix-text': $input-color-suffix-text,
-  'input-color-text': $input-color-text,
-  'input-color-text_disabled': $input-color-text_disabled,
-  'input-feedback-icon-color_error': $input-feedback-icon-color_error,
-  'input-feedback-icon-color_success': $input-feedback-icon-color_success,
-  'input-feedback-icon-color_validating': $input-feedback-icon-color_validating,
-  'input-feedback-icon-color_warning': $input-feedback-icon-color_warning,
-  'input-group-border-radius_compact': $input-group-border-radius_compact,
-  'input-padding-horizontal': $input-padding-horizontal,
-  'input-size-default-height': $input-size-default-height,
-  'input-size-default-font-size': $input-size-default-font-size,
-  'input-size-default-line-height': $input-size-medium-line-height,
-  'input-size-default-icon-suffix-size': $input-size-default-icon-suffix-size,
-  'input-size-icon-clear': $input-size-icon-clear,
-  'input-size-large-height': $input-size-large-height,
-  'input-size-large-font-size': $input-size-large-font-size,
-  'input-size-large-line-height': $input-size-large-line-height,
-  'input-size-medium-height': $input-size-medium-height,
-  'input-size-medium-font-size': $input-size-medium-font-size,
-  'input-size-medium-line-height': $input-size-medium-line-height,
-  'input-size-small-height': $input-size-small-height,
-  'input-size-small-font-size': $input-size-small-font-size,
-  'input-size-small-line-height': $input-size-small-line-height,
-  'input-size-shadow_error_focus': $input-size-shadow_error_focus,
-  'input-size-shadow_focus': $input-size-shadow_focus,
-  'line-height-base': theme.$line-height-base,
-  'prefix': theme.$prefix,
-  'transition-duration-1': theme.$transition-duration-1,
-  'transition-timing-function-linear': theme.$transition-timing-function-linear,
-  'input-size-mini-height': $input-size-mini-height,
-  'input-size-mini-line-height': $input-size-mini-line-height,
-  'input-size-mini-font-size': $input-size-mini-font-size,
-);
-
-@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 input-suffix-feedback-icon-color() {
@@ -244,15 +192,15 @@ $__less-vars: (
 
   /* prettier-ignore */
   padding-top: math.div(
-    math.round(less-var($height) - $input-border-width * 2 - less-var($line-height) * less-var($font-size)),
+    math.round(token-var($height) - $input-border-width * 2 - token-var($line-height) * token-var($font-size)),
     2
   );
 
   /* prettier-ignore */
   padding-bottom: math.div(
-    math.round(less-var($height) - $input-border-width * 2 - less-var($line-height) * less-var($font-size)),
+    math.round(token-var($height) - $input-border-width * 2 - token-var($line-height) * token-var($font-size)),
     2
   );
-  font-size: less-var($font-size);
-  line-height: less-var($line-height);
+  font-size: token-var($font-size);
+  line-height: token-var($line-height);
 }

package/es/input-number/index.d.ts

@@ -1,6 +1,11 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _InputNumber from './input-number';
+export type InputNumberValue = number | undefined;
+export type InputNumberFormatter = (value: string | number | undefined) => string;
+export type InputNumberParser = (value: string) => string | number;
+export type InputNumberChangeHandler = (value: InputNumberValue, event: Event) => void;
+export type InputNumberInputHandler = (value: InputNumberValue, inputValue: string, event: Event) => void;
 declare const InputNumber: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: NumberConstructor;

package/es/input-tag/style/index.css

@@ -99,13 +99,6 @@
   background-color: rgb(var(--red-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--red-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
-  background-color: rgb(var(--red-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-red.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-red.sd-tag-bordered:hover {
   border-color: rgb(var(--red-6));
@@ -118,13 +111,6 @@
   background-color: rgb(var(--orangered-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orangered-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
-  background-color: rgb(var(--orangered-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-orangered.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-orangered.sd-tag-bordered:hover {
   border-color: rgb(var(--orangered-6));
@@ -137,13 +123,6 @@
   background-color: rgb(var(--orange-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orange-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
-  background-color: rgb(var(--orange-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-orange.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-orange.sd-tag-bordered:hover {
   border-color: rgb(var(--orange-6));
@@ -156,13 +135,6 @@
   background-color: rgb(var(--gold-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--gold-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
-  background-color: rgb(var(--gold-3));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-gold.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-gold.sd-tag-bordered:hover {
   border-color: rgb(var(--gold-6));
@@ -175,13 +147,6 @@
   background-color: rgb(var(--lime-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--lime-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
-  background-color: rgb(var(--lime-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-lime.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-lime.sd-tag-bordered:hover {
   border-color: rgb(var(--lime-6));
@@ -194,13 +159,6 @@
   background-color: rgb(var(--green-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--green-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
-  background-color: rgb(var(--green-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-green.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-green.sd-tag-bordered:hover {
   border-color: rgb(var(--green-6));
@@ -213,13 +171,6 @@
   background-color: rgb(var(--cyan-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--cyan-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
-  background-color: rgb(var(--cyan-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-cyan.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-cyan.sd-tag-bordered:hover {
   border-color: rgb(var(--cyan-6));
@@ -232,13 +183,6 @@
   background-color: rgb(var(--blue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--blue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
-  background-color: rgb(var(--blue-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-blue.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-blue.sd-tag-bordered:hover {
   border-color: rgb(var(--blue-6));
@@ -251,13 +195,6 @@
   background-color: rgb(var(--sdblue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--sdblue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
-  background-color: rgb(var(--sdblue-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-sdblue.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-sdblue.sd-tag-bordered:hover {
   border-color: rgb(var(--sdblue-6));
@@ -270,13 +207,6 @@
   background-color: rgb(var(--purple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--purple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
-  background-color: rgb(var(--purple-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-purple.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-purple.sd-tag-bordered:hover {
   border-color: rgb(var(--purple-6));
@@ -289,13 +219,6 @@
   background-color: rgb(var(--pinkpurple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--pinkpurple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
-  background-color: rgb(var(--pinkpurple-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered:hover {
   border-color: rgb(var(--pinkpurple-6));
@@ -308,13 +231,6 @@
   background-color: rgb(var(--magenta-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--magenta-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
-  background-color: rgb(var(--magenta-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-magenta.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-magenta.sd-tag-bordered:hover {
   border-color: rgb(var(--magenta-6));