@uiw/react-checkbox - npm Package Compare versions

Comparing version 4.2.14 to 4.3.0

lib/cjs/Checkbox.d.ts

@@ -8,6 +8,6 @@ import React from 'react';
 }
-export default class Checkbox extends React.Component<CheckboxProps> {
-    static Group: typeof CheckboxGroup;
-    static defaultProps: CheckboxProps;
-    render(): JSX.Element;
+interface CompoundedComponent extends React.ForwardRefExoticComponent<CheckboxProps> {
+    Group: typeof CheckboxGroup;
 }
+declare const Checkbox: CompoundedComponent;
+export default Checkbox;

lib/cjs/Checkbox.js

 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -14,14 +16,4 @@
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -33,45 +25,43 @@
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function InternalCheckbox() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-checkbox' : _props$prefixCls,
+      className = props.className,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      _props$indeterminate = props.indeterminate,
+      indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      other = (0, _objectWithoutProperties2.default)(props, ["prefixCls", "className", "type", "indeterminate", "disabled", "value"]);
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+  var inputRef = /*#__PURE__*/_react.default.createRef();
 
-var Checkbox = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Checkbox, _React$Component);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return inputRef.current;
+  });
+  var cls = (0, _classnames.default)(className, {
+    indeterminate: indeterminate
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactRadio.RadioAbstract, (0, _extends2.default)({
+    ref: inputRef
+  }, other, {
+    type: type,
+    prefixCls: prefixCls,
+    disabled: disabled,
+    value: value,
+    className: cls
+  }));
+}
 
-  var _super = _createSuper(Checkbox);
+var Checkbox = /*#__PURE__*/_react.default.forwardRef(InternalCheckbox);
 
-  function Checkbox() {
-    (0, _classCallCheck2.default)(this, Checkbox);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Checkbox, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          indeterminate = _this$props.indeterminate,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["className", "indeterminate"]);
-      var cls = (0, _classnames.default)(className, {
-        indeterminate: indeterminate
-      });
-      return /*#__PURE__*/_react.default.createElement(_reactRadio.RadioAbstract, (0, _extends2.default)({}, other, {
-        className: cls
-      }));
-    }
-  }]);
-  return Checkbox;
-}(_react.default.Component);
-
-exports.default = Checkbox;
 Checkbox.Group = _Group.CheckboxGroup;
-Checkbox.defaultProps = {
-  prefixCls: 'w-checkbox',
-  type: 'checkbox',
-  indeterminate: false,
-  disabled: false,
-  checked: undefined,
-  value: ''
-};
+var _default = Checkbox;
+exports.default = _default;
 module.exports = exports.default; 
 //# sourceMappingURL=Checkbox.js.map

lib/cjs/Group.d.ts

@@ -10,6 +10,2 @@ import React from 'react';
 }
-export declare class CheckboxGroup extends React.Component<CheckboxGroupPorps> {
-    static defaultProps: CheckboxGroupPorps;
-    private values;
-    render(): JSX.Element;
-}
+export declare function CheckboxGroup(props?: CheckboxGroupPorps): JSX.Element;

lib/cjs/Group.js

 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -8,94 +10,62 @@
 });
-exports.CheckboxGroup = void 0;
+exports.CheckboxGroup = CheckboxGroup;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function CheckboxGroup() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-checkbox-group' : _props$prefixCls,
+      className = props.className,
+      name = props.name,
+      value = props.value,
+      _onChange = props.onChange,
+      other = (0, _objectWithoutProperties2.default)(props, ["prefixCls", "className", "name", "value", "onChange"]);
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
 
-var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CheckboxGroup, _React$Component);
-
-  var _super = _createSuper(CheckboxGroup);
-
-  function CheckboxGroup() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, CheckboxGroup);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, other, {
+    className: (0, _classnames.default)(prefixCls, className)
+  }), _react.default.Children.map(props.children, function (element) {
+    if (value && value.includes(element.props.value)) {
+      if (!values.includes(element.props.value)) {
+        values.push(element.props.value);
+      }
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.values = [];
-    return _this;
-  }
+    return /*#__PURE__*/_react.default.cloneElement(element, Object.assign({}, element.props, {
+      name: name,
+      checked: value.includes(element.props.value),
+      onChange: function onChange(e) {
+        var checked = e.target.checked;
+        var include = values.includes(element.props.value);
+        var val = (0, _toConsumableArray2.default)(values);
 
-  (0, _createClass2.default)(CheckboxGroup, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          className = _this$props.className,
-          name = _this$props.name,
-          value = _this$props.value,
-          _onChange = _this$props.onChange,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["prefixCls", "className", "name", "value", "onChange"]);
-      this.values = [];
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, other, {
-        className: (0, _classnames.default)(prefixCls, className)
-      }), _react.default.Children.map(this.props.children, function (element) {
-        if (value && value.includes(element.props.value)) {
-          _this2.values.push(element.props.value);
+        if (!include && checked) {
+          val.push(element.props.value);
+        } else if (include && !checked) {
+          val = values.filter(function (val) {
+            return val !== element.props.value;
+          });
+          setValues(val);
         }
 
-        return /*#__PURE__*/_react.default.cloneElement(element, Object.assign({}, element.props, {
-          name: name,
-          checked: value.includes(element.props.value),
-          onChange: function onChange(e) {
-            var checked = e.target.checked;
-
-            var include = _this2.values.includes(element.props.value);
-
-            if (!include && checked) {
-              _this2.values.push(element.props.value);
-            } else if (include && !checked) {
-              _this2.values = _this2.values.filter(function (val) {
-                return val !== element.props.value;
-              });
-            }
-
-            _onChange && _onChange(e, _this2.values);
-          }
-        }));
-      }));
-    }
-  }]);
-  return CheckboxGroup;
-}(_react.default.Component);
-
-exports.CheckboxGroup = CheckboxGroup;
-CheckboxGroup.defaultProps = {
-  prefixCls: 'w-checkbox-group'
-}; 
+        _onChange && _onChange(e, val);
+      }
+    }));
+  }));
+} 
 //# sourceMappingURL=Group.js.map

lib/esm/Checkbox.d.ts

@@ -8,6 +8,6 @@ import React from 'react';
 }
-export default class Checkbox extends React.Component<CheckboxProps> {
-    static Group: typeof CheckboxGroup;
-    static defaultProps: CheckboxProps;
-    render(): JSX.Element;
+interface CompoundedComponent extends React.ForwardRefExoticComponent<CheckboxProps> {
+    Group: typeof CheckboxGroup;
 }
+declare const Checkbox: CompoundedComponent;
+export default Checkbox;

lib/esm/Checkbox.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
+import React, { useImperativeHandle } from 'react';
 import classnames from 'classnames';
@@ -19,43 +9,40 @@ import { RadioAbstract } from '@uiw/react-radio';
 
-var Checkbox = /*#__PURE__*/function (_React$Component) {
-  _inherits(Checkbox, _React$Component);
+function InternalCheckbox() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
 
-  var _super = _createSuper(Checkbox);
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-checkbox' : _props$prefixCls,
+      className = props.className,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      _props$indeterminate = props.indeterminate,
+      indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      other = _objectWithoutProperties(props, ["prefixCls", "className", "type", "indeterminate", "disabled", "value"]);
 
-  function Checkbox() {
-    _classCallCheck(this, Checkbox);
+  var inputRef = /*#__PURE__*/React.createRef();
+  useImperativeHandle(ref, function () {
+    return inputRef.current;
+  });
+  var cls = classnames(className, {
+    indeterminate: indeterminate
+  });
+  return /*#__PURE__*/React.createElement(RadioAbstract, _extends({
+    ref: inputRef
+  }, other, {
+    type: type,
+    prefixCls: prefixCls,
+    disabled: disabled,
+    value: value,
+    className: cls
+  }));
+}
 
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Checkbox, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          indeterminate = _this$props.indeterminate,
-          other = _objectWithoutProperties(_this$props, ["className", "indeterminate"]);
-
-      var cls = classnames(className, {
-        indeterminate: indeterminate
-      });
-      return /*#__PURE__*/React.createElement(RadioAbstract, _extends({}, other, {
-        className: cls
-      }));
-    }
-  }]);
-
-  return Checkbox;
-}(React.Component);
-
+var Checkbox = /*#__PURE__*/React.forwardRef(InternalCheckbox);
 Checkbox.Group = CheckboxGroup;
-Checkbox.defaultProps = {
-  prefixCls: 'w-checkbox',
-  type: 'checkbox',
-  indeterminate: false,
-  disabled: false,
-  checked: undefined,
-  value: ''
-};
-export { Checkbox as default }; 
+export default Checkbox; 
 //# sourceMappingURL=Checkbox.js.map

lib/esm/Group.d.ts

@@ -10,6 +10,2 @@ import React from 'react';
 }
-export declare class CheckboxGroup extends React.Component<CheckboxGroupPorps> {
-    static defaultProps: CheckboxGroupPorps;
-    private values;
-    render(): JSX.Element;
-}
+export declare function CheckboxGroup(props?: CheckboxGroupPorps): JSX.Element;

lib/esm/Group.js

 import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
+import React, { useState } from 'react';
 import classnames from 'classnames';
 import "./style/group.css";
-export var CheckboxGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckboxGroup, _React$Component);
+export function CheckboxGroup() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var _super = _createSuper(CheckboxGroup);
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-checkbox-group' : _props$prefixCls,
+      className = props.className,
+      name = props.name,
+      value = props.value,
+      _onChange = props.onChange,
+      other = _objectWithoutProperties(props, ["prefixCls", "className", "name", "value", "onChange"]);
 
-  function CheckboxGroup() {
-    var _this;
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
 
-    _classCallCheck(this, CheckboxGroup);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+  return /*#__PURE__*/React.createElement("div", _extends({}, other, {
+    className: classnames(prefixCls, className)
+  }), React.Children.map(props.children, function (element) {
+    if (value && value.includes(element.props.value)) {
+      if (!values.includes(element.props.value)) {
+        values.push(element.props.value);
+      }
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.values = [];
-    return _this;
-  }
+    return /*#__PURE__*/React.cloneElement(element, Object.assign({}, element.props, {
+      name: name,
+      checked: value.includes(element.props.value),
+      onChange: function onChange(e) {
+        var checked = e.target.checked;
+        var include = values.includes(element.props.value);
 
-  _createClass(CheckboxGroup, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
+        var val = _toConsumableArray(values);
 
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          className = _this$props.className,
-          name = _this$props.name,
-          value = _this$props.value,
-          _onChange = _this$props.onChange,
-          other = _objectWithoutProperties(_this$props, ["prefixCls", "className", "name", "value", "onChange"]);
-
-      this.values = [];
-      return /*#__PURE__*/React.createElement("div", _extends({}, other, {
-        className: classnames(prefixCls, className)
-      }), React.Children.map(this.props.children, function (element) {
-        if (value && value.includes(element.props.value)) {
-          _this2.values.push(element.props.value);
+        if (!include && checked) {
+          val.push(element.props.value);
+        } else if (include && !checked) {
+          val = values.filter(function (val) {
+            return val !== element.props.value;
+          });
+          setValues(val);
         }
 
-        return /*#__PURE__*/React.cloneElement(element, Object.assign({}, element.props, {
-          name: name,
-          checked: value.includes(element.props.value),
-          onChange: function onChange(e) {
-            var checked = e.target.checked;
-
-            var include = _this2.values.includes(element.props.value);
-
-            if (!include && checked) {
-              _this2.values.push(element.props.value);
-            } else if (include && !checked) {
-              _this2.values = _this2.values.filter(function (val) {
-                return val !== element.props.value;
-              });
-            }
-
-            _onChange && _onChange(e, _this2.values);
-          }
-        }));
-      }));
-    }
-  }]);
-
-  return CheckboxGroup;
-}(React.Component);
-CheckboxGroup.defaultProps = {
-  prefixCls: 'w-checkbox-group'
-}; 
+        _onChange && _onChange(e, val);
+      }
+    }));
+  }));
+} 
 //# sourceMappingURL=Group.js.map

package.json

 {
   "name": "@uiw/react-checkbox",
-  "version": "4.2.14",
+  "version": "4.3.0",
   "description": "Checkbox component",
@@ -46,4 +46,4 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-radio": "^4.2.14",
-    "@uiw/utils": "^4.2.14",
+    "@uiw/react-radio": "^4.3.0",
+    "@uiw/utils": "^4.3.0",
     "classnames": "2.2.6"
@@ -59,3 +59,3 @@ },
   },
-  "gitHead": "a5f0922cb2622f6c327bb555ca06d6f9036d0d5a"
+  "gitHead": "5e61a59c0674fdbeacedd1b8a69d585f8f1ba0b8"
 }

README.md

@@ -44,3 +44,3 @@ Checkbox 多选框
       onSubmit={({initial, current}) => {
-        if(current.name === initial.name) {
+        if(current.checkbox.length === 0) {
           Notify.error({
@@ -53,3 +53,3 @@ title: '提交失败！',
             title: '提交成功！',
-            description: `姓名为：${current.name}，提交完成，将自动填充初始化值！`,
+            description: `选项为：【${current.checkbox.toString()}】，提交完成，将自动填充初始化值！`,
           });
@@ -56,0 +56,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

47084

decreased by-5.41%

Lines of code

471

decreased by-9.77%

Dependency changes

• Updated@uiw/react-radio@^4.3.0

• Updated@uiw/utils@^4.3.0