@nutui/nutui-react 1.5.4-beta.0 → 1.5.5-beta.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# v1.5.5
+`2023-05-17`
+
+* :bug: fix: image src 设置空串时候样式错误，以及修复图片缓存后不出发加载事件 (#994) @oasis-cloud
+* :bug: fix: input 设置 clearable 点击清除按钮，并不能清除输入框中的内容 (#992) @oasis-cloud
+* :bug: fix: input 组件 ref 类型修复 (#1013) @oasis-cloud
+
+
 # v1.5.4
 `2023-05-10`
 
@@ -5,7 +13,7 @@
 
 
 # v1.5.3
-`2023-05-10`
+`2023-04-28`
 
 * :sparkles: feat: dialog 增加函数式调用的demo @hanyuxinting
 * :bug: fix: 移除代码中无用的 console.log (#960) @oasis-cloud

package/dist/esm/Form.js

@@ -19,14 +19,16 @@ import './Cell.js';
 /**
  * 用于存储表单的数据
  */
-var FormStore = /*#__PURE__*/_createClass(function FormStore() {
+var FormStore = /*#__PURE__*/_createClass(
+// 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
+// 所有的组件实例
+// 成功和失败的回调
+
+function FormStore() {
   var _this = this;
   _classCallCheck(this, FormStore);
   _defineProperty(this, "store", {});
-  // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
   _defineProperty(this, "fieldEntities", []);
-  // 所有的组件实例
-  // 成功和失败的回调
   _defineProperty(this, "callbacks", {});
   _defineProperty(this, "errList", []);
   /**

package/dist/esm/Image.js

@@ -2,8 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect, useRef } from 'react';
-import { useConfig } from './ConfigProvider.js';
+import React__default, { useState, useRef, useEffect } from 'react';
 import Icon from './Icon.js';
 var defaultProps = {
   fit: 'fill',
@@ -17,7 +16,6 @@ var defaultProps = {
   isLazy: false
 };
 var Image = function Image(props) {
-  useConfig();
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
     className = _defaultProps$props.className,
@@ -48,19 +46,17 @@ var Image = function Image(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isError = _useState4[0],
     setIsError = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    _src = _useState6[0],
-    setSrc = _useState6[1];
+  var imgRef = useRef(null);
   useEffect(function () {
-    if (src) {
-      setSrc(src);
-      setIsError(false);
+    if (imgRef.current && imgRef.current.complete && imgRef.current.naturalHeight !== 0) {
+      setLoading(false);
+    } else if (src) {
       setLoading(true);
     }
   }, [src]);
   // 图片加载
   var load = function load() {
+    setIsError(false);
     setLoading(false);
     onLoad && onLoad();
   };
@@ -139,17 +135,19 @@ var Image = function Image(props) {
       imageClick(e);
     }
   }, isLazy ? React__default.createElement("img", {
+    ref: imgRef,
     className: "nut-img lazyload",
     style: styles,
-    "data-src": _src,
+    "data-src": src,
     alt: alt,
     loading: "lazy",
     onLoad: load,
     onError: error
   }) : React__default.createElement("img", {
+    ref: imgRef,
     className: "nut-img",
     style: styles,
-    src: _src,
+    src: src,
     alt: alt,
     onLoad: load,
     onError: error

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:01:00 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:06:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v1.5.4-beta.0 Wed May 10 2023 17:00:22 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.5.5-beta.0 Wed May 17 2023 16:05:22 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -15,10 +15,15 @@ import React__default, { useCallback, useState, useEffect, createContext, useMem
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, unstable_batchedUpdates } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-var classname = { exports: {} };
+var classnameExports = {};
+var classname = {
+  get exports() {
+    return classnameExports;
+  },
+  set exports(v) {
+    classnameExports = v;
+  }
+};
 var classname_production_min = {};
 var hasRequiredClassname_production_min;
 function requireClassname_production_min() {
@@ -26,37 +31,37 @@ function requireClassname_production_min() {
     return classname_production_min;
   hasRequiredClassname_production_min = 1;
   function r(r2) {
-    function t2(t3, i, a, o) {
-      var f = i ? e + t3 + r2.e + i : e + t3, v = f;
+    function e2(e3, i, a, o) {
+      var f = i ? t + e3 + r2.e + i : t + e3, v = f;
       if (a) {
-        var s = " " + v + r2.m;
-        for (var u in a)
-          if (a.hasOwnProperty(u)) {
-            var p = a[u];
-            true === p ? v += s + u : p && (v += s + u + n + p);
+        var u = " " + v + r2.m;
+        for (var s in a)
+          if (a.hasOwnProperty(s)) {
+            var p = a[s];
+            true === p ? v += u + s : p && (v += u + s + n + p);
           }
       }
       if (void 0 !== o)
-        for (var y = 0, c = (o = Array.isArray(o) ? o : [o]).length; y < c; y++) {
-          var l = o[y];
-          if (l && "string" == typeof l.valueOf())
-            for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
+        for (var c = 0, l = o.length; c < l; c++) {
+          var y = o[c];
+          if (y && "string" == typeof y.valueOf())
+            for (var g = y.valueOf().split(" "), d = 0; d < g.length; d++) {
               var h = g[d];
               h !== f && (v += " " + h);
             }
         }
       return v;
     }
-    var e = r2.n || "", n = r2.v || r2.m;
-    return function(r3, e2) {
+    var t = r2.n || "", n = r2.v || r2.m;
+    return function(r3, t2) {
       return function(n2, i, a) {
-        return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r3, n2, void 0, i) : t2(r3, n2, i, a) : t2(r3, e2, n2, i);
+        return "string" == typeof n2 ? Array.isArray(i) ? e2(r3, n2, void 0, i) : e2(r3, n2, i, a) : e2(r3, t2, n2, i);
       };
     };
   }
   Object.defineProperty(classname_production_min, "__esModule", { value: true });
-  var t = r({ e: "-", m: "_" });
-  classname_production_min.cn = t, classname_production_min.withNaming = r;
+  var e = r({ e: "-", m: "_" });
+  classname_production_min.cn = e, classname_production_min.withNaming = r;
   return classname_production_min;
 }
 var classname_development = {};
@@ -86,7 +91,6 @@ function requireClassname_development() {
         }
       }
       if (mix !== void 0) {
-        mix = Array.isArray(mix) ? mix : [mix];
         for (var i = 0, len = mix.length; i < len; i++) {
           var value = mix[i];
           if (!value || typeof value.valueOf() !== "string")
@@ -105,7 +109,7 @@ function requireClassname_development() {
     return function cnGenerator(b2, e) {
       return function(elemOrMods, elemModsOrBlockMix, elemMix) {
         if (typeof elemOrMods === "string") {
-          if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+          if (Array.isArray(elemModsOrBlockMix)) {
             return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
           }
           return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
@@ -122,12 +126,13 @@ function requireClassname_development() {
   classname_development.withNaming = withNaming;
   return classname_development;
 }
-if (process.env.NODE_ENV === "production") {
-  classname.exports = requireClassname_production_min();
-} else {
-  classname.exports = requireClassname_development();
-}
-var classnameExports = classname.exports;
+(function(module) {
+  if (process.env.NODE_ENV === "production") {
+    module.exports = requireClassname_production_min();
+  } else {
+    module.exports = requireClassname_development();
+  }
+})(classname);
 const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const defaultProps$1s = {
   name: "",
@@ -739,7 +744,6 @@ function words(string3, pattern4, guard) {
   return string3.match(pattern4) || [];
 }
 var lodash_kebabcase = kebabCase;
-const kebabCase$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_kebabcase);
 const zhCN = {
   save: "保存",
   confirm: "确认",
@@ -887,7 +891,7 @@ const useConfig = () => {
 function convertThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--${kebabCase$1(key)}`] = themeVars[key];
+    cssVars[`--${lodash_kebabcase(key)}`] = themeVars[key];
   });
   return cssVars;
 }
@@ -924,7 +928,6 @@ const defaultProps$1n = {
   isLazy: false
 };
 const Image$1 = (props) => {
-  useConfig();
   const {
     children,
     className,
@@ -950,15 +953,16 @@ const Image$1 = (props) => {
   } = { ...defaultProps$1n, ...props };
   const [loading, setLoading] = useState(true);
   const [isError, setIsError] = useState(false);
-  const [_src, setSrc] = useState("");
+  const imgRef = useRef(null);
   useEffect(() => {
-    if (src) {
-      setSrc(src);
-      setIsError(false);
+    if (imgRef.current && imgRef.current.complete && imgRef.current.naturalHeight !== 0) {
+      setLoading(false);
+    } else if (src) {
       setLoading(true);
     }
   }, [src]);
   const load = () => {
+    setIsError(false);
     setLoading(false);
     onLoad && onLoad();
   };
@@ -1038,9 +1042,10 @@ const Image$1 = (props) => {
     isLazy ? /* @__PURE__ */ React__default.createElement(
       "img",
       {
+        ref: imgRef,
         className: "nut-img lazyload",
         style: styles,
-        "data-src": _src,
+        "data-src": src,
         alt,
         loading: "lazy",
         onLoad: load,
@@ -1049,9 +1054,10 @@ const Image$1 = (props) => {
     ) : /* @__PURE__ */ React__default.createElement(
       "img",
       {
+        ref: imgRef,
         className: "nut-img",
         style: styles,
-        src: _src,
+        src,
         alt,
         onLoad: load,
         onError: error
@@ -1063,7 +1069,15 @@ const Image$1 = (props) => {
 };
 Image$1.defaultProps = defaultProps$1n;
 Image$1.displayName = "NutImage";
-var classnames = { exports: {} };
+var classnamesExports = {};
+var classnames = {
+  get exports() {
+    return classnamesExports;
+  },
+  set exports(v) {
+    classnamesExports = v;
+  }
+};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1110,8 +1124,7 @@ var classnames = { exports: {} };
     }
   })();
 })(classnames);
-var classnamesExports = classnames.exports;
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+const classNames = classnamesExports;
 const defaultOverlayProps = {
   zIndex: 1e3,
   duration: 0.3,
@@ -1226,8 +1239,24 @@ function _inheritsLoose$1(subClass, superClass) {
   subClass.prototype.constructor = subClass;
   _setPrototypeOf$1(subClass, superClass);
 }
-var propTypes = { exports: {} };
-var reactIs = { exports: {} };
+var propTypesExports = {};
+var propTypes = {
+  get exports() {
+    return propTypesExports;
+  },
+  set exports(v) {
+    propTypesExports = v;
+  }
+};
+var reactIsExports = {};
+var reactIs = {
+  get exports() {
+    return reactIsExports;
+  },
+  set exports(v) {
+    reactIsExports = v;
+  }
+};
 var reactIs_production_min = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1498,14 +1527,16 @@ function requireReactIs_development() {
 var hasRequiredReactIs;
 function requireReactIs() {
   if (hasRequiredReactIs)
-    return reactIs.exports;
+    return reactIsExports;
   hasRequiredReactIs = 1;
-  if (process.env.NODE_ENV === "production") {
-    reactIs.exports = requireReactIs_production_min();
-  } else {
-    reactIs.exports = requireReactIs_development();
-  }
-  return reactIs.exports;
+  (function(module) {
+    if (process.env.NODE_ENV === "production") {
+      module.exports = requireReactIs_production_min();
+    } else {
+      module.exports = requireReactIs_development();
+    }
+  })(reactIs);
+  return reactIsExports;
 }
 /*
 object-assign
@@ -2172,8 +2203,6 @@ if (process.env.NODE_ENV !== "production") {
 } else {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
-var propTypesExports = propTypes.exports;
-const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function hasClass(element, className) {
   if (element.classList)
     return !!className && element.classList.contains(className);
@@ -2203,22 +2232,22 @@ function removeClass$1(element, className) {
 const config$1 = {
   disabled: false
 };
-var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-  enter: PropTypes.number,
-  exit: PropTypes.number,
-  appear: PropTypes.number
+var timeoutsShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
+  enter: propTypesExports.number,
+  exit: propTypesExports.number,
+  appear: propTypesExports.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-  enter: PropTypes.string,
-  exit: PropTypes.string,
-  active: PropTypes.string
-}), PropTypes.shape({
-  enter: PropTypes.string,
-  enterDone: PropTypes.string,
-  enterActive: PropTypes.string,
-  exit: PropTypes.string,
-  exitDone: PropTypes.string,
-  exitActive: PropTypes.string
+var classNamesShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
+  enter: propTypesExports.string,
+  exit: propTypesExports.string,
+  active: propTypesExports.string
+}), propTypesExports.shape({
+  enter: propTypesExports.string,
+  enterDone: propTypesExports.string,
+  enterActive: propTypesExports.string,
+  exit: propTypesExports.string,
+  exitDone: propTypesExports.string,
+  exitActive: propTypesExports.string
 })]) : null;
 const TransitionGroupContext = React__default.createContext(null);
 var forceReflow = function forceReflow2(node) {
@@ -2468,10 +2497,10 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: PropTypes.shape({
-    current: typeof Element === "undefined" ? PropTypes.any : function(propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: propTypesExports.shape({
+    current: typeof Element === "undefined" ? propTypesExports.any : function(propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return PropTypes.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return propTypesExports.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
   /**
@@ -2488,23 +2517,23 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: PropTypes.bool,
+  in: propTypesExports.bool,
   /**
    * By default the child component is mounted immediately along with
    * the parent `Transition` component. If you want to "lazy mount" the component on the
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: PropTypes.bool,
+  mountOnEnter: propTypesExports.bool,
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: PropTypes.bool,
+  unmountOnExit: propTypesExports.bool,
   /**
    * By default the child component does not perform the enter transition when
    * it first mounts, regardless of the value of `in`. If you want this
@@ -2516,15 +2545,15 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: PropTypes.bool,
+  appear: propTypesExports.bool,
   /**
    * Enable or disable enter transitions.
    */
-  enter: PropTypes.bool,
+  enter: propTypesExports.bool,
   /**
    * Enable or disable exit transitions.
    */
-  exit: PropTypes.bool,
+  exit: propTypesExports.bool,
   /**
    * The duration of the transition, in milliseconds.
    * Required unless `addEndListener` is provided.
@@ -2574,7 +2603,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: PropTypes.func,
+  addEndListener: propTypesExports.func,
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2583,7 +2612,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: PropTypes.func,
+  onEnter: propTypesExports.func,
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2592,7 +2621,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes.func,
+  onEntering: propTypesExports.func,
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2601,7 +2630,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: PropTypes.func,
+  onEntered: propTypesExports.func,
   /**
    * Callback fired before the "exiting" status is applied.
    *
@@ -2609,7 +2638,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: PropTypes.func,
+  onExit: propTypesExports.func,
   /**
    * Callback fired after the "exiting" status is applied.
    *
@@ -2617,7 +2646,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: PropTypes.func,
+  onExiting: propTypesExports.func,
   /**
    * Callback fired after the "exited" status is applied.
    *
@@ -2625,7 +2654,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: PropTypes.func
+  onExited: propTypesExports.func
 } : {};
 function noop$2() {
 }
@@ -2864,7 +2893,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: PropTypes.func,
+  onEnter: propTypesExports.func,
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
    * 'appear-active' class is applied.
@@ -2873,7 +2902,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes.func,
+  onEntering: propTypesExports.func,
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
    * 'appear' classes are **removed** and the `done` class is added to the DOM node.
@@ -2882,7 +2911,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: PropTypes.func,
+  onEntered: propTypesExports.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
    * applied.
@@ -2891,7 +2920,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: PropTypes.func,
+  onExit: propTypesExports.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
    *
@@ -2899,7 +2928,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: PropTypes.func,
+  onExiting: propTypesExports.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
    * are **removed** and the `exit-done` class is added to the DOM node.
@@ -2908,7 +2937,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$4({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: PropTypes.func
+  onExited: propTypesExports.func
 }) : {};
 const CSSTransition$1 = CSSTransition;
 const defaultProps$1m = {