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

package/dist/esm/Tag.js

@@ -1,54 +1,28 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState } from "react";
 import { Close } from "@nutui/icons-react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "default",
-  background: "",
-  color: "",
-  plain: false,
-  round: false,
-  mark: false,
-  closeable: false,
-  closeIcon: null,
-  onClose: function onClose(e) {
-  },
-  onClick: function onClick(e) {
-  }
-});
-var Tag = function Tag2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, background = _defaultProps$props.background, plain = _defaultProps$props.plain, type = _defaultProps$props.type, round = _defaultProps$props.round, children = _defaultProps$props.children, mark = _defaultProps$props.mark, closeable = _defaultProps$props.closeable, closeIcon = _defaultProps$props.closeIcon, color = _defaultProps$props.color, onClick2 = _defaultProps$props.onClick, onClose2 = _defaultProps$props.onClose;
-  var _useState = useState(true), _useState2 = _slicedToArray(_useState, 2), visible = _useState2[0], setVisible = _useState2[1];
-  var classPrefix = "nut-tag";
-  var classes = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classPrefix, true), "".concat(classPrefix, "-").concat(type), type), "".concat(classPrefix, "-plain"), plain), "".concat(classPrefix, "-round"), round), "".concat(classPrefix, "-mark"), mark), "".concat(classPrefix, "-close"), closeable), "".concat(className), className));
-  var handleClick = function handleClick2(e) {
-    onClick2 && onClick2(e);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", background: "", color: "", plain: false, round: false, mark: false, closeable: false, closeIcon: null, onClose: (e) => {
+}, onClick: (e) => {
+} });
+const Tag = (props) => {
+  const { className, style, background, plain, type, round, children, mark, closeable, closeIcon, color, onClick, onClose } = Object.assign(Object.assign({}, defaultProps), props);
+  const [visible, setVisible] = useState(true);
+  const classPrefix = "nut-tag";
+  const classes = classNames({
+    [classPrefix]: true,
+    [`${classPrefix}-${type}`]: type,
+    [`${classPrefix}-plain`]: plain,
+    [`${classPrefix}-round`]: round,
+    [`${classPrefix}-mark`]: mark,
+    [`${classPrefix}-close`]: closeable,
+    [`${className}`]: className
+  });
+  const handleClick = (e) => {
+    onClick && onClick(e);
   };
-  var getStyle = function getStyle2() {
-    var style2 = {};
+  const getStyle = () => {
+    const style2 = {};
     if (color) {
       style2.color = color;
     } else if (background && plain) {
@@ -61,36 +35,18 @@ var Tag = function Tag2(props) {
     }
     return style2;
   };
-  return React__default.createElement(React__default.Fragment, null, closeable ? visible && React__default.createElement("div", {
-    className: classes,
-    style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick3(e) {
-      return handleClick(e);
-    }
-  }, children && React__default.createElement("span", {
-    className: "".concat(classPrefix, "-text")
-  }, children), React__default.isValidElement(closeIcon) ? React__default.createElement("i", {
-    className: "".concat(classPrefix, "-custom-icon"),
-    onClick: function onClick3(e) {
+  return React__default.createElement(React__default.Fragment, null, closeable ? visible && React__default.createElement(
+    "div",
+    { className: classes, style: Object.assign(Object.assign({}, style), getStyle()), onClick: (e) => handleClick(e) },
+    children && React__default.createElement("span", { className: `${classPrefix}-text` }, children),
+    React__default.isValidElement(closeIcon) ? React__default.createElement("i", { className: `${classPrefix}-custom-icon`, onClick: (e) => {
       setVisible(false);
-      onClose2 && onClose2(e);
-    }
-  }, closeIcon) : React__default.createElement(Close, {
-    width: 8,
-    height: 8,
-    onClick: function onClick3(e) {
+      onClose && onClose(e);
+    } }, closeIcon) : React__default.createElement(Close, { width: 8, height: 8, onClick: (e) => {
       setVisible(false);
-      onClose2 && onClose2(e);
-    }
-  })) : React__default.createElement("div", {
-    className: classes,
-    style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick3(e) {
-      return handleClick(e);
-    }
-  }, children && React__default.createElement("span", {
-    className: "".concat(classPrefix, "-text")
-  }, children)));
+      onClose && onClose(e);
+    } })
+  ) : React__default.createElement("div", { className: classes, style: Object.assign(Object.assign({}, style), getStyle()), onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: `${classPrefix}-text` }, children)));
 };
 Tag.defaultProps = defaultProps;
 Tag.displayName = "NutTag";

package/dist/esm/TextArea.js

@@ -1,125 +1,80 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "value", "defaultValue", "showCount", "maxLength", "rows", "placeholder", "readOnly", "disabled", "autoSize", "style", "onChange", "onBlur", "onFocus"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  defaultValue: "",
-  showCount: false,
-  rows: 2,
-  maxLength: 140,
-  placeholder: "",
-  readOnly: false,
-  disabled: false,
-  autoSize: false
-});
-var TextArea = function TextArea2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, showCount = _defaultProps$props.showCount, maxLength = _defaultProps$props.maxLength, rows = _defaultProps$props.rows, placeholder = _defaultProps$props.placeholder, readOnly = _defaultProps$props.readOnly, disabled = _defaultProps$props.disabled, autoSize = _defaultProps$props.autoSize, style = _defaultProps$props.style, onChange = _defaultProps$props.onChange, onBlur = _defaultProps$props.onBlur, onFocus = _defaultProps$props.onFocus, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-textarea";
-  var textareaRef = useRef(null);
-  var compositionRef = useRef(false);
-  var format = function format2(value2) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: "", showCount: false, rows: 2, maxLength: 140, placeholder: "", readOnly: false, disabled: false, autoSize: false });
+const TextArea = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, value, defaultValue, showCount, maxLength, rows, placeholder, readOnly, disabled, autoSize, style, onChange, onBlur, onFocus } = _a, rest = __rest(_a, ["className", "value", "defaultValue", "showCount", "maxLength", "rows", "placeholder", "readOnly", "disabled", "autoSize", "style", "onChange", "onBlur", "onFocus"]);
+  const classPrefix = "nut-textarea";
+  const textareaRef = useRef(null);
+  const compositionRef = useRef(false);
+  const format = (value2) => {
     if (maxLength !== -1 && value2.length > maxLength) {
       return value2.substring(0, maxLength);
     }
     return value2;
   };
-  var _usePropsValue = usePropsValue({
+  const [inputValue, setInputValue] = usePropsValue({
     value,
     defaultValue,
     finalValue: format(defaultValue),
     onChange
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), inputValue = _usePropsValue2[0], setInputValue = _usePropsValue2[1];
-  useEffect(function() {
+  });
+  useEffect(() => {
     if (autoSize) {
       setContentHeight();
     }
   }, [autoSize, defaultValue, inputValue]);
-  var setContentHeight = function setContentHeight2() {
-    var textarea = textareaRef.current;
+  const setContentHeight = () => {
+    const textarea = textareaRef.current;
     if (textarea) {
       textarea.style.height = "auto";
-      var height = textarea === null || textarea === void 0 ? void 0 : textarea.scrollHeight;
+      const height = textarea === null || textarea === void 0 ? void 0 : textarea.scrollHeight;
       if (height) {
-        textarea.style.height = "".concat(height, "px");
+        textarea.style.height = `${height}px`;
       }
     }
   };
-  var handleChange = function handleChange2(event) {
-    var text = event.target;
-    var value2 = compositionRef.current ? text.value : format(text.value);
+  const handleChange = (event) => {
+    const text = event.target;
+    const value2 = compositionRef.current ? text.value : format(text.value);
     setInputValue(value2);
   };
-  var handleFocus = function handleFocus2(event) {
+  const handleFocus = (event) => {
     if (disabled)
       return;
     if (readOnly)
       return;
     onFocus && onFocus(event);
   };
-  var handleBlur = function handleBlur2(event) {
+  const handleBlur = (event) => {
     if (disabled)
       return;
     if (readOnly)
       return;
     onBlur && onBlur(event);
   };
-  return React__default.createElement("div", {
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-disabled"), disabled), className)
-  }, React__default.createElement("textarea", _objectSpread({
-    ref: textareaRef,
-    className: "".concat(classPrefix, "-textarea"),
-    style,
-    disabled,
-    readOnly,
-    value: inputValue,
-    onChange: function onChange2(e) {
-      return handleChange(e);
-    },
-    onBlur: function onBlur2(e) {
-      return handleBlur(e);
-    },
-    onFocus: function onFocus2(e) {
-      return handleFocus(e);
-    },
-    onCompositionEnd: function onCompositionEnd() {
+  return React__default.createElement(
+    "div",
+    { className: classNames(classPrefix, {
+      [`${classPrefix}-disabled`]: disabled
+    }, className) },
+    React__default.createElement("textarea", Object.assign({ ref: textareaRef, className: `${classPrefix}-textarea`, style, disabled, readOnly, value: inputValue, onChange: (e) => handleChange(e), onBlur: (e) => handleBlur(e), onFocus: (e) => handleFocus(e), onCompositionEnd: () => {
       compositionRef.current = false;
-    },
-    onCompositionStart: function onCompositionStart() {
+    }, onCompositionStart: () => {
       compositionRef.current = true;
-    },
-    rows,
-    maxLength: maxLength === -1 ? void 0 : maxLength,
-    placeholder: placeholder || locale.placeholder
-  }, rest)), showCount && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-limit")
-  }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength));
+    }, rows, maxLength: maxLength === -1 ? void 0 : maxLength, placeholder: placeholder || locale.placeholder }, rest)),
+    showCount && React__default.createElement(
+      "div",
+      { className: `${classPrefix}-limit` },
+      inputValue.length,
+      "/",
+      maxLength < 0 ? 0 : maxLength
+    )
+  );
 };
 TextArea.defaultProps = defaultProps;
 TextArea.displayName = "NutTextArea";

package/dist/esm/TimeDetail.js

@@ -1,73 +1,35 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useMemo, useCallback } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  activeDate: "",
-  activeTime: [],
-  options: [],
-  optionKey: {
-    valueKey: "value",
-    textKey: "text",
-    childrenKey: "children"
-  },
-  onSelect: function onSelect() {
-  }
-});
-var TimeDetail = function TimeDetail2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, className = _defaultProps$props.className, activeDate = _defaultProps$props.activeDate, activeTime = _defaultProps$props.activeTime, onSelect2 = _defaultProps$props.onSelect;
-  var classPrefix = "nut-timedetail";
-  var timeList = useMemo(function() {
-    return (options === null || options === void 0 ? void 0 : options.find(function(item) {
-      return item[optionKey.valueKey] === activeDate;
-    })) || _defineProperty({}, optionKey.childrenKey, []);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeDate: "", activeTime: [], options: [], optionKey: {
+  valueKey: "value",
+  textKey: "text",
+  childrenKey: "children"
+}, onSelect: () => {
+} });
+const TimeDetail = (props) => {
+  const { options, optionKey, className, activeDate, activeTime, onSelect } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-timedetail";
+  const timeList = useMemo(() => {
+    return (options === null || options === void 0 ? void 0 : options.find((item) => item[optionKey.valueKey] === activeDate)) || {
+      [optionKey.childrenKey]: []
+    };
   }, [options, optionKey, activeDate]);
-  var isActive = useCallback(function(timeKey) {
-    var date = activeTime.find(function(item) {
+  const isActive = useCallback((timeKey) => {
+    const date = activeTime.find((item) => {
       return item[optionKey.valueKey] === activeDate;
     });
-    if (date !== null && date !== void 0 && date[optionKey.childrenKey]) {
-      var time = date === null || date === void 0 ? void 0 : date[optionKey.childrenKey].find(function(time2) {
+    if (date === null || date === void 0 ? void 0 : date[optionKey.childrenKey]) {
+      const time = date === null || date === void 0 ? void 0 : date[optionKey.childrenKey].find((time2) => {
         return time2[optionKey.valueKey] === timeKey;
       });
       return time;
     }
     return false;
   }, [activeTime, optionKey, activeDate]);
-  return React__default.createElement("div", {
-    className: classNames(classPrefix, className)
-  }, timeList[optionKey.childrenKey].map(function(item) {
-    return React__default.createElement("span", {
-      className: classNames("".concat(classPrefix, "-item"), {
-        active: isActive(item[optionKey.valueKey])
-      }),
-      key: item[optionKey.valueKey],
-      onClick: function onClick() {
-        return onSelect2(item);
-      }
-    }, item[optionKey.textKey]);
-  }));
+  return React__default.createElement("div", { className: classNames(classPrefix, className) }, timeList[optionKey.childrenKey].map((item) => React__default.createElement("span", { className: classNames(`${classPrefix}-item`, {
+    active: isActive(item[optionKey.valueKey])
+  }), key: item[optionKey.valueKey], onClick: () => onSelect(item) }, item[optionKey.textKey])));
 };
 TimeDetail.defaultProps = defaultProps;
 TimeDetail.displayName = "NutTimeDetail";

package/dist/esm/TimeSelect.js

@@ -1,72 +1,39 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["visible", "className", "style", "title", "defaultValue", "options", "optionKey", "multiple", "onSelect", "onDateChange", "onTimeChange"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState } from "react";
 import classNames from "classnames";
 import Popup from "./Popup.js";
 import TimeDetail from "./TimeDetail.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { useConfig } from "./ConfigProvider.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
-  multiple: false,
-  defaultValue: [],
-  options: [],
-  optionKey: {
-    valueKey: "value",
-    textKey: "text",
-    childrenKey: "children"
-  }
-});
-var TimeSelect = function TimeSelect2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, multiple = _defaultProps$props.multiple, onSelect = _defaultProps$props.onSelect, onDateChange = _defaultProps$props.onDateChange, onTimeChange = _defaultProps$props.onTimeChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(function() {
-    if (defaultValue !== null && defaultValue !== void 0 && defaultValue.length) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, multiple: false, defaultValue: [], options: [], optionKey: {
+  valueKey: "value",
+  textKey: "text",
+  childrenKey: "children"
+} });
+const TimeSelect = (props) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { visible, className, style, title, defaultValue, options, optionKey, multiple, onSelect, onDateChange, onTimeChange } = _a, rest = __rest(_a, ["visible", "className", "style", "title", "defaultValue", "options", "optionKey", "multiple", "onSelect", "onDateChange", "onTimeChange"]);
+  const [activeDate, setActiveDate] = useState(() => {
+    if (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) {
       return defaultValue[0][optionKey.valueKey];
     }
-    if (options !== null && options !== void 0 && options.length) {
+    if (options === null || options === void 0 ? void 0 : options.length) {
       return options[0][optionKey.valueKey];
     }
     return "";
-  }), _useState2 = _slicedToArray(_useState, 2), activeDate = _useState2[0], setActiveDate = _useState2[1];
-  var _useState3 = useState(function() {
-    return defaultValue || [];
-  }), _useState4 = _slicedToArray(_useState3, 2), activeTime = _useState4[0], setActiveTime = _useState4[1];
-  var classPrefix = "nut-timeselect";
-  var closeFun = function closeFun2() {
+  });
+  const [activeTime, setActiveTime] = useState(() => defaultValue || []);
+  const classPrefix = "nut-timeselect";
+  const closeFun = () => {
     onSelect && onSelect(activeTime);
   };
-  var handleSelectTime = function handleSelectTime2(selectTime) {
-    var newActiveTime = _toConsumableArray(activeTime);
-    var date = newActiveTime.find(function(item) {
+  const handleSelectTime = (selectTime) => {
+    let newActiveTime = [...activeTime];
+    const date = newActiveTime.find((item) => {
       return item[optionKey.valueKey] === activeDate;
     });
     if (date) {
-      var timeIndex = date[optionKey.childrenKey].findIndex(function(time) {
+      const timeIndex = date[optionKey.childrenKey].findIndex((time) => {
         return time[optionKey.valueKey] === selectTime[optionKey.valueKey];
       });
       if (timeIndex > -1) {
@@ -76,60 +43,55 @@ var TimeSelect = function TimeSelect2(props) {
           newActiveTime = [];
         }
       } else if (multiple) {
-        date[optionKey.childrenKey].push(_objectSpread({}, selectTime));
+        date[optionKey.childrenKey].push(Object.assign({}, selectTime));
       } else {
-        newActiveTime = [_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)])];
+        newActiveTime = [
+          {
+            [optionKey.valueKey]: activeDate,
+            [optionKey.childrenKey]: [Object.assign({}, selectTime)]
+          }
+        ];
       }
     } else if (multiple) {
-      newActiveTime.push(_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)]));
+      newActiveTime.push({
+        [optionKey.valueKey]: activeDate,
+        [optionKey.childrenKey]: [Object.assign({}, selectTime)]
+      });
     } else {
-      newActiveTime = [_defineProperty(_defineProperty({}, optionKey.valueKey, activeDate), optionKey.childrenKey, [_objectSpread({}, selectTime)])];
+      newActiveTime = [
+        {
+          [optionKey.valueKey]: activeDate,
+          [optionKey.childrenKey]: [Object.assign({}, selectTime)]
+        }
+      ];
     }
-    newActiveTime = newActiveTime.filter(function(item) {
-      var _item$optionKey$child;
-      return ((_item$optionKey$child = item[optionKey.childrenKey]) === null || _item$optionKey$child === void 0 ? void 0 : _item$optionKey$child.length) > 0;
+    newActiveTime = newActiveTime.filter((item) => {
+      var _a2;
+      return ((_a2 = item[optionKey.childrenKey]) === null || _a2 === void 0 ? void 0 : _a2.length) > 0;
     });
     setActiveTime(newActiveTime);
     onTimeChange && onTimeChange(selectTime, newActiveTime);
   };
-  var handleChange = function handleChange2(date) {
+  const handleChange = (date) => {
     setActiveDate(date[optionKey.valueKey]);
     onDateChange && onDateChange(date, activeTime);
   };
-  return React__default.createElement(Popup, _objectSpread({
-    closeable: true,
-    round: true,
-    visible,
-    position: "bottom",
-    title: title || locale.timeselect.pickupTime,
-    style: _objectSpread({
-      width: "100%",
-      height: "20%"
-    }, style),
-    onClose: closeFun
-  }, rest), React__default.createElement("div", {
-    className: classNames(classPrefix, className)
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content-left")
-  }, options.map(function(item) {
-    return React__default.createElement("div", {
-      key: item[optionKey.valueKey],
-      className: classNames("nut-timepannel", {
-        active: item[optionKey.valueKey] === activeDate
-      }),
-      onClick: function onClick() {
-        return handleChange(item);
-      }
-    }, item[optionKey.textKey]);
-  })), React__default.createElement(TimeDetail, {
-    options,
-    optionKey,
-    activeDate,
-    activeTime,
-    onSelect: handleSelectTime
-  }))));
+  return React__default.createElement(
+    Popup,
+    Object.assign({ closeable: true, round: true, visible, position: "bottom", title: title || locale.timeselect.pickupTime, style: Object.assign({ width: "100%", height: "20%" }, style), onClose: closeFun }, rest),
+    React__default.createElement(
+      "div",
+      { className: classNames(classPrefix, className) },
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-content` },
+        React__default.createElement("div", { className: `${classPrefix}-content-left` }, options.map((item) => React__default.createElement("div", { key: item[optionKey.valueKey], className: classNames("nut-timepannel", {
+          active: item[optionKey.valueKey] === activeDate
+        }), onClick: () => handleChange(item) }, item[optionKey.textKey]))),
+        React__default.createElement(TimeDetail, { options, optionKey, activeDate, activeTime, onSelect: handleSelectTime })
+      )
+    )
+  );
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";