@nutui/nutui-react 1.5.10 → 1.5.11-beta.0

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.5.10 Wed Jun 28 2023 17:27:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.5.11-beta.0 Wed Jul 05 2023 10:39:17 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -33,15 +33,10 @@ var __publicField = (obj, key, value) => {
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-  var classnameExports = {};
-  var classname = {
-    get exports() {
-      return classnameExports;
-    },
-    set exports(v) {
-      classnameExports = v;
-    }
-  };
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+  }
+  var classname = { exports: {} };
   var classname_production_min = {};
   var hasRequiredClassname_production_min;
   function requireClassname_production_min() {
@@ -49,37 +44,37 @@ var __publicField = (obj, key, value) => {
       return classname_production_min;
     hasRequiredClassname_production_min = 1;
     function r(r2) {
-      function e2(e3, i, a, o) {
-        var f = i ? t + e3 + r2.e + i : t + e3, v = f;
+      function t2(t3, i, a, o) {
+        var f = i ? e + t3 + r2.e + i : e + t3, v = f;
         if (a) {
-          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);
+          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);
             }
         }
         if (void 0 !== o)
-          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++) {
+          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++) {
                 var h = g[d];
                 h !== f && (v += " " + h);
               }
           }
         return v;
       }
-      var t = r2.n || "", n = r2.v || r2.m;
-      return function(r3, t2) {
+      var e = r2.n || "", n = r2.v || r2.m;
+      return function(r3, e2) {
         return function(n2, i, a) {
-          return "string" == typeof n2 ? Array.isArray(i) ? e2(r3, n2, void 0, i) : e2(r3, n2, i, a) : e2(r3, t2, n2, i);
+          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);
         };
       };
     }
     Object.defineProperty(classname_production_min, "__esModule", { value: true });
-    var e = r({ e: "-", m: "_" });
-    classname_production_min.cn = e, classname_production_min.withNaming = r;
+    var t = r({ e: "-", m: "_" });
+    classname_production_min.cn = t, classname_production_min.withNaming = r;
     return classname_production_min;
   }
   var classname_development = {};
@@ -109,6 +104,7 @@ var __publicField = (obj, key, value) => {
           }
         }
         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")
@@ -127,7 +123,7 @@ var __publicField = (obj, key, value) => {
       return function cnGenerator(b2, e) {
         return function(elemOrMods, elemModsOrBlockMix, elemMix) {
           if (typeof elemOrMods === "string") {
-            if (Array.isArray(elemModsOrBlockMix)) {
+            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
               return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
             }
             return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
@@ -144,13 +140,12 @@ var __publicField = (obj, key, value) => {
     classname_development.withNaming = withNaming;
     return classname_development;
   }
-  (function(module2) {
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = requireClassname_production_min();
-    } else {
-      module2.exports = requireClassname_development();
-    }
-  })(classname);
+  if (process.env.NODE_ENV === "production") {
+    classname.exports = requireClassname_production_min();
+  } else {
+    classname.exports = requireClassname_development();
+  }
+  var classnameExports = classname.exports;
   const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$1s = {
     name: "",
@@ -762,6 +757,7 @@ var __publicField = (obj, key, value) => {
     return string2.match(pattern2) || [];
   }
   var lodash_kebabcase = kebabCase;
+  const kebabCase$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_kebabcase);
   const zhCN = {
     save: "保存",
     confirm: "确认",
@@ -909,7 +905,7 @@ var __publicField = (obj, key, value) => {
   function convertThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
     Object.keys(themeVars).forEach((key) => {
-      cssVars[`--${lodash_kebabcase(key)}`] = themeVars[key];
+      cssVars[`--${kebabCase$1(key)}`] = themeVars[key];
     });
     return cssVars;
   }
@@ -1087,15 +1083,7 @@ var __publicField = (obj, key, value) => {
   };
   Image$1.defaultProps = defaultProps$1n;
   Image$1.displayName = "NutImage";
-  var classnamesExports = {};
-  var classnames = {
-    get exports() {
-      return classnamesExports;
-    },
-    set exports(v) {
-      classnamesExports = v;
-    }
-  };
+  var classnames = { exports: {} };
   /*!
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
@@ -1142,7 +1130,8 @@ var __publicField = (obj, key, value) => {
       }
     })();
   })(classnames);
-  const classNames = classnamesExports;
+  var classnamesExports = classnames.exports;
+  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
   const defaultOverlayProps = {
     zIndex: 1e3,
     duration: 0.3,
@@ -1257,24 +1246,8 @@ var __publicField = (obj, key, value) => {
     subClass.prototype.constructor = subClass;
     _setPrototypeOf$1(subClass, superClass);
   }
-  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 propTypes = { exports: {} };
+  var reactIs = { exports: {} };
   var reactIs_production_min = {};
   /** @license React v16.13.1
    * react-is.production.min.js
@@ -1545,16 +1518,14 @@ var __publicField = (obj, key, value) => {
   var hasRequiredReactIs;
   function requireReactIs() {
     if (hasRequiredReactIs)
-      return reactIsExports;
+      return reactIs.exports;
     hasRequiredReactIs = 1;
-    (function(module2) {
-      if (process.env.NODE_ENV === "production") {
-        module2.exports = requireReactIs_production_min();
-      } else {
-        module2.exports = requireReactIs_development();
-      }
-    })(reactIs);
-    return reactIsExports;
+    if (process.env.NODE_ENV === "production") {
+      reactIs.exports = requireReactIs_production_min();
+    } else {
+      reactIs.exports = requireReactIs_development();
+    }
+    return reactIs.exports;
   }
   /*
   object-assign
@@ -2221,6 +2192,8 @@ var __publicField = (obj, key, value) => {
   } 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);
@@ -2250,22 +2223,22 @@ var __publicField = (obj, key, value) => {
   const config$1 = {
     disabled: false
   };
-  var timeoutsShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
-    enter: propTypesExports.number,
-    exit: propTypesExports.number,
-    appear: propTypesExports.number
+  var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    enter: PropTypes.number,
+    exit: PropTypes.number,
+    appear: PropTypes.number
   }).isRequired]) : null;
-  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
+  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
   })]) : null;
   const TransitionGroupContext = React.createContext(null);
   var forceReflow = function forceReflow2(node) {
@@ -2515,10 +2488,10 @@ var __publicField = (obj, key, value) => {
      *     (see
      *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
      */
-    nodeRef: propTypesExports.shape({
-      current: typeof Element === "undefined" ? propTypesExports.any : function(propValue, key, componentName, location, propFullName, secret) {
+    nodeRef: PropTypes.shape({
+      current: typeof Element === "undefined" ? PropTypes.any : function(propValue, key, componentName, location, propFullName, secret) {
         var value = propValue[key];
-        return propTypesExports.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+        return PropTypes.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
       }
     }),
     /**
@@ -2535,23 +2508,23 @@ var __publicField = (obj, key, value) => {
      * </Transition>
      * ```
      */
-    children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
+    children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
      * Show the component; triggers the enter or exit states
      */
-    in: propTypesExports.bool,
+    in: PropTypes.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: propTypesExports.bool,
+    mountOnEnter: PropTypes.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: propTypesExports.bool,
+    unmountOnExit: PropTypes.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
@@ -2563,15 +2536,15 @@ var __publicField = (obj, key, value) => {
      * > additional `.appear-*` classes, that way you can choose to style it
      * > differently.
      */
-    appear: propTypesExports.bool,
+    appear: PropTypes.bool,
     /**
      * Enable or disable enter transitions.
      */
-    enter: propTypesExports.bool,
+    enter: PropTypes.bool,
     /**
      * Enable or disable exit transitions.
      */
-    exit: propTypesExports.bool,
+    exit: PropTypes.bool,
     /**
      * The duration of the transition, in milliseconds.
      * Required unless `addEndListener` is provided.
@@ -2621,7 +2594,7 @@ var __publicField = (obj, key, value) => {
      * }}
      * ```
      */
-    addEndListener: propTypesExports.func,
+    addEndListener: PropTypes.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
@@ -2630,7 +2603,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool) -> void
      */
-    onEnter: propTypesExports.func,
+    onEnter: PropTypes.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
@@ -2639,7 +2612,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntering: propTypesExports.func,
+    onEntering: PropTypes.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
@@ -2648,7 +2621,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool) -> void
      */
-    onEntered: propTypesExports.func,
+    onEntered: PropTypes.func,
     /**
      * Callback fired before the "exiting" status is applied.
      *
@@ -2656,7 +2629,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExit: propTypesExports.func,
+    onExit: PropTypes.func,
     /**
      * Callback fired after the "exiting" status is applied.
      *
@@ -2664,7 +2637,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExiting: propTypesExports.func,
+    onExiting: PropTypes.func,
     /**
      * Callback fired after the "exited" status is applied.
      *
@@ -2672,7 +2645,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExited: propTypesExports.func
+    onExited: PropTypes.func
   } : {};
   function noop$2() {
   }
@@ -2911,7 +2884,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEnter: propTypesExports.func,
+    onEnter: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'enter-active' or
      * 'appear-active' class is applied.
@@ -2920,7 +2893,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntering: propTypesExports.func,
+    onEntering: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'enter' or
      * 'appear' classes are **removed** and the `done` class is added to the DOM node.
@@ -2929,7 +2902,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntered: propTypesExports.func,
+    onEntered: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit' class is
      * applied.
@@ -2938,7 +2911,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExit: propTypesExports.func,
+    onExit: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
      *
@@ -2946,7 +2919,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExiting: propTypesExports.func,
+    onExiting: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit' classes
      * are **removed** and the `exit-done` class is added to the DOM node.
@@ -2955,7 +2928,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExited: propTypesExports.func
+    onExited: PropTypes.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
   const defaultProps$1m = {
@@ -15934,7 +15907,7 @@ Please add \`${key}Action\` when creating your handler.`);
           disabled,
           readOnly,
           maxLength,
-          onKeyPress: onKeypress,
+          onKeyDown: onKeydown,
           onChange: (e) => change(e),
           onFocus: (e) => focus(e),
           onBlur: (e) => blur(e),
@@ -16040,7 +16013,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return null;
     };
-    const onKeypress = (e) => {
+    const onKeydown = (e) => {
       if (e.key === "Enter") {
         const event = e.nativeEvent;
         if (typeof event.cancelable !== "boolean" || event.cancelable) {

package/dist/packages/popover/popover.scss

@@ -52,6 +52,7 @@
       .popover-menu-item-name {
         margin: $popover-menu-item-name-margin;
         width: 100%;
+        word-break: keep-all;
       }
 
       &:first-child {

package/dist/packages/searchbar/searchbar.scss

@@ -64,10 +64,14 @@
 
   &__icon {
     padding: 0 5px 0 10px;
+    display: flex;
+    justify-content: center;
   }
 
   &__rightin-icon {
     padding: 0 5px;
+    display: flex;
+    justify-content: center;
   }
 
   .nut-searchbar__input-box {
@@ -138,9 +142,13 @@
 
   &__leftout-icon {
     margin-right: 10px;
+    display: flex;
+    justify-content: center;
   }
 
   &__rightout-icon {
     margin-left: 10px;
+    display: flex;
+    justify-content: center;
   }
 }