fis-component 0.0.11 → 0.0.13

package/dist/esm/index.js

@@ -1,11 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React$1 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 jsx("div", { children: "Hello from my React component!" });
+    return React.createElement("div", null, "Hello from my React component!");
 };
 
 function getDefaultExportFromCjs (x) {
@@ -526,7 +525,7 @@ function findDOMNode(node) {
 }
 
 function useMemo(getValue, condition, shouldUpdate) {
-  var cacheRef = React.useRef({});
+  var cacheRef = React$1.useRef({});
   if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current.value = getValue();
     cacheRef.current.condition = condition;
@@ -1188,7 +1187,7 @@ function createCache() {
   }
   return new Entity(cssinjsInstanceId);
 }
-var StyleContext = /*#__PURE__*/React.createContext({
+var StyleContext = /*#__PURE__*/React$1.createContext({
   hashPriority: 'low',
   cache: createCache(),
   defaultCache: true
@@ -1501,9 +1500,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.useLayoutEffect : React.useEffect;
+var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React$1.useLayoutEffect : React$1.useEffect;
 var useLayoutEffect = function useLayoutEffect(callback, deps) {
-  var firstMountRef = React.useRef(true);
+  var firstMountRef = React$1.useRef(true);
   useInternalLayoutEffect(function () {
     return callback(firstMountRef.current);
   }, deps);
@@ -1519,7 +1518,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);
+var fullClone$3 = _objectSpread2({}, React$1);
 var useInsertionEffect$1 = fullClone$3.useInsertionEffect;
 /**
  * Polyfill `useInsertionEffect` for React < 18
@@ -1528,7 +1527,7 @@ var useInsertionEffect$1 = fullClone$3.useInsertionEffect;
  * @param deps
  */
 var useInsertionEffectPolyfill = function useInsertionEffectPolyfill(renderEffect, effect, deps) {
-  React.useMemo(renderEffect, deps);
+  React$1.useMemo(renderEffect, deps);
   useLayoutEffect(function () {
     return effect(true);
   }, deps);
@@ -1547,7 +1546,7 @@ var useCompatibleInsertionEffect = useInsertionEffect$1 ? function (renderEffect
 } : useInsertionEffectPolyfill;
 var useCompatibleInsertionEffect$1 = useCompatibleInsertionEffect;
 
-var fullClone$2 = _objectSpread2({}, React);
+var fullClone$2 = _objectSpread2({}, React$1);
 var useInsertionEffect = fullClone$2.useInsertionEffect;
 
 // DO NOT register functions in useEffect cleanup function, or functions that registered will never be called.
@@ -1563,7 +1562,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
     }
     effectCleanups.push(fn);
   }
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     // Compatible with strict mode
     cleanupFlag = false;
     return function () {
@@ -1615,7 +1614,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.useContext(StyleContext$1),
+  var _React$useContext = React$1.useContext(StyleContext$1),
     globalCache = _React$useContext.cache;
   var fullPath = [prefix].concat(_toConsumableArray(keyPath));
   var fullPathStr = pathKey(fullPath);
@@ -1644,7 +1643,7 @@ onCacheEffect) {
   };
 
   // Create cache
-  React.useMemo(function () {
+  React$1.useMemo(function () {
     buildCache();
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [fullPathStr]
@@ -2737,7 +2736,7 @@ function useStyleRegister(info, styleFn) {
     clientOnly = info.clientOnly,
     _info$order = info.order,
     order = _info$order === void 0 ? 0 : _info$order;
-  var _React$useContext = React.useContext(StyleContext$1),
+  var _React$useContext = React$1.useContext(StyleContext$1),
     autoClear = _React$useContext.autoClear,
     mock = _React$useContext.mock,
     defaultCache = _React$useContext.defaultCache,
@@ -2871,15 +2870,15 @@ function useStyleRegister(info, styleFn) {
   return function (node) {
     var styleNode;
     if (!ssrInline || isMergedClientSide || !defaultCache) {
-      styleNode = /*#__PURE__*/React.createElement(Empty, null);
+      styleNode = /*#__PURE__*/React$1.createElement(Empty, null);
     } else {
-      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
+      styleNode = /*#__PURE__*/React$1.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
         dangerouslySetInnerHTML: {
           __html: cachedStyleStr
         }
       }));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, styleNode, node);
+    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, styleNode, node);
   };
 }
 var extract$1 = function extract(cache, effectStyles, options) {
@@ -3182,7 +3181,7 @@ if (process.env.NODE_ENV !== 'production') {
     }
   };
 }
-const WarningContext = /*#__PURE__*/React.createContext({});
+const WarningContext = /*#__PURE__*/React$1.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
  * since this is only used in development.
@@ -3191,7 +3190,7 @@ const WarningContext = /*#__PURE__*/React.createContext({});
 const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
   const {
     strict
-  } = React.useContext(WarningContext);
+  } = React$1.useContext(WarningContext);
   const typeWarning = (valid, type, message) => {
     if (!valid) {
       if (strict === false && type === 'deprecated') {
@@ -3479,14 +3478,14 @@ 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.useEffect(() => {
+  React$1.useEffect(() => {
     const clearLocale = changeConfirmLocale(locale === null || locale === void 0 ? void 0 : locale.Modal);
     return clearLocale;
   }, [locale]);
-  const getMemoizedContextValue = React.useMemo(() => Object.assign(Object.assign({}, locale), {
+  const getMemoizedContextValue = React$1.useMemo(() => Object.assign(Object.assign({}, locale), {
     exist: true
   }), [locale]);
-  return /*#__PURE__*/React.createElement(LocaleContext$1.Provider, {
+  return /*#__PURE__*/React$1.createElement(LocaleContext$1.Provider, {
     value: getMemoizedContextValue
   }, children);
 };
@@ -5250,7 +5249,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.createContext({
+const ConfigContext = /*#__PURE__*/React$1.createContext({
   // We provide a default function for Context without provider
   getPrefixCls: defaultGetPrefixCls,
   iconPrefixCls: defaultIconPrefixCls
@@ -5328,27 +5327,27 @@ function registerTheme(globalPrefixCls, theme) {
   }
 }
 
-const DisabledContext = /*#__PURE__*/React.createContext(false);
+const DisabledContext = /*#__PURE__*/React$1.createContext(false);
 const DisabledContextProvider = _ref => {
   let {
     children,
     disabled
   } = _ref;
-  const originDisabled = React.useContext(DisabledContext);
-  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
+  const originDisabled = React$1.useContext(DisabledContext);
+  return /*#__PURE__*/React$1.createElement(DisabledContext.Provider, {
     value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
   }, children);
 };
 var DisabledContext$1 = DisabledContext;
 
-const SizeContext = /*#__PURE__*/React.createContext(undefined);
+const SizeContext = /*#__PURE__*/React$1.createContext(undefined);
 const SizeContextProvider = _ref => {
   let {
     children,
     size
   } = _ref;
-  const originSize = React.useContext(SizeContext);
-  return /*#__PURE__*/React.createElement(SizeContext.Provider, {
+  const originSize = React$1.useContext(SizeContext);
+  return /*#__PURE__*/React$1.createElement(SizeContext.Provider, {
     value: size || originSize
   }, children);
 };
@@ -5551,9 +5550,9 @@ var getCompVarPrefix = function getCompVarPrefix(component, prefix) {
 };
 
 function useEvent(callback) {
-  var fnRef = React.useRef();
+  var fnRef = React$1.useRef();
   fnRef.current = callback;
-  var memoFn = React.useCallback(function () {
+  var memoFn = React$1.useCallback(function () {
     var _fnRef$current;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -5569,12 +5568,12 @@ function useEvent(callback) {
  * Developer should confirm it's safe to ignore themselves.
  */
 function useSafeState(defaultValue) {
-  var destroyRef = React.useRef(false);
-  var _React$useState = React.useState(defaultValue),
+  var destroyRef = React$1.useRef(false);
+  var _React$useState = React$1.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     value = _React$useState2[0],
     setValue = _React$useState2[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     destroyRef.current = false;
     return function () {
       destroyRef.current = true;
@@ -6527,7 +6526,7 @@ const {
   getCompUnitless: () => unitless
 });
 
-const fullClone$1 = Object.assign({}, React);
+const fullClone$1 = Object.assign({}, React$1);
 const {
   useId
 } = fullClone$1;
@@ -6578,11 +6577,11 @@ function useTheme(theme, parentTheme, config) {
 }
 
 var _excluded$3 = ["children"];
-var Context = /*#__PURE__*/React.createContext({});
+var Context = /*#__PURE__*/React$1.createContext({});
 function MotionProvider(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
+  return /*#__PURE__*/React$1.createElement(Context.Provider, {
     value: props
   }, children);
 }
@@ -6601,7 +6600,7 @@ var DomWrapper = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return DomWrapper;
-}(React.Component);
+}(React$1.Component);
 
 /**
  * Same as React.useState but will always get latest state.
@@ -6609,12 +6608,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.useReducer(function (x) {
+  var _React$useReducer = React$1.useReducer(function (x) {
       return x + 1;
     }, 0),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     forceUpdate = _React$useReducer2[1];
-  var currentValueRef = React.useRef(defaultValue);
+  var currentValueRef = React$1.useRef(defaultValue);
   var getValue = useEvent(function () {
     return currentValueRef.current;
   });
@@ -6733,7 +6732,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
   }
 
   // Clean up when removed
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       removeMotionEvents(cacheElementRef.current);
     };
@@ -6745,7 +6744,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
 var useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect$1 : useEffect;
 
 var useNextFrame = (function () {
-  var nextFrameRef = React.useRef(null);
+  var nextFrameRef = React$1.useRef(null);
   function cancelNextFrame() {
     wrapperRaf.cancel(nextFrameRef.current);
   }
@@ -6765,7 +6764,7 @@ var useNextFrame = (function () {
     });
     nextFrameRef.current = nextFrameId;
   }
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       cancelNextFrame();
     };
@@ -6822,7 +6821,7 @@ var useStepQueue = (function (status, prepareOnly, callback) {
       }
     }
   }, [status, step]);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       cancelNextFrame();
     };
@@ -6930,7 +6929,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         return {};
     }
   };
-  var eventHandlers = React.useMemo(function () {
+  var eventHandlers = React$1.useMemo(function () {
     return getEventHandlers(currentStatus);
   }, [currentStatus]);
   var _useStepQueue = useStepQueue(currentStatus, !supportMotion, function (newStep) {
@@ -7031,7 +7030,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
   }, []);
 
   // Trigger `onVisibleChanged`
-  var firstMountChangeRef = React.useRef(false);
+  var firstMountChangeRef = React$1.useRef(false);
   useEffect(function () {
     // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
     if (asyncVisible) {
@@ -7068,7 +7067,7 @@ function genCSSMotion(config) {
   function isSupportTransition(props, contextMotion) {
     return !!(props.motionName && transitionSupport && contextMotion !== false);
   }
-  var CSSMotion = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var CSSMotion = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     var _props$visible = props.visible,
       visible = _props$visible === void 0 ? true : _props$visible,
       _props$removeOnLeave = props.removeOnLeave,
@@ -7078,7 +7077,7 @@ function genCSSMotion(config) {
       motionName = props.motionName,
       leavedClassName = props.leavedClassName,
       eventProps = props.eventProps;
-    var _React$useContext = React.useContext(Context),
+    var _React$useContext = React$1.useContext(Context),
       contextMotion = _React$useContext.motion;
     var supportMotion = isSupportTransition(props, contextMotion);
 
@@ -7107,13 +7106,13 @@ function genCSSMotion(config) {
 
     // Record whether content has rendered
     // Will return null for un-rendered even when `removeOnLeave={false}`
-    var renderedRef = React.useRef(mergedVisible);
+    var renderedRef = React$1.useRef(mergedVisible);
     if (mergedVisible) {
       renderedRef.current = true;
     }
 
     // ====================== Refs ======================
-    var setNodeRef = React.useCallback(function (node) {
+    var setNodeRef = React$1.useCallback(function (node) {
       nodeRef.current = node;
       fillRef(ref, node);
     }, [ref]);
@@ -7161,16 +7160,16 @@ function genCSSMotion(config) {
     }
 
     // Auto inject ref if child node not have `ref` props
-    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
+    if ( /*#__PURE__*/React$1.isValidElement(motionChildren) && supportRef(motionChildren)) {
       var _ref = motionChildren,
         originNodeRef = _ref.ref;
       if (!originNodeRef) {
-        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
+        motionChildren = /*#__PURE__*/React$1.cloneElement(motionChildren, {
           ref: setNodeRef
         });
       }
     }
-    return /*#__PURE__*/React.createElement(DomWrapper, {
+    return /*#__PURE__*/React$1.createElement(DomWrapper, {
       ref: wrapperNodeRef
     }, motionChildren);
   });
@@ -7334,18 +7333,18 @@ function genCSSMotionList(transitionSupport) {
           _onVisibleChanged = _this$props.onVisibleChanged,
           onAllRemoved = _this$props.onAllRemoved,
           restProps = _objectWithoutProperties(_this$props, _excluded$2);
-        var Component = component || React.Fragment;
+        var Component = component || React$1.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES.forEach(function (prop) {
           motionProps[prop] = restProps[prop];
           delete restProps[prop];
         });
         delete restProps.keys;
-        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2, index) {
+        return /*#__PURE__*/React$1.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.createElement(CSSMotion$1, _extends({}, motionProps, {
+          return /*#__PURE__*/React$1.createElement(CSSMotion$1, _extends({}, motionProps, {
             key: eventProps.key,
             visible: visible,
             eventProps: eventProps,
@@ -7391,7 +7390,7 @@ function genCSSMotionList(transitionSupport) {
       }
     }]);
     return CSSMotionList;
-  }(React.Component);
+  }(React$1.Component);
   _defineProperty(CSSMotionList, "defaultProps", {
     component: 'div'
   });
@@ -7407,10 +7406,10 @@ function MotionWrapper(props) {
   const {
     motion
   } = token;
-  const needWrapMotionProviderRef = React.useRef(false);
+  const needWrapMotionProviderRef = React$1.useRef(false);
   needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
   if (needWrapMotionProviderRef.current) {
-    return /*#__PURE__*/React.createElement(MotionProvider, {
+    return /*#__PURE__*/React$1.createElement(MotionProvider, {
       motion: motion
     }, children);
   }
@@ -7421,7 +7420,7 @@ function MotionWrapper(props) {
  * Warning for ConfigProviderProps.
  * This will be empty function in production.
  */
-const PropWarning = /*#__PURE__*/React.memo(_ref => {
+const PropWarning = /*#__PURE__*/React$1.memo(_ref => {
   let {
     dropdownMatchSelectWidth
   } = _ref;
@@ -7556,7 +7555,7 @@ const ProviderChildren = props => {
     treeSelect
   } = props;
   // =================================== Context ===================================
-  const getPrefixCls = React.useCallback((suffixCls, customizePrefixCls) => {
+  const getPrefixCls = React$1.useCallback((suffixCls, customizePrefixCls) => {
     const {
       prefixCls
     } = props;
@@ -7676,42 +7675,42 @@ const ProviderChildren = props => {
     const currentKeys = Object.keys(currentConfig);
     return prevKeys.length !== currentKeys.length || prevKeys.some(key => prevConfig[key] !== currentConfig[key]);
   });
-  const memoIconContextValue = React.useMemo(() => ({
+  const memoIconContextValue = React$1.useMemo(() => ({
     prefixCls: iconPrefixCls,
     csp
   }), [iconPrefixCls, csp]);
-  let childNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PropWarning$1, {
+  let childNode = /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(PropWarning$1, {
     dropdownMatchSelectWidth: dropdownMatchSelectWidth
   }), children);
-  const validateMessages = React.useMemo(() => {
+  const validateMessages = React$1.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) || {});
   }, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
   if (Object.keys(validateMessages).length > 0) {
-    childNode = /*#__PURE__*/React.createElement(ValidateMessagesContext.Provider, {
+    childNode = /*#__PURE__*/React$1.createElement(ValidateMessagesContext.Provider, {
       value: validateMessages
     }, childNode);
   }
   if (locale) {
-    childNode = /*#__PURE__*/React.createElement(LocaleProvider$1, {
+    childNode = /*#__PURE__*/React$1.createElement(LocaleProvider$1, {
       locale: locale,
       _ANT_MARK__: ANT_MARK
     }, childNode);
   }
   if (iconPrefixCls || csp) {
-    childNode = /*#__PURE__*/React.createElement(Context$1.Provider, {
+    childNode = /*#__PURE__*/React$1.createElement(Context$1.Provider, {
       value: memoIconContextValue
     }, childNode);
   }
   if (componentSize) {
-    childNode = /*#__PURE__*/React.createElement(SizeContextProvider, {
+    childNode = /*#__PURE__*/React$1.createElement(SizeContextProvider, {
       size: componentSize
     }, childNode);
   }
   // =================================== Motion ===================================
-  childNode = /*#__PURE__*/React.createElement(MotionWrapper, null, childNode);
+  childNode = /*#__PURE__*/React$1.createElement(MotionWrapper, null, childNode);
   // ================================ Dynamic theme ================================
-  const memoTheme = React.useMemo(() => {
+  const memoTheme = React$1.useMemo(() => {
     const _a = mergedTheme || {},
       {
         algorithm,
@@ -7747,30 +7746,30 @@ const ProviderChildren = props => {
     });
   }, [mergedTheme]);
   if (theme) {
-    childNode = /*#__PURE__*/React.createElement(DesignTokenContext.Provider, {
+    childNode = /*#__PURE__*/React$1.createElement(DesignTokenContext.Provider, {
       value: memoTheme
     }, childNode);
   }
   // ================================== Warning ===================================
   if (memoedConfig.warning) {
-    childNode = /*#__PURE__*/React.createElement(WarningContext.Provider, {
+    childNode = /*#__PURE__*/React$1.createElement(WarningContext.Provider, {
       value: memoedConfig.warning
     }, childNode);
   }
   // =================================== Render ===================================
   if (componentDisabled !== undefined) {
-    childNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {
+    childNode = /*#__PURE__*/React$1.createElement(DisabledContextProvider, {
       disabled: componentDisabled
     }, childNode);
   }
-  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ConfigContext.Provider, {
     value: memoedConfig
   }, childNode);
 };
 const ConfigProvider = props => {
-  const context = React.useContext(ConfigContext);
-  const antLocale = React.useContext(LocaleContext$1);
-  return /*#__PURE__*/React.createElement(ProviderChildren, Object.assign({
+  const context = React$1.useContext(ConfigContext);
+  const antLocale = React$1.useContext(LocaleContext$1);
+  return /*#__PURE__*/React$1.createElement(ProviderChildren, Object.assign({
     parentContext: context,
     legacyLocale: antLocale
   }, props));
@@ -7903,7 +7902,7 @@ var IconBase = function IconBase(props) {
     primaryColor = props.primaryColor,
     secondaryColor = props.secondaryColor,
     restProps = _objectWithoutProperties(props, _excluded$1);
-  var svgRef = React.useRef();
+  var svgRef = React$1.useRef();
   var colors = twoToneColorPalette;
   if (primaryColor) {
     colors = {
@@ -7965,7 +7964,7 @@ setTwoToneColor(blue.primary);
 
 // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
 
-var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Icon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   var className = props.className,
     icon = props.icon,
     spin = props.spin,
@@ -7974,7 +7973,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick = props.onClick,
     twoToneColor = props.twoToneColor,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(Context$1),
+  var _React$useContext = React$1.useContext(Context$1),
     _React$useContext$pre = _React$useContext.prefixCls,
     prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
     rootClassName = _React$useContext.rootClassName;
@@ -7991,7 +7990,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
     primaryColor = _normalizeTwoToneColo2[0],
     secondaryColor = _normalizeTwoToneColo2[1];
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React$1.createElement("span", _extends({
     role: "img",
     "aria-label": icon.name
   }, restProps, {
@@ -7999,7 +7998,7 @@ var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tabIndex: iconTabIndex,
     onClick: onClick,
     className: classString
-  }), /*#__PURE__*/React.createElement(ReactIcon, {
+  }), /*#__PURE__*/React$1.createElement(ReactIcon, {
     icon: icon,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
@@ -8029,14 +8028,14 @@ var LoadingOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 102
 var LoadingOutlinedSvg = LoadingOutlined$2;
 
 var LoadingOutlined = function LoadingOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(AntdIcon, _extends({}, props, {
     ref: ref,
     icon: LoadingOutlinedSvg
   }));
 };
 
 /**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */
-var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
+var RefIcon = /*#__PURE__*/React$1.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== 'production') {
   RefIcon.displayName = 'LoadingOutlined';
 }
@@ -8562,14 +8561,14 @@ const WaveEffect = props => {
     target,
     component
   } = props;
-  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 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 waveStyle = {
     left,
     top,
@@ -8603,7 +8602,7 @@ const WaveEffect = props => {
     } = nodeStyle;
     setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius))));
   }
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (target) {
       // We need delay to check position here
       // since UI may change after click
@@ -8627,7 +8626,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.createElement(CSSMotion, {
+  return /*#__PURE__*/React$1.createElement(CSSMotion, {
     visible: true,
     motionAppear: true,
     motionName: "wave-motion",
@@ -8646,7 +8645,7 @@ const WaveEffect = props => {
     let {
       className: motionClassName
     } = _ref;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React$1.createElement("div", {
       ref: composeRef(divRef, ref),
       className: classNames(className, motionClassName, {
         'wave-quick': isSmallComponent
@@ -8670,7 +8669,7 @@ 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.createElement(WaveEffect, Object.assign({}, info, {
+  render(/*#__PURE__*/React$1.createElement(WaveEffect, Object.assign({}, info, {
     target: target
   })), holder);
 };
@@ -8679,7 +8678,7 @@ var showWaveEffect$1 = showWaveEffect;
 const useWave = (nodeRef, className, component) => {
   const {
     wave
-  } = React.useContext(ConfigContext);
+  } = React$1.useContext(ConfigContext);
   const [, token, hashId] = useToken();
   const showWave = useEvent(event => {
     const node = nodeRef.current;
@@ -8699,7 +8698,7 @@ const useWave = (nodeRef, className, component) => {
       hashId
     });
   });
-  const rafId = React.useRef();
+  const rafId = React$1.useRef();
   // Merge trigger event into one for each frame
   const showDebounceWave = event => {
     wrapperRaf.cancel(rafId.current);
@@ -8788,10 +8787,10 @@ undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-const SpaceCompactItemContext = /*#__PURE__*/React.createContext(null);
+const SpaceCompactItemContext = /*#__PURE__*/React$1.createContext(null);
 const useCompactItemContext = (prefixCls, direction) => {
-  const compactItemContext = React.useContext(SpaceCompactItemContext);
-  const compactItemClassnames = React.useMemo(() => {
+  const compactItemContext = React$1.useContext(SpaceCompactItemContext);
+  const compactItemClassnames = React$1.useMemo(() => {
     if (!compactItemContext) {
       return '';
     }
@@ -8822,12 +8821,12 @@ var __rest$1 = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-const GroupSizeContext = /*#__PURE__*/React.createContext(undefined);
+const GroupSizeContext = /*#__PURE__*/React$1.createContext(undefined);
 const ButtonGroup = props => {
   const {
     getPrefixCls,
     direction
-  } = React.useContext(ConfigContext);
+  } = React$1.useContext(ConfigContext);
   const {
       prefixCls: customizePrefixCls,
       size,
@@ -8854,9 +8853,9 @@ const ButtonGroup = props => {
     [`${prefixCls}-${sizeCls}`]: sizeCls,
     [`${prefixCls}-rtl`]: direction === 'rtl'
   }, className, hashId);
-  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(GroupSizeContext.Provider, {
     value: size
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
+  }, /*#__PURE__*/React$1.createElement("div", Object.assign({}, others, {
     className: classes
   })));
 };
@@ -9818,7 +9817,7 @@ if (process.env.NODE_ENV !== 'production') {
 var Button$1 = Button;
 
 const FisButton = () => {
-    return jsx(Button$1, { children: "Hello from my React component!" });
+    return React.createElement(Button$1, null, "Hello from my React component!");
 };
 
 export { FisButton, MyComponent };