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

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## v1.2.2
+`2022-08-10`
+
+* :zap: feat: range组件props补齐+国际化 (#201) @vickyYE
+* :zap: feat: signature组件增加单元测试、文档和demo国际化 (#205) @irisSong
+* :zap: test(navbar): navbar unit test (#203) @szg2008
+* :zap: test(tabbar): tabbar unit test (#204) @szg2008
+* :zap: feat: 新增 searchbar 组件 (#186) @Ymm0008
+* :zap: feat(numberkeyboard): new components (#192) @Drjingfubo
+* :zap: feat(tabbar): 组件能力补齐 (#178) @szg2008
+* :zap: feat: progress 组件 (#187) @ailululu
+* :zap: chore: tag 组件 eslint 修复 (#200) @libin0824
+* :zap: feat: datepicker 功能补齐 (#182) @yangxiaolu1993
+* :zap: feat: tag 组件新增 onClick 事件，closeable 支持非受控(#195) @libin0824
+* :zap: feat: divider组件增加单元测试 (#194) @vickyYE
+* :zap: feat: Dialog组件增加在线调试能力,文档多语言支持 (#193) @libin0824
+
 ## v1.2.1
 `2022-08-03`
 

package/dist/esm/Divider.js

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
 
 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; }
 
@@ -25,14 +27,15 @@ var Divider = function Divider(props) {
       hairline = _defaultProps$props.hairline,
       styles = _defaultProps$props.styles,
       className = _defaultProps$props.className,
-      direction = _defaultProps$props.direction;
+      direction = _defaultProps$props.direction,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var dividerBem = cn('divider');
   var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
-  return React__default.createElement("div", {
+  return React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className || ''),
     style: styles
-  }, children);
+  }, rest), children);
 };
 
 Divider.defaultProps = defaultProps;

package/dist/esm/Radio.js

@@ -76,7 +76,15 @@ var Radio = function Radio(props) {
   };
 
   var color = function color() {
-    return !disabledStatement ? checkedStatement ? 'nut-radio__icon' : 'nut-radio__icon--unchecked' : 'nut-radio__icon--disable';
+    if (disabledStatement) {
+      return 'nut-radio__icon--disable';
+    }
+
+    if (checkedStatement) {
+      return 'nut-radio__icon';
+    }
+
+    return 'nut-radio__icon--unchecked';
   };
 
   var renderIcon = function renderIcon() {
@@ -90,10 +98,22 @@ var Radio = function Radio(props) {
     });
   };
 
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+
+    return [renderIcon(), renderLabel()];
+  };
+
   var handleClick = function handleClick(e) {
-    if (disabledStatement) return;
+    if (disabledStatement || checkedStatement) return;
     setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e);
+    onChange && onChange(e);
     context && context.onChange(valueStatement);
   };
 
@@ -101,7 +121,7 @@ var Radio = function Radio(props) {
   return React__default.createElement("div", _objectSpread({
     className: "nut-radio ".concat(className),
     onClick: handleClick
-  }, rest), props.shape == 'button' ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+  }, rest), renderRadioItem());
 };
 
 Radio.defaultProps = defaultProps;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.1 Wed Aug 10 2022 14:06:51 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 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 10 2022 14:06:51 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:29:08 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

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

package/dist/locales/zh-CN.js

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

package/dist/locales/zh-TW.js

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

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.1 Wed Aug 10 2022 14:06:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.2 Thu Aug 11 2022 14:28:42 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -2460,7 +2460,8 @@ const Divider = (props) => {
     hairline,
     styles,
     className,
-    direction
+    direction,
+    ...rest
   } = {
     ...defaultProps$_,
     ...props
@@ -2479,7 +2480,8 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${classes} ${className || ""}`,
-    style: styles
+    style: styles,
+    ...rest
   }, children);
 };
 Divider.defaultProps = defaultProps$_;
@@ -5994,7 +5996,13 @@ const Radio = (props) => {
     }, children);
   };
   const color = () => {
-    return !disabledStatement ? checkedStatement ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
+    if (disabledStatement) {
+      return "nut-radio__icon--disable";
+    }
+    if (checkedStatement) {
+      return "nut-radio__icon";
+    }
+    return "nut-radio__icon--unchecked";
   };
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
@@ -6004,11 +6012,20 @@ const Radio = (props) => {
       className: color()
     });
   };
+  const renderRadioItem = () => {
+    if (shape === "button") {
+      return renderButton();
+    }
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+    return [renderIcon(), renderLabel()];
+  };
   const handleClick = (e2) => {
-    if (disabledStatement)
+    if (disabledStatement || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e2);
+    onChange && onChange(e2);
     context2 && context2.onChange(valueStatement);
   };
   const reverseState = textPosition === "left";
@@ -6016,7 +6033,7 @@ const Radio = (props) => {
     className: `nut-radio ${className}`,
     onClick: handleClick,
     ...rest
-  }, props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+  }, renderRadioItem());
 };
 Radio.defaultProps = defaultProps$H;
 Radio.displayName = "NutRadio";