@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Row.js

@@ -1,50 +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 classNames from 'classnames';
-import { D as DataContext } from './UserContext-101ad4a4.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),
-    className = _defaultProps$props.className,
-    _defaultProps$props$s = _defaultProps$props.style,
-    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
-    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', {
+  }, React__default.createElement("div", {
     className: classNames(getClasses(), className),
-    style: style,
+    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/index.js

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/searchbar/searchbar.scss'

package/dist/esm/SearchBar.js

@@ -1,114 +1,100 @@
 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, { useRef, useState, useEffect } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/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, { useRef, useState, useEffect } from "react";
+import { Search, CircleClose } from "@nutui/icons-react";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  placeholder: '',
-  shape: 'square',
+  placeholder: "",
+  shape: "square",
   disabled: false,
   maxLength: 9999,
   clearable: true,
-  clearIconSize: '12px',
-  align: 'left',
+  clearSize: "12px",
+  align: "left",
   readonly: true,
   autoFocus: false,
-  label: '',
-  leftinIcon: React__default.createElement(Icon, {
-    name: "search",
-    size: "12"
+  label: "",
+  leftinIcon: React__default.createElement(Search, {
+    width: "12",
+    height: "12"
   })
 });
-var SearchBar = function SearchBar(props) {
-  var searchbarBem = cn('searchbar');
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
+var SearchBar = function SearchBar2(props) {
+  var searchbarBem = cn("searchbar");
+  var _useConfig = useConfig(), locale = _useConfig.locale;
   var searchRef = useRef(null);
-  var _useState = useState(function () {
-      return props.value;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    placeholder = _defaultProps$props.placeholder,
-    shape = _defaultProps$props.shape,
-    className = _defaultProps$props.className,
-    disabled = _defaultProps$props.disabled,
-    maxLength = _defaultProps$props.maxLength,
-    clearable = _defaultProps$props.clearable,
-    clearIconSize = _defaultProps$props.clearIconSize,
-    align = _defaultProps$props.align,
-    readOnly = _defaultProps$props.readOnly,
-    autoFocus = _defaultProps$props.autoFocus,
-    label = _defaultProps$props.label,
-    actionText = _defaultProps$props.actionText,
-    leftinIcon = _defaultProps$props.leftinIcon,
-    rightinIcon = _defaultProps$props.rightinIcon,
-    leftoutIcon = _defaultProps$props.leftoutIcon,
-    rightoutIcon = _defaultProps$props.rightoutIcon,
-    onChange = _defaultProps$props.onChange,
-    onFocus = _defaultProps$props.onFocus,
-    onBlur = _defaultProps$props.onBlur,
-    onClear = _defaultProps$props.onClear,
-    onCancel = _defaultProps$props.onCancel,
-    onSearch = _defaultProps$props.onSearch,
-    onClickInput = _defaultProps$props.onClickInput,
-    onClickLeftinIcon = _defaultProps$props.onClickLeftinIcon,
-    onClickLeftoutIcon = _defaultProps$props.onClickLeftoutIcon,
-    onClickRightinIcon = _defaultProps$props.onClickRightinIcon,
-    onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
+  var _useState = useState(function() {
+    return props.value;
+  }), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, clearSize = _defaultProps$props.clearSize, align = _defaultProps$props.align, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, label = _defaultProps$props.label, actionText = _defaultProps$props.actionText, leftinIcon = _defaultProps$props.leftinIcon, rightinIcon = _defaultProps$props.rightinIcon, leftoutIcon = _defaultProps$props.leftoutIcon, rightoutIcon = _defaultProps$props.rightoutIcon, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onCancel = _defaultProps$props.onCancel, onSearch = _defaultProps$props.onSearch, onClickInput = _defaultProps$props.onClickInput, onClickLeftinIcon = _defaultProps$props.onClickLeftinIcon, onClickLeftoutIcon = _defaultProps$props.onClickLeftoutIcon, onClickRightinIcon = _defaultProps$props.onClickRightinIcon, onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon;
   var alignClass = "".concat(align);
-  var forceFocus = function forceFocus() {
+  var forceFocus = function forceFocus2() {
     var searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
   };
-  var change = function change(event) {
-    var value = event.target.value;
-    onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(value, event));
-    setValue(value);
+  var change = function change2(event) {
+    var value2 = event.target.value;
+    onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(value2, event));
+    setValue(value2);
   };
-  var focus = function focus(event) {
-    var value = event.target.value;
-    onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value, event));
+  var focus = function focus2(event) {
+    var value2 = event.target.value;
+    onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value2, event));
   };
-  var blur = function blur(event) {
+  var blur = function blur2(event) {
     var searchSelf = searchRef.current;
     searchSelf && searchSelf.blur();
-    var value = event.target.value;
-    onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value, event));
+    var value2 = event.target.value;
+    onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, event));
   };
-  useEffect(function () {
+  useEffect(function() {
     setValue(props.value);
   }, [props.value]);
-  useEffect(function () {
+  useEffect(function() {
     autoFocus && forceFocus();
   }, [autoFocus]);
-  var renderField = function renderField() {
+  var renderField = function renderField2() {
     return React__default.createElement("input", {
-      className: "".concat(searchbarBem('input'), "  ").concat(searchbarBem(alignClass), " ").concat(shape === 'round' ? searchbarBem('round') : '', " ").concat(clearable ? searchbarBem('input-clear') : ''),
+      className: "".concat(searchbarBem("input"), "  ").concat(searchbarBem(alignClass), " ").concat(shape === "round" ? searchbarBem("round") : "", " ").concat(clearable ? searchbarBem("input-clear") : ""),
       ref: searchRef,
       style: _objectSpread({}, props.style),
-      value: value || '',
+      value: value || "",
       placeholder: placeholder || locale.placeholder,
-      disabled: disabled,
-      readOnly: readOnly,
-      maxLength: maxLength,
+      disabled,
+      readOnly,
+      maxLength,
       onKeyPress: onKeypress,
-      onChange: function onChange(e) {
+      onChange: function onChange2(e) {
         return change(e);
       },
-      onFocus: function onFocus(e) {
+      onFocus: function onFocus2(e) {
         return focus(e);
       },
-      onBlur: function onBlur(e) {
+      onBlur: function onBlur2(e) {
         return blur(e);
       },
       onClick: function onClick(e) {
@@ -116,122 +102,126 @@ var SearchBar = function SearchBar(props) {
       }
     });
   };
-  var clickInput = function clickInput(e) {
+  var clickInput = function clickInput2(e) {
     onClickInput && onClickInput(e);
   };
-  var renderLeftinIcon = function renderLeftinIcon() {
-    if (!leftinIcon) return null;
+  var renderLeftinIcon = function renderLeftinIcon2() {
+    if (!leftinIcon)
+      return null;
     return React__default.createElement("div", {
-      className: "".concat(searchbarBem('leftin-icon'), " ").concat(searchbarBem('icon')),
+      className: "".concat(searchbarBem("leftin-icon"), " ").concat(searchbarBem("icon")),
       onClick: function onClick(e) {
-        return clickLeftIcon('in-left', e);
+        return clickLeftIcon("in-left", e);
       }
     }, leftinIcon);
   };
-  var renderLeftoutIcon = function renderLeftoutIcon() {
-    if (!leftoutIcon) return null;
+  var renderLeftoutIcon = function renderLeftoutIcon2() {
+    if (!leftoutIcon)
+      return null;
     return React__default.createElement("div", {
-      className: "".concat(searchbarBem('leftout-icon')),
+      className: "".concat(searchbarBem("leftout-icon")),
       onClick: function onClick(e) {
-        return clickLeftIcon('out-left', e);
+        return clickLeftIcon("out-left", e);
       }
     }, leftoutIcon);
   };
-  var clickLeftIcon = function clickLeftIcon(flag, event) {
-    if (flag === 'in-left') {
+  var clickLeftIcon = function clickLeftIcon2(flag, event) {
+    if (flag === "in-left") {
       onClickLeftinIcon && onClickLeftinIcon(value, event);
     } else {
       onClickLeftoutIcon && onClickLeftoutIcon(value, event);
     }
   };
-  var renderRightinIcon = function renderRightinIcon() {
-    if (!rightinIcon) return null;
+  var renderRightinIcon = function renderRightinIcon2() {
+    if (!rightinIcon)
+      return null;
     return React__default.createElement("div", {
-      className: "".concat(searchbarBem('rightin-icon'), " ").concat(searchbarBem('icon')),
+      className: "".concat(searchbarBem("rightin-icon"), " ").concat(searchbarBem("icon")),
       onClick: function onClick(e) {
-        return clickRightIcon('in-right', e);
+        return clickRightIcon("in-right", e);
       }
     }, rightinIcon);
   };
-  var renderRightoutIcon = function renderRightoutIcon() {
-    if (!rightoutIcon) return null;
+  var renderRightoutIcon = function renderRightoutIcon2() {
+    if (!rightoutIcon)
+      return null;
     return React__default.createElement("div", {
-      className: "".concat(searchbarBem('rightout-icon')),
+      className: "".concat(searchbarBem("rightout-icon")),
       onClick: function onClick(e) {
-        return clickRightIcon('out-right', e);
+        return clickRightIcon("out-right", e);
       }
     }, rightoutIcon);
   };
-  var clickRightIcon = function clickRightIcon(flag, event) {
-    if (flag === 'in-left') {
+  var clickRightIcon = function clickRightIcon2(flag, event) {
+    if (flag === "in-left") {
       onClickRightinIcon && onClickRightinIcon(value, event);
     } else {
       onClickRightoutIcon && onClickRightoutIcon(value, event);
     }
   };
-  var handleClear = function handleClear() {
+  var handleClear = function handleClear2() {
     return React__default.createElement("div", {
-      className: "".concat(searchbarBem('clear'), " ").concat(rightinIcon ? 'pos-right' : ''),
+      className: "".concat(searchbarBem("clear"), " ").concat(rightinIcon ? "pos-right" : ""),
       onClick: function onClick(e) {
         return clearaVal(e);
       }
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "circle-close",
-      size: clearIconSize,
+    }, React__default.createElement(CircleClose, {
+      width: clearSize,
+      height: clearSize,
       color: "#555"
     }));
   };
-  var clearaVal = function clearaVal(event) {
+  var clearaVal = function clearaVal2(event) {
     if (disabled || readOnly) {
       return;
     }
-    setValue('');
+    setValue("");
     onClear && onClear(event);
     forceFocus();
   };
-  var renderRightLabel = function renderRightLabel() {
+  var renderRightLabel = function renderRightLabel2() {
     if (actionText) {
       return React__default.createElement("div", {
-        className: searchbarBem('action-text'),
+        className: searchbarBem("action-text"),
         onClick: search
       }, actionText);
     }
     return null;
   };
-  var onKeypress = function onKeypress(e) {
-    if (e.key === 'Enter') {
+  var onKeypress = function onKeypress2(e) {
+    if (e.key === "Enter") {
       var event = e.nativeEvent;
-      if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+      if (typeof event.cancelable !== "boolean" || event.cancelable) {
         event.preventDefault();
       }
       onSearch && onSearch(value);
     }
   };
-  var search = function search() {
+  var search = function search2() {
     onSearch && onSearch(value);
   };
-  var renderLabel = function renderLabel() {
+  var renderLabel = function renderLabel2() {
     if (label) {
       return React__default.createElement("div", {
-        className: searchbarBem('label')
+        className: searchbarBem("label")
       }, label);
     }
     return null;
   };
   return React__default.createElement("div", {
-    className: "".concat(searchbarBem(), " ").concat(disabled ? searchbarBem('disabled') : '', "  ").concat(className || ''),
+    className: "".concat(searchbarBem(), " ").concat(disabled ? searchbarBem("disabled") : "", "  ").concat(className || ""),
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       background: props.background
     })
   }, renderLeftoutIcon(), renderLabel(), React__default.createElement("div", {
-    className: "".concat(searchbarBem('content')),
+    className: "".concat(searchbarBem("content")),
     style: {
       background: props.inputBackground
     }
   }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
 };
 SearchBar.defaultProps = defaultProps;
-SearchBar.displayName = 'NutSearchBar';
-export { SearchBar as default };
+SearchBar.displayName = "NutSearchBar";
+export {
+  SearchBar as default
+};

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

@@ -1,3 +1,2 @@
-import '../../Icon/style'
 import '../../Popup/style'
 import '../../../packages/shortpassword/shortpassword.scss'