@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

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

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

package/dist/esm/Checkbox/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}.nut-checkbox{display:flex;align-items:center}.nut-checkbox--reverse{flex-direction:row-reverse}.nut-checkbox--reverse .nut-checkbox__label{margin-right:var(--nutui-checkbox-label-margin-left, 10px);margin-left:0}.nut-checkbox__label{margin-left:var(--nutui-checkbox-label-margin-left, 10px);font-size:var(--nutui-checkbox-label-font-size, 14px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-1, #1a1a1a))}.nut-checkbox__label--disabled{color:var(--nutui-checkbox-label-disable-color, #999)}.nut-checkbox__icon{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox__icon--unchecked{color:var(--nutui-checkbox-icon-disable-color, #d6d6d6);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--indeterminate{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--disable{color:var(--nutui-gray-3, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, 18px)}

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

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

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

@@ -41,7 +41,6 @@ var defaultProps = {
 };
 var classPrefix = "nut-checkboxgroup";
 var CheckboxGroup = React__default.forwardRef(function(props, ref) {
-  var _classNames;
   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() {
@@ -108,7 +107,7 @@ var CheckboxGroup = React__default.forwardRef(function(props, ref) {
       }
     }
   }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "nut-checkboxgroup--".concat(props.direction), props.direction), _defineProperty(_classNames, "className", className), _classNames))
+    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;

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

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

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

@@ -24,7 +24,7 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { a as isObject } from "./index.js";
+import { b as isObject } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   strokeWidth: 5,

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/ConfigProvider.js

@@ -337,7 +337,7 @@ var zhCN = {
     confirm: "确认",
     title: "日历选择",
     monthTitle: function monthTitle(year, month) {
-      return "".concat(year, "年").concat(month, "月");
+      return "".concat(year, "年").concat(Number(month) < 10 ? "0".concat(Number(month)) : month, "月");
     },
     today: "今天",
     loadPreviousMonth: "加载上一个月",
@@ -364,13 +364,13 @@ var zhCN = {
     second: "秒"
   },
   address: {
-    selectRegion: "请选择所在地区",
+    selectRegion: "请选择地址",
     deliveryTo: "配送至",
     chooseAnotherAddress: "选择其他地址"
   },
   signature: {
     reSign: "重签",
-    unSupportTpl: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
+    unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
   },
   ecard: {
     chooseText: "请选择电子卡面值",

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);color:var(--nutui-countdown-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-countdown-font-size, 14px)}

package/dist/esm/CountDown.js

@@ -1,7 +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 = ["paused", "startTime", "endTime", "millisecond", "format", "autoStart", "time", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,22 +24,23 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { c as cn } from "./bem.js";
 import { useConfig } from "./ConfigProvider.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   paused: false,
   startTime: Date.now(),
   endTime: Date.now(),
+  remainingTime: 0,
   millisecond: false,
   format: "HH:mm:ss",
   autoStart: true,
-  time: 0
-};
+  time: 0,
+  destroy: false
+});
 var InternalCountDown = function InternalCountDown2(props, ref) {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("countdown");
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, remainingTime = _defaultProps$props.remainingTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, destroy = _defaultProps$props.destroy, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-countdown";
   var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), restTimeStamp = _useState2[0], setRestTime = _useState2[1];
   var stateRef = useRef({
     pauseTime: 0,
@@ -61,8 +62,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     return new Date(t).getTime();
   };
   var initTime = function initTime2() {
-    stateRef.current.handleEndTime = endTime;
-    stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+    if (remainingTime) {
+      stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
+    } else {
+      stateRef.current.handleEndTime = endTime;
+      stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+    }
     if (!stateRef.current.counting)
       stateRef.current.counting = true;
     tick();
@@ -204,7 +209,7 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     if (stateRef.current.isIninted) {
       initTime();
     }
-  }, [endTime, startTime]);
+  }, [endTime, startTime, remainingTime]);
   useEffect(function() {
     if (autoStart) {
       initTime();
@@ -218,16 +223,16 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     return componentWillUnmount;
   }, []);
   var componentWillUnmount = function componentWillUnmount2() {
-    clearInterval(stateRef.current.timer);
+    destroy && cancelAnimationFrame(stateRef.current.timer);
   };
   var renderTime = function() {
     return formatRemainTime(stateRef.current.restTime);
   }();
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || ""),
+    className: "".concat(classPrefix, " ").concat(className),
     style: _objectSpread({}, style)
   }, rest), children || React__default.createElement("div", {
-    className: b("block"),
+    className: "".concat(classPrefix, "__block"),
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: "".concat(renderTime)

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-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.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, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.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}