sti-antd-package 0.0.22 → 0.0.24

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

@@ -11,4 +11,6 @@ export interface TabsComponentProps {
         icon?: React.ReactNode;
         content: React.ReactNode;
     }[];
+    onChange?: (activeKey: string) => void;
+    defaultActiveKey?: string;
 }

package/dist/index.d.ts

@@ -1020,6 +1020,8 @@ interface TabsComponentProps {
         icon?: React.ReactNode;
         content: React.ReactNode;
     }[];
+    onChange?: (activeKey: string) => void;
+    defaultActiveKey?: string;
 }
 
 declare const TabsComponent: React$1.FC<TabsComponentProps>;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, useImperativeHandle, createContext, useContext, useEffect, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useRef, useCallback, cloneElement, forwardRef, isValidElement, version as version$1 } from 'react';
+import React__default, { useState, useImperativeHandle, createContext, useContext, useEffect, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useRef, useCallback, memo, cloneElement, forwardRef, isValidElement, version as version$1 } from 'react';
 import { Button, Tooltip, ConfigProvider as ConfigProvider$2, Row, Col, Card, Form as Form$2, Cascader, Checkbox, Skeleton, message, notification, Modal, Spin, Input as Input$2, Space, DatePicker, Dropdown, Radio, Typography, Select, Divider, Flex, Tag, Switch, Table, Drawer, Tabs } from 'antd';
 export { Form } from 'antd';
 import ReactDOM from 'react-dom';
@@ -5345,10 +5345,11 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
         !text && align === 'right' && classNumberFormat.push(styleNumberFormat['number-format-align-right']);
         classNames && classNumberFormat.push(...classNames);
         return classNumberFormat;
-    }, [classNames, text, size, validateStatus, status, variant, align]);
+    }, [classNames, text, align]);
+    const CustomInput = useCallback(memo((props) => (jsxRuntimeExports.jsx(Input$2, Object.assign({}, props, { variant: variant })))), [variant]);
     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, 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 => {
+    }, { children: jsxRuntimeExports.jsx(NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, customInput: CustomInput, 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);
@@ -8648,15 +8649,15 @@ const TableCellEditableComponent = (_a) => {
     return jsxRuntimeExports.jsx("td", Object.assign({}, props, { children: childNode }));
 };
 
-const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, }) => {
+const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, onChange, defaultActiveKey, }) => {
     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 => ({
             key: tab.key,
             label: tab.name,
             children: tab.content,
             icon: tab.icon,
-        })), indicator: {
-            size: (origin) => origin - 20,
+        })), onChange: onChange, defaultActiveKey: defaultActiveKey, indicator: {
+            size: origin => origin - 20,
             // align: ,
         }, animated: {
             inkBar: true,

package/dist/index.js

@@ -5364,10 +5364,11 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
         !text && align === 'right' && classNumberFormat.push(styleNumberFormat['number-format-align-right']);
         classNames && classNumberFormat.push(...classNames);
         return classNumberFormat;
-    }, [classNames, text, size, validateStatus, status, variant, align]);
+    }, [classNames, text, align]);
+    const CustomInput = React.useCallback(React.memo((props) => (jsxRuntimeExports.jsx(antd.Input, Object.assign({}, props, { variant: variant })))), [variant]);
     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, 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 => {
+    }, { children: jsxRuntimeExports.jsx(reactNumberFormat.NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, customInput: CustomInput, 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);
@@ -8667,15 +8668,15 @@ const TableCellEditableComponent = (_a) => {
     return jsxRuntimeExports.jsx("td", Object.assign({}, props, { children: childNode }));
 };
 
-const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, }) => {
+const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, onChange, defaultActiveKey, }) => {
     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 => ({
             key: tab.key,
             label: tab.name,
             children: tab.content,
             icon: tab.icon,
-        })), indicator: {
-            size: (origin) => origin - 20,
+        })), onChange: onChange, defaultActiveKey: defaultActiveKey, indicator: {
+            size: origin => origin - 20,
             // align: ,
         }, animated: {
             inkBar: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",