@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Rate/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Rate/style/index.js

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/rate/rate.scss')
+
+import '../../../packages/rate/rate.scss'

package/dist/esm/Rate/style/style.css

@@ -0,0 +1 @@
+.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item__icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item__icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item__half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item__icon{color:var(--nutui-rate-icon-color, var(--nutui-brand-color, #fa2c19));cursor:pointer}.nut-rate-item__icon--disabled{color:var(--nutui-rate-icon-void-color, var(--nutui-gray-3, #bfbfbf))}.nut-rate-item__icon.nut-rate-item__icon.nut-rate-item__icon--half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item__icon.nut-rate-item__icon:before{position:relative;top:auto;left:auto;transform:none}

package/dist/esm/Rate.js

@@ -1,125 +1,105 @@
 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 } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import Icon from './Icon.js';
-import '@bem-react/classname';
-var defaultProps = {
+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), true).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 } from "react";
+import classNames from "classnames";
+import { StarFillN } from "@nutui/icons-react";
+import { C as ComponentDefaults } from "./typings.js";
+import { u as usePropsValue } from "./use-props-value.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   count: 5,
-  modelValue: 0,
-  minimizeValue: 0,
-  iconSize: 18,
-  activeColor: '',
-  voidColor: '',
-  checkedIcon: 'star-fill-n',
-  uncheckedIcon: 'star-n',
+  min: 0,
+  checkedIcon: null,
+  uncheckedIcon: null,
   disabled: false,
-  readonly: false,
-  allowHalf: false,
-  spacing: 14
-};
-
-var Rate = function Rate(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      count = _defaultProps$props.count,
-      modelValue = _defaultProps$props.modelValue,
-      minimizeValue = _defaultProps$props.minimizeValue,
-      iconSize = _defaultProps$props.iconSize,
-      activeColor = _defaultProps$props.activeColor,
-      voidColor = _defaultProps$props.voidColor,
-      checkedIcon = _defaultProps$props.checkedIcon,
-      uncheckedIcon = _defaultProps$props.uncheckedIcon,
-      disabled = _defaultProps$props.disabled,
-      readonly = _defaultProps$props.readonly,
-      allowHalf = _defaultProps$props.allowHalf,
-      spacing = _defaultProps$props.spacing,
-      change = _defaultProps$props.change;
-
-  var b = cn('rate');
-  var bi = cn('rate-item');
-
-  var _useState = useState([1, 2, 3, 4, 5]),
-      _useState2 = _slicedToArray(_useState, 2),
-      countArray = _useState2[0],
-      setCountArray = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      score = _useState4[0],
-      setScore = _useState4[1];
-
-  useEffect(function () {
+  readOnly: false,
+  allowHalf: false
+});
+var Rate = function Rate2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, count = _defaultProps$props.count, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, min = _defaultProps$props.min, checkedIcon = _defaultProps$props.checkedIcon, uncheckedIcon = _defaultProps$props.uncheckedIcon, disabled = _defaultProps$props.disabled, readOnly = _defaultProps$props.readOnly, allowHalf = _defaultProps$props.allowHalf, onChange = _defaultProps$props.onChange;
+  var classPrefix = "nut-rate";
+  var _useState = useState([1, 2, 3, 4, 5]), _useState2 = _slicedToArray(_useState, 2), countArray = _useState2[0], setCountArray = _useState2[1];
+  var _usePropsValue = usePropsValue({
+    value,
+    defaultValue: Math.max(defaultValue || 0, min),
+    finalValue: 0,
+    onChange
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), score = _usePropsValue2[0], setScore = _usePropsValue2[1];
+  useEffect(function() {
     var tmp = [];
-
     for (var i = 1; i <= Number(count); i++) {
       tmp.push(i);
     }
-
     setCountArray(tmp);
   }, [count]);
-  useEffect(function () {
-    setScore(Math.max(Number(modelValue), Number(minimizeValue)));
-  }, [modelValue]);
-
-  var pxCheck = function pxCheck(value) {
-    return isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  var renderIcon = function renderIcon2(n) {
+    return n <= score ? checkedIcon || React__default.createElement(StarFillN, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
+      color: void 0
+    }) : React__default.createElement(StarFillN, null));
   };
-
   var _onClick = function onClick(e, index) {
     e.preventDefault();
     e.stopPropagation();
-    if (disabled || readonly) return;
-    var value = 0;
-    if (index === 1 && score === index) ;else {
-      value = index;
-
-      if (allowHalf) {
-        if (e !== null && e !== void 0 && e.target.className.includes('__icon--half')) {
-          value -= 0.5;
-        }
-      }
+    if (disabled || readOnly)
+      return;
+    var value2 = 0;
+    if (!(index === 1 && score === index)) {
+      value2 = index;
     }
-    value = Math.max(value, Number(minimizeValue));
-    setScore(value);
-    change && change(value);
+    value2 = Math.max(value2, min);
+    setScore(value2);
+  };
+  var onHalfClick = function onHalfClick2(event, n) {
+    event.preventDefault();
+    event.stopPropagation();
+    var value2 = Math.max(min, n - 0.5);
+    setScore(value2);
   };
-
   return React__default.createElement("div", {
-    className: b()
-  }, countArray.map(function (n) {
+    className: classNames(classPrefix, className, {
+      disabled,
+      readonly: readOnly
+    }),
+    style
+  }, countArray.map(function(n) {
     return React__default.createElement("div", {
-      className: bi(),
+      className: "".concat(classPrefix, "-item"),
       key: n,
       onClick: function onClick(event) {
         return _onClick(event, n);
-      },
-      style: {
-        marginRight: pxCheck(spacing)
       }
-    }, React__default.createElement(Icon, {
-      size: iconSize,
-      className: "".concat(bi('icon'), " ").concat(disabled || n > score ? bi('icon--disabled') : ''),
-      name: n <= score ? checkedIcon : uncheckedIcon,
-      color: n <= score ? activeColor : voidColor
-    }), allowHalf && score > n - 1 && React__default.createElement(Icon, {
-      className: "".concat(bi('icon'), " ").concat(bi('icon--half')),
-      color: n <= score ? activeColor : voidColor,
-      size: iconSize,
-      name: checkedIcon
-    }), allowHalf && score < n - 1 && React__default.createElement(Icon, {
-      className: "".concat(bi('icon'), " ").concat(bi('icon--disabled'), " ").concat(bi('icon--half')),
-      color: voidColor,
-      size: iconSize,
-      name: uncheckedIcon
-    }));
+    }, React__default.createElement("div", {
+      className: classNames("".concat(classPrefix, "-item__icon"), _defineProperty({}, "".concat(classPrefix, "-item__icon--disabled"), disabled || n > score))
+    }, renderIcon(n)), allowHalf && score > n - 1 && React__default.createElement("div", {
+      className: classNames("".concat(classPrefix, "-item__half"), "".concat(classPrefix, "-item__icon"), "".concat(classPrefix, "-item__icon--half")),
+      onClick: function onClick(event) {
+        return onHalfClick(event, n);
+      }
+    }, renderIcon(n)));
   }));
 };
-
 Rate.defaultProps = defaultProps;
-Rate.displayName = 'NutRate';
-export { Rate as default };
+Rate.displayName = "NutRate";
+export {
+  Rate as default
+};

package/dist/esm/Row/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Row/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/row/row.scss')
+import '../../../packages/row/row.scss'

package/dist/esm/Row/style/style.css

@@ -0,0 +1 @@
+.nut-row{width:100%;overflow:hidden}.nut-row:after{display:block;height:0;clear:both;visibility:hidden;content:""}.nut-row-flex{display:flex}.nut-row-flex:after{display:none}.nut-row-flex .nut-col{float:none}.nut-row-justify-center{justify-content:center}.nut-row-justify-end{justify-content:flex-end}.nut-row-justify-space-between{justify-content:space-between;align-items:center}.nut-row-justify-space-around{justify-content:space-around}.nut-row-align-flex-start{align-items:flex-start}.nut-row-align-center{align-items:center}.nut-row-align-flex-end{align-items:flex-end}.nut-row-flex-wrap{flex-wrap:wrap}.nut-row-flex-nowrap{flex-wrap:nowrap}.nut-row-flex-reverse{flex-wrap:wrap-reverse}

package/dist/esm/Row.js

@@ -1,54 +1,62 @@
 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 from 'react';
-import { D as DataContext } from './UserContext-be8097d2.js';
-var defaultProps = {
-  type: '',
-  justify: 'start',
-  align: 'flex-start',
-  wrap: 'nowrap',
-  gutter: '0'
-};
-
-var Row = function Row(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      type = _defaultProps$props.type,
-      justify = _defaultProps$props.justify,
-      align = _defaultProps$props.align,
-      wrap = _defaultProps$props.wrap,
-      gutter = _defaultProps$props.gutter,
-      _onClick = _defaultProps$props.onClick;
-
-  var prefixCls = 'nut-row';
-
-  var getClass = function getClass(prefix, type) {
-    var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
-    var className = prefix ? classType : "nut-row-".concat(type);
-    return className;
+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), true).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 from "react";
+import classNames from "classnames";
+import { D as DataContext } from "./UserContext.js";
+import { C as ComponentDefaults } from "./typings.js";
+var classPrefix = "nut-row";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  type: "",
+  justify: "start",
+  align: "flex-start",
+  wrap: "nowrap",
+  gutter: "0"
+});
+var Row = function Row2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, type = _defaultProps$props.type, justify = _defaultProps$props.justify, align = _defaultProps$props.align, wrap = _defaultProps$props.wrap, gutter = _defaultProps$props.gutter, _onClick = _defaultProps$props.onClick;
+  var getClass = function getClass2(prefix, type2) {
+    var classType = type2 ? "nut-row-".concat(prefix, "-").concat(type2) : "";
+    var className2 = prefix ? classType : "nut-row-".concat(type2);
+    return className2;
   };
-
-  var getClasses = function getClasses() {
-    return "\n    ".concat(getClass('', type), "\n    ").concat(getClass('justify', justify), "\n    ").concat(getClass('align', align), "\n    ").concat(getClass('flex', wrap), "\n    ").concat(prefixCls, "\n   ");
+  var getClasses = function getClasses2() {
+    return "\n    ".concat(getClass("", type), "\n    ").concat(getClass("justify", justify), "\n    ").concat(getClass("align", align), "\n    ").concat(getClass("flex", wrap), "\n    ").concat(classPrefix, "\n   ");
   };
-
   var parentRow = {
-    gutter: gutter
+    gutter
   };
   return React__default.createElement(DataContext.Provider, {
     value: parentRow
-  }, React__default.createElement('div', {
-    className: getClasses(),
+  }, React__default.createElement("div", {
+    className: classNames(getClasses(), className),
+    style,
     onClick: function onClick(e) {
-      _onClick && _onClick(e, 'row');
+      _onClick && _onClick(e, "row");
     }
   }, children));
 };
-
 Row.defaultProps = defaultProps;
-Row.displayName = 'NutRow';
-export { Row as default };
+Row.displayName = "NutRow";
+export {
+  Row as default
+};

package/dist/esm/SearchBar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/SearchBar/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/searchbar/searchbar.scss')
+import '../../../packages/searchbar/searchbar.scss'

package/dist/esm/SearchBar/style/style.css

@@ -0,0 +1 @@
+.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 9px 10px);background:var(--nutui-searchbar-background, #fff);color:var(--nutui-gray-1, #1a1a1a);box-sizing:border-box;justify-content:center}.nut-searchbar__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-input-background, #f7f7f7);border-radius:var(--nutui-searchbar-content-border-radius, 2px)}.nut-searchbar__icon{padding:0 5px 0 10px}.nut-searchbar__rightin{display:flex;padding:0 5px}.nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:var(--nutui-searchbar-input-width, 100%);height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);width:100%;padding:var(--nutui-searchbar-input-padding, 0 5px);border-radius:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-1, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar__round{border-radius:var(--nutui-searchbar-input-border-radius, 16px)}.nut-searchbar__disabled{cursor:not-allowed}.nut-searchbar__clear{padding:var(--nutui-searchbar-clear-icon-padding, 0 10px 0 5px)}.nut-searchbar__clear i{color:var(--nutui-gray-1, #1a1a1a)!important}.nut-searchbar .pos-right{right:40px}.nut-searchbar__left{display:flex;padding:var(--nutui-searchbar-left-padding, 0 12px 0 0);font-size:var(--nutui-searchbar-left-fontsize, 12px);color:var(--nutui-searchbar-left-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__right{display:flex;padding:var(--nutui-searchbar-right-padding, 0 0 0 8px);font-size:var(--nutui-searchbar-right-fontsize, 14px);color:var(--nutui-searchbar-right-color, var(--nutui-gray-1, #1a1a1a))}