@nutui/nutui-react 1.3.8 → 1.3.9

package/dist/esm/Button.js

@@ -85,8 +85,7 @@ var Button = function Button(props) {
       return handleClick(e);
     }
   }), React__default.createElement("div", {
-    className: "nut-button__warp",
-    style: getStyle()
+    className: "nut-button__warp"
   }, loading && React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,

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

@@ -1,4 +1,4 @@
-
 import '../../Price/style'
-import '../../Tag/style'
+import '../../Tag/style'
+
 import '../../../packages/card/card.scss'

package/dist/esm/CellGroup.js

@@ -7,24 +7,24 @@ import '@bem-react/classname';
 var defaultProps = {
   title: '',
   desc: '',
+  className: '',
   titleSlot: null,
-  descSlot: null,
-  classPrefix: 'nutui-cell-group'
+  descSlot: null
 };
 var CellGroup = function CellGroup(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
-    classPrefix = _defaultProps$props.classPrefix,
+    className = _defaultProps$props.className,
     title = _defaultProps$props.title,
     desc = _defaultProps$props.desc,
     titleSlot = _defaultProps$props.titleSlot,
     descSlot = _defaultProps$props.descSlot;
   var b = cn('cell-group');
   return React__default.createElement("div", {
-    className: b(null, [classPrefix])
+    className: b(null, [className])
   }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
     className: b('title')
-  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", {
     className: b('desc')
   }, desc) : null), React__default.createElement("div", {
     className: b('wrap')

package/dist/esm/DatePicker.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "threeDimensional", "className", "style"];
+var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "onChange", "threeDimensional", "className", "style"];
 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, useRef, useEffect } from 'react';
@@ -34,6 +34,7 @@ var DatePicker = function DatePicker(props) {
     onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
     onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
     filter = _defaultProps$props.filter,
+    onChange = _defaultProps$props.onChange,
     threeDimensional = _defaultProps$props.threeDimensional,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
@@ -138,7 +139,6 @@ var DatePicker = function DatePicker(props) {
   };
   var ranges = function ranges(date) {
     var curDate = date || currentDate;
-    console.log(11, currentDate);
     if (!curDate) return [];
     var _getBoundary = getBoundary('max', curDate),
       maxYear = _getBoundary.maxYear,
@@ -222,7 +222,7 @@ var DatePicker = function DatePicker(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.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
   };
   var padZero = function padZero(num) {
     var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;

package/dist/esm/GridItem.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
 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';
@@ -44,6 +44,7 @@ var GridItem = function GridItem(props) {
     direction = _defaultProps$props.direction,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
+    onClick = _defaultProps$props.onClick,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('grid-item');
   var pxCheck = function pxCheck(value) {
@@ -69,10 +70,15 @@ var GridItem = function GridItem(props) {
   var isIconName = function isIconName() {
     return typeof icon === 'string';
   };
-  return React__default.createElement("div", _objectSpread({
+  var handleClick = function handleClick(e) {
+    onClick && onClick(e);
+  };
+  return React__default.createElement("div", _objectSpread(_objectSpread({
     className: b(),
     style: rootStyle()
-  }, rest), React__default.createElement("div", {
+  }, rest), {}, {
+    onClick: handleClick
+  }), React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,

package/dist/esm/Input.js

@@ -252,7 +252,7 @@ var Input = function Input(props) {
       _onClick && _onClick(e);
       click && click(e);
     }
-  }), slotInput ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  }), slotInput ? React__default.createElement(React__default.Fragment, null, label ? React__default.createElement("div", {
     className: "nut-input-label ".concat(labelClass),
     style: {
       width: "".concat(labelWidth, "px"),
@@ -260,7 +260,7 @@ var Input = function Input(props) {
     }
   }, React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ':' : '')), React__default.createElement("div", {
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
     className: "nut-input-value"
   }, React__default.createElement("div", {
     className: "nut-input-inner",
@@ -277,7 +277,7 @@ var Input = function Input(props) {
     fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
-  })) : null, React__default.createElement("div", {
+  })) : null, label ? React__default.createElement("div", {
     className: "nut-input-label ".concat(labelClass),
     style: {
       width: "".concat(labelWidth, "px"),
@@ -285,7 +285,7 @@ var Input = function Input(props) {
     }
   }, React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ':' : '')), React__default.createElement("div", {
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
     className: "nut-input-value"
   }, React__default.createElement("div", {
     className: "nut-input-inner",

package/dist/esm/date-710f8c7c.js

@@ -2,13 +2,15 @@ var Utils = {
   /**
    * 是否为闫年
    * @return {Boolse} true|false
-   */isLeapYear: function isLeapYear(y) {
+   */
+  isLeapYear: function isLeapYear(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
   },
   /**
    * 返回星期数
    * @return {String}
-   */getWhatDay: function getWhatDay(year, month, day) {
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
     var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
     var index = date.getDay();
     var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
@@ -17,7 +19,8 @@ var Utils = {
   /**
    * 返回星期数
    * @return {Number}
-   */getMonthPreDay: function getMonthPreDay(year, month) {
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
     var date = new Date("".concat(year, "/").concat(month, "/01"));
     var day = date.getDay();
     if (day == 0) {
@@ -28,7 +31,8 @@ var Utils = {
   /**
    * 返回月份天数
    * @return {Number}
-   */getMonthDays: function getMonthDays(year, month) {
+   */
+  getMonthDays: function getMonthDays(year, month) {
     if (/^0/.test(month)) {
       month = month.split('')[1];
     }
@@ -37,14 +41,16 @@ var Utils = {
   /**
    * 补齐数字位数
    * @return {string}
-   */getNumTwoBit: function getNumTwoBit(n) {
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
     n = Number(n);
     return (n > 9 ? '' : '0') + n;
   },
   /**
    * 日期对象转成字符串
    * @return {string}
-   */date2Str: function date2Str(date, split) {
+   */
+  date2Str: function date2Str(date, split) {
     split = split || '-';
     var y = date.getFullYear();
     var m = this.getNumTwoBit(date.getMonth() + 1);
@@ -55,7 +61,8 @@ var Utils = {
    * 返回日期格式字符串
    * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
    * @return {string} '2014-12-31'
-   */getDay: function getDay(i) {
+   */
+  getDay: function getDay(i) {
     i = i || 0;
     var date = new Date();
     var diff = i * (1000 * 60 * 60 * 24);
@@ -65,7 +72,8 @@ var Utils = {
   /**
    * 时间比较
    * @return {Boolean}
-   */compareDate: function compareDate(date1, date2) {
+   */
+  compareDate: function compareDate(date1, date2) {
     var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
     var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
     if (startTime >= endTime) {
@@ -76,7 +84,8 @@ var Utils = {
   /**
    * 时间是否相等
    * @return {Boolean}
-   */isEqual: function isEqual(date1, date2) {
+   */
+  isEqual: function isEqual(date1, date2) {
     var startTime = new Date(date1).getTime();
     var endTime = new Date(date2).getTime();
     if (startTime == endTime) {

package/dist/esm/types/src/packages/cellgroup/cellgroup.d.ts

@@ -4,7 +4,7 @@ export interface CellGroupProps {
     desc: ReactNode;
     titleSlot: ReactNode;
     descSlot: ReactNode;
-    classPrefix: string;
+    className: string;
     children?: ReactNode;
 }
 export declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;

package/dist/esm/types/src/packages/datepicker/datepicker.d.ts

@@ -22,6 +22,6 @@ export interface DatePickerProps {
     filter: (type: string, option: PickerOption[]) => PickerOption[];
     onCloseDatePicker: () => void;
     onConfirmDatePicker: (values: (string | number)[], options: PickerOption[]) => void;
-    onChangeDatePicker: (columnIndex: string | number, values: (string | number)[], options: PickerOption[]) => void;
+    onChange?: (columnIndex: string | number, values: (string | number)[], options: PickerOption[]) => void;
 }
-export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:16:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:16:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:16:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:16:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:16:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:09 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:15:31 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -214,8 +214,7 @@ const Button = (props) => {
     ...rest,
     onClick: (e2) => handleClick2(e2)
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-button__warp",
-    style: getStyle()
+    className: "nut-button__warp"
   }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
@@ -1556,21 +1555,21 @@ Cell.displayName = "NutCell";
 const defaultProps$1i = {
   title: "",
   desc: "",
+  className: "",
   titleSlot: null,
-  descSlot: null,
-  classPrefix: "nutui-cell-group"
+  descSlot: null
 };
 const CellGroup = (props) => {
-  const { children, classPrefix, title, desc, titleSlot, descSlot } = {
+  const { children, className, title, desc, titleSlot, descSlot } = {
     ...defaultProps$1i,
     ...props
   };
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b2(null, [classPrefix])
+    className: b2(null, [className])
   }, titleSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
-  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
+  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, desc ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("desc")
   }, desc) : null), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("wrap")
@@ -2703,6 +2702,7 @@ const GridItem = (props) => {
     direction,
     iconClassPrefix,
     iconFontClassName,
+    onClick,
     ...rest
   } = {
     ...defaultProps$1a,
@@ -2733,10 +2733,14 @@ const GridItem = (props) => {
   const isIconName = () => {
     return typeof icon === "string";
   };
+  const handleClick2 = (e2) => {
+    onClick && onClick(e2);
+  };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(),
     style: rootStyle(),
-    ...rest
+    ...rest,
+    onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -11466,6 +11470,7 @@ const DatePicker = (props) => {
     onCloseDatePicker,
     onConfirmDatePicker,
     filter,
+    onChange,
     threeDimensional,
     className,
     style,
@@ -11541,7 +11546,6 @@ const DatePicker = (props) => {
   };
   const ranges = (date) => {
     const curDate = date || currentDate;
-    console.log(11, currentDate);
     if (!curDate)
       return [];
     const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -11633,7 +11637,7 @@ const DatePicker = (props) => {
       const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
       date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
     }
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
   };
   const padZero = (num, targetLength = 2) => {
     let str = `${num}`;
@@ -12165,12 +12169,12 @@ const Input = (props) => {
       onClick && onClick(e2);
       click && click(e2);
     }
-  }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",
@@ -12187,12 +12191,12 @@ const Input = (props) => {
     fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
-  })) : null, /* @__PURE__ */ React__default.createElement("div", {
+  })) : null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.8 Wed Oct 26 2022 17:29:09 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.3.9-beta.0 Wed Nov 02 2022 15:15:31 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -241,8 +241,7 @@
       ...rest,
       onClick: (e2) => handleClick2(e2)
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "nut-button__warp",
-      style: getStyle()
+      className: "nut-button__warp"
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
@@ -1583,21 +1582,21 @@
   const defaultProps$1i = {
     title: "",
     desc: "",
+    className: "",
     titleSlot: null,
-    descSlot: null,
-    classPrefix: "nutui-cell-group"
+    descSlot: null
   };
   const CellGroup = (props) => {
-    const { children, classPrefix, title, desc, titleSlot, descSlot } = {
+    const { children, className, title, desc, titleSlot, descSlot } = {
       ...defaultProps$1i,
       ...props
     };
     const b2 = cn("cell-group");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2(null, [classPrefix])
+      className: b2(null, [className])
     }, titleSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("title")
-    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, desc ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("desc")
     }, desc) : null), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("wrap")
@@ -2730,6 +2729,7 @@
       direction,
       iconClassPrefix,
       iconFontClassName,
+      onClick,
       ...rest
     } = {
       ...defaultProps$1a,
@@ -2760,10 +2760,14 @@
     const isIconName = () => {
       return typeof icon === "string";
     };
+    const handleClick2 = (e2) => {
+      onClick && onClick(e2);
+    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2(),
       style: rootStyle(),
-      ...rest
+      ...rest,
+      onClick: handleClick2
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -11493,6 +11497,7 @@
       onCloseDatePicker,
       onConfirmDatePicker,
       filter,
+      onChange,
       threeDimensional,
       className,
       style,
@@ -11568,7 +11573,6 @@
     };
     const ranges = (date) => {
       const curDate = date || currentDate;
-      console.log(11, currentDate);
       if (!curDate)
         return [];
       const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -11660,7 +11664,7 @@
         const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
         date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
       }
-      props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+      props.onChange && props.onChange(index, selectedValue, cacheValueData);
     };
     const padZero = (num, targetLength = 2) => {
       let str = `${num}`;
@@ -12192,12 +12196,12 @@
         onClick && onClick(e2);
         click && click(e2);
       }
-    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",
@@ -12214,12 +12218,12 @@
       fontClassName: iconFontClassName,
       name: leftIcon,
       size: leftIconSize
-    })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    })) : null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",

package/dist/packages/actionsheet/actionsheet.scss

@@ -1,3 +1,20 @@
+.nut-theme-dark {
+  .nut-actionsheet-panel {
+    .nut-actionsheet-cancel {
+      border-top: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-title {
+      border-bottom: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-cancel,
+    .nut-actionsheet-item,
+    .nut-actionsheet-title {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-actionsheet {
   display: block;
   padding-bottom: constant(safe-area-inset-bottom);

package/dist/packages/address/address.scss

@@ -1,3 +1,45 @@
+.nut-theme-dark {
+  .nut-address {
+    &__header {
+      color: $dark-color;
+
+      &__title {
+        color: $dark-color;
+      }
+    }
+
+    .custom-address {
+      .region-tab {
+        color: $dark-color;
+      }
+      .region-con {
+        .region-group {
+          .region-item {
+            color: $dark-color;
+          }
+        }
+      }
+    }
+
+    .exist-address {
+      .exist-address-group {
+        .exist-ul {
+          .exist-item {
+            color: $dark-color;
+          }
+        }
+      }
+
+      .choose-other {
+        border-top: 1px solid $dark-background;
+      }
+    }
+    &-custom-buttom {
+      border-top: 1px solid $dark-background;
+    }
+  }
+}
+
 .nut-address {
   display: block;
   &__header {

package/dist/packages/badge/badge.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-badge {
+    &.show {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
 .nut-badge {
   position: relative;
   display: inline-block;

package/dist/packages/calendar/calendar.scss

@@ -1,3 +1,30 @@
+.nut-theme-dark {
+  .nut-calendar {
+    background: $dark-background;
+    color: $dark-color;
+    .nut-calendar-header {
+      background: $dark-background;
+      color: $dark-color;
+    }
+    .nut-calendar-content {
+      .calendar-months-panel {
+        .calendar-month-con {
+          .calendar-month-day {
+            &-choose {
+              background-color: $dark-calendar-choose-color;
+              color: $calendar-choose-font-color;
+            }
+          }
+        }
+      }
+    }
+    .nut-calendar-footer {
+      background: $dark-background2;
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-calendar {
   position: relative;
   display: flex;