@sdata/web-vue 1.19.0 → 2.1.1

package/es/index.d.ts

@@ -22,6 +22,7 @@ export { default as Button, ButtonGroup } from './button';
 export type { ButtonInstance, ButtonGroupInstance, ButtonProps } from './button';
 export { default as Card, CardGrid, CardMeta } from './card';
 export { default as Calendar } from './calendar';
+export type { CalendarInstance } from './calendar';
 export type { CardGridInstance, CardInstance, CardMetaInstance } from './card';
 export { default as Carousel, CarouselItem } from './carousel';
 export type { CarouselArrowType, CarouselAutoPlayConfig, CarouselIndicatorPosition, CarouselIndicatorType, CarouselInstance, CarouselItemInstance, CarouselTriggerEvent, } from './carousel';
@@ -100,6 +101,8 @@ export { default as Popover } from './popover';
 export type { PopoverInstance } from './popover';
 export { default as Progress } from './progress';
 export type { ProgressInstance } from './progress';
+export { default as QrCode } from './qr-code';
+export type { QrCodeInstance } from './qr-code';
 export { default as Radio, RadioGroup } from './radio';
 export type { RadioGroupChangeHandler, RadioGroupInstance, RadioInstance, RadioOption, RadioValue, } from './radio';
 export { default as Rate } from './rate';
@@ -110,8 +113,8 @@ export { default as Result } from './result';
 export type { ResultInstance } from './result';
 export { default as Scrollbar } 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, SelectFallbackOption, SelectFieldNames, SelectInstance, SelectOptGroupInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectOptionInstance, SelectProps, } from './select';
+export { default as Select } from './select';
+export type { FilterOption, SelectFallbackOption, SelectFieldNames, SelectInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectProps, } from './select';
 export { default as Secret } from './secret';
 export type { SecretInstance } from './secret';
 export { default as Skeleton, SkeletonLine, SkeletonShape } from './skeleton';
@@ -146,6 +149,8 @@ export { default as Timeline, TimelineItem } 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 Tour } from './tour';
+export type { TourAlignment, TourAllowedButton, TourConfig, TourController, TourExpose, TourInstance, TourPopover, TourProps, TourSide, TourState, TourStep, } from './tour';
 export { default as Transfer } from './transfer';
 export type { TransferInstance, TransferItem } from './transfer';
 export { default as Tree } from './tree';
@@ -165,3 +170,4 @@ export type { VerificationCodeInstance } from './verification-code';
 export { default as Watermark } from './watermark';
 export type { WatermarkInstance } from './watermark';
 export { useFormItem } from './_hooks/use-form-item';
+export { getCssVarToken } from './_utils/global-config';

package/es/index.js

@@ -1,4 +1,5 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
+import { getCssVarToken } from "./_utils/global-config.js";
 import Affix from "./affix/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
@@ -9,9 +10,6 @@ import button_group_default from "./button/button-group.js";
 import Button from "./button/index.js";
 import input_search_default from "./input/input-search.js";
 import Input from "./input/index.js";
-import checkbox_group_default from "./checkbox/checkbox-group.js";
-import Checkbox from "./checkbox/index.js";
-import option_default from "./select/option.js";
 import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Empty from "./empty/index.js";
 import Scrollbar from "./scrollbar/index.js";
@@ -30,25 +28,26 @@ import dropdown_submenu_default from "./dropdown/dropdown-submenu.js";
 import Dropdown from "./dropdown/index.js";
 import breadcrumb_item_default from "./breadcrumb/breadcrumb-item.js";
 import Breadcrumb from "./breadcrumb/index.js";
-import radio_group_default from "./radio/radio-group.js";
-import Radio from "./radio/index.js";
-import optgroup_default from "./select/optgroup.js";
 import Tooltip from "./tooltip/index.js";
 import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
-import Tag from "./tag/index.js";
-import InputTag from "./input-tag/index.js";
-import Select from "./select/index.js";
 import Calendar from "./calendar/index.js";
 import card_grid_default from "./card/card-grid.js";
 import card_meta_default from "./card/card-meta.js";
 import Card from "./card/index.js";
 import carousel_item_default from "./carousel/carousel-item.js";
 import Carousel from "./carousel/index.js";
+import checkbox_group_default from "./checkbox/checkbox-group.js";
+import Checkbox from "./checkbox/index.js";
+import radio_group_default from "./radio/radio-group.js";
+import Radio from "./radio/index.js";
 import cascader_panel_default from "./cascader/cascader-panel.js";
+import Tag from "./tag/index.js";
+import InputTag from "./input-tag/index.js";
 import Cascader from "./cascader/index.js";
 import collapse_item_default from "./collapse/collapse-item.js";
 import Collapse from "./collapse/index.js";
 import InputNumber from "./input-number/index.js";
+import Select from "./select/index.js";
 import ColorPicker from "./color-picker/index.js";
 import Comment from "./comment/index.js";
 import ConfigProvider from "./config-provider/index.js";
@@ -109,6 +108,7 @@ import OverflowList from "./overflow-list/index.js";
 import PageHeader from "./page-header/index.js";
 import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
+import QrCode from "./qr-code/index.js";
 import Result from "./result/index.js";
 import Secret from "./secret/index.js";
 import line_default from "./skeleton/line.js";
@@ -133,6 +133,7 @@ import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
 import item_default$1 from "./timeline/item.js";
 import Timeline from "./timeline/index.js";
+import Tour from "./tour/index.js";
 import paragraph_default from "./typography/paragraph.js";
 import text_default from "./typography/text.js";
 import title_default from "./typography/title.js";
@@ -140,4 +141,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { A2UI_0_8, 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, Copy, countdown_default as Countdown, Cropper, 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, JsonForm, 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, Secret, 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, TagGroup, 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, defineJsonFormComponents, defineJsonFormSchemas, getLocale, useFormItem, useLocale };
+export { A2UI_0_8, 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, Copy, countdown_default as Countdown, Cropper, 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, JsonForm, 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, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, 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, Secret, 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, TagGroup, 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, Tour, 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, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -11,6 +11,7 @@
 @use '@components/tree-select/style/index.scss' as *;
 @use '@components/tree/style/index.scss' as *;
 @use '@components/transfer/style/index.scss' as *;
+@use '@components/tour/style/index.scss' as *;
 @use '@components/tooltip/style/index.scss' as *;
 @use '@components/timeline/style/index.scss' as *;
 @use '@components/time-picker/style/index.scss' as *;
@@ -33,8 +34,9 @@
 @use '@components/result/style/index.scss' as *;
 @use '@components/resize-box/style/index.scss' as *;
 @use '@components/rate/style/index.scss' as *;
-@use '@components/radio/style/index.scss' as *;
 @use '@components/progress/style/index.scss' as *;
+@use '@components/qr-code/style/index.scss' as *;
+@use '@components/radio/style/index.scss' as *;
 @use '@components/popover/style/index.scss' as *;
 @use '@components/popconfirm/style/index.scss' as *;
 @use '@components/pagination/style/index.scss' as *;

package/es/input/index.d.ts

@@ -58,8 +58,8 @@ declare const Input: {
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -81,9 +81,9 @@ declare const Input: {
         blur: (_ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
         type: "text" | "password";
+        disabled: boolean;
         error: boolean;
         readonly: boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
         maxLength: number | {
@@ -151,8 +151,8 @@ declare const Input: {
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -166,9 +166,9 @@ declare const Input: {
         blur(): void;
     }, {
         type: "text" | "password";
+        disabled: boolean;
         error: boolean;
         readonly: boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
         maxLength: number | {
@@ -233,8 +233,8 @@ declare const Input: {
     prepend: StringConstructor;
     append: StringConstructor;
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -256,9 +256,9 @@ declare const Input: {
     blur: (_ev: FocusEvent) => true;
 }, string, {
     type: "text" | "password";
+    disabled: boolean;
     error: boolean;
     readonly: boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
     maxLength: number | {
@@ -623,7 +623,7 @@ declare const Input: {
             };
         }>, {
             prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -635,8 +635,10 @@ declare const Input: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large" | "small" | "mini";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         AInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -758,8 +760,8 @@ declare const Input: {
             prepend: StringConstructor;
             append: StringConstructor;
         }>> & Readonly<{
-            onFocus?: ((_ev: FocusEvent) => any) | undefined;
             onClear?: ((_ev: MouseEvent) => any) | undefined;
+            onFocus?: ((_ev: FocusEvent) => any) | undefined;
             onBlur?: ((_ev: FocusEvent) => any) | undefined;
             onChange?: ((_value: string, _ev: Event) => any) | undefined;
             onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -767,9 +769,9 @@ declare const Input: {
             onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
         }>, {
             type: "text" | "password";
+            disabled: boolean;
             error: boolean;
             readonly: boolean;
-            disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
             maxLength: number | {

package/es/input/input-group.js

@@ -5,6 +5,6 @@ import { createElementBlock, normalizeClass, openBlock, renderSlot } from "vue";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.prefixCls) }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-var input_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(input_group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var input_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(input_group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { input_group_default as default };

package/es/input/input-password.js

@@ -41,6 +41,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		} : void 0
 	]), 1032, ["type"]);
 }
-var input_password_default = /* @__PURE__ */ _plugin_vue_export_helper_default(input_password_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var input_password_default = /*#__PURE__*/ _plugin_vue_export_helper_default(input_password_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { input_password_default as default };

package/es/input/input-password.vue.d.ts

@@ -297,7 +297,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>, {
         prefixCls: string;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         prefix: {
             type: StringConstructor;
         };
@@ -309,8 +309,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large" | "small" | "mini";
         disabled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -432,8 +434,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -441,9 +443,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
     }>, {
         type: "text" | "password";
+        disabled: boolean;
         error: boolean;
         readonly: boolean;
-        disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
         maxLength: number | {

package/es/input/input.d.ts

@@ -119,8 +119,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     prepend: StringConstructor;
     append: StringConstructor;
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
@@ -128,9 +128,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
 }>, {
     type: "text" | "password";
+    disabled: boolean;
     error: boolean;
     readonly: boolean;
-    disabled: boolean;
     defaultValue: string;
     allowClear: boolean;
     maxLength: number | {

package/es/input/input.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -364,11 +364,10 @@ var input_default = /* @__PURE__ */ defineComponent({
 					"onCompositionupdate": handleComposition,
 					"onCompositionend": handleComposition
 				}, mergeInputAttrs.value), null),
-				showClearBtn.value && createVNode(icon_hover_default, {
+				showClearBtn.value && createVNode(icon_hover_default, mergeProps({
 					"prefix": prefixCls,
-					"class": `${prefixCls}-clear-btn`,
-					"onClick": handleClear
-				}, { default: () => [createVNode(IconClose, null, null)] }),
+					"class": `${prefixCls}-clear-btn`
+				}, { onClick: handleClear }), { default: () => [createVNode(IconClose, null, null)] }),
 				(slots.suffix || Boolean(props.maxLength) && props.showWordLimit || Boolean(feedback.value)) && createVNode("span", { "class": [`${prefixCls}-suffix`, { [`${prefixCls}-suffix-has-feedback`]: feedback.value }] }, [
 					Boolean(props.maxLength) && props.showWordLimit && createVNode("span", { "class": `${prefixCls}-word-limit` }, [
 						valueLength.value,

package/es/input/style/index.css

@@ -49,33 +49,33 @@
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
   border: 1px solid transparent;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
   cursor: text;
   transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-input-wrapper:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   border-color: transparent;
 }
 .sd-input-wrapper:focus-within, .sd-input-wrapper.sd-input-focus {
   z-index: 1;
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--primary-6));
-  box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 0 var(--sd-color-primary-light-2);
 }
 .sd-input-wrapper.sd-input-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-fill-2);
   border-color: transparent;
   cursor: not-allowed;
 }
 .sd-input-wrapper.sd-input-disabled:hover {
-  color: var(--color-text-4);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-fill-2);
   border-color: transparent;
 }
 .sd-input-wrapper.sd-input-disabled .sd-input-prefix,
@@ -83,18 +83,18 @@
   color: inherit;
 }
 .sd-input-wrapper.sd-input-error {
-  background-color: var(--color-danger-light-1);
+  background-color: var(--sd-color-danger-light-1);
   border-color: transparent;
 }
 .sd-input-wrapper.sd-input-error:hover {
-  background-color: var(--color-danger-light-2);
+  background-color: var(--sd-color-danger-light-2);
   border-color: transparent;
 }
 .sd-input-wrapper.sd-input-error:focus-within, .sd-input-wrapper.sd-input-error.sd-input-wrapper-focus {
   z-index: 1;
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 0 var(--color-danger-light-2);
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 0 var(--sd-color-danger-light-2);
 }
 .sd-input-wrapper .sd-input-prefix,
 .sd-input-wrapper .sd-input-suffix {
@@ -110,30 +110,30 @@
 }
 .sd-input-wrapper .sd-input-prefix {
   padding-right: 12px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-input-wrapper .sd-input-suffix {
   padding-left: 12px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-input-wrapper .sd-input-suffix .sd-feedback-icon {
   display: inline-flex;
 }
 .sd-input-wrapper .sd-input-suffix .sd-feedback-icon-status-validating {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
 }
 .sd-input-wrapper .sd-input-suffix .sd-feedback-icon-status-success {
-  color: rgb(var(--success-6));
+  color: rgb(var(--sd-success-6));
 }
 .sd-input-wrapper .sd-input-suffix .sd-feedback-icon-status-warning {
-  color: rgb(var(--warning-6));
+  color: rgb(var(--sd-warning-6));
 }
 .sd-input-wrapper .sd-input-suffix .sd-feedback-icon-status-error {
-  color: rgb(var(--danger-6));
+  color: rgb(var(--sd-danger-6));
 }
 .sd-input-wrapper .sd-input-clear-btn {
   align-self: center;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   visibility: hidden;
   cursor: pointer;
@@ -146,7 +146,7 @@
   visibility: visible;
 }
 .sd-input-wrapper:not(.sd-input-focus) .sd-input-icon-hover:hover::before {
-  background-color: var(--color-fill-4);
+  background-color: var(--sd-color-fill-4);
 }
 .sd-input-wrapper .sd-input {
   width: 100%;
@@ -163,13 +163,13 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .sd-input-wrapper .sd-input::placeholder {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
 }
 .sd-input-wrapper .sd-input[disabled]::placeholder {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
 }
 .sd-input-wrapper .sd-input[disabled] {
-  -webkit-text-fill-color: var(--color-text-4);
+  -webkit-text-fill-color: var(--sd-color-text-4);
 }
 .sd-input-wrapper .sd-input.sd-input-size-mini {
   /* prettier-ignore */
@@ -204,7 +204,7 @@
   line-height: 1.5715;
 }
 .sd-input-wrapper .sd-input-word-limit {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
 }
 
@@ -216,12 +216,12 @@
   border-radius: 0;
 }
 .sd-input-outer > :first-child {
-  border-top-left-radius: var(--border-radius-small);
-  border-bottom-left-radius: var(--border-radius-small);
+  border-top-left-radius: var(--sd-border-radius-small);
+  border-bottom-left-radius: var(--sd-border-radius-small);
 }
 .sd-input-outer > :last-child {
-  border-top-right-radius: var(--border-radius-small);
-  border-bottom-right-radius: var(--border-radius-small);
+  border-top-right-radius: var(--sd-border-radius-small);
+  border-bottom-right-radius: var(--sd-border-radius-small);
 }
 .sd-input-outer.sd-input-outer-size-mini .sd-input-outer {
   font-size: 12px;
@@ -453,9 +453,9 @@
   align-items: center;
   box-sizing: border-box;
   padding: 0 12px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   white-space: nowrap;
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
   border: 1px solid transparent;
 }
 .sd-input-prepend > svg,
@@ -464,7 +464,7 @@
 }
 
 .sd-input-prepend {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 .sd-input-prepend .sd-input {
   width: auto;
@@ -495,7 +495,7 @@
 }
 
 .sd-input-append {
-  border-left: 1px solid var(--color-neutral-3);
+  border-left: 1px solid var(--sd-color-neutral-3);
 }
 .sd-input-append .sd-input {
   width: auto;
@@ -565,23 +565,23 @@
 }
 
 .sd-input-group > *:first-child, .sd-input-group > *:first-child .sd-input-group > *:first-child {
-  border-top-left-radius: var(--border-radius-small);
-  border-bottom-left-radius: var(--border-radius-small);
+  border-top-left-radius: var(--sd-border-radius-small);
+  border-bottom-left-radius: var(--sd-border-radius-small);
 }
 
 .sd-input-group > *:first-child .sd-select-view, .sd-input-group > *:first-child .sd-input-group > *:first-child .sd-select-view {
-  border-top-left-radius: var(--border-radius-small);
-  border-bottom-left-radius: var(--border-radius-small);
+  border-top-left-radius: var(--sd-border-radius-small);
+  border-bottom-left-radius: var(--sd-border-radius-small);
 }
 
 .sd-input-group > *:last-child, .sd-input-group > *:last-child .sd-input-outer > *:last-child {
-  border-top-right-radius: var(--border-radius-small);
-  border-bottom-right-radius: var(--border-radius-small);
+  border-top-right-radius: var(--sd-border-radius-small);
+  border-bottom-right-radius: var(--sd-border-radius-small);
 }
 
 .sd-input-group > *:last-child .sd-select-view, .sd-input-group > *:last-child .sd-input-outer > *:last-child .sd-select-view {
-  border-top-right-radius: var(--border-radius-small);
-  border-bottom-right-radius: var(--border-radius-small);
+  border-top-right-radius: var(--sd-border-radius-small);
+  border-bottom-right-radius: var(--sd-border-radius-small);
 }
 
 .sd-input-group > .sd-input-wrapper:not(:last-child),
@@ -589,18 +589,18 @@
 .sd-input-group > .sd-input-tag:not(:last-child),
 .sd-input-group > .sd-select-view:not(:last-child) {
   margin-right: -1px;
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 
 .sd-input-group > .sd-input-wrapper:not(:last-child):focus-within,
 .sd-input-group > .sd-input-outer:not(:last-child):focus-within,
 .sd-input-group > .sd-input-tag:not(:last-child):focus-within,
 .sd-input-group > .sd-select-view:not(:last-child):focus-within {
-  border-right-color: rgb(var(--primary-6));
+  border-right-color: rgb(var(--sd-primary-6));
 }
 
 .sd-input-group > .sd-input-wrapper.sd-input-error:not(:last-child):focus-within {
-  border-right-color: rgb(var(--danger-6));
+  border-right-color: rgb(var(--sd-danger-6));
 }
 
 /******** borderSize *******/
@@ -642,7 +642,7 @@
   position: absolute;
   right: 10px;
   bottom: 6px;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
   user-select: none;
 }
@@ -682,7 +682,7 @@
 }
 
 .sd-input-search .sd-input-suffix {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
 }
 
@@ -713,7 +713,7 @@
 /******** 高级配置项 *******/
 /******** 高级配置项 end *******/
 .sd-input-wrapper.sd-input-password:not(.sd-input-disabled) .sd-input-suffix {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   cursor: pointer;
 }