@sdata/web-vue 3.13.0 → 3.15.0

package/es/index.d.ts

@@ -18,6 +18,8 @@ export { default as BorderBeam } from './border-beam';
 export type { BorderBeamInstance, BorderBeamSize, BorderBeamTheme, BorderBeamColorVariant, BorderBeamFlowPreset, BorderBeamFlowPoint, BorderBeamFlowCoordinate, BorderBeamExposed, } from './border-beam';
 export { default as Badge } from './badge';
 export type { BadgeInstance } from './badge';
+export { default as BasicCrudTable } from './basic-crud-table';
+export type { BasicCrudTableActionSlotProps, BasicCrudTableDataResult, BasicCrudTableInstance, BasicCrudTableModalFormProps, BasicCrudTableModalProps, BasicCrudTableModalSlotProps, BasicCrudTableModalSubmitContext, BasicCrudTableProps, BasicCrudTableTableProps, BasicCrudTableToolbarProps, InferBasicCrudTableRow, InferBasicCrudTableRowFromValue, MaybePromise, } from './basic-crud-table';
 export { default as Breadcrumb, BreadcrumbItem } from './breadcrumb';
 export type { BreadcrumbInstance, BreadcrumbItemInstance, BreadcrumbRoute } from './breadcrumb';
 export { default as Button, ButtonGroup } from './button';

package/es/index.js

@@ -1,10 +1,10 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
 import { getCssVarToken } from "./_utils/global-config.js";
 import Affix from "./affix/index.js";
+import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
 import Anchor from "./anchor/index.js";
-import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Trigger from "./trigger/index.js";
 import Tooltip from "./tooltip/index.js";
 import input_group_default from "./input/input-group.js";
@@ -21,8 +21,60 @@ import AvatarGroup from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
-import BorderBeam from "./border-beam/index.js";
+import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
+import Link from "./link/index.js";
+import Popconfirm from "./popconfirm/index.js";
+import Space from "./space/index.js";
 import Empty from "./empty/index.js";
+import InputNumber from "./input-number/index.js";
+import Pagination from "./pagination/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 table_tbody_default from "./table/table-tbody.js";
+import table_td_default from "./table/table-td.js";
+import table_th_default from "./table/table-th.js";
+import table_thead_default from "./table/table-thead.js";
+import table_tr_default from "./table/table-tr.js";
+import table_column_default from "./table/table-column.js";
+import Table from "./table/index.js";
+import grid_col_default from "./grid/grid-col.js";
+import grid_item_default from "./grid/grid-item.js";
+import grid_row_default from "./grid/grid-row.js";
+import Grid from "./grid/index.js";
+import form_item_default from "./form/form-item.js";
+import Form from "./form/index.js";
+import { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.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 month_picker_default from "./date-picker/pickers/month-picker.js";
+import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
+import week_picker_default from "./date-picker/pickers/week-picker.js";
+import year_picker_default from "./date-picker/pickers/year-picker.js";
+import range_picker_default from "./date-picker/range-picker.js";
+import DatePicker from "./date-picker/index.js";
+import Textarea from "./textarea/index.js";
+import Mention from "./mention/index.js";
+import Rate from "./rate/index.js";
+import Select from "./select/index.js";
+import Slider from "./slider/index.js";
+import Switch from "./switch/index.js";
+import TimePicker from "./time-picker/index.js";
+import list_item_default from "./list/list-item.js";
+import list_item_meta_default from "./list/list-item-meta.js";
+import List from "./list/index.js";
+import Transfer from "./transfer/index.js";
+import Tree from "./tree/index.js";
+import TreeSelect from "./tree-select/index.js";
+import VerificationCode from "./verification-code/index.js";
+import JsonForm from "./json-form/index.js";
+import Toolbar from "./toolbar/index.js";
+import Modal from "./modal/index.js";
+import BasicCrudTable from "./basic-crud-table/index.js";
+import BorderBeam from "./border-beam/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
 import dropdown_option_default from "./dropdown/dropdown-option.js";
@@ -30,38 +82,20 @@ 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 Ellipsis, { PerformantEllipsis } from "./ellipsis/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";
-import Link from "./link/index.js";
 import Message from "./message/index.js";
 import Copy from "./copy/index.js";
 import Cropper from "./cropper/index.js";
-import month_picker_default from "./date-picker/pickers/month-picker.js";
-import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
-import week_picker_default from "./date-picker/pickers/week-picker.js";
-import year_picker_default from "./date-picker/pickers/year-picker.js";
-import range_picker_default from "./date-picker/range-picker.js";
-import DatePicker from "./date-picker/index.js";
 import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
@@ -71,29 +105,7 @@ import preview_default from "./image/preview.js";
 import preview_group_default from "./image/preview-group.js";
 import Image from "./image/index.js";
 import FilePreviewer from "./file-previewer/index.js";
-import grid_col_default from "./grid/grid-col.js";
-import grid_item_default from "./grid/grid-item.js";
-import grid_row_default from "./grid/grid-row.js";
-import Grid from "./grid/index.js";
-import form_item_default from "./form/form-item.js";
-import Form from "./form/index.js";
 import Icon from "./icon-component/index.js";
-import { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.js";
-import Textarea from "./textarea/index.js";
-import Mention from "./mention/index.js";
-import Rate from "./rate/index.js";
-import Slider from "./slider/index.js";
-import Switch from "./switch/index.js";
-import TimePicker from "./time-picker/index.js";
-import Pagination from "./pagination/index.js";
-import list_item_default from "./list/list-item.js";
-import list_item_meta_default from "./list/list-item-meta.js";
-import List from "./list/index.js";
-import Transfer from "./transfer/index.js";
-import Tree from "./tree/index.js";
-import TreeSelect from "./tree-select/index.js";
-import VerificationCode from "./verification-code/index.js";
-import JsonForm from "./json-form/index.js";
 import content_default from "./layout/content.js";
 import footer_default from "./layout/footer.js";
 import header_default from "./layout/header.js";
@@ -103,11 +115,9 @@ import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
 import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
-import Modal from "./modal/index.js";
 import Notification from "./notification/index.js";
 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 ResizeBox from "./resize-box/index.js";
@@ -117,26 +127,17 @@ import SelectableCard from "./selectable-card/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
 import Skeleton from "./skeleton/index.js";
-import Space from "./space/index.js";
 import Split from "./split/index.js";
 import countdown_default from "./statistic/countdown.js";
 import Statistic from "./statistic/index.js";
 import step_default from "./steps/step.js";
 import Steps from "./steps/index.js";
-import table_tbody_default from "./table/table-tbody.js";
-import table_td_default from "./table/table-td.js";
-import table_th_default from "./table/table-th.js";
-import table_thead_default from "./table/table-thead.js";
-import table_tr_default from "./table/table-tr.js";
-import table_column_default from "./table/table-column.js";
-import Table from "./table/index.js";
 import tab_pane_default from "./tabs/tab-pane.js";
 import Tabs from "./tabs/index.js";
 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 Toolbar from "./toolbar/index.js";
 import Tour from "./tour/index.js";
 import paragraph_default from "./typography/paragraph.js";
 import text_default from "./typography/text.js";
@@ -145,4 +146,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, BorderBeam, 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, FilePreviewer, 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, SelectableCard, 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, Toolbar, 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 };
+export { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, 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, FilePreviewer, 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, SelectableCard, 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, Toolbar, 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

@@ -80,6 +80,7 @@
 @use '@components/button/style/index.scss' as *;
 @use '@components/breadcrumb/style/index.scss' as *;
 @use '@components/badge/style/index.scss' as *;
+@use '@components/basic-crud-table/style/index.scss' as *;
 @use '@components/back-top/style/index.scss' as *;
 @use '@components/border-beam/style/index.scss' as *;
 @use '@components/avatar/style/index.scss' as *;

package/es/input/input.js

@@ -3,7 +3,9 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 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";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
 import { useCursor } from "../_hooks/use-cursor.js";
@@ -192,10 +194,11 @@ var input_default = /* @__PURE__ */ defineComponent({
 	* @slot append
 	*/
 	setup(props, { emit, slots, attrs }) {
+		const { t } = useI18n();
 		const { size, disabled, error, modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("input");
 		const inputRef = ref();
-		const { mergedSize: _mergedSize, mergedDisabled, mergedError: _mergedError, feedback, eventHandlers } = useFormItem({
+		const { mergedSize: _mergedSize, mergedDisabled, mergedError: _mergedError, feedback, eventHandlers, formItemCtx } = useFormItem({
 			size,
 			disabled,
 			error
@@ -320,6 +323,12 @@ var input_default = /* @__PURE__ */ defineComponent({
 			emitChange("", ev);
 			emit("clear", ev);
 		};
+		const handleClearKeydown = (ev) => {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				handleClear(ev);
+			}
+		};
 		const handleKeyDown = (e) => {
 			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
 			const keyCode = e.key || e.code;
@@ -346,6 +355,7 @@ var input_default = /* @__PURE__ */ defineComponent({
 		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const mergeInputAttrs = computed(() => {
 			const attrs = _objectSpread2(_objectSpread2({}, inputAttrs.value), props.inputAttrs);
+			if (formItemCtx.fieldId && attrs.id === void 0) attrs.id = formItemCtx.fieldId;
 			if (mergedError.value) attrs["aria-invalid"] = true;
 			return attrs;
 		});
@@ -375,7 +385,13 @@ var input_default = /* @__PURE__ */ defineComponent({
 				showClearBtn.value && createVNode(icon_hover_default, mergeProps({
 					"prefix": prefixCls,
 					"class": `${prefixCls}-clear-btn`
-				}, { onClick: handleClear }), { default: () => [createVNode(IconClose, null, null)] }),
+				}, {
+					"onClick": handleClear,
+					"onKeydown": handleClearKeydown,
+					"role": "button",
+					"tabindex": 0,
+					"aria-label": t("a11y.clear")
+				}), { 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

@@ -55,7 +55,7 @@
   border: 1px solid transparent;
   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);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-wrapper:hover {
   background-color: var(--sd-color-fill-3);
@@ -140,7 +140,7 @@
 }
 .sd-input-wrapper .sd-input-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-wrapper:hover .sd-input-clear-btn {
   visibility: visible;

package/es/input/style/input.scss

@@ -52,9 +52,9 @@
   border-radius: $input-border-radius;
   cursor: text;
   transition:
-    color theme.$transition-duration-1 theme.$transition-timing-function-linear,
-    border-color theme.$transition-duration-1 theme.$transition-timing-function-linear,
-    background-color theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
   &:hover {
     background-color: $input-color-bg_hover;
@@ -143,7 +143,7 @@
 
     > svg {
       position: relative;
-      transition: color theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
   }
 

package/es/input-number/input-number.js

@@ -2,15 +2,16 @@ import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
+import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useSize } from "../_hooks/use-size.js";
 import Button from "../button/index.js";
 import Input from "../input/index.js";
-import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
-import IconDown from "../icon/icon-down/index.js";
-import IconUp from "../icon/icon-up/index.js";
 import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
+import IconDown from "../icon/icon-down/index.js";
+import IconUp from "../icon/icon-up/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, ref, toRefs, watch } from "vue";
 import NP from "number-precision";
 //#region components/input-number/input-number.tsx
@@ -223,6 +224,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 	*/
 	setup(props, { emit, slots }) {
 		var _props$modelValue, _props$modelValue2;
+		const { t } = useI18n();
 		const { size, disabled, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("input-number");
 		const inputRef = ref();
@@ -392,6 +394,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 				"class": [`${prefixCls}-step-button`, { [`${prefixCls}-step-button-disabled`]: mergedDisabled.value || isMax.value }],
 				"type": "button",
 				"tabindex": "-1",
+				"aria-label": t("a11y.increase"),
 				"disabled": mergedDisabled.value || isMax.value,
 				"onMousedown": (e) => handleStepButton(e, "plus", true),
 				"onMouseup": clearRepeatTimer,
@@ -400,6 +403,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 				"class": [`${prefixCls}-step-button`, { [`${prefixCls}-step-button-disabled`]: mergedDisabled.value || isMin.value }],
 				"type": "button",
 				"tabindex": "-1",
+				"aria-label": t("a11y.decrease"),
 				"disabled": mergedDisabled.value || isMin.value,
 				"onMousedown": (e) => handleStepButton(e, "minus", true),
 				"onMouseup": clearRepeatTimer,
@@ -415,6 +419,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		const renderPrependButton = () => {
 			return createVNode(Button, mergeProps({
 				"size": mergedSize.value,
+				"aria-label": t("a11y.decrease"),
 				"class": `${prefixCls}-step-button`,
 				"disabled": mergedDisabled.value || isMin.value
 			}, {
@@ -427,6 +432,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		const renderAppendButton = () => {
 			return createVNode(Button, mergeProps({
 				"size": mergedSize.value,
+				"aria-label": t("a11y.increase"),
 				"class": `${prefixCls}-step-button`,
 				"disabled": mergedDisabled.value || isMax.value
 			}, {

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

@@ -36,7 +36,7 @@
   background-color: var(--sd-color-fill-2);
   cursor: pointer;
   user-select: none;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-number-step-button:hover {
   background-color: var(--sd-color-fill-3);
@@ -59,7 +59,7 @@
   position: relative;
 }
 .sd-input-number-prefix, .sd-input-number-suffix {
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-number-mode-embed .sd-input-number-step {
   position: absolute;
@@ -70,7 +70,7 @@
   overflow: hidden;
   border-radius: 1px;
   opacity: 0;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-number-mode-embed .sd-input-number-step .sd-input-number-step-button {
   width: 100%;

package/es/input-number/style/index.scss

@@ -14,7 +14,11 @@ $input-number-prefix-cls: string.unquote('#{theme.$prefix}-input-number');
   border-radius: $input-number-border-radius;
 
   @mixin transition() {
-    transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition:
+      color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      background-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
   }
 
   &-step-button {

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

@@ -64,6 +64,7 @@ declare const InputTag: {
         focused: BooleanConstructor;
         disabledInput: BooleanConstructor;
         uninjectFormItemContext: BooleanConstructor;
+        inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
@@ -176,6 +177,7 @@ declare const InputTag: {
         focused: BooleanConstructor;
         disabledInput: BooleanConstructor;
         uninjectFormItemContext: BooleanConstructor;
+        inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
@@ -275,6 +277,7 @@ declare const InputTag: {
     focused: BooleanConstructor;
     disabledInput: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: import("vue").PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;

package/es/input-tag/input-tag.d.ts

@@ -63,6 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     focused: BooleanConstructor;
     disabledInput: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -141,6 +142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     focused: BooleanConstructor;
     disabledInput: BooleanConstructor;
     uninjectFormItemContext: BooleanConstructor;
+    inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;

package/es/input-tag/input-tag.js

@@ -152,7 +152,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		baseCls: String,
 		focused: Boolean,
 		disabledInput: Boolean,
-		uninjectFormItemContext: Boolean
+		uninjectFormItemContext: Boolean,
+		inputAttrs: Object
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
@@ -567,35 +568,38 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 				}, { class: [`${prefixCls}-inner`, {
 					[`${prefixCls}-inner-responsive`]: isResponsiveMaxTagCount.value,
 					[`${prefixCls}-nowrap`]: props.tagNowrap
-				}] }), { default: () => [tags.value.map((item, index) => {
-					let _slot;
-					return createVNode(Tag, mergeProps({
-						"key": `tag-${item.value}`,
-						"class": [`${prefixCls}-tag`, {
-							[`${prefixCls}-tag-counter`]: isOverflowCounterTag(item.value),
-							[`${prefixCls}-tag-overflow`]: isCompressedResponsiveTag(index, item.value)
-						}],
-						"closable": isClosableTag(item),
-						"visible": true,
-						"nowrap": props.tagNowrap || isResponsiveMaxTagCount.value,
-						"style": getTagStyle(index)
-					}, item.tagProps, { "onClose": (ev) => handleRemove(item.value, index, ev) }), _isSlot(_slot = renderTagContent(item, index)) ? _slot : { default: () => [_slot] });
-				}), createVNode("input", mergeProps(inputAttrs.value, {
-					"ref": inputRef,
-					"key": "input-tag-input",
-					"class": `${prefixCls}-input`,
-					"style": getInputStyle.value,
-					"placeholder": valueData.value.length === 0 ? props.placeholder : void 0,
-					"disabled": mergedDisabled.value,
-					"readonly": !!(props.readonly || props.disabledInput),
-					"onInput": handleInput,
-					"onKeydown": handleKeyDown,
-					"onFocus": handleFocus,
-					"onBlur": handleBlur,
-					"onCompositionstart": handleComposition,
-					"onCompositionupdate": handleComposition,
-					"onCompositionend": handleComposition
-				}), null)] }),
+				}] }), { default: () => {
+					var _props$inputAttrs;
+					return [tags.value.map((item, index) => {
+						let _slot;
+						return createVNode(Tag, mergeProps({
+							"key": `tag-${item.value}`,
+							"class": [`${prefixCls}-tag`, {
+								[`${prefixCls}-tag-counter`]: isOverflowCounterTag(item.value),
+								[`${prefixCls}-tag-overflow`]: isCompressedResponsiveTag(index, item.value)
+							}],
+							"closable": isClosableTag(item),
+							"visible": true,
+							"nowrap": props.tagNowrap || isResponsiveMaxTagCount.value,
+							"style": getTagStyle(index)
+						}, item.tagProps, { "onClose": (ev) => handleRemove(item.value, index, ev) }), _isSlot(_slot = renderTagContent(item, index)) ? _slot : { default: () => [_slot] });
+					}), createVNode("input", mergeProps(inputAttrs.value, (_props$inputAttrs = props.inputAttrs) !== null && _props$inputAttrs !== void 0 ? _props$inputAttrs : {}, {
+						"ref": inputRef,
+						"key": "input-tag-input",
+						"class": `${prefixCls}-input`,
+						"style": getInputStyle.value,
+						"placeholder": valueData.value.length === 0 ? props.placeholder : void 0,
+						"disabled": mergedDisabled.value,
+						"readonly": !!(props.readonly || props.disabledInput),
+						"onInput": handleInput,
+						"onKeydown": handleKeyDown,
+						"onFocus": handleFocus,
+						"onBlur": handleBlur,
+						"onCompositionstart": handleComposition,
+						"onCompositionupdate": handleComposition,
+						"onCompositionend": handleComposition
+					}), null)];
+				} }),
 				showClearBtn.value && createVNode(icon_hover_default, mergeProps({ "class": `${prefixCls}-clear-btn` }, {
 					onClick: handleClear,
 					onMousedown: (e) => e.stopPropagation()

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

@@ -44,7 +44,7 @@
 }
 .sd-tag-checkable {
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-tag-checkable:hover {
   background-color: var(--sd-color-fill-2);
@@ -489,7 +489,7 @@
   border: 1px solid transparent;
   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);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-tag:hover {
   background-color: var(--sd-color-fill-3);
@@ -574,7 +574,7 @@
 }
 .sd-input-tag .sd-input-tag-clear-btn > svg {
   position: relative;
-  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-input-tag:hover .sd-input-tag-clear-btn {
   visibility: visible;
@@ -808,7 +808,7 @@
 }
 
 .input-tag-zoom-enter-from {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
@@ -818,7 +818,7 @@
 }
 
 .input-tag-zoom-enter-active {
-  transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
 .input-tag-zoom-leave-from {
@@ -827,15 +827,15 @@
 }
 
 .input-tag-zoom-leave-to {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
 .input-tag-zoom-leave-active {
   position: absolute;
-  transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
+  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
 .input-tag-zoom-move {
-  transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
+  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
 }

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

@@ -8,8 +8,9 @@ $input-tag-prefix-cls: string.unquote('#{theme.$prefix}-input-tag');
   @include input-tag-style($input-tag-prefix-cls);
 }
 
+// 标签入场/退场：从 scale(0.94) 起步而非 scale(0.5)，轻微弹出即可
 .input-tag-zoom-enter-from {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
@@ -19,7 +20,9 @@ $input-tag-prefix-cls: string.unquote('#{theme.$prefix}-input-tag');
 }
 
 .input-tag-zoom-enter-active {
-  transition: all theme.$transition-duration-3 theme.$transition-timing-function-standard;
+  transition:
+    transform theme.$transition-duration-3 theme.$transition-timing-function-standard,
+    opacity theme.$transition-duration-3 theme.$transition-timing-function-standard;
 }
 
 .input-tag-zoom-leave-from {
@@ -28,15 +31,18 @@ $input-tag-prefix-cls: string.unquote('#{theme.$prefix}-input-tag');
 }
 
 .input-tag-zoom-leave-to {
-  transform: scale(0.5, 0.5);
+  transform: scale(0.94, 0.94);
   opacity: 0;
 }
 
 .input-tag-zoom-leave-active {
   position: absolute;
-  transition: all theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
+  transition:
+    transform theme.$transition-duration-3 theme.$transition-timing-function-standard,
+    opacity theme.$transition-duration-3 theme.$transition-timing-function-standard;
 }
 
+// 列表重排（FLIP）只过渡 transform
 .input-tag-zoom-move {
-  transition: all theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
+  transition: transform theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
 }