@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/esm/CircleProgress.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
+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) {
@@ -25,34 +25,33 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { a as isObject } from "./index.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  circleColor: "",
-  pathColor: "",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
-};
+});
+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 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")
     };
   };
@@ -60,16 +59,13 @@ var CircleProgress = function CircleProgress2(props) {
     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 hoverColor2() {
-    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
-  };
   var stop = function stop2() {
-    if (!isObject(circleColor)) {
+    if (!isObject(props.color)) {
       return;
     }
-    var color = circleColor;
-    var colorArr = Object.keys(color).sort(function(a, b2) {
-      return parseFloat(a) - parseFloat(b2);
+    var color2 = props.color;
+    var colorArr = Object.keys(color2).sort(function(a, b) {
+      return parseFloat(a) - parseFloat(b);
     });
     var stopArr = [];
     colorArr.map(function(item) {
@@ -78,7 +74,7 @@ var CircleProgress = function CircleProgress2(props) {
         value: ""
       };
       obj.key = item;
-      obj.value = color[item];
+      obj.value = color2[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -102,8 +98,8 @@ var CircleProgress = function CircleProgress2(props) {
     });
   }))), React__default.createElement("path", {
     className: "nut-circleprogress-path",
-    style: pathStyle,
     d: path(),
+    style: pathStyle,
     fill: "none",
     strokeWidth
   }), React__default.createElement("path", {
@@ -111,13 +107,12 @@ var CircleProgress = function CircleProgress2(props) {
     style: hoverStyle(),
     d: path(),
     fill: "none",
-    stroke: hoverColor(),
     strokeLinecap,
     transform: "rotate(90,50,50)",
     strokeWidth
   })), React__default.createElement("div", {
     className: "nut-circleprogress-text"
-  }, children || React__default.createElement("div", null, progress, "%")));
+  }, children));
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";

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

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

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/Collapse/style/css.js

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

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)}

package/dist/esm/Collapse.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) {
@@ -22,78 +21,74 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { memo, useState, useEffect } from "react";
+import React__default, { useCallback } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  style: {},
-  activeName: ["0"],
+import { C as ComponentDefaults } from "./typings.js";
+import { C as CollapseContext, a as CollapseItem } from "./collapseitem2.js";
+import { u as usePropsValue } from "./use-props-value.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  defaultActiveName: [],
   accordion: false,
   expandIcon: null,
   rotate: 180
-};
-function areEqual(prevProps, nextProps) {
-  return prevProps.children === nextProps.children && JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
-}
-var Collapse = memo(function(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, activeName = _defaultProps$props.activeName, accordion = _defaultProps$props.accordion, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, onChange = _defaultProps$props.onChange;
-  var childrenDom = React__default.Children.toArray(children);
-  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), defaultOpenIndex = _useState2[0], setDefaultOpenIndex = _useState2[1];
-  var handleActiveName = function handleActiveName2() {
-    var activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      if (accordion && activeName.length > 1) {
-        console.warn("手风琴模式不支持传递多个打开页签");
-      }
-      var activeNameStr = activeName.map(function(item) {
-        return item.toString();
-      });
-      activeArr = _toConsumableArray(activeNameStr);
-    }
-    return activeArr;
+});
+var Collapse = function Collapse2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, activeName = _defaultProps$props.activeName, defaultActiveName = _defaultProps$props.defaultActiveName, accordion = _defaultProps$props.accordion, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, onChange = _defaultProps$props.onChange;
+  var classPrefix = "nut-collapse";
+  var _usePropsValue = usePropsValue({
+    value: activeName,
+    defaultValue: defaultActiveName,
+    finalValue: []
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
+  var changeVal = function changeVal2(newValue, name, isOpen2) {
+    setValue(newValue);
+    onChange && onChange(newValue, name, isOpen2);
   };
-  var colBem = cn("collapse");
-  useEffect(function() {
-    var activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  var _onToggle = function onToggle(isOpen, name) {
-    var newOpenIndex = _toConsumableArray(defaultOpenIndex);
-    if (isOpen) {
-      var removeIndex = newOpenIndex.findIndex(function(value) {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      if (accordion) {
-        newOpenIndex = [name];
+  var updateValue = function updateValue2(name) {
+    if (accordion) {
+      if (value === name) {
+        changeVal("", name, false);
+      } else {
+        changeVal(name, name, true);
+      }
+    } else if (Array.isArray(value)) {
+      if (value.includes(name)) {
+        var newValue = value.filter(function(v) {
+          return v !== name;
+        });
+        changeVal(newValue, name, false);
       } else {
-        newOpenIndex.push(name);
+        var _newValue = value.concat([name]);
+        changeVal(_newValue, name, true);
       }
+    } else {
+      console.warn("[NutUI] <Collapse> 未开启手风琴模式时 activeName 应为数组");
     }
-    setDefaultOpenIndex(newOpenIndex);
-    onChange && onChange(!isOpen, name);
   };
-  return React__default.createElement("div", {
-    className: classNames(colBem(), className),
+  var isOpen = useCallback(function(name) {
+    if (accordion) {
+      return value === name;
+    }
+    if (Array.isArray(value)) {
+      return value.includes(name);
+    }
+    return false;
+  }, [accordion, value]);
+  return React__default.createElement(CollapseContext.Provider, {
+    value: {
+      isOpen,
+      updateValue,
+      expandIcon,
+      rotate
+    }
+  }, React__default.createElement("div", {
+    className: classNames(classPrefix, className),
     style
-  }, childrenDom.map(function(item) {
-    return React__default.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: function onToggle(isOpen, name) {
-        return _onToggle(isOpen, name);
-      },
-      expandIcon: item.props.expandIcon || expandIcon,
-      rotate,
-      childnull: !!item.props.children
-    });
-  }));
-}, areEqual);
+  }, children));
+};
 Collapse.defaultProps = defaultProps;
 Collapse.displayName = "NutCollapse";
+Collapse.Item = CollapseItem;
 export {
   Collapse as default
 };

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

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

package/dist/esm/CollapseItem/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)}

package/dist/esm/CollapseItem.js

@@ -1,108 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "expandIcon", "rotate", "subTitle", "childnull"];
-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, useCallback, useEffect } from "react";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  title: null,
-  name: "",
-  isOpen: false,
-  expandIcon: null,
-  disabled: false,
-  rotate: 180,
-  subTitle: null,
-  childnull: true
-};
-var CollapseItem = function CollapseItem2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, isOpen = _defaultProps$props.isOpen, onToggle = _defaultProps$props.onToggle, name = _defaultProps$props.name, disabled = _defaultProps$props.disabled, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, subTitle = _defaultProps$props.subTitle, childnull = _defaultProps$props.childnull, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(-1), _useState2 = _slicedToArray(_useState, 2), domHeight = _useState2[0], setDomHeight = _useState2[1];
-  var _useState3 = useState("auto"), _useState4 = _slicedToArray(_useState3, 2), currHeight = _useState4[0], setCurrHeight = _useState4[1];
-  var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), update = _useState6[0], setUpdate = _useState6[1];
-  var _useState7 = useState({
-    transform: "translateY(-50%)"
-  }), _useState8 = _slicedToArray(_useState7, 2), iconStyle = _useState8[0], setIconStyle = _useState8[1];
-  var colBem = cn("collapse-item");
-  var measuredRef = useCallback(function(node) {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [update]);
-  useEffect(function() {
-    setTimeout(function() {
-      if (domHeight !== -1) {
-        isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight("0px");
-      }
-      var newIconStyle = isOpen ? {
-        transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
-      } : {
-        transform: "translateY(-50%)"
-      };
-      setIconStyle(newIconStyle);
-    }, 10);
-  }, [isOpen, domHeight, rotate]);
-  useEffect(function() {
-    if (!isOpen) {
-      setCurrHeight("0px");
-    } else {
-      setCurrHeight("auto");
-    }
-    setUpdate(!update);
-  }, [children, isOpen]);
-  return React__default.createElement("div", _objectSpread({
-    className: colBem()
-  }, rest), React__default.createElement("div", {
-    className: colBem("header", {
-      disabled
-    }),
-    onClick: function onClick() {
-      if (disabled)
-        return;
-      onToggle && onToggle(isOpen, name);
-    }
-  }, React__default.createElement("div", {
-    className: colBem("title")
-  }, title), React__default.createElement("div", {
-    className: colBem("sub-title")
-  }, subTitle), React__default.createElement("div", {
-    className: colBem("icon-box")
-  }, React__default.createElement("div", {
-    className: colBem("icon"),
-    style: iconStyle
-  }, expandIcon))), childnull && React__default.createElement("div", {
-    className: colBem("content"),
-    style: {
-      height: currHeight
-    },
-    ref: measuredRef
-  }, React__default.createElement("div", {
-    className: colBem("content-text")
-  }, children)));
-};
-CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = "NutCollapseItem";
+import { a as CollapseItem } from "./collapseitem2.js";
+import "react";
+import "classnames";
+import "./typings.js";
 export {
   CollapseItem as default
 };

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

@@ -0,0 +1 @@
+

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

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

package/dist/esm/CountDown/style/style.css

@@ -0,0 +1 @@
+.nut-countdown{display:var(--nutui-countdown-display, flex)}

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

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

package/dist/esm/DatePicker/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}

package/dist/esm/DatePicker.js

@@ -45,7 +45,7 @@ var DatePicker = function DatePicker2(props) {
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
   var _useState3 = useState(modelValue), _useState4 = _slicedToArray(_useState3, 2), currentDate = _useState4[0], setCurrentDate = _useState4[1];
   var _useState5 = useState([]), _useState6 = _slicedToArray(_useState5, 2), defaultValue = _useState6[0], setDefaultValue = _useState6[1];
-  var _useState7 = useState([]), _useState8 = _slicedToArray(_useState7, 2), listData = _useState8[0], setListData = _useState8[1];
+  var _useState7 = useState([]), _useState8 = _slicedToArray(_useState7, 2), options = _useState8[0], setListData = _useState8[1];
   var pickerRef = useRef(null);
   var isDate = function isDate2(val) {
     return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
@@ -150,7 +150,7 @@ var DatePicker = function DatePicker2(props) {
     }
     return result;
   };
-  var updateChooseValueCustmer = function updateChooseValueCustmer2(index, selectedValue, cacheValueData) {
+  var updateChooseValueCustmer = function updateChooseValueCustmer2(cacheValueData, selectedValue, index) {
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
       var _date;
       var formatDate = [];
@@ -177,7 +177,7 @@ var DatePicker = function DatePicker2(props) {
       var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
       date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
     }
-    props.onChange && props.onChange(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(cacheValueData, selectedValue, index);
   };
   var padZero = function padZero2(num) {
     var targetLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
@@ -268,17 +268,17 @@ var DatePicker = function DatePicker2(props) {
   return React__default.createElement("div", _objectSpread({
     className: "nut-datepicker ".concat(className || ""),
     style
-  }, rest), listData.length > 0 && React__default.createElement(Picker, {
+  }, rest), options.length > 0 && React__default.createElement(Picker, {
     title,
     visible: show,
-    listData,
+    options,
     onClose: onCloseDatePicker,
-    defaultValueData: defaultValue,
-    onConfirm: function onConfirm(values, options) {
-      return onConfirmDatePicker && onConfirmDatePicker(values, options);
+    defaultValue,
+    onConfirm: function onConfirm(options2, values) {
+      return onConfirmDatePicker && onConfirmDatePicker(options2, values);
     },
-    onChange: function onChange2(index, value, list) {
-      return updateChooseValueCustmer(index, value, list);
+    onChange: function onChange2(list, value, index) {
+      return updateChooseValueCustmer(list, value, index);
     },
     threeDimensional,
     ref: pickerRef

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

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

package/dist/esm/Dialog/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-bordder-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}