@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/Card.js

@@ -1,80 +1,46 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import Price from "./Price.js";
 import Tag from "./Tag.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  src: "",
-  title: "",
-  price: "",
-  vipPrice: "",
-  shopDescription: "",
-  delivery: "",
-  shopName: "",
-  description: "",
-  tag: "",
-  priceTag: "",
-  extra: ""
-});
-var Card = function Card2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, src = _defaultProps$props.src, title = _defaultProps$props.title, price = _defaultProps$props.price, vipPrice = _defaultProps$props.vipPrice, shopDescription = _defaultProps$props.shopDescription, delivery = _defaultProps$props.delivery, shopName = _defaultProps$props.shopName, tag = _defaultProps$props.tag, priceTag = _defaultProps$props.priceTag, description = _defaultProps$props.description, extra = _defaultProps$props.extra, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-card";
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    style
-  }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-left")
-  }, React__default.createElement("img", {
-    src,
-    alt: ""
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-title")
-  }, title), description, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-price")
-  }, React__default.createElement(Price, {
-    size: "normal",
-    price
-  }), priceTag || React__default.createElement(Price, {
-    size: "normal",
-    className: "".concat(classPrefix, "-right-price-origin"),
-    price: vipPrice
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-other")
-  }, tag || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
-    type: "danger"
-  }, shopDescription), React__default.createElement(Tag, {
-    plain: true
-  }, delivery))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-shop")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-right-shop-name")
-  }, shopName), extra)));
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", title: "", price: "", vipPrice: "", shopDescription: "", delivery: "", shopName: "", description: "", tag: "", priceTag: "", extra: "" });
+const Card = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, src, title, price, vipPrice, shopDescription, delivery, shopName, tag, priceTag, description, extra } = _a, rest = __rest(_a, ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"]);
+  const classPrefix = "nut-card";
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className), style }, rest),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-left` },
+      React__default.createElement("img", { src, alt: "" })
+    ),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-right` },
+      React__default.createElement("div", { className: `${classPrefix}-right-title` }, title),
+      description,
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-right-price` },
+        React__default.createElement(Price, { size: "normal", price }),
+        priceTag || React__default.createElement(Price, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
+      ),
+      React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(Tag, { type: "danger" }, shopDescription),
+        React__default.createElement(Tag, { plain: true }, delivery)
+      )),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-right-shop` },
+        React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
+        extra
+      )
+    )
+  );
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";

package/dist/esm/Cell.js

@@ -1,73 +1,38 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import CellGroup from "./CellGroup.js";
 import { C as CellGroupContext } from "./context.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: null,
-  description: null,
-  extra: null,
-  radius: "6px",
-  align: "flex-start",
-  onClick: function onClick(event) {
-  }
-});
-var classPrefix = "nut-cell";
-var Cell = function Cell2(props) {
-  var ctx = useContext(CellGroupContext);
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, title = _defaultProps$props.title, description = _defaultProps$props.description, extra = _defaultProps$props.extra, radius = _defaultProps$props.radius, align = _defaultProps$props.align, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var handleClick = function handleClick2(event) {
-    onClick2(event);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", onClick: (event) => {
+} });
+const classPrefix = "nut-cell";
+const Cell = (props) => {
+  const ctx = useContext(CellGroupContext);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, onClick, title, description, extra, radius, align, className, style } = _a, rest = __rest(_a, ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"]);
+  const handleClick = (event) => {
+    onClick(event);
   };
-  var baseStyle = _objectSpread(_objectSpread({}, style), {}, {
-    borderRadius: Number.isNaN(Number(radius)) ? String(radius) : "".concat(radius, "px"),
-    alignItems: align
-  });
-  var styles = title || description ? {} : {
+  const baseStyle = Object.assign(Object.assign({}, style), { borderRadius: Number.isNaN(Number(radius)) ? String(radius) : `${radius}px`, alignItems: align });
+  const styles = title || description ? {} : {
     flex: 1
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className),
-    onClick: function onClick3(event) {
-      return handleClick(event);
-    },
-    style: baseStyle
-  }, rest), children || React__default.createElement(React__default.Fragment, null, title || description ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-left")
-  }, title ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }, title) : null, description ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-description")
-  }, description) : null) : null, extra ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-extra"),
-    style: styles
-  }, extra) : null), ctx !== null && ctx !== void 0 && ctx.divider ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-divider")
-  }) : null);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className), onClick: (event) => handleClick(event), style: baseStyle }, rest),
+    children || React__default.createElement(
+      React__default.Fragment,
+      null,
+      title || description ? React__default.createElement(
+        "div",
+        { className: `${classPrefix}-left` },
+        title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+        description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null
+      ) : null,
+      extra ? React__default.createElement("div", { className: `${classPrefix}-extra`, style: styles }, extra) : null
+    ),
+    (ctx === null || ctx === void 0 ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
+  );
 };
 Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";

package/dist/esm/CellGroup.js

@@ -1,52 +1,23 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "title", "description", "divider"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { C as CellGroupContext } from "./context.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: "",
-  description: "",
-  divider: true
-});
-var classPrefix = "nut-cell-group";
-var CellGroup = function CellGroup2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, divider = _defaultProps$props.divider, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className)
-  }, rest), title ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
-  }, title) : null, description ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-description")
-  }, description) : null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-wrap ").concat(divider ? "".concat(classPrefix, "-wrap-divider") : "")
-  }, React__default.createElement(CellGroupContext.Provider, {
-    value: {
-      divider
-    }
-  }, children)));
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", divider: true });
+const classPrefix = "nut-cell-group";
+const CellGroup = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, title, description, divider } = _a, rest = __rest(_a, ["children", "className", "style", "title", "description", "divider"]);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classNames(classPrefix, className) }, rest),
+    title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
+    description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null,
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` },
+      React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
+    )
+  );
 };
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = "NutCellGroup";

package/dist/esm/Checkbox/style/style.css

@@ -1 +1 @@
-.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}.nut-checkbox{display:flex;align-items:center}.nut-checkbox-icon{color:var(--nutui-color-text-disabled, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-checkbox-icon-checked{color:var(--nutui-color-primary, #fa2c19);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox-icon-checked.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));font-size:var(--nutui-checkbox-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-checkbox-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-icon-indeterminate{color:var(--nutui-color-primary, #fa2c19)}.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-reverse{flex-direction:row-reverse}.nut-checkbox-reverse .nut-checkbox-label{margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-left:0}.nut-checkbox-button{position:relative;display:inline-flex;align-items:center;padding:var(--nutui-checkbox-button-padding, 5px 18px);font-size:var(--nutui-checkbox-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-checkbox-button-border-radius, 15px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6);overflow:hidden}.nut-checkbox-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-checkbox-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-checkbox-button-icon{position:absolute;right:0;bottom:0;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--nutui-color-primary, #fa2c19);border-right:10px solid var(--nutui-color-primary, #fa2c19);display:flex;align-items:flex-end;justify-content:flex-end}.nut-checkbox-button-icon-checked{width:12px;height:12px;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-3px,-3px)}.nut-checkbox-button-icon .nut-icon{position:absolute;font-size:12px;width:12px;height:12px}.nut-checkbox-button-icon .nut-icon:before{top:auto;bottom:-22px;margin-left:6px}.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}[dir=rtl] .nut-checkbox-label,.nut-rtl .nut-checkbox-label{margin-left:0;margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px))}[dir=rtl] .nut-checkbox-reverse .nut-checkbox-label,.nut-rtl .nut-checkbox-reverse .nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-right:0}[dir=rtl] .nut-checkbox-button-icon,.nut-rtl .nut-checkbox-button-icon{right:auto;left:0;border-right:10px solid transparent;border-left:10px solid var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-checkbox-button-icon-checked,.nut-rtl .nut-checkbox-button-icon-checked{left:auto;right:50%;transform:translate(3px,-3px)}[dir=rtl] .nut-checkbox-button-icon .nut-icon:before,.nut-rtl .nut-checkbox-button-icon .nut-icon:before{margin-left:0;margin-right:6px}
+.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-list{width:100%;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));padding:var(--nutui-checkbox-list-padding, 0 0 0 12px);background:var(--nutui-checkbox-list-background-color, #ffffff)}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item{border-top:none}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}.nut-checkbox{display:flex;align-items:center}.nut-checkbox-icon{color:var(--nutui-color-text-disabled, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-checkbox-icon-checked{color:var(--nutui-color-primary, #fa2c19);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox-icon-checked.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));font-size:var(--nutui-checkbox-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-checkbox-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-icon-indeterminate{color:var(--nutui-color-primary, #fa2c19)}.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-reverse{flex-direction:row-reverse}.nut-checkbox-reverse .nut-checkbox-label{margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-left:0}.nut-checkbox-button{position:relative;display:inline-flex;align-items:center;padding:var(--nutui-checkbox-button-padding, 5px 18px);font-size:var(--nutui-checkbox-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-checkbox-button-border-radius, 15px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6);overflow:hidden}.nut-checkbox-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-checkbox-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-checkbox-button-icon{position:absolute;right:0;bottom:0;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--nutui-color-primary, #fa2c19);border-right:10px solid var(--nutui-color-primary, #fa2c19);display:flex;align-items:flex-end;justify-content:flex-end}.nut-checkbox-button-icon-checked{width:12px;height:12px;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-3px,-3px)}.nut-checkbox-button-icon .nut-icon{position:absolute;font-size:12px;width:12px;height:12px}.nut-checkbox-button-icon .nut-icon:before{top:auto;bottom:-22px;margin-left:6px}.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-list-item{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:var(--nutui-checkbox-list-item-padding, 12px 12px 12px 0);border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-checkbox-list-item .nut-checkbox-label{flex:auto}.nut-checkbox-list-item .nut-icon{flex:none}[dir=rtl] .nut-checkbox-label,.nut-rtl .nut-checkbox-label{margin-left:0;margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px))}[dir=rtl] .nut-checkbox-reverse .nut-checkbox-label,.nut-rtl .nut-checkbox-reverse .nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-right:0}[dir=rtl] .nut-checkbox-button-icon,.nut-rtl .nut-checkbox-button-icon{right:auto;left:0;border-right:10px solid transparent;border-left:10px solid var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-checkbox-button-icon-checked,.nut-rtl .nut-checkbox-button-icon-checked{left:auto;right:50%;transform:translate(3px,-3px)}[dir=rtl] .nut-checkbox-button-icon .nut-icon:before,.nut-rtl .nut-checkbox-button-icon .nut-icon:before{margin-left:0;margin-right:6px}

package/dist/esm/CheckboxGroup/style/style.css

@@ -1 +1 @@
-.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}
+.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-list{width:100%;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));padding:var(--nutui-checkbox-list-padding, 0 0 0 12px);background:var(--nutui-checkbox-list-background-color, #ffffff)}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item{border-top:none}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}

package/dist/esm/CheckboxGroup.js

@@ -1,122 +1,89 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useImperativeHandle, useCallback } from "react";
 import classNames from "classnames";
 import { C as Checkbox, a as Context } from "./checkbox2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = {
+const defaultProps = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
-  onChange: function onChange(value) {
+  onChange: (value) => {
   },
-  onLimit: function onLimit(type) {
+  onLimit: (type) => {
   },
   options: []
 };
-var classPrefix = "nut-checkboxgroup";
-var CheckboxGroup = React__default.forwardRef(function(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, onChange2 = _defaultProps$props.onChange, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, max = _defaultProps$props.max, min = _defaultProps$props.min, onLimit2 = _defaultProps$props.onLimit, labelPosition = _defaultProps$props.labelPosition, direction = _defaultProps$props.direction, options = _defaultProps$props.options, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  useImperativeHandle(ref, function() {
-    return {
-      toggle: function toggle(state) {
-        if (state === false) {
-          setValue([]);
-        } else {
-          var childrenLabel = [];
-          React__default.Children.map(children, function(child) {
-            var childProps = child.props;
-            childrenLabel.push(childProps.value);
-          });
-          setValue(childrenLabel);
-        }
-      },
-      reverse: function reverse() {
-        var childrenLabel = [];
-        React__default.Children.map(children, function(child) {
-          var childProps = child.props;
+const classPrefix = "nut-checkboxgroup";
+const CheckboxGroup = React__default.forwardRef((props, ref) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, disabled, list, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
+  useImperativeHandle(ref, () => ({
+    toggle(state) {
+      if (state === false) {
+        setValue([]);
+      } else {
+        const childrenLabel = [];
+        React__default.Children.map(children, (child) => {
+          const childProps = child.props;
           childrenLabel.push(childProps.value);
         });
-        var reverse2 = childrenLabel.filter(function(c) {
-          return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
-            return v === c;
-          })) === -1;
-        });
-        setValue(reverse2);
+        setValue(childrenLabel);
       }
-    };
-  });
-  var _usePropsValue = usePropsValue({
+    },
+    reverse() {
+      const childrenLabel = [];
+      React__default.Children.map(children, (child) => {
+        const childProps = child.props;
+        childrenLabel.push(childProps.value);
+      });
+      const reverse = childrenLabel.filter((c) => (_value === null || _value === void 0 ? void 0 : _value.findIndex((v) => v === c)) === -1);
+      setValue(reverse);
+    }
+  }));
+  const [_value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
     finalValue: [],
-    onChange: onChange2
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), _value = _usePropsValue2[0], setValue = _usePropsValue2[1];
-  var renderOptions = useCallback(function() {
-    return options === null || options === void 0 ? void 0 : options.map(function(_ref) {
-      var label = _ref.label, value2 = _ref.value, disabled2 = _ref.disabled, onChange22 = _ref.onChange, rest2 = _objectWithoutProperties(_ref, _excluded2);
-      return React__default.createElement(Checkbox, _objectSpread({
-        key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
-        label,
-        disabled: disabled2,
-        value: value2
-      }, rest2));
+    onChange
+  });
+  const renderOptions = useCallback(() => {
+    return options === null || options === void 0 ? void 0 : options.map((_a2) => {
+      var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
+      return React__default.createElement(Checkbox, Object.assign({ key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), label, disabled: disabled2, value: value2 }, rest2));
     });
   }, [options, max, min]);
-  return React__default.createElement(Context.Provider, {
-    value: {
+  return React__default.createElement(
+    Context.Provider,
+    { value: {
       labelPosition: labelPosition || "right",
       disabled,
       max,
-      onLimit: onLimit2,
+      list,
+      onLimit,
       value: _value,
-      check: function check(value2) {
-        var combined = [].concat(_toConsumableArray(_value), [value2]);
+      check: (value2) => {
+        const combined = [..._value, value2];
         if (max !== void 0) {
           if (combined.length > max) {
-            return onLimit2 === null || onLimit2 === void 0 ? void 0 : onLimit2("max");
+            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
           }
         }
         setValue(combined);
       },
-      uncheck: function uncheck(value2) {
-        var reduced = _value.filter(function(item) {
-          return item !== value2;
-        });
+      uncheck: (value2) => {
+        const reduced = _value.filter((item) => item !== value2);
         if (min !== void 0 && reduced.length < min) {
-          return onLimit2 === null || onLimit2 === void 0 ? void 0 : onLimit2("min");
+          return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
         }
         setValue(reduced);
       }
-    }
-  }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "nut-checkboxgroup-".concat(props.direction), props.direction), className)
-  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
+    } },
+    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
+      [`nut-checkboxgroup-${props.direction}`]: props.direction,
+      [`nut-checkboxgroup-list`]: list
+    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
+  );
 });
 CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.displayName = "NutCheckboxGroup";