fis-component 0.0.13 → 0.0.14

package/dist/esm/index.js

@@ -1,12 +1,9 @@
-import * as React$1 from 'react';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
 import React__default, { version as version$2, isValidElement, useContext, createContext, useRef, useLayoutEffect as useLayoutEffect$1, useEffect, forwardRef, useMemo as useMemo$1, useState, Children, createRef } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 
-const MyComponent = () => {
-    return React.createElement("div", null, "Hello from my React component!");
-};
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -525,7 +522,7 @@ function findDOMNode(node) {
 }
 
 function useMemo(getValue, condition, shouldUpdate) {
-  var cacheRef = React$1.useRef({});
+  var cacheRef = React.useRef({});
   if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current.value = getValue();
     cacheRef.current.condition = condition;
@@ -1187,7 +1184,7 @@ function createCache() {
   }
   return new Entity(cssinjsInstanceId);
 }
-var StyleContext = /*#__PURE__*/React$1.createContext({
+var StyleContext = /*#__PURE__*/React.createContext({
   hashPriority: 'low',
   cache: createCache(),
   defaultCache: true
@@ -1500,9 +1497,9 @@ var transformToken = function transformToken(token, themeKey, config) {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React$1.useLayoutEffect : React$1.useEffect;
+var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
 var useLayoutEffect = function useLayoutEffect(callback, deps) {
-  var firstMountRef = React$1.useRef(true);
+  var firstMountRef = React.useRef(true);
   useInternalLayoutEffect(function () {
     return callback(firstMountRef.current);
   }, deps);
@@ -1518,7 +1515,7 @@ var useLayoutEffect = function useLayoutEffect(callback, deps) {
 
 // We need fully clone React function here
 // to avoid webpack warning React 17 do not export `useId`
-var fullClone$3 = _objectSpread2({}, React$1);
+var fullClone$3 = _objectSpread2({}, React);
 var useInsertionEffect$1 = fullClone$3.useInsertionEffect;
 /**
  * Polyfill `useInsertionEffect` for React < 18
@@ -1527,7 +1524,7 @@ var useInsertionEffect$1 = fullClone$3.useInsertionEffect;
  * @param deps
  */
 var useInsertionEffectPolyfill = function useInsertionEffectPolyfill(renderEffect, effect, deps) {
-  React$1.useMemo(renderEffect, deps);
+  React.useMemo(renderEffect, deps);
   useLayoutEffect(function () {
     return effect(true);
   }, deps);
@@ -1546,7 +1543,7 @@ var useCompatibleInsertionEffect = useInsertionEffect$1 ? function (renderEffect
 } : useInsertionEffectPolyfill;
 var useCompatibleInsertionEffect$1 = useCompatibleInsertionEffect;
 
-var fullClone$2 = _objectSpread2({}, React$1);
+var fullClone$2 = _objectSpread2({}, React);
 var useInsertionEffect = fullClone$2.useInsertionEffect;
 
 // DO NOT register functions in useEffect cleanup function, or functions that registered will never be called.
@@ -1562,7 +1559,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
     }
     effectCleanups.push(fn);
   }
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     // Compatible with strict mode
     cleanupFlag = false;
     return function () {
@@ -1614,7 +1611,7 @@ if (process.env.NODE_ENV !== 'production' && typeof module !== 'undefined' && mo
 function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove,
 // Add additional effect trigger by `useInsertionEffect`
 onCacheEffect) {
-  var _React$useContext = React$1.useContext(StyleContext$1),
+  var _React$useContext = React.useContext(StyleContext$1),
     globalCache = _React$useContext.cache;
   var fullPath = [prefix].concat(_toConsumableArray(keyPath));
   var fullPathStr = pathKey(fullPath);
@@ -1643,7 +1640,7 @@ onCacheEffect) {
   };
 
   // Create cache
-  React$1.useMemo(function () {
+  React.useMemo(function () {
     buildCache();
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [fullPathStr]
@@ -2736,7 +2733,7 @@ function useStyleRegister(info, styleFn) {
     clientOnly = info.clientOnly,
     _info$order = info.order,
     order = _info$order === void 0 ? 0 : _info$order;
-  var _React$useContext = React$1.useContext(StyleContext$1),
+  var _React$useContext = React.useContext(StyleContext$1),
     autoClear = _React$useContext.autoClear,
     mock = _React$useContext.mock,
     defaultCache = _React$useContext.defaultCache,
@@ -2870,15 +2867,15 @@ function useStyleRegister(info, styleFn) {
   return function (node) {
     var styleNode;
     if (!ssrInline || isMergedClientSide || !defaultCache) {
-      styleNode = /*#__PURE__*/React$1.createElement(Empty, null);
+      styleNode = /*#__PURE__*/React.createElement(Empty, null);
     } else {
-      styleNode = /*#__PURE__*/React$1.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
+      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
         dangerouslySetInnerHTML: {
           __html: cachedStyleStr
         }
       }));
     }
-    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, styleNode, node);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, styleNode, node);
   };
 }
 var extract$1 = function extract(cache, effectStyles, options) {
@@ -3069,7 +3066,6 @@ function noSplit(list) {
 });
 
 var IconContext = /*#__PURE__*/createContext({});
-var Context$1 = IconContext;
 
 function _toArray(r) {
   return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
@@ -3181,7 +3177,7 @@ if (process.env.NODE_ENV !== 'production') {
     }
   };
 }
-const WarningContext = /*#__PURE__*/React$1.createContext({});
+const WarningContext = /*#__PURE__*/React.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
  * since this is only used in development.
@@ -3190,7 +3186,7 @@ const WarningContext = /*#__PURE__*/React$1.createContext({});
 const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
   const {
     strict
-  } = React$1.useContext(WarningContext);
+  } = React.useContext(WarningContext);
   const typeWarning = (valid, type, message) => {
     if (!valid) {
       if (strict === false && type === 'deprecated') {
@@ -3282,7 +3278,6 @@ const locale$1 = {
   placeholder: 'Select time',
   rangePlaceholder: ['Start time', 'End time']
 };
-var TimePicker = locale$1;
 
 // Merge into a locale object
 const locale = {
@@ -3298,20 +3293,17 @@ const locale = {
     rangeMonthPlaceholder: ['Start month', 'End month'],
     rangeWeekPlaceholder: ['Start week', 'End week']
   }, locale$2),
-  timePickerLocale: Object.assign({}, TimePicker)
+  timePickerLocale: Object.assign({}, locale$1)
 };
-// 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: enUS,
-  TimePicker,
-  Calendar: enUS,
+  DatePicker: locale,
+  TimePicker: locale$1,
+  Calendar: locale,
   global: {
     placeholder: 'Please select'
   },
@@ -3446,11 +3438,10 @@ const localeValues = {
     gradientColor: 'Gradient'
   }
 };
-var defaultLocale = localeValues;
 
-Object.assign({}, defaultLocale.Modal);
+Object.assign({}, localeValues.Modal);
 let localeList = [];
-const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), defaultLocale.Modal);
+const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), localeValues.Modal);
 function changeConfirmLocale(newLocale) {
   if (newLocale) {
     const cloneLocale = Object.assign({}, newLocale);
@@ -3461,11 +3452,10 @@ function changeConfirmLocale(newLocale) {
       generateLocale();
     };
   }
-  Object.assign({}, defaultLocale.Modal);
+  Object.assign({}, localeValues.Modal);
 }
 
 const LocaleContext = /*#__PURE__*/createContext(undefined);
-var LocaleContext$1 = LocaleContext;
 
 const ANT_MARK = 'internalMark';
 const LocaleProvider = props => {
@@ -3478,21 +3468,20 @@ const LocaleProvider = props => {
     const warning = devUseWarning('LocaleProvider');
     process.env.NODE_ENV !== "production" ? warning(_ANT_MARK__ === ANT_MARK, 'deprecated', '`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale') : void 0;
   }
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const clearLocale = changeConfirmLocale(locale === null || locale === void 0 ? void 0 : locale.Modal);
     return clearLocale;
   }, [locale]);
-  const getMemoizedContextValue = React$1.useMemo(() => Object.assign(Object.assign({}, locale), {
+  const getMemoizedContextValue = React.useMemo(() => Object.assign(Object.assign({}, locale), {
     exist: true
   }), [locale]);
-  return /*#__PURE__*/React$1.createElement(LocaleContext$1.Provider, {
+  return /*#__PURE__*/React.createElement(LocaleContext.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]
@@ -4917,7 +4906,6 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   // Motion
   motion: true
 });
-var seedToken$1 = seedToken;
 
 function genColorMapToken(seed, _ref) {
   let {
@@ -5047,7 +5035,6 @@ const genRadius = radiusBase => {
     borderRadiusOuter: radiusOuter
   };
 };
-var genRadius$1 = genRadius;
 
 function genCommonMapToken(token) {
   const {
@@ -5063,7 +5050,7 @@ function genCommonMapToken(token) {
     motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
     // line
     lineWidthBold: lineWidth + 1
-  }, genRadius$1(borderRadius));
+  }, genRadius(borderRadius));
 }
 
 const genControlHeight = token => {
@@ -5076,7 +5063,6 @@ const genControlHeight = token => {
     controlHeightLG: controlHeight * 1.25
   };
 };
-var genControlHeight$1 = genControlHeight;
 
 function getLineHeight(fontSize) {
   return (fontSize + 8) / fontSize;
@@ -5130,7 +5116,6 @@ const genFontMapToken = fontSize => {
     lineHeightHeading5: lineHeights[2]
   };
 };
-var genFontMapToken$1 = genFontMapToken;
 
 function genSizeMapToken(token) {
   const {
@@ -5225,16 +5210,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$1(token.fontSize)), genSizeMapToken(token)), genControlHeight$1(token)), genCommonMapToken(token));
+  })), genFontMapToken(token.fontSize)), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
 }
 
 const defaultTheme = createTheme(derivative);
 // ================================ Context =================================
 // To ensure snapshot stable. We disable hashed in test env.
 const defaultConfig = {
-  token: seedToken$1,
+  token: seedToken,
   override: {
-    override: seedToken$1
+    override: seedToken
   },
   hashed: true
 };
@@ -5249,7 +5234,7 @@ const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
   return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
 };
 // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will cause circular dependency.
-const ConfigContext = /*#__PURE__*/React$1.createContext({
+const ConfigContext = /*#__PURE__*/React.createContext({
   // We provide a default function for Context without provider
   getPrefixCls: defaultGetPrefixCls,
   iconPrefixCls: defaultIconPrefixCls
@@ -5327,35 +5312,33 @@ function registerTheme(globalPrefixCls, theme) {
   }
 }
 
-const DisabledContext = /*#__PURE__*/React$1.createContext(false);
+const DisabledContext = /*#__PURE__*/React.createContext(false);
 const DisabledContextProvider = _ref => {
   let {
     children,
     disabled
   } = _ref;
-  const originDisabled = React$1.useContext(DisabledContext);
-  return /*#__PURE__*/React$1.createElement(DisabledContext.Provider, {
+  const originDisabled = React.useContext(DisabledContext);
+  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
   }, children);
 };
-var DisabledContext$1 = DisabledContext;
 
-const SizeContext = /*#__PURE__*/React$1.createContext(undefined);
+const SizeContext = /*#__PURE__*/React.createContext(undefined);
 const SizeContextProvider = _ref => {
   let {
     children,
     size
   } = _ref;
-  const originSize = React$1.useContext(SizeContext);
-  return /*#__PURE__*/React$1.createElement(SizeContext.Provider, {
+  const originSize = React.useContext(SizeContext);
+  return /*#__PURE__*/React.createElement(SizeContext.Provider, {
     value: size || originSize
   }, children);
 };
-var SizeContext$1 = SizeContext;
 
 function useConfig() {
-  const componentDisabled = useContext(DisabledContext$1);
-  const componentSize = useContext(SizeContext$1);
+  const componentDisabled = useContext(DisabledContext);
+  const componentSize = useContext(SizeContext);
   return {
     componentDisabled,
     componentSize
@@ -5550,9 +5533,9 @@ var getCompVarPrefix = function getCompVarPrefix(component, prefix) {
 };
 
 function useEvent(callback) {
-  var fnRef = React$1.useRef();
+  var fnRef = React.useRef();
   fnRef.current = callback;
-  var memoFn = React$1.useCallback(function () {
+  var memoFn = React.useCallback(function () {
     var _fnRef$current;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -5568,12 +5551,12 @@ function useEvent(callback) {
  * Developer should confirm it's safe to ignore themselves.
  */
 function useSafeState(defaultValue) {
-  var destroyRef = React$1.useRef(false);
-  var _React$useState = React$1.useState(defaultValue),
+  var destroyRef = React.useRef(false);
+  var _React$useState = React.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     value = _React$useState2[0],
     setValue = _React$useState2[1];
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     destroyRef.current = false;
     return function () {
       destroyRef.current = true;
@@ -6108,7 +6091,7 @@ function formatToken(derivativeToken) {
     } = derivativeToken,
     restToken = __rest$4(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
-  Object.keys(seedToken$1).forEach(token => {
+  Object.keys(seedToken).forEach(token => {
     delete overrideTokens[token];
   });
   const mergedToken = Object.assign(Object.assign({}, restToken), overrideTokens);
@@ -6361,7 +6344,7 @@ function useToken() {
   } = React__default.useContext(DesignTokenContext);
   const salt = `${version$1}-${hashed || ''}`;
   const mergedTheme = theme || defaultTheme;
-  const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken$1, rootDesignToken], {
+  const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
     salt,
     override,
     getComputedToken,
@@ -6482,7 +6465,6 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     })
   }]);
 };
-var useStyle$2 = useResetIconStyle;
 
 const {
   genStyleHooks,
@@ -6516,7 +6498,7 @@ const {
       iconPrefixCls
     } = useContext(ConfigContext);
     // Generate style for icons
-    useStyle$2(iconPrefixCls, csp);
+    useResetIconStyle(iconPrefixCls, csp);
     return csp !== null && csp !== void 0 ? csp : {};
   },
   getResetStyles: token => [{
@@ -6526,13 +6508,12 @@ const {
   getCompUnitless: () => unitless
 });
 
-const fullClone$1 = Object.assign({}, React$1);
+const fullClone$1 = Object.assign({}, React);
 const {
   useId
 } = fullClone$1;
 const useEmptyId = () => '';
 const useThemeKey = typeof useId === 'undefined' ? useEmptyId : useId;
-var useThemeKey$1 = useThemeKey;
 
 function useTheme(theme, parentTheme, config) {
   var _a, _b;
@@ -6542,7 +6523,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$1();
+  const themeKey = useThemeKey();
   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);
@@ -6577,11 +6558,11 @@ function useTheme(theme, parentTheme, config) {
 }
 
 var _excluded$3 = ["children"];
-var Context = /*#__PURE__*/React$1.createContext({});
+var Context = /*#__PURE__*/React.createContext({});
 function MotionProvider(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React$1.createElement(Context.Provider, {
+  return /*#__PURE__*/React.createElement(Context.Provider, {
     value: props
   }, children);
 }
@@ -6600,7 +6581,7 @@ var DomWrapper = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return DomWrapper;
-}(React$1.Component);
+}(React.Component);
 
 /**
  * Same as React.useState but will always get latest state.
@@ -6608,12 +6589,12 @@ var DomWrapper = /*#__PURE__*/function (_React$Component) {
  * e.g. onTransitionEnd trigger multiple event at once will be merged state update in React.
  */
 function useSyncState(defaultValue) {
-  var _React$useReducer = React$1.useReducer(function (x) {
+  var _React$useReducer = React.useReducer(function (x) {
       return x + 1;
     }, 0),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     forceUpdate = _React$useReducer2[1];
-  var currentValueRef = React$1.useRef(defaultValue);
+  var currentValueRef = React.useRef(defaultValue);
   var getValue = useEvent(function () {
     return currentValueRef.current;
   });
@@ -6732,7 +6713,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
   }
 
   // Clean up when removed
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     return function () {
       removeMotionEvents(cacheElementRef.current);
     };
@@ -6744,7 +6725,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
 var useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect$1 : useEffect;
 
 var useNextFrame = (function () {
-  var nextFrameRef = React$1.useRef(null);
+  var nextFrameRef = React.useRef(null);
   function cancelNextFrame() {
     wrapperRaf.cancel(nextFrameRef.current);
   }
@@ -6764,7 +6745,7 @@ var useNextFrame = (function () {
     });
     nextFrameRef.current = nextFrameId;
   }
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     return function () {
       cancelNextFrame();
     };
@@ -6821,7 +6802,7 @@ var useStepQueue = (function (status, prepareOnly, callback) {
       }
     }
   }, [status, step]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     return function () {
       cancelNextFrame();
     };
@@ -6929,7 +6910,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         return {};
     }
   };
-  var eventHandlers = React$1.useMemo(function () {
+  var eventHandlers = React.useMemo(function () {
     return getEventHandlers(currentStatus);
   }, [currentStatus]);
   var _useStepQueue = useStepQueue(currentStatus, !supportMotion, function (newStep) {
@@ -7030,7 +7011,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
   }, []);
 
   // Trigger `onVisibleChanged`
-  var firstMountChangeRef = React$1.useRef(false);
+  var firstMountChangeRef = React.useRef(false);
   useEffect(function () {
     // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
     if (asyncVisible) {
@@ -7067,7 +7048,7 @@ function genCSSMotion(config) {
   function isSupportTransition(props, contextMotion) {
     return !!(props.motionName && transitionSupport && contextMotion !== false);
   }
-  var CSSMotion = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
+  var CSSMotion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _props$visible = props.visible,
       visible = _props$visible === void 0 ? true : _props$visible,
       _props$removeOnLeave = props.removeOnLeave,
@@ -7077,7 +7058,7 @@ function genCSSMotion(config) {
       motionName = props.motionName,
       leavedClassName = props.leavedClassName,
       eventProps = props.eventProps;
-    var _React$useContext = React$1.useContext(Context),
+    var _React$useContext = React.useContext(Context),
       contextMotion = _React$useContext.motion;
     var supportMotion = isSupportTransition(props, contextMotion);
 
@@ -7106,13 +7087,13 @@ function genCSSMotion(config) {
 
     // Record whether content has rendered
     // Will return null for un-rendered even when `removeOnLeave={false}`
-    var renderedRef = React$1.useRef(mergedVisible);
+    var renderedRef = React.useRef(mergedVisible);
     if (mergedVisible) {
       renderedRef.current = true;
     }
 
     // ====================== Refs ======================
-    var setNodeRef = React$1.useCallback(function (node) {
+    var setNodeRef = React.useCallback(function (node) {
       nodeRef.current = node;
       fillRef(ref, node);
     }, [ref]);
@@ -7160,16 +7141,16 @@ function genCSSMotion(config) {
     }
 
     // Auto inject ref if child node not have `ref` props
-    if ( /*#__PURE__*/React$1.isValidElement(motionChildren) && supportRef(motionChildren)) {
+    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
       var _ref = motionChildren,
         originNodeRef = _ref.ref;
       if (!originNodeRef) {
-        motionChildren = /*#__PURE__*/React$1.cloneElement(motionChildren, {
+        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
           ref: setNodeRef
         });
       }
     }
-    return /*#__PURE__*/React$1.createElement(DomWrapper, {
+    return /*#__PURE__*/React.createElement(DomWrapper, {
       ref: wrapperNodeRef
     }, motionChildren);
   });
@@ -7333,18 +7314,18 @@ function genCSSMotionList(transitionSupport) {
           _onVisibleChanged = _this$props.onVisibleChanged,
           onAllRemoved = _this$props.onAllRemoved,
           restProps = _objectWithoutProperties(_this$props, _excluded$2);
-        var Component = component || React$1.Fragment;
+        var Component = component || React.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES.forEach(function (prop) {
           motionProps[prop] = restProps[prop];
           delete restProps[prop];
         });
         delete restProps.keys;
-        return /*#__PURE__*/React$1.createElement(Component, restProps, keyEntities.map(function (_ref2, index) {
+        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2, index) {
           var status = _ref2.status,
             eventProps = _objectWithoutProperties(_ref2, _excluded2);
           var visible = status === STATUS_ADD || status === STATUS_KEEP;
-          return /*#__PURE__*/React$1.createElement(CSSMotion$1, _extends({}, motionProps, {
+          return /*#__PURE__*/React.createElement(CSSMotion$1, _extends({}, motionProps, {
             key: eventProps.key,
             visible: visible,
             eventProps: eventProps,
@@ -7390,7 +7371,7 @@ function genCSSMotionList(transitionSupport) {
       }
     }]);
     return CSSMotionList;
-  }(React$1.Component);
+  }(React.Component);
   _defineProperty(CSSMotionList, "defaultProps", {
     component: 'div'
   });
@@ -7406,10 +7387,10 @@ function MotionWrapper(props) {
   const {
     motion
   } = token;
-  const needWrapMotionProviderRef = React$1.useRef(false);
+  const needWrapMotionProviderRef = React.useRef(false);
   needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
   if (needWrapMotionProviderRef.current) {
-    return /*#__PURE__*/React$1.createElement(MotionProvider, {
+    return /*#__PURE__*/React.createElement(MotionProvider, {
       motion: motion
     }, children);
   }
@@ -7420,7 +7401,7 @@ function MotionWrapper(props) {
  * Warning for ConfigProviderProps.
  * This will be empty function in production.
  */
-const PropWarning = /*#__PURE__*/React$1.memo(_ref => {
+const PropWarning = /*#__PURE__*/React.memo(_ref => {
   let {
     dropdownMatchSelectWidth
   } = _ref;
@@ -7555,7 +7536,7 @@ const ProviderChildren = props => {
     treeSelect
   } = props;
   // =================================== Context ===================================
-  const getPrefixCls = React$1.useCallback((suffixCls, customizePrefixCls) => {
+  const getPrefixCls = React.useCallback((suffixCls, customizePrefixCls) => {
     const {
       prefixCls
     } = props;
@@ -7567,7 +7548,7 @@ const ProviderChildren = props => {
   }, [parentContext.getPrefixCls, props.prefixCls]);
   const iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;
   const csp = customCsp || parentContext.csp;
-  useStyle$2(iconPrefixCls, csp);
+  useResetIconStyle(iconPrefixCls, csp);
   const mergedTheme = useTheme(theme, parentContext.theme, {
     prefixCls: getPrefixCls('')
   });
@@ -7675,42 +7656,42 @@ const ProviderChildren = props => {
     const currentKeys = Object.keys(currentConfig);
     return prevKeys.length !== currentKeys.length || prevKeys.some(key => prevConfig[key] !== currentConfig[key]);
   });
-  const memoIconContextValue = React$1.useMemo(() => ({
+  const memoIconContextValue = React.useMemo(() => ({
     prefixCls: iconPrefixCls,
     csp
   }), [iconPrefixCls, csp]);
-  let childNode = /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(PropWarning$1, {
+  let childNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PropWarning$1, {
     dropdownMatchSelectWidth: dropdownMatchSelectWidth
   }), children);
-  const validateMessages = React$1.useMemo(() => {
+  const validateMessages = React.useMemo(() => {
     var _a, _b, _c, _d;
-    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) || {});
+    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) || {});
   }, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
   if (Object.keys(validateMessages).length > 0) {
-    childNode = /*#__PURE__*/React$1.createElement(ValidateMessagesContext.Provider, {
+    childNode = /*#__PURE__*/React.createElement(ValidateMessagesContext.Provider, {
       value: validateMessages
     }, childNode);
   }
   if (locale) {
-    childNode = /*#__PURE__*/React$1.createElement(LocaleProvider$1, {
+    childNode = /*#__PURE__*/React.createElement(LocaleProvider, {
       locale: locale,
       _ANT_MARK__: ANT_MARK
     }, childNode);
   }
   if (iconPrefixCls || csp) {
-    childNode = /*#__PURE__*/React$1.createElement(Context$1.Provider, {
+    childNode = /*#__PURE__*/React.createElement(IconContext.Provider, {
       value: memoIconContextValue
     }, childNode);
   }
   if (componentSize) {
-    childNode = /*#__PURE__*/React$1.createElement(SizeContextProvider, {
+    childNode = /*#__PURE__*/React.createElement(SizeContextProvider, {
       size: componentSize
     }, childNode);
   }
   // =================================== Motion ===================================
-  childNode = /*#__PURE__*/React$1.createElement(MotionWrapper, null, childNode);
+  childNode = /*#__PURE__*/React.createElement(MotionWrapper, null, childNode);
   // ================================ Dynamic theme ================================
-  const memoTheme = React$1.useMemo(() => {
+  const memoTheme = React.useMemo(() => {
     const _a = mergedTheme || {},
       {
         algorithm,
@@ -7734,7 +7715,7 @@ const ProviderChildren = props => {
       }
       parsedComponents[componentName] = parsedToken;
     });
-    const mergedToken = Object.assign(Object.assign({}, seedToken$1), token);
+    const mergedToken = Object.assign(Object.assign({}, seedToken), token);
     return Object.assign(Object.assign({}, rest), {
       theme: themeObj,
       token: mergedToken,
@@ -7746,42 +7727,42 @@ const ProviderChildren = props => {
     });
   }, [mergedTheme]);
   if (theme) {
-    childNode = /*#__PURE__*/React$1.createElement(DesignTokenContext.Provider, {
+    childNode = /*#__PURE__*/React.createElement(DesignTokenContext.Provider, {
       value: memoTheme
     }, childNode);
   }
   // ================================== Warning ===================================
   if (memoedConfig.warning) {
-    childNode = /*#__PURE__*/React$1.createElement(WarningContext.Provider, {
+    childNode = /*#__PURE__*/React.createElement(WarningContext.Provider, {
       value: memoedConfig.warning
     }, childNode);
   }
   // =================================== Render ===================================
   if (componentDisabled !== undefined) {
-    childNode = /*#__PURE__*/React$1.createElement(DisabledContextProvider, {
+    childNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {
       disabled: componentDisabled
     }, childNode);
   }
-  return /*#__PURE__*/React$1.createElement(ConfigContext.Provider, {
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
     value: memoedConfig
   }, childNode);
 };
 const ConfigProvider = props => {
-  const context = React$1.useContext(ConfigContext);
-  const antLocale = React$1.useContext(LocaleContext$1);
-  return /*#__PURE__*/React$1.createElement(ProviderChildren, Object.assign({
+  const context = React.useContext(ConfigContext);
+  const antLocale = React.useContext(LocaleContext);
+  return /*#__PURE__*/React.createElement(ProviderChildren, Object.assign({
     parentContext: context,
     legacyLocale: antLocale
   }, props));
 };
 ConfigProvider.ConfigContext = ConfigContext;
-ConfigProvider.SizeContext = SizeContext$1;
+ConfigProvider.SizeContext = SizeContext;
 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$1;
+    return SizeContext;
   }
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -7860,7 +7841,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(Context$1),
+  var _useContext = useContext(IconContext),
     csp = _useContext.csp,
     prefixCls = _useContext.prefixCls;
   var mergedStyleStr = iconStyles;
@@ -7902,7 +7883,7 @@ var IconBase = function IconBase(props) {
     primaryColor = props.primaryColor,
     secondaryColor = props.secondaryColor,
     restProps = _objectWithoutProperties(props, _excluded$1);
-  var svgRef = React$1.useRef();
+  var svgRef = React.useRef();
   var colors = twoToneColorPalette;
   if (primaryColor) {
     colors = {
@@ -7937,20 +7918,19 @@ 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 ReactIcon.setTwoToneColors({
+  return IconBase.setTwoToneColors({
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
   });
 }
 function getTwoToneColor() {
-  var colors = ReactIcon.getTwoToneColors();
+  var colors = IconBase.getTwoToneColors();
   if (!colors.calculated) {
     return colors.primaryColor;
   }
@@ -7964,7 +7944,7 @@ setTwoToneColor(blue.primary);
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
 
-var Icon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
+var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
     icon = props.icon,
     spin = props.spin,
@@ -7973,7 +7953,7 @@ var Icon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     onClick = props.onClick,
     twoToneColor = props.twoToneColor,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React$1.useContext(Context$1),
+  var _React$useContext = React.useContext(IconContext),
     _React$useContext$pre = _React$useContext.prefixCls,
     prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
     rootClassName = _React$useContext.rootClassName;
@@ -7990,7 +7970,7 @@ var Icon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
     primaryColor = _normalizeTwoToneColo2[0],
     secondaryColor = _normalizeTwoToneColo2[1];
-  return /*#__PURE__*/React$1.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     role: "img",
     "aria-label": icon.name
   }, restProps, {
@@ -7998,7 +7978,7 @@ var Icon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     tabIndex: iconTabIndex,
     onClick: onClick,
     className: classString
-  }), /*#__PURE__*/React$1.createElement(ReactIcon, {
+  }), /*#__PURE__*/React.createElement(IconBase, {
     icon: icon,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
@@ -8008,7 +7988,6 @@ var Icon = /*#__PURE__*/React$1.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;
@@ -8024,22 +8003,20 @@ function cloneElement(element, props) {
 }
 
 // This icon file is generated automatically.
-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$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 = function LoadingOutlined(props, ref) {
-  return /*#__PURE__*/React$1.createElement(AntdIcon, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
     ref: ref,
-    icon: LoadingOutlinedSvg
+    icon: LoadingOutlined$1
   }));
 };
 
 /**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */
-var RefIcon = /*#__PURE__*/React$1.forwardRef(LoadingOutlined);
+var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'LoadingOutlined';
 }
-var LoadingOutlined$1 = RefIcon;
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function _regeneratorRuntime() {
@@ -8561,14 +8538,14 @@ const WaveEffect = props => {
     target,
     component
   } = props;
-  const divRef = React$1.useRef(null);
-  const [color, setWaveColor] = React$1.useState(null);
-  const [borderRadius, setBorderRadius] = React$1.useState([]);
-  const [left, setLeft] = React$1.useState(0);
-  const [top, setTop] = React$1.useState(0);
-  const [width, setWidth] = React$1.useState(0);
-  const [height, setHeight] = React$1.useState(0);
-  const [enabled, setEnabled] = React$1.useState(false);
+  const divRef = React.useRef(null);
+  const [color, setWaveColor] = React.useState(null);
+  const [borderRadius, setBorderRadius] = React.useState([]);
+  const [left, setLeft] = React.useState(0);
+  const [top, setTop] = React.useState(0);
+  const [width, setWidth] = React.useState(0);
+  const [height, setHeight] = React.useState(0);
+  const [enabled, setEnabled] = React.useState(false);
   const waveStyle = {
     left,
     top,
@@ -8602,7 +8579,7 @@ const WaveEffect = props => {
     } = nodeStyle;
     setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius))));
   }
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (target) {
       // We need delay to check position here
       // since UI may change after click
@@ -8626,7 +8603,7 @@ const WaveEffect = props => {
     return null;
   }
   const isSmallComponent = (component === 'Checkbox' || component === 'Radio') && (target === null || target === void 0 ? void 0 : target.classList.contains(TARGET_CLS));
-  return /*#__PURE__*/React$1.createElement(CSSMotion, {
+  return /*#__PURE__*/React.createElement(CSSMotion, {
     visible: true,
     motionAppear: true,
     motionName: "wave-motion",
@@ -8645,7 +8622,7 @@ const WaveEffect = props => {
     let {
       className: motionClassName
     } = _ref;
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: composeRef(divRef, ref),
       className: classNames(className, motionClassName, {
         'wave-quick': isSmallComponent
@@ -8669,16 +8646,15 @@ const showWaveEffect = (target, info) => {
   holder.style.left = '0px';
   holder.style.top = '0px';
   target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
-  render(/*#__PURE__*/React$1.createElement(WaveEffect, Object.assign({}, info, {
+  render(/*#__PURE__*/React.createElement(WaveEffect, Object.assign({}, info, {
     target: target
   })), holder);
 };
-var showWaveEffect$1 = showWaveEffect;
 
 const useWave = (nodeRef, className, component) => {
   const {
     wave
-  } = React$1.useContext(ConfigContext);
+  } = React.useContext(ConfigContext);
   const [, token, hashId] = useToken();
   const showWave = useEvent(event => {
     const node = nodeRef.current;
@@ -8690,7 +8666,7 @@ const useWave = (nodeRef, className, component) => {
       showEffect
     } = wave || {};
     // Customize wave effect
-    (showEffect || showWaveEffect$1)(targetNode, {
+    (showEffect || showWaveEffect)(targetNode, {
       className,
       token,
       component,
@@ -8698,7 +8674,7 @@ const useWave = (nodeRef, className, component) => {
       hashId
     });
   });
-  const rafId = React$1.useRef();
+  const rafId = React.useRef();
   // Merge trigger event into one for each frame
   const showDebounceWave = event => {
     wrapperRaf.cancel(rafId.current);
@@ -8708,7 +8684,6 @@ const useWave = (nodeRef, className, component) => {
   };
   return showDebounceWave;
 };
-var useWave$1 = useWave;
 
 const Wave = props => {
   const {
@@ -8724,7 +8699,7 @@ const Wave = props => {
   const prefixCls = getPrefixCls('wave');
   const [, hashId] = useStyle$1(prefixCls);
   // =============================== Wave ===============================
-  const showWave = useWave$1(containerRef, classNames(prefixCls, hashId), component);
+  const showWave = useWave(containerRef, classNames(prefixCls, hashId), component);
   // ============================== Effect ==============================
   React__default.useEffect(() => {
     const node = containerRef.current;
@@ -8759,10 +8734,9 @@ 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$1);
+  const size = React__default.useContext(SizeContext);
   const mergedSize = React__default.useMemo(() => {
     if (!customSize) {
       return size;
@@ -8777,7 +8751,6 @@ const useSize = customSize => {
   }, [customSize, size]);
   return mergedSize;
 };
-var useSize$1 = useSize;
 
 undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -8787,10 +8760,10 @@ undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-const SpaceCompactItemContext = /*#__PURE__*/React$1.createContext(null);
+const SpaceCompactItemContext = /*#__PURE__*/React.createContext(null);
 const useCompactItemContext = (prefixCls, direction) => {
-  const compactItemContext = React$1.useContext(SpaceCompactItemContext);
-  const compactItemClassnames = React$1.useMemo(() => {
+  const compactItemContext = React.useContext(SpaceCompactItemContext);
+  const compactItemClassnames = React.useMemo(() => {
     if (!compactItemContext) {
       return '';
     }
@@ -8821,12 +8794,12 @@ var __rest$1 = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-const GroupSizeContext = /*#__PURE__*/React$1.createContext(undefined);
+const GroupSizeContext = /*#__PURE__*/React.createContext(undefined);
 const ButtonGroup = props => {
   const {
     getPrefixCls,
     direction
-  } = React$1.useContext(ConfigContext);
+  } = React.useContext(ConfigContext);
   const {
       prefixCls: customizePrefixCls,
       size,
@@ -8853,13 +8826,12 @@ const ButtonGroup = props => {
     [`${prefixCls}-${sizeCls}`]: sizeCls,
     [`${prefixCls}-rtl`]: direction === 'rtl'
   }, className, hashId);
-  return /*#__PURE__*/React$1.createElement(GroupSizeContext.Provider, {
+  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {
     value: size
-  }, /*#__PURE__*/React$1.createElement("div", Object.assign({}, others, {
+  }, /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
     className: classes
   })));
 };
-var Group = ButtonGroup;
 
 const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
 const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
@@ -8919,7 +8891,6 @@ const IconWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     style: style
   }, children);
 });
-var IconWrapper$1 = IconWrapper;
 
 const InnerLoadingIcon = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -8929,12 +8900,12 @@ const InnerLoadingIcon = /*#__PURE__*/forwardRef((props, ref) => {
     iconClassName
   } = props;
   const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
-  return /*#__PURE__*/React__default.createElement(IconWrapper$1, {
+  return /*#__PURE__*/React__default.createElement(IconWrapper, {
     prefixCls: prefixCls,
     className: mergedIconCls,
     style: style,
     ref: ref
-  }, /*#__PURE__*/React__default.createElement(LoadingOutlined$1, {
+  }, /*#__PURE__*/React__default.createElement(RefIcon, {
     className: iconClassName
   }));
 });
@@ -8990,7 +8961,6 @@ const LoadingIcon = props => {
     });
   });
 };
-var LoadingIcon$1 = LoadingIcon;
 
 const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
   // Border
@@ -9057,7 +9027,6 @@ const genGroupStyle = token => {
     genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
   };
 };
-var genGroupStyle$1 = genGroupStyle;
 
 const prepareToken = token => {
   const {
@@ -9450,7 +9419,7 @@ var useStyle = genStyleHooks('Button', token => {
   // Group (type, ghost, danger, loading)
   genTypeButtonStyle(buttonToken),
   // Button Group
-  genGroupStyle$1(buttonToken)];
+  genGroupStyle(buttonToken)];
 }, prepareComponentToken, {
   unitless: {
     fontWeight: true,
@@ -9678,7 +9647,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$1);
+  const disabled = useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   const groupSize = useContext(GroupSizeContext);
   const loadingOrDelay = useMemo$1(() => getLoadingConfig(loading), [loading]);
@@ -9744,7 +9713,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     small: 'sm',
     middle: undefined
   };
-  const sizeFullName = useSize$1(ctxSize => {
+  const sizeFullName = useSize(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;
   });
@@ -9767,11 +9736,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$1, {
+  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React__default.createElement(IconWrapper, {
     prefixCls: prefixCls,
     className: iconClasses,
     style: iconStyle
-  }, icon)) : (/*#__PURE__*/React__default.createElement(LoadingIcon$1, {
+  }, icon)) : (/*#__PURE__*/React__default.createElement(LoadingIcon, {
     existIcon: !!icon,
     prefixCls: prefixCls,
     loading: innerLoading
@@ -9801,7 +9770,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     prefixCls: prefixCls
   }));
   if (!isUnBorderedButtonType(mergedType)) {
-    buttonNode = /*#__PURE__*/React__default.createElement(Wave$1, {
+    buttonNode = /*#__PURE__*/React__default.createElement(Wave, {
       component: "Button",
       disabled: innerLoading
     }, buttonNode);
@@ -9809,16 +9778,15 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   return wrapCSSVar(buttonNode);
 });
 const Button = InternalCompoundedButton;
-Button.Group = Group;
+Button.Group = ButtonGroup;
 Button.__ANT_BUTTON = true;
 if (process.env.NODE_ENV !== 'production') {
   Button.displayName = 'Button';
 }
-var Button$1 = Button;
 
 const FisButton = () => {
-    return React.createElement(Button$1, null, "Hello from my React component!");
+    return jsx(Button, { children: "Hello from my React component!" });
 };
 
-export { FisButton, MyComponent };
+export { FisButton };
 //# sourceMappingURL=index.js.map