fis-component 0.0.10 → 0.0.11

package/dist/esm/index.js

@@ -3070,6 +3070,7 @@ function noSplit(list) {
 });
 
 var IconContext = /*#__PURE__*/createContext({});
+var Context$1 = IconContext;
 
 function _toArray(r) {
   return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
@@ -3282,6 +3283,7 @@ const locale$1 = {
   placeholder: 'Select time',
   rangePlaceholder: ['Start time', 'End time']
 };
+var TimePicker = locale$1;
 
 // Merge into a locale object
 const locale = {
@@ -3297,17 +3299,20 @@ const locale = {
     rangeMonthPlaceholder: ['Start month', 'End month'],
     rangeWeekPlaceholder: ['Start week', 'End week']
   }, locale$2),
-  timePickerLocale: Object.assign({}, locale$1)
+  timePickerLocale: Object.assign({}, TimePicker)
 };
+// All settings at:
+// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
+var enUS = locale;
 
 /* eslint-disable no-template-curly-in-string */
 const typeTemplate = '${label} is not a valid ${type}';
 const localeValues = {
   locale: 'en',
   Pagination: locale$3,
-  DatePicker: locale,
-  TimePicker: locale$1,
-  Calendar: locale,
+  DatePicker: enUS,
+  TimePicker,
+  Calendar: enUS,
   global: {
     placeholder: 'Please select'
   },
@@ -3442,10 +3447,11 @@ const localeValues = {
     gradientColor: 'Gradient'
   }
 };
+var defaultLocale = localeValues;
 
-Object.assign({}, localeValues.Modal);
+Object.assign({}, defaultLocale.Modal);
 let localeList = [];
-const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), localeValues.Modal);
+const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), defaultLocale.Modal);
 function changeConfirmLocale(newLocale) {
   if (newLocale) {
     const cloneLocale = Object.assign({}, newLocale);
@@ -3456,10 +3462,11 @@ function changeConfirmLocale(newLocale) {
       generateLocale();
     };
   }
-  Object.assign({}, localeValues.Modal);
+  Object.assign({}, defaultLocale.Modal);
 }
 
 const LocaleContext = /*#__PURE__*/createContext(undefined);
+var LocaleContext$1 = LocaleContext;
 
 const ANT_MARK = 'internalMark';
 const LocaleProvider = props => {
@@ -3479,13 +3486,14 @@ const LocaleProvider = props => {
   const getMemoizedContextValue = React.useMemo(() => Object.assign(Object.assign({}, locale), {
     exist: true
   }), [locale]);
-  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
+  return /*#__PURE__*/React.createElement(LocaleContext$1.Provider, {
     value: getMemoizedContextValue
   }, children);
 };
 if (process.env.NODE_ENV !== 'production') {
   LocaleProvider.displayName = 'LocaleProvider';
 }
+var LocaleProvider$1 = LocaleProvider;
 
 /**
  * Take input from [0, n] and return it as [0, 1]
@@ -4910,6 +4918,7 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   // Motion
   motion: true
 });
+var seedToken$1 = seedToken;
 
 function genColorMapToken(seed, _ref) {
   let {
@@ -5039,6 +5048,7 @@ const genRadius = radiusBase => {
     borderRadiusOuter: radiusOuter
   };
 };
+var genRadius$1 = genRadius;
 
 function genCommonMapToken(token) {
   const {
@@ -5054,7 +5064,7 @@ function genCommonMapToken(token) {
     motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
     // line
     lineWidthBold: lineWidth + 1
-  }, genRadius(borderRadius));
+  }, genRadius$1(borderRadius));
 }
 
 const genControlHeight = token => {
@@ -5067,6 +5077,7 @@ const genControlHeight = token => {
     controlHeightLG: controlHeight * 1.25
   };
 };
+var genControlHeight$1 = genControlHeight;
 
 function getLineHeight(fontSize) {
   return (fontSize + 8) / fontSize;
@@ -5120,6 +5131,7 @@ const genFontMapToken = fontSize => {
     lineHeightHeading5: lineHeights[2]
   };
 };
+var genFontMapToken$1 = genFontMapToken;
 
 function genSizeMapToken(token) {
   const {
@@ -5214,16 +5226,16 @@ function derivative(token) {
   return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, token), colorPalettes), genColorMapToken(token, {
     generateColorPalettes,
     generateNeutralColorPalettes
-  })), genFontMapToken(token.fontSize)), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
+  })), genFontMapToken$1(token.fontSize)), genSizeMapToken(token)), genControlHeight$1(token)), genCommonMapToken(token));
 }
 
 const defaultTheme = createTheme(derivative);
 // ================================ Context =================================
 // To ensure snapshot stable. We disable hashed in test env.
 const defaultConfig = {
-  token: seedToken,
+  token: seedToken$1,
   override: {
-    override: seedToken
+    override: seedToken$1
   },
   hashed: true
 };
@@ -5327,6 +5339,7 @@ const DisabledContextProvider = _ref => {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
   }, children);
 };
+var DisabledContext$1 = DisabledContext;
 
 const SizeContext = /*#__PURE__*/React.createContext(undefined);
 const SizeContextProvider = _ref => {
@@ -5339,10 +5352,11 @@ const SizeContextProvider = _ref => {
     value: size || originSize
   }, children);
 };
+var SizeContext$1 = SizeContext;
 
 function useConfig() {
-  const componentDisabled = useContext(DisabledContext);
-  const componentSize = useContext(SizeContext);
+  const componentDisabled = useContext(DisabledContext$1);
+  const componentSize = useContext(SizeContext$1);
   return {
     componentDisabled,
     componentSize
@@ -6095,7 +6109,7 @@ function formatToken(derivativeToken) {
     } = derivativeToken,
     restToken = __rest$4(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
-  Object.keys(seedToken).forEach(token => {
+  Object.keys(seedToken$1).forEach(token => {
     delete overrideTokens[token];
   });
   const mergedToken = Object.assign(Object.assign({}, restToken), overrideTokens);
@@ -6348,7 +6362,7 @@ function useToken() {
   } = React__default.useContext(DesignTokenContext);
   const salt = `${version$1}-${hashed || ''}`;
   const mergedTheme = theme || defaultTheme;
-  const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
+  const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken$1, rootDesignToken], {
     salt,
     override,
     getComputedToken,
@@ -6469,6 +6483,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     })
   }]);
 };
+var useStyle$2 = useResetIconStyle;
 
 const {
   genStyleHooks,
@@ -6502,7 +6517,7 @@ const {
       iconPrefixCls
     } = useContext(ConfigContext);
     // Generate style for icons
-    useResetIconStyle(iconPrefixCls, csp);
+    useStyle$2(iconPrefixCls, csp);
     return csp !== null && csp !== void 0 ? csp : {};
   },
   getResetStyles: token => [{
@@ -6518,6 +6533,7 @@ const {
 } = fullClone$1;
 const useEmptyId = () => '';
 const useThemeKey = typeof useId === 'undefined' ? useEmptyId : useId;
+var useThemeKey$1 = useThemeKey;
 
 function useTheme(theme, parentTheme, config) {
   var _a, _b;
@@ -6527,7 +6543,7 @@ function useTheme(theme, parentTheme, config) {
     hashed: (_a = parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.hashed) !== null && _a !== void 0 ? _a : defaultConfig.hashed,
     cssVar: parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.cssVar
   }) : parentTheme;
-  const themeKey = useThemeKey();
+  const themeKey = useThemeKey$1();
   if (process.env.NODE_ENV !== 'production') {
     const cssVarEnabled = themeConfig.cssVar || parentThemeConfig.cssVar;
     const validKey = !!(typeof themeConfig.cssVar === 'object' && ((_b = themeConfig.cssVar) === null || _b === void 0 ? void 0 : _b.key) || themeKey);
@@ -7552,7 +7568,7 @@ const ProviderChildren = props => {
   }, [parentContext.getPrefixCls, props.prefixCls]);
   const iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;
   const csp = customCsp || parentContext.csp;
-  useResetIconStyle(iconPrefixCls, csp);
+  useStyle$2(iconPrefixCls, csp);
   const mergedTheme = useTheme(theme, parentContext.theme, {
     prefixCls: getPrefixCls('')
   });
@@ -7669,7 +7685,7 @@ const ProviderChildren = props => {
   }), children);
   const validateMessages = React.useMemo(() => {
     var _a, _b, _c, _d;
-    return merge$1(((_a = localeValues.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || {}, ((_c = (_b = memoedConfig.locale) === null || _b === void 0 ? void 0 : _b.Form) === null || _c === void 0 ? void 0 : _c.defaultValidateMessages) || {}, ((_d = memoedConfig.form) === null || _d === void 0 ? void 0 : _d.validateMessages) || {}, (form === null || form === void 0 ? void 0 : form.validateMessages) || {});
+    return merge$1(((_a = defaultLocale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || {}, ((_c = (_b = memoedConfig.locale) === null || _b === void 0 ? void 0 : _b.Form) === null || _c === void 0 ? void 0 : _c.defaultValidateMessages) || {}, ((_d = memoedConfig.form) === null || _d === void 0 ? void 0 : _d.validateMessages) || {}, (form === null || form === void 0 ? void 0 : form.validateMessages) || {});
   }, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
   if (Object.keys(validateMessages).length > 0) {
     childNode = /*#__PURE__*/React.createElement(ValidateMessagesContext.Provider, {
@@ -7677,13 +7693,13 @@ const ProviderChildren = props => {
     }, childNode);
   }
   if (locale) {
-    childNode = /*#__PURE__*/React.createElement(LocaleProvider, {
+    childNode = /*#__PURE__*/React.createElement(LocaleProvider$1, {
       locale: locale,
       _ANT_MARK__: ANT_MARK
     }, childNode);
   }
   if (iconPrefixCls || csp) {
-    childNode = /*#__PURE__*/React.createElement(IconContext.Provider, {
+    childNode = /*#__PURE__*/React.createElement(Context$1.Provider, {
       value: memoIconContextValue
     }, childNode);
   }
@@ -7719,7 +7735,7 @@ const ProviderChildren = props => {
       }
       parsedComponents[componentName] = parsedToken;
     });
-    const mergedToken = Object.assign(Object.assign({}, seedToken), token);
+    const mergedToken = Object.assign(Object.assign({}, seedToken$1), token);
     return Object.assign(Object.assign({}, rest), {
       theme: themeObj,
       token: mergedToken,
@@ -7753,20 +7769,20 @@ const ProviderChildren = props => {
 };
 const ConfigProvider = props => {
   const context = React.useContext(ConfigContext);
-  const antLocale = React.useContext(LocaleContext);
+  const antLocale = React.useContext(LocaleContext$1);
   return /*#__PURE__*/React.createElement(ProviderChildren, Object.assign({
     parentContext: context,
     legacyLocale: antLocale
   }, props));
 };
 ConfigProvider.ConfigContext = ConfigContext;
-ConfigProvider.SizeContext = SizeContext;
+ConfigProvider.SizeContext = SizeContext$1;
 ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, 'SizeContext', {
   get: () => {
     process.env.NODE_ENV !== "production" ? warning$2(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
-    return SizeContext;
+    return SizeContext$1;
   }
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -7845,7 +7861,7 @@ function normalizeTwoToneColors(twoToneColor) {
 }
 var iconStyles = "\n.anticon {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
 var useInsertStyles = function useInsertStyles(eleRef) {
-  var _useContext = useContext(IconContext),
+  var _useContext = useContext(Context$1),
     csp = _useContext.csp,
     prefixCls = _useContext.prefixCls;
   var mergedStyleStr = iconStyles;
@@ -7922,19 +7938,20 @@ var IconBase = function IconBase(props) {
 IconBase.displayName = 'IconReact';
 IconBase.getTwoToneColors = getTwoToneColors;
 IconBase.setTwoToneColors = setTwoToneColors;
+var ReactIcon = IconBase;
 
 function setTwoToneColor(twoToneColor) {
   var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
     _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
     primaryColor = _normalizeTwoToneColo2[0],
     secondaryColor = _normalizeTwoToneColo2[1];
-  return IconBase.setTwoToneColors({
+  return ReactIcon.setTwoToneColors({
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
   });
 }
 function getTwoToneColor() {
-  var colors = IconBase.getTwoToneColors();
+  var colors = ReactIcon.getTwoToneColors();
   if (!colors.calculated) {
     return colors.primaryColor;
   }
@@ -7957,7 +7974,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick = props.onClick,
     twoToneColor = props.twoToneColor,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(IconContext),
+  var _React$useContext = React.useContext(Context$1),
     _React$useContext$pre = _React$useContext.prefixCls,
     prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
     rootClassName = _React$useContext.rootClassName;
@@ -7982,7 +7999,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tabIndex: iconTabIndex,
     onClick: onClick,
     className: classString
-  }), /*#__PURE__*/React.createElement(IconBase, {
+  }), /*#__PURE__*/React.createElement(ReactIcon, {
     icon: icon,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
@@ -7992,6 +8009,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
 Icon.displayName = 'AntdIcon';
 Icon.getTwoToneColor = getTwoToneColor;
 Icon.setTwoToneColor = setTwoToneColor;
+var AntdIcon = Icon;
 
 function isFragment(child) {
   return child && /*#__PURE__*/React__default.isValidElement(child) && child.type === React__default.Fragment;
@@ -8007,12 +8025,13 @@ function cloneElement(element, props) {
 }
 
 // This icon file is generated automatically.
-var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
+var LoadingOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
+var LoadingOutlinedSvg = LoadingOutlined$2;
 
 var LoadingOutlined = function LoadingOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {
     ref: ref,
-    icon: LoadingOutlined$1
+    icon: LoadingOutlinedSvg
   }));
 };
 
@@ -8021,6 +8040,7 @@ var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'LoadingOutlined';
 }
+var LoadingOutlined$1 = RefIcon;
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function _regeneratorRuntime() {
@@ -8654,6 +8674,7 @@ const showWaveEffect = (target, info) => {
     target: target
   })), holder);
 };
+var showWaveEffect$1 = showWaveEffect;
 
 const useWave = (nodeRef, className, component) => {
   const {
@@ -8670,7 +8691,7 @@ const useWave = (nodeRef, className, component) => {
       showEffect
     } = wave || {};
     // Customize wave effect
-    (showEffect || showWaveEffect)(targetNode, {
+    (showEffect || showWaveEffect$1)(targetNode, {
       className,
       token,
       component,
@@ -8688,6 +8709,7 @@ const useWave = (nodeRef, className, component) => {
   };
   return showDebounceWave;
 };
+var useWave$1 = useWave;
 
 const Wave = props => {
   const {
@@ -8703,7 +8725,7 @@ const Wave = props => {
   const prefixCls = getPrefixCls('wave');
   const [, hashId] = useStyle$1(prefixCls);
   // =============================== Wave ===============================
-  const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
+  const showWave = useWave$1(containerRef, classNames(prefixCls, hashId), component);
   // ============================== Effect ==============================
   React__default.useEffect(() => {
     const node = containerRef.current;
@@ -8738,9 +8760,10 @@ const Wave = props => {
 if (process.env.NODE_ENV !== 'production') {
   Wave.displayName = 'Wave';
 }
+var Wave$1 = Wave;
 
 const useSize = customSize => {
-  const size = React__default.useContext(SizeContext);
+  const size = React__default.useContext(SizeContext$1);
   const mergedSize = React__default.useMemo(() => {
     if (!customSize) {
       return size;
@@ -8755,6 +8778,7 @@ const useSize = customSize => {
   }, [customSize, size]);
   return mergedSize;
 };
+var useSize$1 = useSize;
 
 undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -8836,6 +8860,7 @@ const ButtonGroup = props => {
     className: classes
   })));
 };
+var Group = ButtonGroup;
 
 const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
 const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
@@ -8895,6 +8920,7 @@ const IconWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     style: style
   }, children);
 });
+var IconWrapper$1 = IconWrapper;
 
 const InnerLoadingIcon = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -8904,12 +8930,12 @@ const InnerLoadingIcon = /*#__PURE__*/forwardRef((props, ref) => {
     iconClassName
   } = props;
   const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
-  return /*#__PURE__*/React__default.createElement(IconWrapper, {
+  return /*#__PURE__*/React__default.createElement(IconWrapper$1, {
     prefixCls: prefixCls,
     className: mergedIconCls,
     style: style,
     ref: ref
-  }, /*#__PURE__*/React__default.createElement(RefIcon, {
+  }, /*#__PURE__*/React__default.createElement(LoadingOutlined$1, {
     className: iconClassName
   }));
 });
@@ -8965,6 +8991,7 @@ const LoadingIcon = props => {
     });
   });
 };
+var LoadingIcon$1 = LoadingIcon;
 
 const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
   // Border
@@ -9031,6 +9058,7 @@ const genGroupStyle = token => {
     genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
   };
 };
+var genGroupStyle$1 = genGroupStyle;
 
 const prepareToken = token => {
   const {
@@ -9423,7 +9451,7 @@ var useStyle = genStyleHooks('Button', token => {
   // Group (type, ghost, danger, loading)
   genTypeButtonStyle(buttonToken),
   // Button Group
-  genGroupStyle(buttonToken)];
+  genGroupStyle$1(buttonToken)];
 }, prepareComponentToken, {
   unitless: {
     fontWeight: true,
@@ -9651,7 +9679,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   const mergedInsertSpace = (_a = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : button === null || button === void 0 ? void 0 : button.autoInsertSpace) !== null && _a !== void 0 ? _a : true;
   const prefixCls = getPrefixCls('btn', customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
-  const disabled = useContext(DisabledContext);
+  const disabled = useContext(DisabledContext$1);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   const groupSize = useContext(GroupSizeContext);
   const loadingOrDelay = useMemo$1(() => getLoadingConfig(loading), [loading]);
@@ -9717,7 +9745,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     small: 'sm',
     middle: undefined
   };
-  const sizeFullName = useSize(ctxSize => {
+  const sizeFullName = useSize$1(ctxSize => {
     var _a, _b;
     return (_b = (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a !== void 0 ? _a : groupSize) !== null && _b !== void 0 ? _b : ctxSize;
   });
@@ -9740,11 +9768,11 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   const fullStyle = Object.assign(Object.assign({}, button === null || button === void 0 ? void 0 : button.style), customStyle);
   const iconClasses = classNames(customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.icon, (_b = button === null || button === void 0 ? void 0 : button.classNames) === null || _b === void 0 ? void 0 : _b.icon);
   const iconStyle = Object.assign(Object.assign({}, (styles === null || styles === void 0 ? void 0 : styles.icon) || {}), ((_c = button === null || button === void 0 ? void 0 : button.styles) === null || _c === void 0 ? void 0 : _c.icon) || {});
-  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React__default.createElement(IconWrapper, {
+  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React__default.createElement(IconWrapper$1, {
     prefixCls: prefixCls,
     className: iconClasses,
     style: iconStyle
-  }, icon)) : (/*#__PURE__*/React__default.createElement(LoadingIcon, {
+  }, icon)) : (/*#__PURE__*/React__default.createElement(LoadingIcon$1, {
     existIcon: !!icon,
     prefixCls: prefixCls,
     loading: innerLoading
@@ -9774,7 +9802,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     prefixCls: prefixCls
   }));
   if (!isUnBorderedButtonType(mergedType)) {
-    buttonNode = /*#__PURE__*/React__default.createElement(Wave, {
+    buttonNode = /*#__PURE__*/React__default.createElement(Wave$1, {
       component: "Button",
       disabled: innerLoading
     }, buttonNode);
@@ -9782,14 +9810,15 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   return wrapCSSVar(buttonNode);
 });
 const Button = InternalCompoundedButton;
-Button.Group = ButtonGroup;
+Button.Group = Group;
 Button.__ANT_BUTTON = true;
 if (process.env.NODE_ENV !== 'production') {
   Button.displayName = 'Button';
 }
+var Button$1 = Button;
 
 const FisButton = () => {
-    return jsx(Button, { children: "Hello from my React component!" });
+    return jsx(Button$1, { children: "Hello from my React component!" });
 };
 
 export { FisButton, MyComponent };