@nutui/nutui-react 2.0.0-alpha.4 → 2.0.0-alpha.5

package/dist/esm/checkbox2.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["icon", "iconSize", "label", "className", "checkedIcon", "checked", "defaultChecked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "indeterminateIcon"], _excluded2 = ["textPosition"];
+var _excluded = ["icon", "label", "className", "activeIcon", "checked", "value", "defaultChecked", "disabled", "onChange", "indeterminate", "indeterminateIcon"], _excluded2 = ["labelPosition"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,113 +25,100 @@ function _objectSpread(target) {
 }
 import React__default, { createContext, useContext, useState, useEffect } from "react";
 import { CheckNormal, CheckDisabled, Checked } from "@nutui/icons-react";
+import classNames from "classnames";
 import CheckboxGroup from "./CheckboxGroup.js";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 var CheckboxGroupContext = createContext(null);
 var Context = CheckboxGroupContext;
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
-  textPosition: "right",
-  iconSize: 18,
-  icon: "check-normal",
-  checkedIcon: "checked",
-  iconClassPrefix: "nut-icon",
-  iconFontClassName: "nutui-iconfont",
-  indeterminateIcon: "check-disabled",
-  onChange: function onChange(state) {
+  labelPosition: "right",
+  icon: null,
+  activeIcon: null,
+  indeterminateIcon: null,
+  onChange: function onChange(value) {
   }
 });
+var classPrefix = "nut-checkbox";
 var Checkbox = function Checkbox2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var b = cn("checkbox");
-  var icon = props.icon, iconSize = props.iconSize, label = props.label, className = props.className, checkedIcon = props.checkedIcon, checked = props.checked, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, iconClassPrefix = props.iconClassPrefix, iconFontClassName = props.iconFontClassName, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
-  var textPosition = others.textPosition, rest = _objectWithoutProperties(others, _excluded2);
+  var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
+  var labelPosition = others.labelPosition, rest = _objectWithoutProperties(others, _excluded2);
   var ctx = useContext(Context);
   var _usePropsValue = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
     finalValue: defaultChecked,
     onChange: onChange2
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), _checked = _usePropsValue2[0], setChecked = _usePropsValue2[1];
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerChecked = _usePropsValue2[0], setChecked = _usePropsValue2[1];
   var _useState = useState(disabled), _useState2 = _slicedToArray(_useState, 2), innerDisabled = _useState2[0], setDisabled = _useState2[1];
-  var _useState3 = useState(indeterminate), _useState4 = _slicedToArray(_useState3, 2), _indeterminate = _useState4[0], setIndeterminate = _useState4[1];
+  var _useState3 = useState(indeterminate), _useState4 = _slicedToArray(_useState3, 2), innerIndeterminate = _useState4[0], setIndeterminate = _useState4[1];
   useEffect(function() {
-    !ctx && setChecked(checked);
     setDisabled(disabled);
+  }, [disabled]);
+  useEffect(function() {
     setIndeterminate(indeterminate);
-  }, [disabled, indeterminate]);
+  }, [indeterminate]);
   if (ctx) {
-    if (ctx.textPosition !== void 0) {
-      textPosition = ctx.textPosition;
+    if (ctx.labelPosition !== void 0) {
+      labelPosition = ctx.labelPosition;
     }
-    innerDisabled = ctx.disabled;
-    _checked = ctx.checkedValue.includes(label);
+    innerDisabled = ctx.disabled !== void 0 ? ctx.disabled : innerDisabled;
+    innerChecked = ctx.value.includes(value);
     setChecked = function setChecked2(checked2) {
       if (ctx.disabled)
         return;
       if (checked2)
-        ctx.check(label);
+        ctx.check(value);
       if (!checked2)
-        ctx.uncheck(label);
+        ctx.uncheck(value);
     };
   }
   var renderIcon = function renderIcon2() {
-    if (!_checked) {
+    if (!innerChecked) {
       return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, {
-        width: iconSize,
-        height: iconSize,
         className: color()
       });
     }
-    if (_indeterminate) {
+    if (innerIndeterminate) {
       return React__default.isValidElement(indeterminateIcon) ? indeterminateIcon : React__default.createElement(CheckDisabled, {
-        width: iconSize,
-        height: iconSize,
         className: color()
       });
     }
-    return React__default.isValidElement(checkedIcon) ? checkedIcon : React__default.createElement(Checked, {
-      width: iconSize,
-      height: iconSize,
+    return React__default.isValidElement(activeIcon) ? activeIcon : React__default.createElement(Checked, {
       className: color()
     });
   };
   var color = function color2() {
     if (innerDisabled) {
-      return "nut-checkbox__icon--disable";
+      return "".concat(classPrefix, "__icon--disable");
     }
-    if (_checked) {
-      if (_indeterminate) {
-        return "nut-checkbox__icon--indeterminate";
+    if (innerChecked) {
+      if (innerIndeterminate) {
+        return "".concat(classPrefix, "__icon--indeterminate");
       }
-      return "nut-checkbox__icon";
+      return "".concat(classPrefix, "__icon");
     }
-    return "nut-checkbox__icon--unchecked";
+    return "".concat(classPrefix, "__icon--unchecked");
   };
   var renderLabel = function renderLabel2() {
     return React__default.createElement("span", {
-      className: "".concat(b("label", {
-        disabled: innerDisabled
-      }), " ")
+      className: classNames("".concat(classPrefix, "__label "), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), innerDisabled))
     }, children || label);
   };
   var handleClick = function handleClick2() {
     if (disabled)
       return;
-    var latestChecked = !_checked;
+    var latestChecked = !innerChecked;
     if (ctx && ctx.max !== void 0) {
-      if (latestChecked && ctx.checkedValue.length >= ctx.max)
+      if (latestChecked && ctx.value.length >= ctx.max)
         return;
     }
-    onChange2 && onChange2(latestChecked, label || children);
     setChecked(latestChecked);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b({
-      reverse: textPosition === "left"
-    }), " ").concat(className || "")
+    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"))
   }, rest), {}, {
     onClick: handleClick
   }), renderIcon(), renderLabel());

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */