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

package/dist/esm/TimeDetail.js

@@ -1,13 +1,32 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
+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, useEffect } from "react";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultProps = {
-  className: '',
+  className: "",
   currentKey: 0,
   currentTime: [],
   times: [],
@@ -15,46 +34,34 @@ var defaultProps = {
     return null;
   }
 };
-var TimeDetail = function TimeDetail(props) {
+var TimeDetail = function TimeDetail2(props) {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    times = _defaultProps$props.times,
-    className = _defaultProps$props.className,
-    currentKey = _defaultProps$props.currentKey,
-    currentTime = _defaultProps$props.currentTime,
-    select = _defaultProps$props.select;
-  var b = cn('timedetail');
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    renderData = _useState2[0],
-    setRenderData = _useState2[1];
-  useEffect(function () {
-    var currentData = times.find(function (timesItem) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, times = _defaultProps$props.times, className = _defaultProps$props.className, currentKey = _defaultProps$props.currentKey, currentTime = _defaultProps$props.currentTime, select2 = _defaultProps$props.select;
+  var b = cn("timedetail");
+  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), renderData = _useState2[0], setRenderData = _useState2[1];
+  useEffect(function() {
+    var currentData = times.find(function(timesItem) {
       return String(timesItem.key) === String(currentKey);
     });
-    var renderData = currentData ? currentData.list : [];
-    // 根据选中的日期回显当前日期可配送的时间
-    setRenderData(renderData);
+    var renderData2 = currentData ? currentData.list : [];
+    setRenderData(renderData2);
   }, [times, currentKey]);
-  // 选中时间的回调
-  var handleTime = function handleTime(time) {
-    select(time);
+  var handleTime = function handleTime2(time) {
+    select2(time);
   };
-  // 选中的配送时间增加 active 类名
-  var getDetailClass = function getDetailClass(item) {
-    var initClass = 'nut-timedetail__item';
-    var curTimeData = currentTime.find(function (item) {
-      return String(item.key) === String(currentKey);
+  var getDetailClass = function getDetailClass2(item) {
+    var initClass = "nut-timedetail__item";
+    var curTimeData = currentTime.find(function(item2) {
+      return String(item2.key) === String(currentKey);
     });
     if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-      initClass += ' nut-timedetail__item-active';
+      initClass += " nut-timedetail__item-active";
     }
     return initClass;
   };
   return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || '')
-  }, renderData.map(function (item, index) {
+    className: "".concat(b(), " ").concat(className || "")
+  }, renderData.map(function(item, index) {
     return React__default.createElement("span", {
       className: getDetailClass(item),
       key: item,
@@ -65,5 +72,7 @@ var TimeDetail = function TimeDetail(props) {
   }));
 };
 TimeDetail.defaultProps = defaultProps;
-TimeDetail.displayName = 'NutTimeDetail';
-export { TimeDetail as default };
+TimeDetail.displayName = "NutTimeDetail";
+export {
+  TimeDetail as default
+};

package/dist/esm/TimePannel.js

@@ -1,31 +1,47 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default from "react";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultProps = {
-  className: '',
-  date: '',
+  className: "",
+  date: "",
   curKey: 0
 };
-var TimePannel = function TimePannel(props) {
+var TimePannel = function TimePannel2(props) {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    date = _defaultProps$props.date,
-    curKey = _defaultProps$props.curKey,
-    change = _defaultProps$props.change;
-  var b = cn('timepannel');
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, date = _defaultProps$props.date, curKey = _defaultProps$props.curKey, change = _defaultProps$props.change;
+  var b = cn("timepannel");
   return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || ''),
+    className: "".concat(b(), " ").concat(className || ""),
     onClick: function onClick() {
       return change(curKey);
     }
   }, date);
 };
 TimePannel.defaultProps = defaultProps;
-TimePannel.displayName = 'NutTimePannel';
-export { TimePannel as default };
+TimePannel.displayName = "NutTimePannel";
+export {
+  TimePannel as default
+};

package/dist/esm/TimeSelect.js

@@ -1,75 +1,68 @@
 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) { 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, useEffect } from 'react';
-import Popup from './Popup.js';
-import TimePannel from './TimePannel.js';
-import TimeDetail from './TimeDetail.js';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
+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, useEffect } from "react";
+import Popup from "./Popup.js";
+import TimePannel from "./TimePannel.js";
+import TimeDetail from "./TimeDetail.js";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultProps = {
-  className: '',
+  className: "",
   style: {},
   visible: false,
-  height: '20%',
+  height: "20%",
   multiple: false,
   currentKey: 0,
   currentTime: [],
-  title: '取件时间',
+  title: "取件时间",
   dates: [],
   times: []
 };
-var TimeSelect = function TimeSelect(props) {
+var TimeSelect = function TimeSelect2(props) {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    visible = _defaultProps$props.visible,
-    className = _defaultProps$props.className,
-    height = _defaultProps$props.height,
-    title = _defaultProps$props.title,
-    currentKey = _defaultProps$props.currentKey,
-    currentTime = _defaultProps$props.currentTime,
-    dates = _defaultProps$props.dates,
-    times = _defaultProps$props.times,
-    multiple = _defaultProps$props.multiple,
-    select = _defaultProps$props.select,
-    pannelChange = _defaultProps$props.pannelChange,
-    timeChange = _defaultProps$props.timeChange,
-    onSelect = _defaultProps$props.onSelect,
-    onPannelChange = _defaultProps$props.onPannelChange,
-    onTimeChange = _defaultProps$props.onTimeChange;
-  var _useState = useState(currentKey),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeKey = _useState2[0],
-    setActiveKey = _useState2[1];
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, className = _defaultProps$props.className, height = _defaultProps$props.height, title = _defaultProps$props.title, currentKey = _defaultProps$props.currentKey, currentTime = _defaultProps$props.currentTime, dates = _defaultProps$props.dates, times = _defaultProps$props.times, multiple = _defaultProps$props.multiple, select = _defaultProps$props.select, pannelChange = _defaultProps$props.pannelChange, timeChange = _defaultProps$props.timeChange, onSelect = _defaultProps$props.onSelect, onPannelChange = _defaultProps$props.onPannelChange, onTimeChange = _defaultProps$props.onTimeChange;
+  var _useState = useState(currentKey), _useState2 = _slicedToArray(_useState, 2), activeKey = _useState2[0], setActiveKey = _useState2[1];
   var _useState3 = useState(currentTime.length ? currentTime : [{
-      key: currentKey,
-      list: []
-    }]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeTime = _useState4[0],
-    setActiveTime = _useState4[1];
-  var _useState5 = useState(visible),
-    _useState6 = _slicedToArray(_useState5, 2),
-    popVisible = _useState6[0],
-    setPopVisible = _useState6[1];
+    key: currentKey,
+    list: []
+  }]), _useState4 = _slicedToArray(_useState3, 2), activeTime = _useState4[0], setActiveTime = _useState4[1];
+  var _useState5 = useState(visible), _useState6 = _slicedToArray(_useState5, 2), popVisible = _useState6[0], setPopVisible = _useState6[1];
   var popStyle = {
-    width: '100%',
-    height: height
+    width: "100%",
+    height
   };
-  var b = cn('timeselect');
-  // popup 的关闭回调, 执行 select 函数更改外部 visible
-  var closeFun = function closeFun() {
+  var b = cn("timeselect");
+  var closeFun = function closeFun2() {
     if (onSelect) {
       onSelect(activeTime);
     } else if (select) {
       select(activeTime);
     }
   };
-  // 选择配送时间回调
-  var handleSelectTime = function handleSelectTime(time) {
+  var handleSelectTime = function handleSelectTime2(time) {
     var curTimeData = {};
     var curIndex = -1;
     for (var i = 0; i < activeTime.length; i++) {
@@ -79,7 +72,7 @@ var TimeSelect = function TimeSelect(props) {
         break;
       }
     }
-    var curTimeIndex = curTimeData.list.findIndex(function (item) {
+    var curTimeIndex = curTimeData.list.findIndex(function(item) {
       return String(item) === String(time);
     });
     if (curTimeIndex === -1) {
@@ -96,13 +89,12 @@ var TimeSelect = function TimeSelect(props) {
       timeChange(time, resultTimeData);
     }
   };
-  // 选择日期的回调
-  var handleChange = function handleChange(pannelKey) {
+  var handleChange = function handleChange2(pannelKey) {
     var resultTimeData = _toConsumableArray(activeTime);
     if (String(pannelKey) !== String(activeKey)) {
       setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(pannelKey);
       if (multiple) {
-        var curTimeDataIndex = activeTime.findIndex(function (item) {
+        var curTimeDataIndex = activeTime.findIndex(function(item) {
           return String(item.key) === String(pannelKey);
         });
         if (curTimeDataIndex === -1) {
@@ -125,15 +117,13 @@ var TimeSelect = function TimeSelect(props) {
       pannelChange(pannelKey, resultTimeData);
     }
   };
-  // 选中的日期增加 active 类名
-  var getTimePannelClass = function getTimePannelClass(dataItem) {
-    if (String(dataItem['pannel-key']) === String(activeKey)) {
-      return 'nut-timepannel-active';
+  var getTimePannelClass = function getTimePannelClass2(dataItem) {
+    if (String(dataItem["paneKey"]) === String(activeKey)) {
+      return "nut-timepannel-active";
     }
-    return '';
+    return "";
   };
-  // 根据外部传入 visible 进行组件的显隐展示
-  useEffect(function () {
+  useEffect(function() {
     setPopVisible(visible);
   }, [visible]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Popup, {
@@ -146,28 +136,30 @@ var TimeSelect = function TimeSelect(props) {
       closeFun();
     }
   }, React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || '')
+    className: "".concat(b(), " ").concat(className || "")
   }, React__default.createElement("div", {
     className: "nut-timeselect__title"
   }, title), React__default.createElement("div", {
     className: "nut-timeselect__content"
   }, React__default.createElement("div", {
     className: "nut-timeselect__content-left"
-  }, dates.map(function (dataItem, index) {
+  }, dates.map(function(dataItem, index) {
     return React__default.createElement(TimePannel, {
       date: dataItem.date,
       className: getTimePannelClass(dataItem),
-      key: String(dataItem['pannel-key'] || index),
-      curKey: String(dataItem['pannel-key'] || index),
+      key: String(dataItem["paneKey"] || index),
+      curKey: String(dataItem["paneKey"] || index),
       change: handleChange
     });
   })), React__default.createElement(TimeDetail, {
-    times: times,
+    times,
     currentKey: String(activeKey),
     currentTime: activeTime,
     select: handleSelectTime
   })))));
 };
 TimeSelect.defaultProps = defaultProps;
-TimeSelect.displayName = 'NutTimeSelect';
-export { TimeSelect as default };
+TimeSelect.displayName = "NutTimeSelect";
+export {
+  TimeSelect as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/toast/toast.scss'