sti-antd-package 0.0.20 → 0.0.22

package/dist/components/NumberFormat/types.d.ts

@@ -1,3 +1,4 @@
+import { SizeType } from "antd/es/config-provider/SizeContext";
 import { formColLayout } from "../../constants";
 import { valueType } from "antd/es/statistic/utils";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
@@ -11,7 +12,7 @@ export interface NumberFormatComponentRef {
 export interface NumberFormatComponentProps {
     noItem?: boolean;
     text?: boolean;
-    size?: 'small';
+    size?: SizeType;
     align?: 'right';
     classNames?: string[];
     variant?: 'borderless' | 'underlined';

package/dist/components/Table/Async/Search/types.d.ts

@@ -15,10 +15,18 @@ export type TableAsyncSearchText = BaseAsyncSearchItem & {
     type: "text";
     initValue?: string;
 };
-export type TableAsyncSearchSelect = BaseAsyncSearchItem & {
+export type TableAsyncSearchSelectLocal = BaseAsyncSearchItem & {
     type: "select";
-    options?: SelectOption[];
+    static: true;
+    options: SelectOption[];
+    initValue?: valueType;
+    ruleType?: RuleObject['type'];
+};
+export type TableAsyncSearchSelectFetch = BaseAsyncSearchItem & {
+    type: "select";
+    static?: false;
     initValue?: valueType;
+    fetchOptions?: ((search: string) => Promise<any[]>);
     ruleType?: RuleObject['type'];
 };
 export type TableAsyncSearchLocalSelectMultiple = BaseAsyncSearchItem & {
@@ -55,7 +63,7 @@ export type TableAsyncSearchDateRange = BaseAsyncSearchItem & {
     format?: DatePickerFormatType;
     initValue?: [Dayjs, Dayjs];
 };
-export type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelect | TableAsyncSearchSelectMultiple | TableAsyncSearchSwitch | TableAsyncSearchCheckbox | TableAsyncSearchDate | TableAsyncSearchDateRange;
+export type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelectLocal | TableAsyncSearchSelectFetch | TableAsyncSearchSelectMultiple | TableAsyncSearchSwitch | TableAsyncSearchCheckbox | TableAsyncSearchDate | TableAsyncSearchDateRange;
 export interface TableAsyncSearchComponentProps {
     noInitSubmit?: boolean;
     noButton?: boolean;

package/dist/components/Tabs/types.d.ts

@@ -6,6 +6,7 @@ export interface TabsComponentProps {
     tabBarExtraContent?: TabsProps['tabBarExtraContent'];
     tabBarGutter?: number;
     tabs: {
+        key: string;
         name: string;
         icon?: React.ReactNode;
         content: React.ReactNode;

package/dist/components/index.d.ts

@@ -43,7 +43,7 @@ export { default as TableComponent } from "./Table";
 export type { TableButtonMiddle, TableComponentProps } from "./Table";
 export { default as TableAsyncComponent } from "./Table/Async";
 export type { DefaultColumn, DefaultParams, TableAsyncComponentProps, TableAsyncComponentRef, TableButtonMiddleAsync, TableParams, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams } from "./Table/Async";
-export type { TableAsyncSearchCheckbox, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText } from "./Table/Async/Search";
+export type { TableAsyncSearchCheckbox, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchSelectFetch, TableAsyncSearchSelectLocal, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText } from "./Table/Async/Search";
 export { default as TableCellEditableComponent } from "./Table/CellEditable";
 export type { TableCellEditableProps } from "./Table/CellEditable";
 export { default as TabsComponent } from "./Tabs";

package/dist/index.d.ts

@@ -549,7 +549,7 @@ interface NumberFormatComponentRef {
 interface NumberFormatComponentProps {
     noItem?: boolean;
     text?: boolean;
-    size?: 'small';
+    size?: SizeType;
     align?: 'right';
     classNames?: string[];
     variant?: 'borderless' | 'underlined';
@@ -866,10 +866,18 @@ type TableAsyncSearchText = BaseAsyncSearchItem & {
     type: "text";
     initValue?: string;
 };
-type TableAsyncSearchSelect = BaseAsyncSearchItem & {
+type TableAsyncSearchSelectLocal = BaseAsyncSearchItem & {
     type: "select";
-    options?: SelectOption[];
+    static: true;
+    options: SelectOption[];
+    initValue?: valueType;
+    ruleType?: RuleObject$1['type'];
+};
+type TableAsyncSearchSelectFetch = BaseAsyncSearchItem & {
+    type: "select";
+    static?: false;
     initValue?: valueType;
+    fetchOptions?: ((search: string) => Promise<any[]>);
     ruleType?: RuleObject$1['type'];
 };
 type TableAsyncSearchLocalSelectMultiple = BaseAsyncSearchItem & {
@@ -906,7 +914,7 @@ type TableAsyncSearchDateRange = BaseAsyncSearchItem & {
     format?: DatePickerFormatType;
     initValue?: [Dayjs, Dayjs];
 };
-type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelect | TableAsyncSearchSelectMultiple | TableAsyncSearchSwitch | TableAsyncSearchCheckbox | TableAsyncSearchDate | TableAsyncSearchDateRange;
+type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelectLocal | TableAsyncSearchSelectFetch | TableAsyncSearchSelectMultiple | TableAsyncSearchSwitch | TableAsyncSearchCheckbox | TableAsyncSearchDate | TableAsyncSearchDateRange;
 
 type DefaultColumn = (ColumnType | ColumnGroupType);
 interface DefaultParams {
@@ -1007,6 +1015,7 @@ interface TabsComponentProps {
     tabBarExtraContent?: TabsProps['tabBarExtraContent'];
     tabBarGutter?: number;
     tabs: {
+        key: string;
         name: string;
         icon?: React.ReactNode;
         content: React.ReactNode;
@@ -1072,4 +1081,4 @@ declare const useRemoveError: (setInputErrors: React.Dispatch<React.SetStateActi
 }>>) => (name?: string) => void;
 
 export { BaseModel, ButtonComponent, ButtonGroupAddComponent, ButtonGroupEditComponent, CardComponent, CascaderComponent, CheckboxComponent$1 as CheckboxComponent, CheckboxComponent as CheckboxGroupComponent, ConfigProvider, DataGridComponent, DateFormat, DatePickerComponent, DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, FormItemComponent, IconCheckOrClose, InputComponent, LinkComponent, NumberFormatComponent, RadioComponent, SelectAsyncComponent, SelectComponent, SwitchComponent, TableAsyncComponent, TableCellEditableComponent, TableComponent, TableRowProvider, TabsComponent, TagComponent, TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, colInline, colLayout, datePickerFormat, _default as formColLayout, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };
-export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridComponentProps, DataGridComponentRef, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DatePickerFormat, DatePickerFormatType, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableButtonMiddleAsync, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };
+export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridComponentProps, DataGridComponentRef, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DatePickerFormat, DatePickerFormatType, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelectFetch, TableAsyncSearchSelectLocal, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableButtonMiddleAsync, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };

package/dist/index.esm.js

@@ -5328,8 +5328,8 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(Form$2, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$8 = ".style-module_number-format__F9NKi {\n  box-sizing: border-box;\n  margin: 0;\n  font-variant: tabular-nums;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  /* color: #000000d9; */\n  font-size: 14px;\n  line-height: 1.5715;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  transition: all .3s;\n}\n\n.style-module_number-format__F9NKi:focus,\n.style-module_number-format__F9NKi:active {\n  border-color: var(--color-primary-a0, var(--color-primary-a0-default));\n  box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);\n  outline: 0;\n}\n\n.style-module_number-format__F9NKi:hover {\n  border-color: var(--color-primary-a0, var(--color-primary-a0-default));\n}\n\n.style-module_number-format-borderless__DOdb8 {\n  border: transparent;\n  background-color: transparent;\n  outline: none;\n}\n\n.style-module_number-format-underlined__hUCaf {\n  border-width: 0 0 1px 0;\n  border-style: none none solid none;\n  border-color: #d9d9d9;\n  outline: none;\n}\n\n.style-module_number-format-error__rOvyp:not(:disabled) {\n  background-color: #fff;\n  border-color: #ff4d4f !important;\n}\n\ninput.style-module_number-format__F9NKi[disabled] {\n  color: var(--input-color-disabled);\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n\ninput[inputmode=\"numeric\"].style-module_number-format-sm__iLZdH {\n  padding: 0px 7px;\n}\n\n.style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
-var styleNumberFormat = {"number-format":"style-module_number-format__F9NKi","number-format-borderless":"style-module_number-format-borderless__DOdb8","number-format-underlined":"style-module_number-format-underlined__hUCaf","number-format-error":"style-module_number-format-error__rOvyp","number-format-sm":"style-module_number-format-sm__iLZdH","number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
+var css_248z$8 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
 styleInject(css_248z$8);
 
 const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
@@ -5342,19 +5342,13 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
     }));
     const classNumberFormat = useMemo$1(() => {
         const classNumberFormat = [];
-        classNames && classNumberFormat.push(...classNames);
-        !text && classNumberFormat.push(styleNumberFormat['number-format']);
-        size === 'small' && classNumberFormat.push(styleNumberFormat['number-format-sm']);
-        if (validateStatus === 'error' || status === 'error')
-            classNumberFormat.push(styleNumberFormat['number-format-error']);
-        variant === 'borderless' && classNumberFormat.push(styleNumberFormat['number-format-borderless']);
-        variant === 'underlined' && classNumberFormat.push(styleNumberFormat['number-format-underlined']);
         !text && align === 'right' && classNumberFormat.push(styleNumberFormat['number-format-align-right']);
+        classNames && classNumberFormat.push(...classNames);
         return classNumberFormat;
     }, [classNames, text, size, validateStatus, status, variant, align]);
     return (jsxRuntimeExports.jsx("div", Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onClick: onClick }, text && align === 'right' && {
         style: { textAlign: 'right' }
-    }, { children: jsxRuntimeExports.jsx(NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, customInput: Input$2, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
+    }, { children: jsxRuntimeExports.jsx(NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, customInput: Input$2, size: size, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
                 removeError === null || removeError === void 0 ? void 0 : removeError(name);
                 setValueNumberFormat(event.target.value);
                 onChange === null || onChange === void 0 ? void 0 : onChange(event);
@@ -5362,7 +5356,9 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
 };
 const NumberFormatComponent = props => {
     const numberFormat = jsxRuntimeExports.jsx(NumberFormat, Object.assign({}, props));
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, trigger: "onValueChange", normalize: values => values.value, children: numberFormat })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", 
+            // ruleTransform={value => Number(value)}
+            ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, trigger: "onValueChange", normalize: (values) => values.floatValue, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, children: numberFormat })))
             : numberFormat }));
 };
 
@@ -7595,12 +7591,12 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
         var _a, _b;
         return (jsxRuntimeExports.jsxs(Space, { children: [jsxRuntimeExports.jsx("span", { children: option.data.emoji }), (_b = (_a = option.data.text) !== null && _a !== void 0 ? _a : option.data.label) !== null && _b !== void 0 ? _b : option.data.value] }));
     };
-    const dropdownRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
+    const popupRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Divider, { className: styleSelect['add-item-divider'] }), jsxRuntimeExports.jsxs(Space, { align: "center", className: styleSelect['add-item-space'], children: [jsxRuntimeExports.jsx(Input$2, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntimeExports.jsxs(Link, { className: styleSelect['add-item-link'], onClick: handleAddItem, children: [jsxRuntimeExports.jsx(RefIcon$5, {}), " Add item"] })] })] })] }));
     const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
             removeError === null || removeError === void 0 ? void 0 : removeError(name);
             onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
-        }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, dropdownRender: dropdownRender, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+        }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: select })))
             : select }));
 };
@@ -8499,10 +8495,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             }, { children: jsxRuntimeExports.jsx(Form$2, Object.assign({}, formColLayout.notInline, { form: form, layout: "vertical", onFinish: handleSubmit, initialValues: setInitialValue(), children: jsxRuntimeExports.jsx(Row, Object.assign({}, styleProps.row, { children: items === null || items === void 0 ? void 0 : items.map(item => {
                             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                             switch (item.type) {
-                                case 'text': return (jsxRuntimeExports.jsx(Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_a = item.space) !== null && _a !== void 0 ? _a : 1}`], { children: jsxRuntimeExports.jsx(InputComponent, { name: item.name, label: item.label, 
-                                        // width={item.width}
-                                        disabled: loading }) }), `col-${item.name}`));
-                                case 'select': return (jsxRuntimeExports.jsx(Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_b = item.space) !== null && _b !== void 0 ? _b : 1}`], { children: jsxRuntimeExports.jsx(SelectComponent, { options: item.options, name: item.name, label: item.label, disabled: loading, ruleType: item.ruleType }) }), `col-${item.name}`));
+                                case 'text': return (jsxRuntimeExports.jsx(Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_a = item.space) !== null && _a !== void 0 ? _a : 1}`], { children: jsxRuntimeExports.jsx(InputComponent, { name: item.name, label: item.label, disabled: loading }) }), `col-${item.name}`));
+                                case 'select': return (jsxRuntimeExports.jsx(Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_b = item.space) !== null && _b !== void 0 ? _b : 1}`], { children: item.static ? (jsxRuntimeExports.jsx(SelectComponent, { options: item.options, name: item.name, label: item.label, disabled: loading, ruleType: item.ruleType })) : (jsxRuntimeExports.jsx(SelectAsyncComponent, { name: item.name, label: item.label, disabled: loading, fetchOptions: item.fetchOptions, ruleType: item.ruleType })) }), `col-${item.name}`));
                                 case 'select-multiple': return (jsxRuntimeExports.jsx(Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_c = item.space) !== null && _c !== void 0 ? _c : 1}`], { children: item.static ? (jsxRuntimeExports.jsx(SelectComponent, { mode: "multiple", label: item.label, name: item.name, disabled: loading, options: item.options, onChange: (value, options) => {
                                             item.name
                                                 && Array.isArray(options)
@@ -8656,8 +8650,8 @@ const TableCellEditableComponent = (_a) => {
 
 const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, }) => {
     var _a;
-    return (jsxRuntimeExports.jsx(Tabs, { centered: centered, type: type, tabPosition: tabPosition, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, (tab, index) => ({
-            key: `tab-${index}`,
+    return (jsxRuntimeExports.jsx(Tabs, { centered: centered, type: type, tabPosition: tabPosition, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => ({
+            key: tab.key,
             label: tab.name,
             children: tab.content,
             icon: tab.icon,
@@ -12675,11 +12669,10 @@ function useComponentConfig(propName) {
 }
 
 const DisabledContext = /*#__PURE__*/React.createContext(false);
-const DisabledContextProvider = _ref => {
-  let {
-    children,
-    disabled
-  } = _ref;
+const DisabledContextProvider = ({
+  children,
+  disabled
+}) => {
   const originDisabled = React.useContext(DisabledContext);
   return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
@@ -15477,7 +15470,7 @@ function getFontSizes(base) {
   }));
 }
 
-var version = '5.24.9';
+var version = '5.25.4';
 
 const defaultPresetColors = {
   blue: '#1677FF',
@@ -15546,11 +15539,10 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   motion: true
 });
 
-function genColorMapToken(seed, _ref) {
-  let {
-    generateColorPalettes,
-    generateNeutralColorPalettes
-  } = _ref;
+function genColorMapToken(seed, {
+  generateColorPalettes,
+  generateNeutralColorPalettes
+}) {
   const {
     colorSuccess: colorSuccessBase,
     colorWarning: colorWarningBase,
@@ -16138,8 +16130,7 @@ const getComputedToken = (originToken, overrideToken, theme) => {
   // Format if needed
   mergedDerivativeToken = formatToken(mergedDerivativeToken);
   if (components) {
-    Object.entries(components).forEach(_ref => {
-      let [key, value] = _ref;
+    Object.entries(components).forEach(([key, value]) => {
       const {
           theme: componentTheme
         } = value,
@@ -16184,21 +16175,18 @@ function useToken() {
   return [mergedTheme, realToken, hashed ? hashId : '', token, cssVar];
 }
 
-const resetComponent = function (token) {
-  let needInheritFontFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return {
-    boxSizing: 'border-box',
-    margin: 0,
-    padding: 0,
-    color: token.colorText,
-    fontSize: token.fontSize,
-    // font-variant: @font-variant-base;
-    lineHeight: token.lineHeight,
-    listStyle: 'none',
-    // font-feature-settings: @font-feature-settings-base;
-    fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily
-  };
-};
+const resetComponent = (token, needInheritFontFamily = false) => ({
+  boxSizing: 'border-box',
+  margin: 0,
+  padding: 0,
+  color: token.colorText,
+  fontSize: token.fontSize,
+  // font-variant: @font-variant-base;
+  lineHeight: token.lineHeight,
+  listStyle: 'none',
+  // font-feature-settings: @font-feature-settings-base;
+  fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily
+});
 const resetIcon = () => ({
   display: 'inline-flex',
   alignItems: 'center',
@@ -16359,11 +16347,10 @@ const useCSSVarCls = prefixCls => {
 };
 
 const SizeContext = /*#__PURE__*/React.createContext(undefined);
-const SizeContextProvider = _ref => {
-  let {
-    children,
-    size
-  } = _ref;
+const SizeContextProvider = ({
+  children,
+  size
+}) => {
   const originSize = React.useContext(SizeContext);
   return /*#__PURE__*/React.createElement(SizeContext.Provider, {
     value: size || originSize
@@ -20344,12 +20331,11 @@ const FormItemInputContext = /*#__PURE__*/React.createContext({});
 if (process.env.NODE_ENV !== 'production') {
   FormItemInputContext.displayName = 'FormItemInputContext';
 }
-const NoFormStyle = _ref => {
-  let {
-    children,
-    status,
-    override
-  } = _ref;
+const NoFormStyle = ({
+  children,
+  status,
+  override
+}) => {
   const formItemInputContext = React.useContext(FormItemInputContext);
   const newFormItemInputContext = React.useMemo(() => {
     const newContext = Object.assign({}, formItemInputContext);
@@ -21460,10 +21446,9 @@ function MotionWrapper(props) {
  * Warning for ConfigProviderProps.
  * This will be empty function in production.
  */
-const PropWarning = /*#__PURE__*/React.memo(_ref => {
-  let {
-    dropdownMatchSelectWidth
-  } = _ref;
+const PropWarning = /*#__PURE__*/React.memo(({
+  dropdownMatchSelectWidth
+}) => {
   const warning = devUseWarning('ConfigProvider');
   warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
   return null;
@@ -21773,8 +21758,7 @@ const ProviderChildren = props => {
       rest = __rest$2(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
-    Object.entries(components || {}).forEach(_ref => {
-      let [componentName, componentToken] = _ref;
+    Object.entries(components || {}).forEach(([componentName, componentToken]) => {
       const parsedToken = Object.assign({}, componentToken);
       if ('algorithm' in parsedToken) {
         if (parsedToken.algorithm === true) {
@@ -21843,8 +21827,7 @@ if (process.env.NODE_ENV !== 'production') {
 /**
  * Compatible for legacy `bordered` prop.
  */
-const useVariant = function (component, variant) {
-  let legacyBordered = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+const useVariant = (component, variant, legacyBordered = undefined) => {
   var _a, _b;
   const {
     variant: configVariant,
@@ -22004,10 +21987,9 @@ function compactItemBorderRadius(prefixCls, parentCls, options) {
     }
   };
 }
-function genCompactItemStyle(token) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    focus: true
-  };
+function genCompactItemStyle(token, options = {
+  focus: true
+}) {
   const {
     componentCls
   } = token;
@@ -22272,17 +22254,10 @@ const genFilledGroupStatusStyle = (token, options) => ({
 });
 const genFilledGroupStyle = token => ({
   '&-filled': Object.assign(Object.assign(Object.assign({
-    [`${token.componentCls}-group`]: {
-      '&-addon': {
-        background: token.colorFillTertiary
-      },
-      [`${token.componentCls}-filled:not(:focus):not(:focus-within)`]: {
-        '&:not(:first-child)': {
-          borderInlineStart: `${unit$1(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
-        },
-        '&:not(:last-child)': {
-          borderInlineEnd: `${unit$1(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
-        }
+    [`${token.componentCls}-group-addon`]: {
+      background: token.colorFillTertiary,
+      '&:last-child': {
+        position: 'static'
       }
     }
   }, genFilledGroupStatusStyle(token, {
@@ -22908,7 +22883,7 @@ const genSearchInputStyle = token => {
     [searchPrefixCls]: {
       [componentCls]: {
         '&:hover, &:focus': {
-          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-color-primary):not(${antCls}-btn-variant-text)`]: {
             borderInlineStartColor: token.colorPrimaryHover
           }
         }
@@ -22934,7 +22909,7 @@ const genSearchInputStyle = token => {
             borderEndStartRadius: 0,
             boxShadow: 'none'
           },
-          [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`${searchPrefixCls}-button:not(${antCls}-btn-color-primary)`]: {
             color: token.colorTextDescription,
             '&:hover': {
               color: token.colorPrimaryHover
@@ -22943,10 +22918,7 @@ const genSearchInputStyle = token => {
               color: token.colorPrimaryActive
             },
             [`&${antCls}-btn-loading::before`]: {
-              insetInlineStart: 0,
-              insetInlineEnd: 0,
-              insetBlockStart: 0,
-              insetBlockEnd: 0
+              inset: 0
             }
           }
         }

package/dist/index.js

@@ -5347,8 +5347,8 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(antd.Form, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$8 = ".style-module_number-format__F9NKi {\n  box-sizing: border-box;\n  margin: 0;\n  font-variant: tabular-nums;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  /* color: #000000d9; */\n  font-size: 14px;\n  line-height: 1.5715;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  transition: all .3s;\n}\n\n.style-module_number-format__F9NKi:focus,\n.style-module_number-format__F9NKi:active {\n  border-color: var(--color-primary-a0, var(--color-primary-a0-default));\n  box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);\n  outline: 0;\n}\n\n.style-module_number-format__F9NKi:hover {\n  border-color: var(--color-primary-a0, var(--color-primary-a0-default));\n}\n\n.style-module_number-format-borderless__DOdb8 {\n  border: transparent;\n  background-color: transparent;\n  outline: none;\n}\n\n.style-module_number-format-underlined__hUCaf {\n  border-width: 0 0 1px 0;\n  border-style: none none solid none;\n  border-color: #d9d9d9;\n  outline: none;\n}\n\n.style-module_number-format-error__rOvyp:not(:disabled) {\n  background-color: #fff;\n  border-color: #ff4d4f !important;\n}\n\ninput.style-module_number-format__F9NKi[disabled] {\n  color: var(--input-color-disabled);\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n\ninput[inputmode=\"numeric\"].style-module_number-format-sm__iLZdH {\n  padding: 0px 7px;\n}\n\n.style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
-var styleNumberFormat = {"number-format":"style-module_number-format__F9NKi","number-format-borderless":"style-module_number-format-borderless__DOdb8","number-format-underlined":"style-module_number-format-underlined__hUCaf","number-format-error":"style-module_number-format-error__rOvyp","number-format-sm":"style-module_number-format-sm__iLZdH","number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
+var css_248z$8 = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
 styleInject(css_248z$8);
 
 const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, onChange, removeError, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
@@ -5361,19 +5361,13 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
     }));
     const classNumberFormat = React.useMemo(() => {
         const classNumberFormat = [];
-        classNames && classNumberFormat.push(...classNames);
-        !text && classNumberFormat.push(styleNumberFormat['number-format']);
-        size === 'small' && classNumberFormat.push(styleNumberFormat['number-format-sm']);
-        if (validateStatus === 'error' || status === 'error')
-            classNumberFormat.push(styleNumberFormat['number-format-error']);
-        variant === 'borderless' && classNumberFormat.push(styleNumberFormat['number-format-borderless']);
-        variant === 'underlined' && classNumberFormat.push(styleNumberFormat['number-format-underlined']);
         !text && align === 'right' && classNumberFormat.push(styleNumberFormat['number-format-align-right']);
+        classNames && classNumberFormat.push(...classNames);
         return classNumberFormat;
     }, [classNames, text, size, validateStatus, status, variant, align]);
     return (jsxRuntimeExports.jsx("div", Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onClick: onClick }, text && align === 'right' && {
         style: { textAlign: 'right' }
-    }, { children: jsxRuntimeExports.jsx(reactNumberFormat.NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, customInput: antd.Input, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
+    }, { children: jsxRuntimeExports.jsx(reactNumberFormat.NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, customInput: antd.Input, size: size, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
                 removeError === null || removeError === void 0 ? void 0 : removeError(name);
                 setValueNumberFormat(event.target.value);
                 onChange === null || onChange === void 0 ? void 0 : onChange(event);
@@ -5381,7 +5375,9 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
 };
 const NumberFormatComponent = props => {
     const numberFormat = jsxRuntimeExports.jsx(NumberFormat, Object.assign({}, props));
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, trigger: "onValueChange", normalize: values => values.value, children: numberFormat })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", 
+            // ruleTransform={value => Number(value)}
+            ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, trigger: "onValueChange", normalize: (values) => values.floatValue, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, children: numberFormat })))
             : numberFormat }));
 };
 
@@ -7614,12 +7610,12 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
         var _a, _b;
         return (jsxRuntimeExports.jsxs(antd.Space, { children: [jsxRuntimeExports.jsx("span", { children: option.data.emoji }), (_b = (_a = option.data.text) !== null && _a !== void 0 ? _a : option.data.label) !== null && _b !== void 0 ? _b : option.data.value] }));
     };
-    const dropdownRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
+    const popupRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(antd.Divider, { className: styleSelect['add-item-divider'] }), jsxRuntimeExports.jsxs(antd.Space, { align: "center", className: styleSelect['add-item-space'], children: [jsxRuntimeExports.jsx(antd.Input, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntimeExports.jsxs(Link, { className: styleSelect['add-item-link'], onClick: handleAddItem, children: [jsxRuntimeExports.jsx(RefIcon$5, {}), " Add item"] })] })] })] }));
     const select = !loading ? (jsxRuntimeExports.jsx(antd.Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
             removeError === null || removeError === void 0 ? void 0 : removeError(name);
             onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
-        }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, dropdownRender: dropdownRender, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+        }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: select })))
             : select }));
 };
@@ -8518,10 +8514,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             }, { children: jsxRuntimeExports.jsx(antd.Form, Object.assign({}, formColLayout.notInline, { form: form, layout: "vertical", onFinish: handleSubmit, initialValues: setInitialValue(), children: jsxRuntimeExports.jsx(antd.Row, Object.assign({}, styleProps.row, { children: items === null || items === void 0 ? void 0 : items.map(item => {
                             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                             switch (item.type) {
-                                case 'text': return (jsxRuntimeExports.jsx(antd.Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_a = item.space) !== null && _a !== void 0 ? _a : 1}`], { children: jsxRuntimeExports.jsx(InputComponent, { name: item.name, label: item.label, 
-                                        // width={item.width}
-                                        disabled: loading }) }), `col-${item.name}`));
-                                case 'select': return (jsxRuntimeExports.jsx(antd.Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_b = item.space) !== null && _b !== void 0 ? _b : 1}`], { children: jsxRuntimeExports.jsx(SelectComponent, { options: item.options, name: item.name, label: item.label, disabled: loading, ruleType: item.ruleType }) }), `col-${item.name}`));
+                                case 'text': return (jsxRuntimeExports.jsx(antd.Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_a = item.space) !== null && _a !== void 0 ? _a : 1}`], { children: jsxRuntimeExports.jsx(InputComponent, { name: item.name, label: item.label, disabled: loading }) }), `col-${item.name}`));
+                                case 'select': return (jsxRuntimeExports.jsx(antd.Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_b = item.space) !== null && _b !== void 0 ? _b : 1}`], { children: item.static ? (jsxRuntimeExports.jsx(SelectComponent, { options: item.options, name: item.name, label: item.label, disabled: loading, ruleType: item.ruleType })) : (jsxRuntimeExports.jsx(SelectAsyncComponent, { name: item.name, label: item.label, disabled: loading, fetchOptions: item.fetchOptions, ruleType: item.ruleType })) }), `col-${item.name}`));
                                 case 'select-multiple': return (jsxRuntimeExports.jsx(antd.Col, Object.assign({ className: "gutter-row" }, styleProps[`col${(_c = item.space) !== null && _c !== void 0 ? _c : 1}`], { children: item.static ? (jsxRuntimeExports.jsx(SelectComponent, { mode: "multiple", label: item.label, name: item.name, disabled: loading, options: item.options, onChange: (value, options) => {
                                             item.name
                                                 && Array.isArray(options)
@@ -8675,8 +8669,8 @@ const TableCellEditableComponent = (_a) => {
 
 const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, }) => {
     var _a;
-    return (jsxRuntimeExports.jsx(antd.Tabs, { centered: centered, type: type, tabPosition: tabPosition, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, (tab, index) => ({
-            key: `tab-${index}`,
+    return (jsxRuntimeExports.jsx(antd.Tabs, { centered: centered, type: type, tabPosition: tabPosition, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => ({
+            key: tab.key,
             label: tab.name,
             children: tab.content,
             icon: tab.icon,
@@ -12694,11 +12688,10 @@ function useComponentConfig(propName) {
 }
 
 const DisabledContext = /*#__PURE__*/React__namespace.createContext(false);
-const DisabledContextProvider = _ref => {
-  let {
-    children,
-    disabled
-  } = _ref;
+const DisabledContextProvider = ({
+  children,
+  disabled
+}) => {
   const originDisabled = React__namespace.useContext(DisabledContext);
   return /*#__PURE__*/React__namespace.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
@@ -15496,7 +15489,7 @@ function getFontSizes(base) {
   }));
 }
 
-var version = '5.24.9';
+var version = '5.25.4';
 
 const defaultPresetColors = {
   blue: '#1677FF',
@@ -15565,11 +15558,10 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   motion: true
 });
 
-function genColorMapToken(seed, _ref) {
-  let {
-    generateColorPalettes,
-    generateNeutralColorPalettes
-  } = _ref;
+function genColorMapToken(seed, {
+  generateColorPalettes,
+  generateNeutralColorPalettes
+}) {
   const {
     colorSuccess: colorSuccessBase,
     colorWarning: colorWarningBase,
@@ -16157,8 +16149,7 @@ const getComputedToken = (originToken, overrideToken, theme) => {
   // Format if needed
   mergedDerivativeToken = formatToken(mergedDerivativeToken);
   if (components) {
-    Object.entries(components).forEach(_ref => {
-      let [key, value] = _ref;
+    Object.entries(components).forEach(([key, value]) => {
       const {
           theme: componentTheme
         } = value,
@@ -16203,21 +16194,18 @@ function useToken() {
   return [mergedTheme, realToken, hashed ? hashId : '', token, cssVar];
 }
 
-const resetComponent = function (token) {
-  let needInheritFontFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return {
-    boxSizing: 'border-box',
-    margin: 0,
-    padding: 0,
-    color: token.colorText,
-    fontSize: token.fontSize,
-    // font-variant: @font-variant-base;
-    lineHeight: token.lineHeight,
-    listStyle: 'none',
-    // font-feature-settings: @font-feature-settings-base;
-    fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily
-  };
-};
+const resetComponent = (token, needInheritFontFamily = false) => ({
+  boxSizing: 'border-box',
+  margin: 0,
+  padding: 0,
+  color: token.colorText,
+  fontSize: token.fontSize,
+  // font-variant: @font-variant-base;
+  lineHeight: token.lineHeight,
+  listStyle: 'none',
+  // font-feature-settings: @font-feature-settings-base;
+  fontFamily: needInheritFontFamily ? 'inherit' : token.fontFamily
+});
 const resetIcon = () => ({
   display: 'inline-flex',
   alignItems: 'center',
@@ -16378,11 +16366,10 @@ const useCSSVarCls = prefixCls => {
 };
 
 const SizeContext = /*#__PURE__*/React__namespace.createContext(undefined);
-const SizeContextProvider = _ref => {
-  let {
-    children,
-    size
-  } = _ref;
+const SizeContextProvider = ({
+  children,
+  size
+}) => {
   const originSize = React__namespace.useContext(SizeContext);
   return /*#__PURE__*/React__namespace.createElement(SizeContext.Provider, {
     value: size || originSize
@@ -20363,12 +20350,11 @@ const FormItemInputContext = /*#__PURE__*/React__namespace.createContext({});
 if (process.env.NODE_ENV !== 'production') {
   FormItemInputContext.displayName = 'FormItemInputContext';
 }
-const NoFormStyle = _ref => {
-  let {
-    children,
-    status,
-    override
-  } = _ref;
+const NoFormStyle = ({
+  children,
+  status,
+  override
+}) => {
   const formItemInputContext = React__namespace.useContext(FormItemInputContext);
   const newFormItemInputContext = React__namespace.useMemo(() => {
     const newContext = Object.assign({}, formItemInputContext);
@@ -21479,10 +21465,9 @@ function MotionWrapper(props) {
  * Warning for ConfigProviderProps.
  * This will be empty function in production.
  */
-const PropWarning = /*#__PURE__*/React__namespace.memo(_ref => {
-  let {
-    dropdownMatchSelectWidth
-  } = _ref;
+const PropWarning = /*#__PURE__*/React__namespace.memo(({
+  dropdownMatchSelectWidth
+}) => {
   const warning = devUseWarning('ConfigProvider');
   warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
   return null;
@@ -21792,8 +21777,7 @@ const ProviderChildren = props => {
       rest = __rest$2(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
-    Object.entries(components || {}).forEach(_ref => {
-      let [componentName, componentToken] = _ref;
+    Object.entries(components || {}).forEach(([componentName, componentToken]) => {
       const parsedToken = Object.assign({}, componentToken);
       if ('algorithm' in parsedToken) {
         if (parsedToken.algorithm === true) {
@@ -21862,8 +21846,7 @@ if (process.env.NODE_ENV !== 'production') {
 /**
  * Compatible for legacy `bordered` prop.
  */
-const useVariant = function (component, variant) {
-  let legacyBordered = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+const useVariant = (component, variant, legacyBordered = undefined) => {
   var _a, _b;
   const {
     variant: configVariant,
@@ -22023,10 +22006,9 @@ function compactItemBorderRadius(prefixCls, parentCls, options) {
     }
   };
 }
-function genCompactItemStyle(token) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    focus: true
-  };
+function genCompactItemStyle(token, options = {
+  focus: true
+}) {
   const {
     componentCls
   } = token;
@@ -22291,17 +22273,10 @@ const genFilledGroupStatusStyle = (token, options) => ({
 });
 const genFilledGroupStyle = token => ({
   '&-filled': Object.assign(Object.assign(Object.assign({
-    [`${token.componentCls}-group`]: {
-      '&-addon': {
-        background: token.colorFillTertiary
-      },
-      [`${token.componentCls}-filled:not(:focus):not(:focus-within)`]: {
-        '&:not(:first-child)': {
-          borderInlineStart: `${unit$1(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
-        },
-        '&:not(:last-child)': {
-          borderInlineEnd: `${unit$1(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
-        }
+    [`${token.componentCls}-group-addon`]: {
+      background: token.colorFillTertiary,
+      '&:last-child': {
+        position: 'static'
       }
     }
   }, genFilledGroupStatusStyle(token, {
@@ -22927,7 +22902,7 @@ const genSearchInputStyle = token => {
     [searchPrefixCls]: {
       [componentCls]: {
         '&:hover, &:focus': {
-          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-color-primary):not(${antCls}-btn-variant-text)`]: {
             borderInlineStartColor: token.colorPrimaryHover
           }
         }
@@ -22953,7 +22928,7 @@ const genSearchInputStyle = token => {
             borderEndStartRadius: 0,
             boxShadow: 'none'
           },
-          [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`${searchPrefixCls}-button:not(${antCls}-btn-color-primary)`]: {
             color: token.colorTextDescription,
             '&:hover': {
               color: token.colorPrimaryHover
@@ -22962,10 +22937,7 @@ const genSearchInputStyle = token => {
               color: token.colorPrimaryActive
             },
             [`&${antCls}-btn-loading::before`]: {
-              insetInlineStart: 0,
-              insetInlineEnd: 0,
-              insetBlockStart: 0,
-              insetBlockEnd: 0
+              inset: 0
             }
           }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -32,8 +32,7 @@
   },
   "homepage": "https://github.com/stevan-iskandar/sti-antd-package#readme",
   "bundleDependencies": [
-    "@ant-design/icons",
-    "antd"
+    "@ant-design/icons"
   ],
   "peerDependencies": {
     "@ant-design/icons": "^6.0.0",
@@ -44,7 +43,6 @@
     "@types/lodash": "^4.17.16",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
-    "antd": "^5.24.9",
     "axios": "^1.8.4",
     "lodash": "^4.17.21",
     "react": "^19.0.0",
@@ -72,6 +70,7 @@
   },
   "dependencies": {
     "@inertiajs/react": "^2.0.5",
+    "antd": "^5.25.4",
     "browserslist": "^4.24.4",
     "caniuse-lite": "^1.0.30001706",
     "classnames": "^2.5.1",