fis-component 0.0.13 → 0.0.14

package/dist/cjs/index.js

@@ -1,32 +1,29 @@
 'use strict';
 
-var React$1 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-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;
 }
@@ -537,7 +534,7 @@ function findDOMNode(node) {
   if (domNode) {
     return domNode;
   }
-  if (node instanceof React$1.Component) {
+  if (node instanceof React.Component) {
     var _ReactDOM$findDOMNode;
     return (_ReactDOM$findDOMNode = ReactDOM.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(ReactDOM, node);
   }
@@ -594,7 +591,7 @@ var supportRef = function supportRef(nodeOrComponent) {
   return true;
 };
 function isReactElement(node) {
-  return /*#__PURE__*/React$1.isValidElement(node) && !reactIsExports.isFragment(node);
+  return /*#__PURE__*/React.isValidElement(node) && !reactIsExports.isFragment(node);
 }
 
 /**
@@ -602,7 +599,7 @@ function isReactElement(node) {
  * But a property from `props.ref`.
  * To check if `props.ref` exist or fallback to `ref`.
  */
-Number(React$1.version.split('.')[0]) >= 19 ?
+Number(React.version.split('.')[0]) >= 19 ?
 // >= React 19
 function (node) {
   if (isReactElement(node)) {
@@ -1783,7 +1780,7 @@ var TOKEN_PREFIX = 'token';
  */
 function useCacheToken(theme, tokens) {
   var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var _useContext = React$1.useContext(StyleContext$1),
+  var _useContext = React.useContext(StyleContext$1),
     instanceId = _useContext.cache.instanceId,
     container = _useContext.container;
   var _option$salt = option.salt,
@@ -2956,7 +2953,7 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
     token = config.token,
     _config$scope = config.scope,
     scope = _config$scope === void 0 ? '' : _config$scope;
-  var _useContext = React$1.useContext(StyleContext$1),
+  var _useContext = React.useContext(StyleContext$1),
     instanceId = _useContext.cache.instanceId,
     container = _useContext.container;
   var tokenKey = token._tokenKey;
@@ -3088,8 +3085,7 @@ function noSplit(list) {
   borderEndEndRadius: ['borderBottomRightRadius']
 });
 
-var IconContext = /*#__PURE__*/React$1.createContext({});
-var Context$1 = IconContext;
+var IconContext = /*#__PURE__*/React.createContext({});
 
 function _toArray(r) {
   return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
@@ -3246,7 +3242,7 @@ var warning$2 = warning$1;
 // ZombieJ: We export single file here since
 // ConfigProvider use this which will make loop deps
 // to import whole `rc-field-form`
-var ValidateMessagesContext = /*#__PURE__*/React$1.createContext(undefined);
+var ValidateMessagesContext = /*#__PURE__*/React.createContext(undefined);
 
 var locale$3 = {
   // Options
@@ -3302,7 +3298,6 @@ const locale$1 = {
   placeholder: 'Select time',
   rangePlaceholder: ['Start time', 'End time']
 };
-var TimePicker = locale$1;
 
 // Merge into a locale object
 const locale = {
@@ -3318,20 +3313,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'
   },
@@ -3466,11 +3458,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);
@@ -3481,11 +3472,10 @@ function changeConfirmLocale(newLocale) {
       generateLocale();
     };
   }
-  Object.assign({}, defaultLocale.Modal);
+  Object.assign({}, localeValues.Modal);
 }
 
-const LocaleContext = /*#__PURE__*/React$1.createContext(undefined);
-var LocaleContext$1 = LocaleContext;
+const LocaleContext = /*#__PURE__*/React.createContext(undefined);
 
 const ANT_MARK = 'internalMark';
 const LocaleProvider = props => {
@@ -3505,14 +3495,13 @@ const LocaleProvider = props => {
   const getMemoizedContextValue = React__namespace.useMemo(() => Object.assign(Object.assign({}, locale), {
     exist: true
   }), [locale]);
-  return /*#__PURE__*/React__namespace.createElement(LocaleContext$1.Provider, {
+  return /*#__PURE__*/React__namespace.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]
@@ -4937,7 +4926,6 @@ const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
   // Motion
   motion: true
 });
-var seedToken$1 = seedToken;
 
 function genColorMapToken(seed, _ref) {
   let {
@@ -5067,7 +5055,6 @@ const genRadius = radiusBase => {
     borderRadiusOuter: radiusOuter
   };
 };
-var genRadius$1 = genRadius;
 
 function genCommonMapToken(token) {
   const {
@@ -5083,7 +5070,7 @@ function genCommonMapToken(token) {
     motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
     // line
     lineWidthBold: lineWidth + 1
-  }, genRadius$1(borderRadius));
+  }, genRadius(borderRadius));
 }
 
 const genControlHeight = token => {
@@ -5096,7 +5083,6 @@ const genControlHeight = token => {
     controlHeightLG: controlHeight * 1.25
   };
 };
-var genControlHeight$1 = genControlHeight;
 
 function getLineHeight(fontSize) {
   return (fontSize + 8) / fontSize;
@@ -5150,7 +5136,6 @@ const genFontMapToken = fontSize => {
     lineHeightHeading5: lineHeights[2]
   };
 };
-var genFontMapToken$1 = genFontMapToken;
 
 function genSizeMapToken(token) {
   const {
@@ -5245,20 +5230,20 @@ 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
 };
-const DesignTokenContext = /*#__PURE__*/React$1.createContext(defaultConfig);
+const DesignTokenContext = /*#__PURE__*/React.createContext(defaultConfig);
 
 const defaultPrefixCls = 'ant';
 const defaultIconPrefixCls = 'anticon';
@@ -5358,7 +5343,6 @@ const DisabledContextProvider = _ref => {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
   }, children);
 };
-var DisabledContext$1 = DisabledContext;
 
 const SizeContext = /*#__PURE__*/React__namespace.createContext(undefined);
 const SizeContextProvider = _ref => {
@@ -5371,11 +5355,10 @@ const SizeContextProvider = _ref => {
     value: size || originSize
   }, children);
 };
-var SizeContext$1 = SizeContext;
 
 function useConfig() {
-  const componentDisabled = React$1.useContext(DisabledContext$1);
-  const componentSize = React$1.useContext(SizeContext$1);
+  const componentDisabled = React.useContext(DisabledContext);
+  const componentSize = React.useContext(SizeContext);
   return {
     componentDisabled,
     componentSize
@@ -5827,7 +5810,7 @@ var uniqueMap = new ArrayKeyMap();
  * Like `useMemo`, but this hook result will be shared across all instances.
  */
 function useUniqueMemo(memoFn, deps) {
-  return React$1.useMemo(function () {
+  return React.useMemo(function () {
     var cachedValue = uniqueMap.get(deps);
     if (cachedValue) {
       return cachedValue;
@@ -5926,7 +5909,7 @@ function genStyleUtils(config) {
       var _useToken2 = useToken(),
         cssVar = _useToken2.cssVar;
       return [function (node) {
-        return injectStyle && cssVar ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CSSVarRegister, {
+        return injectStyle && cssVar ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CSSVarRegister, {
           rootCls: rootCls,
           cssVar: cssVar,
           component: component
@@ -6128,7 +6111,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);
@@ -6378,10 +6361,10 @@ function useToken() {
     theme,
     override,
     cssVar
-  } = React$1.useContext(DesignTokenContext);
+  } = React.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,
@@ -6502,7 +6485,6 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     })
   }]);
 };
-var useStyle$2 = useResetIconStyle;
 
 const {
   genStyleHooks,
@@ -6513,7 +6495,7 @@ const {
     const {
       getPrefixCls,
       iconPrefixCls
-    } = React$1.useContext(ConfigContext);
+    } = React.useContext(ConfigContext);
     const rootPrefixCls = getPrefixCls();
     return {
       rootPrefixCls,
@@ -6534,9 +6516,9 @@ const {
     const {
       csp,
       iconPrefixCls
-    } = React$1.useContext(ConfigContext);
+    } = React.useContext(ConfigContext);
     // Generate style for icons
-    useStyle$2(iconPrefixCls, csp);
+    useResetIconStyle(iconPrefixCls, csp);
     return csp !== null && csp !== void 0 ? csp : {};
   },
   getResetStyles: token => [{
@@ -6552,7 +6534,6 @@ const {
 } = fullClone$1;
 const useEmptyId = () => '';
 const useThemeKey = typeof useId === 'undefined' ? useEmptyId : useId;
-var useThemeKey$1 = useThemeKey;
 
 function useTheme(theme, parentTheme, config) {
   var _a, _b;
@@ -6562,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$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);
@@ -6727,7 +6708,7 @@ function getTransitionName(transitionName, transitionType) {
 }
 
 var useDomMotionEvents = (function (onInternalMotionEnd) {
-  var cacheElementRef = React$1.useRef();
+  var cacheElementRef = React.useRef();
 
   // Remove events
   function removeMotionEvents(element) {
@@ -6761,7 +6742,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
 });
 
 // It's safe to use `useLayoutEffect` but the warning is annoying
-var useIsomorphicLayoutEffect = canUseDom() ? React$1.useLayoutEffect : React$1.useEffect;
+var useIsomorphicLayoutEffect = canUseDom() ? React.useLayoutEffect : React.useEffect;
 
 var useNextFrame = (function () {
   var nextFrameRef = React__namespace.useRef(null);
@@ -6885,8 +6866,8 @@ function useStatus(supportMotion, visible, getElement, _ref) {
     style = _useState4[0],
     setStyle = _useState4[1];
   var currentStatus = getStatus();
-  var mountedRef = React$1.useRef(false);
-  var deadlineRef = React$1.useRef(null);
+  var mountedRef = React.useRef(false);
+  var deadlineRef = React.useRef(null);
 
   // =========================== Dom Node ===========================
   function getDomElement() {
@@ -6894,7 +6875,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
   }
 
   // ========================== Motion End ==========================
-  var activeRef = React$1.useRef(false);
+  var activeRef = React.useRef(false);
 
   /**
    * Clean up status & style
@@ -7031,7 +7012,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
 
   // ============================ Effect ============================
   // Reset when motion changed
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (
     // Cancel appear
     currentStatus === STATUS_APPEAR && !motionAppear ||
@@ -7042,7 +7023,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
       setStatus(STATUS_NONE);
     }
   }, [motionAppear, motionEnter, motionLeave]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     return function () {
       mountedRef.current = false;
       clearTimeout(deadlineRef.current);
@@ -7051,7 +7032,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
 
   // Trigger `onVisibleChanged`
   var firstMountChangeRef = React__namespace.useRef(false);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
     if (asyncVisible) {
       firstMountChangeRef.current = true;
@@ -7102,9 +7083,9 @@ function genCSSMotion(config) {
     var supportMotion = isSupportTransition(props, contextMotion);
 
     // Ref to the react node, it may be a HTMLElement
-    var nodeRef = React$1.useRef();
+    var nodeRef = React.useRef();
     // Ref to the dom wrapper in case ref can not pass to HTMLElement
-    var wrapperNodeRef = React$1.useRef();
+    var wrapperNodeRef = React.useRef();
     function getDomElement() {
       try {
         // Here we're avoiding call for findDOMNode since it's deprecated
@@ -7587,7 +7568,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('')
   });
@@ -7704,7 +7685,7 @@ const ProviderChildren = props => {
   }), children);
   const validateMessages = React__namespace.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__namespace.createElement(ValidateMessagesContext.Provider, {
@@ -7712,13 +7693,13 @@ const ProviderChildren = props => {
     }, childNode);
   }
   if (locale) {
-    childNode = /*#__PURE__*/React__namespace.createElement(LocaleProvider$1, {
+    childNode = /*#__PURE__*/React__namespace.createElement(LocaleProvider, {
       locale: locale,
       _ANT_MARK__: ANT_MARK
     }, childNode);
   }
   if (iconPrefixCls || csp) {
-    childNode = /*#__PURE__*/React__namespace.createElement(Context$1.Provider, {
+    childNode = /*#__PURE__*/React__namespace.createElement(IconContext.Provider, {
       value: memoIconContextValue
     }, childNode);
   }
@@ -7754,7 +7735,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,
@@ -7788,20 +7769,20 @@ const ProviderChildren = props => {
 };
 const ConfigProvider = props => {
   const context = React__namespace.useContext(ConfigContext);
-  const antLocale = React__namespace.useContext(LocaleContext$1);
+  const antLocale = React__namespace.useContext(LocaleContext);
   return /*#__PURE__*/React__namespace.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') {
@@ -7856,13 +7837,13 @@ function normalizeAttrs() {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return /*#__PURE__*/React$1.createElement(node.tag, _objectSpread2({
+    return /*#__PURE__*/React.createElement(node.tag, _objectSpread2({
       key: key
     }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
-  return /*#__PURE__*/React$1.createElement(node.tag, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React.createElement(node.tag, _objectSpread2(_objectSpread2({
     key: key
   }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -7880,14 +7861,14 @@ 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 = React$1.useContext(Context$1),
+  var _useContext = React.useContext(IconContext),
     csp = _useContext.csp,
     prefixCls = _useContext.prefixCls;
   var mergedStyleStr = iconStyles;
   if (prefixCls) {
     mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
   }
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var ele = eleRef.current;
     var shadowRoot = getShadowRoot(ele);
     updateCSS(mergedStyleStr, '@ant-design-icons', {
@@ -7957,20 +7938,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;
   }
@@ -7993,7 +7973,7 @@ var Icon = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     onClick = props.onClick,
     twoToneColor = props.twoToneColor,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React__namespace.useContext(Context$1),
+  var _React$useContext = React__namespace.useContext(IconContext),
     _React$useContext$pre = _React$useContext.prefixCls,
     prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
     rootClassName = _React$useContext.rootClassName;
@@ -8018,7 +7998,7 @@ var Icon = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     tabIndex: iconTabIndex,
     onClick: onClick,
     className: classString
-  }), /*#__PURE__*/React__namespace.createElement(ReactIcon, {
+  }), /*#__PURE__*/React__namespace.createElement(IconBase, {
     icon: icon,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
@@ -8028,29 +8008,27 @@ var Icon = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 Icon.displayName = 'AntdIcon';
 Icon.getTwoToneColor = getTwoToneColor;
 Icon.setTwoToneColor = setTwoToneColor;
-var AntdIcon = Icon;
 
 function isFragment(child) {
-  return child && /*#__PURE__*/React$1.isValidElement(child) && child.type === React$1.Fragment;
+  return child && /*#__PURE__*/React.isValidElement(child) && child.type === React.Fragment;
 }
 const replaceElement = (element, replacement, props) => {
-  if (! /*#__PURE__*/React$1.isValidElement(element)) {
+  if (! /*#__PURE__*/React.isValidElement(element)) {
     return replacement;
   }
-  return /*#__PURE__*/React$1.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 };
 function cloneElement(element, props) {
   return replaceElement(element, 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__namespace.createElement(AntdIcon, _extends({}, props, {
+  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
     ref: ref,
-    icon: LoadingOutlinedSvg
+    icon: LoadingOutlined$1
   }));
 };
 
@@ -8059,7 +8037,6 @@ var RefIcon = /*#__PURE__*/React__namespace.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'LoadingOutlined';
 }
-var LoadingOutlined$1 = RefIcon;
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function _regeneratorRuntime() {
@@ -8693,7 +8670,6 @@ const showWaveEffect = (target, info) => {
     target: target
   })), holder);
 };
-var showWaveEffect$1 = showWaveEffect;
 
 const useWave = (nodeRef, className, component) => {
   const {
@@ -8710,7 +8686,7 @@ const useWave = (nodeRef, className, component) => {
       showEffect
     } = wave || {};
     // Customize wave effect
-    (showEffect || showWaveEffect$1)(targetNode, {
+    (showEffect || showWaveEffect)(targetNode, {
       className,
       token,
       component,
@@ -8728,7 +8704,6 @@ const useWave = (nodeRef, className, component) => {
   };
   return showDebounceWave;
 };
-var useWave$1 = useWave;
 
 const Wave = props => {
   const {
@@ -8738,15 +8713,15 @@ const Wave = props => {
   } = props;
   const {
     getPrefixCls
-  } = React$1.useContext(ConfigContext);
-  const containerRef = React$1.useRef(null);
+  } = React.useContext(ConfigContext);
+  const containerRef = React.useRef(null);
   // ============================== Style ===============================
   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$1.useEffect(() => {
+  React.useEffect(() => {
     const node = containerRef.current;
     if (!node || node.nodeType !== 1 || disabled) {
       return;
@@ -8768,7 +8743,7 @@ const Wave = props => {
     };
   }, [disabled]);
   // ============================== Render ==============================
-  if (! /*#__PURE__*/React$1.isValidElement(children)) {
+  if (! /*#__PURE__*/React.isValidElement(children)) {
     return children !== null && children !== void 0 ? children : null;
   }
   const ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;
@@ -8779,11 +8754,10 @@ const Wave = props => {
 if (process.env.NODE_ENV !== 'production') {
   Wave.displayName = 'Wave';
 }
-var Wave$1 = Wave;
 
 const useSize = customSize => {
-  const size = React$1.useContext(SizeContext$1);
-  const mergedSize = React$1.useMemo(() => {
+  const size = React.useContext(SizeContext);
+  const mergedSize = React.useMemo(() => {
     if (!customSize) {
       return size;
     }
@@ -8797,7 +8771,6 @@ const useSize = customSize => {
   }, [customSize, size]);
   return mergedSize;
 };
-var useSize$1 = useSize;
 
 undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -8879,7 +8852,6 @@ const ButtonGroup = props => {
     className: classes
   })));
 };
-var Group = ButtonGroup;
 
 const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
 const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
@@ -8900,17 +8872,17 @@ function splitCNCharsBySpace(child, needInserted) {
     });
   }
   if (isString(child)) {
-    return isTwoCNChar(child) ? /*#__PURE__*/React$1.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/React$1.createElement("span", null, child);
+    return isTwoCNChar(child) ? /*#__PURE__*/React.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/React.createElement("span", null, child);
   }
   if (isFragment(child)) {
-    return /*#__PURE__*/React$1.createElement("span", null, child);
+    return /*#__PURE__*/React.createElement("span", null, child);
   }
   return child;
 }
 function spaceChildren(children, needInserted) {
   let isPrevChildPure = false;
   const childList = [];
-  React$1.Children.forEach(children, child => {
+  React.Children.forEach(children, child => {
     const type = typeof child;
     const isCurrentChildPure = type === 'string' || type === 'number';
     if (isPrevChildPure && isCurrentChildPure) {
@@ -8922,10 +8894,10 @@ function spaceChildren(children, needInserted) {
     }
     isPrevChildPure = isCurrentChildPure;
   });
-  return React$1.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
+  return React.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
 }
 
-const IconWrapper = /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const IconWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     className,
     style,
@@ -8933,15 +8905,14 @@ const IconWrapper = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     prefixCls
   } = props;
   const iconWrapperCls = classNames(`${prefixCls}-icon`, className);
-  return /*#__PURE__*/React$1.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     ref: ref,
     className: iconWrapperCls,
     style: style
   }, children);
 });
-var IconWrapper$1 = IconWrapper;
 
-const InnerLoadingIcon = /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const InnerLoadingIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     prefixCls,
     className,
@@ -8949,12 +8920,12 @@ const InnerLoadingIcon = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     iconClassName
   } = props;
   const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
-  return /*#__PURE__*/React$1.createElement(IconWrapper$1, {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
     prefixCls: prefixCls,
     className: mergedIconCls,
     style: style,
     ref: ref
-  }, /*#__PURE__*/React$1.createElement(LoadingOutlined$1, {
+  }, /*#__PURE__*/React.createElement(RefIcon, {
     className: iconClassName
   }));
 });
@@ -8978,13 +8949,13 @@ const LoadingIcon = props => {
   } = props;
   const visible = !!loading;
   if (existIcon) {
-    return /*#__PURE__*/React$1.createElement(InnerLoadingIcon, {
+    return /*#__PURE__*/React.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
       className: className,
       style: style
     });
   }
-  return /*#__PURE__*/React$1.createElement(CSSMotion, {
+  return /*#__PURE__*/React.createElement(CSSMotion, {
     visible: visible,
     // We do not really use this motionName
     motionName: `${prefixCls}-loading-icon-motion`,
@@ -9001,7 +8972,7 @@ const LoadingIcon = props => {
       className: motionCls,
       style: motionStyle
     } = _ref;
-    return /*#__PURE__*/React$1.createElement(InnerLoadingIcon, {
+    return /*#__PURE__*/React.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
       className: className,
       style: Object.assign(Object.assign({}, style), motionStyle),
@@ -9010,7 +8981,6 @@ const LoadingIcon = props => {
     });
   });
 };
-var LoadingIcon$1 = LoadingIcon;
 
 const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
   // Border
@@ -9077,7 +9047,6 @@ const genGroupStyle = token => {
     genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
   };
 };
-var genGroupStyle$1 = genGroupStyle;
 
 const prepareToken = token => {
   const {
@@ -9470,7 +9439,7 @@ var useStyle = genStyleHooks('Button', token => {
   // Group (type, ghost, danger, loading)
   genTypeButtonStyle(buttonToken),
   // Button Group
-  genGroupStyle$1(buttonToken)];
+  genGroupStyle(buttonToken)];
 }, prepareComponentToken, {
   unitless: {
     fontWeight: true,
@@ -9662,7 +9631,7 @@ function getLoadingConfig(loading) {
     delay: 0
   };
 }
-const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) => {
+const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   var _a, _b, _c;
   const {
       loading = false,
@@ -9694,20 +9663,20 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
     getPrefixCls,
     direction,
     button
-  } = React$1.useContext(ConfigContext);
+  } = React.useContext(ConfigContext);
   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 = React$1.useContext(DisabledContext$1);
+  const disabled = React.useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  const groupSize = React$1.useContext(GroupSizeContext);
-  const loadingOrDelay = React$1.useMemo(() => getLoadingConfig(loading), [loading]);
-  const [innerLoading, setLoading] = React$1.useState(loadingOrDelay.loading);
-  const [hasTwoCNChar, setHasTwoCNChar] = React$1.useState(false);
-  const internalRef = /*#__PURE__*/React$1.createRef();
+  const groupSize = React.useContext(GroupSizeContext);
+  const loadingOrDelay = React.useMemo(() => getLoadingConfig(loading), [loading]);
+  const [innerLoading, setLoading] = React.useState(loadingOrDelay.loading);
+  const [hasTwoCNChar, setHasTwoCNChar] = React.useState(false);
+  const internalRef = /*#__PURE__*/React.createRef();
   const buttonRef = composeRef(ref, internalRef);
-  const needInserted = React$1.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(mergedType);
-  React$1.useEffect(() => {
+  const needInserted = React.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(mergedType);
+  React.useEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -9725,7 +9694,7 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
     }
     return cleanupTimer;
   }, [loadingOrDelay]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     // FIXME: for HOC usage like <FormatMessage />
     if (!buttonRef || !buttonRef.current || !mergedInsertSpace) {
       return;
@@ -9764,7 +9733,7 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
     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;
   });
@@ -9787,18 +9756,18 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
   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$1.createElement(IconWrapper$1, {
+  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React.createElement(IconWrapper, {
     prefixCls: prefixCls,
     className: iconClasses,
     style: iconStyle
-  }, icon)) : (/*#__PURE__*/React$1.createElement(LoadingIcon$1, {
+  }, icon)) : (/*#__PURE__*/React.createElement(LoadingIcon, {
     existIcon: !!icon,
     prefixCls: prefixCls,
     loading: innerLoading
   }));
   const kids = children || children === 0 ? spaceChildren(children, needInserted && mergedInsertSpace) : null;
   if (linkButtonRestProps.href !== undefined) {
-    return wrapCSSVar(/*#__PURE__*/React$1.createElement("a", Object.assign({}, linkButtonRestProps, {
+    return wrapCSSVar(/*#__PURE__*/React.createElement("a", Object.assign({}, linkButtonRestProps, {
       className: classNames(classes, {
         [`${prefixCls}-disabled`]: mergedDisabled
       }),
@@ -9809,19 +9778,19 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
       tabIndex: mergedDisabled ? -1 : 0
     }), iconNode, kids));
   }
-  let buttonNode = /*#__PURE__*/React$1.createElement("button", Object.assign({}, rest, {
+  let buttonNode = /*#__PURE__*/React.createElement("button", Object.assign({}, rest, {
     type: htmlType,
     className: classes,
     style: fullStyle,
     onClick: handleClick,
     disabled: mergedDisabled,
     ref: buttonRef
-  }), iconNode, kids, !!compactItemClassnames && /*#__PURE__*/React$1.createElement(CompactCmp, {
+  }), iconNode, kids, !!compactItemClassnames && /*#__PURE__*/React.createElement(CompactCmp, {
     key: "compact",
     prefixCls: prefixCls
   }));
   if (!isUnBorderedButtonType(mergedType)) {
-    buttonNode = /*#__PURE__*/React$1.createElement(Wave$1, {
+    buttonNode = /*#__PURE__*/React.createElement(Wave, {
       component: "Button",
       disabled: innerLoading
     }, buttonNode);
@@ -9829,17 +9798,15 @@ const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) =>
   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 jsxRuntime.jsx(Button, { children: "Hello from my React component!" });
 };
 
 exports.FisButton = FisButton;
-exports.MyComponent = MyComponent;
 //# sourceMappingURL=index.js.map