@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

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

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/CheckboxGroup/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/checkboxgroup/checkboxgroup.scss')
+import '../../../packages/checkboxgroup/checkboxgroup.scss'

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

@@ -0,0 +1 @@
+.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup .nut-checkbox__button{background-color:var(--nutui-gray-4, #f4f4f4)}.nut-checkboxgroup--vertical .nut-checkbox.nut-checkbox--reverse{width:100%;justify-content:space-between}.nut-checkboxgroup--vertical .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup--horizontal .nut-checkbox{display:inline-flex;margin-right:20px}

package/dist/esm/CheckboxGroup.js

@@ -2,127 +2,116 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "checkedValue", "max"];
-
-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, { useState, useImperativeHandle, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
+var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "labelPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
+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), true).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, { 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";
+import "@nutui/icons-react";
+import "./CheckboxGroup.js";
+import "./typings.js";
 var defaultProps = {
-  disabled: false,
-  checkedValue: [],
-  max: undefined,
-  onChange: function onChange(value) {}
+  max: void 0,
+  labelPosition: "right",
+  direction: "vertical",
+  onChange: function onChange(value) {
+  },
+  options: []
 };
-var CheckboxGroup = React__default.forwardRef(function (props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children;
-
-  var b = cn('checkboxgroup');
-
-  var className = props.className,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      checkedValue = props.checkedValue,
-      max = props.max,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(disabled),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerDisabled = _useState2[0],
-      setInnerDisabled = _useState2[1];
-
-  var _useState3 = useState(checkedValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerValue = _useState4[0],
-      setInnerValue = _useState4[1];
-
-  useImperativeHandle(ref, function () {
+var classPrefix = "nut-checkboxgroup";
+var CheckboxGroup = React__default.forwardRef(function(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
+  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, labelPosition = props.labelPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
+  useImperativeHandle(ref, function() {
     return {
-      toggleAll: function toggleAll(state) {
+      toggle: function toggle(state) {
         if (state === false) {
-          setInnerValue([]);
+          setValue([]);
         } else {
           var childrenLabel = [];
-          React__default.Children.map(children, function (child) {
+          React__default.Children.map(children, function(child) {
             var childProps = child.props;
-            childrenLabel.push(childProps.label || child.children);
+            childrenLabel.push(childProps.value);
           });
-          setInnerValue(childrenLabel);
+          setValue(childrenLabel);
         }
       },
-      toggleReverse: function toggleReverse() {
+      reverse: function reverse() {
         var childrenLabel = [];
-        React__default.Children.map(children, function (child) {
+        React__default.Children.map(children, function(child) {
           var childProps = child.props;
-          childrenLabel.push(childProps.label || child.children);
+          childrenLabel.push(childProps.value);
         });
-        var reverse = childrenLabel.filter(function (c) {
-          return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.findIndex(function (v) {
+        var reverse2 = childrenLabel.filter(function(c) {
+          return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
             return v === c;
           })) === -1;
         });
-        setInnerValue(reverse);
+        setValue(reverse2);
       }
     };
   });
-  useEffect(function () {
-    setInnerDisabled(disabled);
-    setInnerValue(checkedValue);
-  }, [disabled, checkedValue]);
-
-  function handleChildChange(state, label) {
-    if (max !== undefined && innerValue && innerValue.length > max) return;
-
-    if (innerValue) {
-      var clippedValue = [];
-
-      if (state) {
-        clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
-      } else {
-        innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
-        clippedValue = _toConsumableArray(innerValue);
+  var _usePropsValue = 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));
+    });
+  }, [options, max]);
+  return React__default.createElement(Context.Provider, {
+    value: {
+      labelPosition: labelPosition || "right",
+      disabled,
+      max,
+      value: _value,
+      check: function check(value2) {
+        var combined = [].concat(_toConsumableArray(_value), [value2]);
+        setValue(combined);
+      },
+      uncheck: function uncheck(value2) {
+        var reduced = _value.filter(function(item) {
+          return item !== value2;
+        });
+        setValue(reduced);
       }
-
-      setInnerValue(clippedValue);
-      onChange && onChange(clippedValue);
     }
-  }
-
-  function validateChildChecked(child) {
-    if (!innerValue) return false;
-    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-  }
-
-  function getParentVals() {
-    return innerValue;
-  }
-
-  function cloneChildren() {
-    return React__default.Children.map(children, function (child) {
-      var childChecked = validateChildChecked(child);
-
-      if (child.type.displayName !== 'NutCheckBox') {
-        return React__default.cloneElement(child);
-      }
-
-      return React__default.cloneElement(child, {
-        disabled: innerDisabled,
-        checked: childChecked,
-        onChange: handleChildChange,
-        getParentVals: getParentVals,
-        max: max
-      });
-    });
-  }
-
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || '')
-  }, rest), cloneChildren());
+  }, React__default.createElement("div", _objectSpread({
+    className: classNames(classPrefix, className, _defineProperty({}, "nut-checkboxgroup--".concat(props.direction), props.direction))
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
 });
 CheckboxGroup.defaultProps = defaultProps;
-CheckboxGroup.displayName = 'NutCheckboxGroup';
-export { CheckboxGroup as default };
+CheckboxGroup.displayName = "NutCheckboxGroup";
+export {
+  CheckboxGroup as default
+};

package/dist/esm/CircleProgress/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/CircleProgress/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/circleprogress/circleprogress.scss')
+import '../../../packages/circleprogress/circleprogress.scss'

package/dist/esm/CircleProgress/style/style.css

@@ -0,0 +1 @@
+.nut-circleprogress{position:relative}.nut-circleprogress-hover{stroke:var(--nutui-circleprogress-primary-color, var(--nutui-brand-color, #fa2c19));transition:stroke-dasharray .6s ease 0s,stroke .6s ease 0s}.nut-circleprogress-path{stroke:var(--nutui-circleprogress-path-color, #e5e9f2)}.nut-circleprogress-text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;transform:translateY(-50%);text-align:center;color:var(--nutui-circleprogress-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-circleprogress-text-size, var(--nutui-font-size-3, 16px))}

package/dist/esm/CircleProgress.js

@@ -1,99 +1,84 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
-
-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 classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-
-var isObject = function isObject(val) {
-  return val !== null && _typeof(val) === 'object';
-};
-
-var defaultProps = {
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"];
+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), true).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 classNames from "classnames";
+import { b as isObject } from "./index.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   strokeWidth: 5,
   radius: 50,
-  strokeLinecap: 'round',
-  circleColor: '',
-  pathColor: '',
+  strokeLinecap: "round",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
-};
-
-var CircleProgress = function CircleProgress(props) {
+});
+var classPrefix = "nut-circleprogress";
+var CircleProgress = function CircleProgress2(props) {
   var _stop;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      progress = _defaultProps$props.progress,
-      className = _defaultProps$props.className,
-      radius = _defaultProps$props.radius,
-      pathColor = _defaultProps$props.pathColor,
-      clockwise = _defaultProps$props.clockwise,
-      circleColor = _defaultProps$props.circleColor,
-      strokeWidth = _defaultProps$props.strokeWidth,
-      style = _defaultProps$props.style,
-      strokeLinecap = _defaultProps$props.strokeLinecap,
-      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('circleprogress');
-  var classes = classNames(className, b(''));
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classes = classNames(className, classPrefix);
   var refRandomId = Math.random().toString(36).slice(-8);
-
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
     width: "".concat(Number(radius) * 2, "px")
   }, style);
-
   var pathStyle = {
-    stroke: pathColor
+    stroke: background
   };
-
-  var hoverStyle = function hoverStyle() {
+  var hoverStyle = function hoverStyle2() {
     var perimeter = 283;
-    var offset = perimeter * Number(progress) / 100;
+    var offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      stroke: isObject(color) ? "url(#".concat(refRandomId, ")") : color,
       strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
   };
-
-  var path = function path() {
+  var path = function path2() {
     var isWise = clockwise ? 1 : 0;
     return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
-
-  var hoverColor = function hoverColor() {
-    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
-  };
-
-  var stop = function stop() {
-    if (!isObject(circleColor)) {
+  var stop = function stop2() {
+    if (!isObject(props.color)) {
       return;
     }
-
-    var color = circleColor;
-    var colorArr = Object.keys(color).sort(function (a, b) {
+    var color2 = props.color;
+    var colorArr = Object.keys(color2).sort(function(a, b) {
       return parseFloat(a) - parseFloat(b);
     });
     var stopArr = [];
-    colorArr.map(function (item) {
+    colorArr.map(function(item) {
       var obj = {
-        key: '',
-        value: ''
+        key: "",
+        value: ""
       };
       obj.key = item;
-      obj.value = color[item];
+      obj.value = color2[item];
       stopArr.push(obj);
     });
     return stopArr;
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
@@ -105,7 +90,7 @@ var CircleProgress = function CircleProgress(props) {
     y1: "0%",
     x2: "0%",
     y2: "0%"
-  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
+  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function(item, index) {
     return React__default.createElement("stop", {
       key: index,
       offset: item.key,
@@ -113,24 +98,24 @@ var CircleProgress = function CircleProgress(props) {
     });
   }))), React__default.createElement("path", {
     className: "nut-circleprogress-path",
-    style: pathStyle,
     d: path(),
+    style: pathStyle,
     fill: "none",
-    strokeWidth: strokeWidth
+    strokeWidth
   }), React__default.createElement("path", {
     className: "nut-circleprogress-hover",
     style: hoverStyle(),
     d: path(),
     fill: "none",
-    stroke: hoverColor(),
-    strokeLinecap: strokeLinecap,
+    strokeLinecap,
     transform: "rotate(90,50,50)",
-    strokeWidth: strokeWidth
+    strokeWidth
   })), React__default.createElement("div", {
     className: "nut-circleprogress-text"
-  }, children || React__default.createElement("div", null, progress, "%")));
+  }, children));
 };
-
 CircleProgress.defaultProps = defaultProps;
-CircleProgress.displayName = 'NutCircleProgress';
-export { CircleProgress as default };
+CircleProgress.displayName = "NutCircleProgress";
+export {
+  CircleProgress as default
+};

package/dist/esm/Col/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Col/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/col/col.scss')
+import '../../../packages/col/col.scss'

package/dist/esm/Col/style/style.css

@@ -0,0 +1 @@
+.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 15px)}.nut-col-gutter:last-child{padding-right:0!important}.nut-col-gutter:first-child{padding-left:0!important}.nut-col-offset-1{margin-left:calc((100 / 24) * 1 * 1%)}.nut-col-1{width:calc((100 / 24) * 1 * 1%)}.nut-col-offset-2{margin-left:calc((100 / 24) * 2 * 1%)}.nut-col-2{width:calc((100 / 24) * 2 * 1%)}.nut-col-offset-3{margin-left:calc((100 / 24) * 3 * 1%)}.nut-col-3{width:calc((100 / 24) * 3 * 1%)}.nut-col-offset-4{margin-left:calc((100 / 24) * 4 * 1%)}.nut-col-4{width:calc((100 / 24) * 4 * 1%)}.nut-col-offset-5{margin-left:calc((100 / 24) * 5 * 1%)}.nut-col-5{width:calc((100 / 24) * 5 * 1%)}.nut-col-offset-6{margin-left:calc((100 / 24) * 6 * 1%)}.nut-col-6{width:calc((100 / 24) * 6 * 1%)}.nut-col-offset-7{margin-left:calc((100 / 24) * 7 * 1%)}.nut-col-7{width:calc((100 / 24) * 7 * 1%)}.nut-col-offset-8{margin-left:calc((100 / 24) * 8 * 1%)}.nut-col-8{width:calc((100 / 24) * 8 * 1%)}.nut-col-offset-9{margin-left:calc((100 / 24) * 9 * 1%)}.nut-col-9{width:calc((100 / 24) * 9 * 1%)}.nut-col-offset-10{margin-left:calc((100 / 24) * 10 * 1%)}.nut-col-10{width:calc((100 / 24) * 10 * 1%)}.nut-col-offset-11{margin-left:calc((100 / 24) * 11 * 1%)}.nut-col-11{width:calc((100 / 24) * 11 * 1%)}.nut-col-offset-12{margin-left:calc((100 / 24) * 12 * 1%)}.nut-col-12{width:calc((100 / 24) * 12 * 1%)}.nut-col-offset-13{margin-left:calc((100 / 24) * 13 * 1%)}.nut-col-13{width:calc((100 / 24) * 13 * 1%)}.nut-col-offset-14{margin-left:calc((100 / 24) * 14 * 1%)}.nut-col-14{width:calc((100 / 24) * 14 * 1%)}.nut-col-offset-15{margin-left:calc((100 / 24) * 15 * 1%)}.nut-col-15{width:calc((100 / 24) * 15 * 1%)}.nut-col-offset-16{margin-left:calc((100 / 24) * 16 * 1%)}.nut-col-16{width:calc((100 / 24) * 16 * 1%)}.nut-col-offset-17{margin-left:calc((100 / 24) * 17 * 1%)}.nut-col-17{width:calc((100 / 24) * 17 * 1%)}.nut-col-offset-18{margin-left:calc((100 / 24) * 18 * 1%)}.nut-col-18{width:calc((100 / 24) * 18 * 1%)}.nut-col-offset-19{margin-left:calc((100 / 24) * 19 * 1%)}.nut-col-19{width:calc((100 / 24) * 19 * 1%)}.nut-col-offset-20{margin-left:calc((100 / 24) * 20 * 1%)}.nut-col-20{width:calc((100 / 24) * 20 * 1%)}.nut-col-offset-21{margin-left:calc((100 / 24) * 21 * 1%)}.nut-col-21{width:calc((100 / 24) * 21 * 1%)}.nut-col-offset-22{margin-left:calc((100 / 24) * 22 * 1%)}.nut-col-22{width:calc((100 / 24) * 22 * 1%)}.nut-col-offset-23{margin-left:calc((100 / 24) * 23 * 1%)}.nut-col-23{width:calc((100 / 24) * 23 * 1%)}.nut-col-offset-24{margin-left:calc((100 / 24) * 24 * 1%)}.nut-col-24{width:calc((100 / 24) * 24 * 1%)}

package/dist/esm/Col.js

@@ -1,65 +1,64 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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, { useState, useContext, useEffect } from 'react';
-import { D as DataContext } from './UserContext-be8097d2.js';
-var defaultProps = {
-  span: '24',
-  offset: '0',
-  gutter: '0'
-};
-
-var Col = function Col(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      span = _defaultProps$props.span,
-      offset = _defaultProps$props.offset,
-      children = _defaultProps$props.children,
-      _onClick = _defaultProps$props.onClick;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      colName = _useState2[0],
-      setColName = _useState2[1];
-
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      colStyle = _useState4[0],
-      setColStyle = _useState4[1];
-
-  var _useContext = useContext(DataContext),
-      gutter = _useContext.gutter;
-
-  var classs = function classs() {
-    // 定义col的class类
-    var prefixCls = 'nut-col';
-    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-").concat(offset);
+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), true).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, { useState, useContext, useEffect } from "react";
+import classNames from "classnames";
+import { D as DataContext } from "./UserContext.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  span: "24",
+  offset: "0",
+  gutter: "0"
+});
+var Col = function Col2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, span = _defaultProps$props.span, offset = _defaultProps$props.offset, children = _defaultProps$props.children, _onClick = _defaultProps$props.onClick;
+  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), colName = _useState2[0], setColName = _useState2[1];
+  var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), colStyle = _useState4[0], setColStyle = _useState4[1];
+  var _useContext = useContext(DataContext), gutter = _useContext.gutter;
+  var classs = function classs2() {
+    var prefixCls = "nut-col";
+    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : "", " ").concat(prefixCls, "-offset-").concat(offset);
   };
-
-  var getStyle = function getStyle() {
-    // 定义col的style类
-    var style = {};
-    style.paddingLeft = "".concat(gutter / 2, "px");
-    style.paddingRight = "".concat(gutter / 2, "px");
-    return style;
+  var getStyle = function getStyle2() {
+    var style2 = {};
+    style2.paddingLeft = "".concat(gutter / 2, "px");
+    style2.paddingRight = "".concat(gutter / 2, "px");
+    return style2;
   };
-
-  useEffect(function () {
+  useEffect(function() {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
   return React__default.createElement("div", {
-    className: "".concat(colName),
-    style: _objectSpread({}, colStyle),
+    className: classNames(colName, className),
+    style: _objectSpread(_objectSpread({}, style), colStyle),
     onClick: function onClick(e) {
-      _onClick && _onClick(e, 'col');
+      _onClick && _onClick(e, "col");
     }
   }, children);
 };
-
 Col.defaultProps = defaultProps;
-Col.displayName = 'NutCol';
-export { Col as default };
+Col.displayName = "NutCol";
+export {
+  Col as default
+};

package/dist/esm/Collapse/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Collapse/style/index.js

@@ -1,2 +1,2 @@
-require('../../CollapseItem/style')
-require('../../../packages/collapse/collapse.scss')
+import '../../CollapseItem/style'
+import '../../../packages/collapse/collapse.scss'

package/dist/esm/Collapse/style/style.css

@@ -0,0 +1 @@
+.nut-collapse-item__header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 0px 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-6, #ffffff);box-sizing:border-box}.nut-collapse-item__header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item__title{color:var(--nutui-collapse-item-color, var(--nutui-gray-1, #1a1a1a));display:flex;align-items:center}.nut-collapse-item__extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, #666666)}.nut-collapse-item__icon-box{display:flex;padding-right:40px;position:relative}.nut-collapse-item__icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item__header.disabled,.nut-collapse-item__header.disabled .nut-collapse-item__title{color:var(--nutui-collapse-item-disabled-color, #c8c9cc)}.nut-collapse-item__content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, #666666);font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-6, #ffffff));transition:all .3s linear}.nut-collapse-item__content-text{color:var(--nutui-collapse-wrapper-content-color, #666666);padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}