@nutui/nutui-react 1.2.1 → 1.2.2-beta.0

package/dist/esm/SearchBar.js

@@ -0,0 +1,247 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+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-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
+import Icon from './Icon.js';
+import '@bem-react/classname';
+var defaultProps = {
+  placeholder: '',
+  shape: 'square',
+  disabled: false,
+  maxLength: 9999,
+  clearable: true,
+  align: 'left',
+  readonly: true,
+  autoFocus: false,
+  label: '',
+  leftinIcon: React__default.createElement(Icon, {
+    name: "search",
+    size: "12"
+  })
+};
+
+var SearchBar = function SearchBar(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,
+      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,
+      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 change = function change(event) {
+    var value = event.target.value;
+    onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(value, event));
+    setValue(value);
+  };
+
+  var focus = function focus(event) {
+    var value = event.target.value;
+    onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value, event));
+  };
+
+  var blur = function blur(event) {
+    var searchSelf = searchRef.current;
+    searchSelf && searchSelf.blur();
+    var value = event.target.value;
+    onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value, event));
+  };
+
+  useEffect(function () {
+    setValue(props.value);
+  }, [props.value]);
+  useEffect(function () {
+    if (autoFocus) {
+      var searchSelf = searchRef.current;
+      searchSelf && searchSelf.focus();
+    }
+  }, [autoFocus]);
+
+  var renderField = function renderField() {
+    return React__default.createElement("input", {
+      className: "".concat(searchbarBem('input'), "  ").concat(searchbarBem(alignClass), " ").concat(shape === 'round' ? searchbarBem('round') : '', " ").concat(clearable ? searchbarBem('input-clear') : ''),
+      ref: searchRef,
+      style: _objectSpread(_objectSpread({}, props.style), {}, {
+        background: props.inputBackground
+      }),
+      value: value || '',
+      placeholder: placeholder || locale.placeholder,
+      disabled: disabled,
+      readOnly: readOnly,
+      maxLength: maxLength,
+      onChange: function onChange(e) {
+        return change(e);
+      },
+      onFocus: function onFocus(e) {
+        return focus(e);
+      },
+      onBlur: function onBlur(e) {
+        return blur(e);
+      },
+      onClick: function onClick(e) {
+        return clickInput(e);
+      }
+    });
+  };
+
+  var clickInput = function clickInput(e) {
+    onClickInput && onClickInput(e);
+  };
+
+  var renderLeftinIcon = function renderLeftinIcon() {
+    if (!leftinIcon) return null;
+    return React__default.createElement("div", {
+      className: "".concat(searchbarBem('leftin-icon'), " ").concat(searchbarBem('icon')),
+      onClick: function onClick(e) {
+        return clickLeftIcon('in-left', e);
+      }
+    }, leftinIcon);
+  };
+
+  var renderLeftoutIcon = function renderLeftoutIcon() {
+    if (!leftoutIcon) return null;
+    return React__default.createElement("div", {
+      className: "".concat(searchbarBem('leftout-icon')),
+      onClick: function onClick(e) {
+        return clickLeftIcon('out-left', e);
+      }
+    }, leftoutIcon);
+  };
+
+  var clickLeftIcon = function clickLeftIcon(flag, event) {
+    if (flag === 'in-left') {
+      onClickLeftinIcon && onClickLeftinIcon(value, event);
+    } else {
+      onClickLeftoutIcon && onClickLeftoutIcon(value, event);
+    }
+  };
+
+  var renderRightinIcon = function renderRightinIcon() {
+    if (!rightinIcon) return null;
+    return React__default.createElement("div", {
+      className: "".concat(searchbarBem('rightin-icon'), " ").concat(searchbarBem('icon')),
+      onClick: function onClick(e) {
+        return clickRightIcon('in-right', e);
+      }
+    }, rightinIcon);
+  };
+
+  var renderRightoutIcon = function renderRightoutIcon() {
+    if (!rightoutIcon) return null;
+    return React__default.createElement("div", {
+      className: "".concat(searchbarBem('rightout-icon')),
+      onClick: function onClick(e) {
+        return clickRightIcon('out-right', e);
+      }
+    }, rightoutIcon);
+  };
+
+  var clickRightIcon = function clickRightIcon(flag, event) {
+    if (flag === 'in-left') {
+      onClickRightinIcon && onClickRightinIcon(value, event);
+    } else {
+      onClickRightoutIcon && onClickRightoutIcon(value, event);
+    }
+  };
+
+  var handleClear = function handleClear() {
+    return React__default.createElement("div", {
+      className: "".concat(searchbarBem('clear'), " ").concat(rightinIcon ? 'pos-right' : ''),
+      onClick: function onClick(e) {
+        return clearaVal(e);
+      }
+    }, React__default.createElement(Icon, {
+      name: "circle-close",
+      size: "12",
+      color: "#555"
+    }));
+  };
+
+  var clearaVal = function clearaVal(event) {
+    if (disabled || readOnly) {
+      return;
+    }
+
+    setValue('');
+    onClear && onClear(event);
+  };
+
+  var renderRightLabel = function renderRightLabel() {
+    if (actionText) {
+      return React__default.createElement("div", {
+        className: searchbarBem('action-text'),
+        onClick: search
+      }, actionText);
+    }
+
+    return null;
+  };
+
+  var search = function search() {
+    onSearch && onSearch(value);
+  };
+
+  var renderLabel = function renderLabel() {
+    if (label) {
+      return React__default.createElement("div", {
+        className: searchbarBem('label')
+      }, label);
+    }
+
+    return null;
+  };
+
+  return React__default.createElement("div", {
+    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'))
+  }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
+};
+
+SearchBar.defaultProps = defaultProps;
+SearchBar.displayName = 'NutSearchBar';
+export { SearchBar as default };

package/dist/esm/Signature.js

@@ -139,6 +139,9 @@ var Signature = function Signature(props) {
       case 'jpg':
         dataurl = canvas.toDataURL('image/jpeg', 0.8);
         break;
+
+      default:
+        dataurl = canvas.toDataURL('image/png');
     }
 
     clear();

package/dist/esm/Tabbar.js

@@ -11,10 +11,10 @@ import '@bem-react/classname';
 var defaultProps = {
   visible: 0,
   bottom: false,
-  type: '',
-  size: '',
+  size: 20,
   unactiveColor: '',
   activeColor: '',
+  safeAreaInsetBottom: false,
   className: '',
   style: {},
   tabSwitch: function tabSwitch() {}
@@ -25,8 +25,10 @@ var Tabbar = function Tabbar(props) {
       children = _defaultProps$props.children,
       visible = _defaultProps$props.visible,
       bottom = _defaultProps$props.bottom,
+      size = _defaultProps$props.size,
       activeColor = _defaultProps$props.activeColor,
       unactiveColor = _defaultProps$props.unactiveColor,
+      safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
       tabSwitch = _defaultProps$props.tabSwitch;
@@ -43,7 +45,7 @@ var Tabbar = function Tabbar(props) {
   };
 
   return React__default.createElement("div", {
-    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', className].join(' '),
+    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
     style: style
   }, React__default.Children.map(children, function (child, idx) {
     if (!React__default.isValidElement(child)) {
@@ -55,6 +57,7 @@ var Tabbar = function Tabbar(props) {
       index: idx,
       unactiveColor: unactiveColor,
       activeColor: activeColor,
+      size: size,
       handleClick: function handleClick() {
         _handleClick(idx);
 

package/dist/esm/TabbarItem.js

@@ -10,6 +10,9 @@ import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import '@bem-react/classname';
 var defaultProps = {
+  dot: false,
+  size: '',
+  classPrefix: 'nutui-iconfont',
   tabTitle: '',
   icon: '',
   href: '',
@@ -24,6 +27,9 @@ var defaultProps = {
 
 var TabbarItem = function TabbarItem(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      dot = _defaultProps$props.dot,
+      size = _defaultProps$props.size,
+      classPrefix = _defaultProps$props.classPrefix,
       tabTitle = _defaultProps$props.tabTitle,
       icon = _defaultProps$props.icon,
       href = _defaultProps$props.href,
@@ -47,7 +53,7 @@ var TabbarItem = function TabbarItem(props) {
     if (active && to) {
       history.push(to);
     }
-  }, [active]);
+  }, [active, history, href, to]);
   return React__default.createElement("div", {
     className: "".concat(b({
       active: active
@@ -60,13 +66,16 @@ var TabbarItem = function TabbarItem(props) {
     }
   }, React__default.createElement("div", {
     className: "".concat(bIcon())
-  }, num && num <= 99 && React__default.createElement("div", {
+  }, !dot ? React__default.createElement(React__default.Fragment, null, num && num <= 99 && React__default.createElement("div", {
     className: "".concat(bIcon('tips', [bIcon('num')]))
   }, num), num && num >= 100 && React__default.createElement("div", {
     className: "".concat(bIcon('tips', [bIcon('nums')]))
-  }, "99+"), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
-    size: 20,
-    name: icon
+  }, "99+")) : React__default.createElement("div", {
+    className: "".concat(bIcon('dot'))
+  }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
+    size: size,
+    name: icon,
+    classPrefix: classPrefix
   })), React__default.createElement("div", {
     className: bIcon({
       'nav-word': true

package/dist/esm/Tag.js

@@ -15,8 +15,8 @@ var defaultProps = {
   round: false,
   mark: false,
   closeable: false,
-  isShow: true,
   prefixCls: 'nut-tag',
+  onClose: function onClose(e) {},
   onClick: function onClick(e) {}
 };
 
@@ -31,17 +31,22 @@ var Tag = function Tag(props) {
       mark = _defaultProps$props.mark,
       closeable = _defaultProps$props.closeable,
       textColor = _defaultProps$props.textColor,
-      isShow = _defaultProps$props.isShow,
-      onClick = _defaultProps$props.onClick;
+      onClick = _defaultProps$props.onClick,
+      onClose = _defaultProps$props.onClose;
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
       btnName = _useState2[0],
       setBtnName = _useState2[1];
 
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isTagShow = _useState4[0],
+      setIsTagShow = _useState4[1];
+
   useEffect(function () {
     setBtnName(classes());
-  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, isShow, onClick]);
+  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
 
   var classes = function classes() {
     var prefixCls = 'nut-tag';
@@ -73,7 +78,7 @@ var Tag = function Tag(props) {
     return style;
   };
 
-  return React__default.createElement("div", null, closeable ? isShow ? React__default.createElement("div", {
+  return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
     className: "".concat(btnName),
     style: getStyle(),
     onClick: function onClick(e) {
@@ -81,14 +86,18 @@ var Tag = function Tag(props) {
     }
   }, children && React__default.createElement("span", {
     className: "text"
-  }, children), closeable && React__default.createElement(Icon, {
+  }, children), React__default.createElement(Icon, {
     className: "_icon",
     name: "close",
     size: "12",
-    onClick: function onClick(e) {
-      return handleClick(e);
+    click: function click(e) {
+      setIsTagShow(false);
+
+      if (props.onClose) {
+        props.onClose(e);
+      }
     }
-  })) : '' : React__default.createElement("div", {
+  })) : React__default.createElement("div", {
     className: "".concat(btnName),
     style: getStyle(),
     onClick: function onClick(e) {

package/dist/esm/icon-62bd7379.js

@@ -0,0 +1,72 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "click"];
+
+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 { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  name: '',
+  size: '',
+  classPrefix: 'nutui-icon',
+  fontClassName: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  click: function click(e) {},
+  className: ''
+};
+
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+
+var Icon = function Icon(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      name = _defaultProps$props.name,
+      size = _defaultProps$props.size,
+      classPrefix = _defaultProps$props.classPrefix,
+      color = _defaultProps$props.color,
+      tag = _defaultProps$props.tag,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      fontClassName = _defaultProps$props.fontClassName,
+      style = _defaultProps$props.style,
+      click = _defaultProps$props.click,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+
+  var handleClick = function handleClick(e) {
+    if (props.click) {
+      props.click(e);
+    }
+  };
+
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(fontClassName, " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
+    style: _objectSpread({
+      color: color,
+      fontSize: pxCheck(size),
+      width: pxCheck(size),
+      height: pxCheck(size)
+    }, style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+};
+
+Icon.defaultProps = defaultProps;
+Icon.displayName = 'NutIcon';
+export { Icon as I };

package/dist/esm/nutui-react.es.js

@@ -33,6 +33,8 @@ export { default as Picker } from './Picker.js';
 export { default as ShortPassword } from './ShortPassword.js';
 export { default as TextArea } from './TextArea.js';
 export { default as Uploader } from './Uploader.js';
+export { default as SearchBar } from './SearchBar.js';
+export { default as NumberKeyboard } from './NumberKeyboard.js';
 export { default as ActionSheet } from './ActionSheet.js';
 export { default as BackTop } from './BackTop.js';
 export { default as Drag } from './Drag.js';
@@ -61,6 +63,7 @@ export { default as AnimatingNumbers } from './AnimatingNumbers.js';
 export { default as Empty } from './Empty.js';
 export { default as VirtualList } from './VirtualList.js';
 export { default as Video } from './Video.js';
+export { default as Progress } from './Progress.js';
 export { default as Address } from './Address.js';
 export { default as Barrage } from './Barrage.js';
 export { default as Signature } from './Signature.js';

package/dist/esm/useTouch-a2ea68c6.js

@@ -0,0 +1,119 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState } from 'react';
+var MIN_DISTANCE = 10;
+
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+
+  return '';
+}
+
+function useTouch() {
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      startX = _useState2[0],
+      SetStartX = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      startY = _useState4[0],
+      SetStartY = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      moveX = _useState6[0],
+      SetMoveX = _useState6[1];
+
+  var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      moveY = _useState8[0],
+      SetMoveY = _useState8[1];
+
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      deltaX = _useState10[0],
+      SetDeltaX = _useState10[1];
+
+  var _useState11 = useState(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      deltaY = _useState12[0],
+      SetDeltaY = _useState12[1];
+
+  var _useState13 = useState(0),
+      _useState14 = _slicedToArray(_useState13, 2),
+      offsetX = _useState14[0],
+      SetOffsetX = _useState14[1];
+
+  var _useState15 = useState(0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      offsetY = _useState16[0],
+      SetOffsetY = _useState16[1];
+
+  var _useState17 = useState(''),
+      _useState18 = _slicedToArray(_useState17, 2),
+      direction = _useState18[0],
+      SetDirection = _useState18[1];
+
+  var isVertical = function isVertical() {
+    return direction === 'vertical';
+  };
+
+  var isHorizontal = function isHorizontal() {
+    return direction === 'horizontal';
+  };
+
+  var reset = function reset() {
+    SetDeltaX(0);
+    SetDeltaY(0);
+    SetOffsetX(0);
+    SetOffsetY(0);
+    SetDirection('');
+  };
+
+  var start = function start(event) {
+    reset();
+    SetStartX(event.touches[0].clientX);
+    SetStartY(event.touches[0].clientY);
+  };
+
+  var move = function move(event) {
+    var touch = event.touches[0];
+    var dX = touch.clientX - startX;
+    var dY = touch.clientY - startY;
+    SetDeltaX(dX);
+    SetDeltaY(dY);
+    SetMoveX(touch.clientX);
+    SetMoveY(touch.clientY);
+    SetOffsetX(Math.abs(dX));
+    SetOffsetY(Math.abs(dY));
+
+    if (!direction) {
+      SetDirection(getDirection(offsetX, offsetY));
+    }
+  };
+
+  return {
+    move: move,
+    start: start,
+    reset: reset,
+    startX: startX,
+    startY: startY,
+    moveX: moveX,
+    moveY: moveY,
+    deltaX: deltaX,
+    deltaY: deltaY,
+    offsetX: offsetX,
+    offsetY: offsetY,
+    direction: direction,
+    isVertical: isVertical,
+    isHorizontal: isHorizontal
+  };
+}
+
+export { useTouch as u };

package/dist/locales/base.d.ts

@@ -89,4 +89,15 @@ export interface BaseLang {
         additionalReview: Function;
         additionalImages: Function;
     };
+    searchbar: {
+        basePlaceholder: string;
+        text: string;
+        test: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        title5: string;
+        title6: string;
+    };
 }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.1 Wed Aug 03 2022 16:27:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1 Wed Aug 10 2022 14:06:51 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.1 Wed Aug 03 2022 16:27:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.1 Wed Aug 10 2022 14:06:51 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -91,6 +91,17 @@ const enUS = {
     complaintsText: "I have a complaint",
     additionalReview: (day) => `Review after ${day} days of purchase`,
     additionalImages: (length) => `There are ${length} follow-up comments`
+  },
+  searchbar: {
+    basePlaceholder: "Go to jd.com and buy good things",
+    text: "text",
+    test: "test",
+    title1: "basic usage",
+    title2: "search box shape and maximum length",
+    title3: "background settings inside and outside the search box",
+    title4: "search box text settings",
+    title5: "custom icon settings",
+    title6: "data change monitoring"
   }
 };
 export { enUS as default };