@trionesdev/antd-taro-react 0.0.2-beta.11 → 0.0.2-beta.13

package/dist/DatePicker/DatePickerPopup.js

@@ -1,329 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).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), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useMemo, useState } from "react";
-import Popup from "../Popup";
-import PickerView from "../PickerView";
-import React from "react";
-import classNames from "classnames";
-import ConfigProvider from "../ConfigProvider";
-import { isEqual } from "lodash-es";
-import dayjs from "dayjs";
-var cls = 'triones-antm-date-picker-popup';
-var DatePickerPopup = function DatePickerPopup(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    title = _ref.title,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'date' : _ref$mode,
-    format = _ref.format,
-    showTime = _ref.showTime,
-    value = _ref.value,
-    onOk = _ref.onOk,
-    minDate = _ref.minDate,
-    maxDate = _ref.maxDate;
-  var cleanFormat = format === null || format === void 0 ? void 0 : format.replace(/\[([^\]]+)\]/g, '');
-  var hasYear = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('Y');
-  var hasMouth = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('M');
-  var hasDate = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('D');
-  var hasHour = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('H');
-  var hasMinute = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('m');
-  var hasSecond = cleanFormat === null || cleanFormat === void 0 ? void 0 : cleanFormat.includes('s');
-  var _ConfigProvider$useCo = ConfigProvider.useConfig(),
-    locale = _ConfigProvider$useCo.locale;
-  var _useState = useState({
-      year: (value === null || value === void 0 ? void 0 : value.year()) || dayjs().year(),
-      mouth: ((value === null || value === void 0 ? void 0 : value.month()) || dayjs().month()) + 1,
-      date: (value === null || value === void 0 ? void 0 : value.date()) || dayjs().date(),
-      hour: (value === null || value === void 0 ? void 0 : value.hour()) || dayjs().hour(),
-      minute: (value === null || value === void 0 ? void 0 : value.minute()) || dayjs().minute(),
-      second: (value === null || value === void 0 ? void 0 : value.second()) || dayjs().second()
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalValue = _useState2[0],
-    setInternalValue = _useState2[1];
-  var years = useMemo(function () {
-    if (minDate && maxDate) {
-      return Array.from({
-        length: maxDate.year() - minDate.year() + 1
-      }, function (_, i) {
-        return minDate.year() + i;
-      });
-    }
-    if (minDate) {
-      return Array.from({
-        length: dayjs().year() - minDate.year() + 1
-      }, function (_, i) {
-        return minDate.year() + i;
-      });
-    }
-    if (maxDate) {
-      return Array.from({
-        length: maxDate.year() - dayjs().year() + 1
-      }, function (_, i) {
-        return dayjs().year() + i;
-      });
-    }
-    var startYear = dayjs().year() + 30 - 100;
-    return Array.from({
-      length: 100
-    }, function (_, i) {
-      return startYear + i;
-    });
-  }, [internalValue.year, minDate, maxDate]);
-  var mouths = useMemo(function () {
-    var start = 0;
-    var end = 11;
-    if (minDate && minDate.year() === internalValue.year) {
-      start = minDate.month();
-    }
-    if (maxDate && maxDate.year() === internalValue.year) {
-      end = maxDate.month();
-    }
-    return Array.from({
-      length: end - start + 1
-    }, function (_, i) {
-      return start + i + 1;
-    });
-  }, [internalValue.year, minDate, maxDate]);
-  var days = useMemo(function () {
-    var start = 1;
-    var end = dayjs().year(internalValue.year || dayjs().year()).month((internalValue.mouth || 1) - 1).daysInMonth();
-    if (minDate && minDate.year() === internalValue.year && minDate.month() + 1 === internalValue.mouth) {
-      start = minDate.date();
-    }
-    if (maxDate && maxDate.year() === internalValue.year && maxDate.month() + 1 === internalValue.mouth) {
-      end = maxDate.date();
-    }
-    return Array.from({
-      length: end - start + 1
-    }, function (_, i) {
-      return start + i;
-    });
-  }, [internalValue.year, internalValue.mouth, minDate, maxDate]);
-  var hours = Array.from({
-    length: 24
-  }, function (_, i) {
-    return i;
-  });
-  var minutes = Array.from({
-    length: 60
-  }, function (_, i) {
-    return i;
-  });
-  var seconds = Array.from({
-    length: 60
-  }, function (_, i) {
-    return i;
-  });
-  var columns = useMemo(function () {
-    if (mode === 'date') {
-      var dateColumns = [];
-      if (!format) {
-        dateColumns.push(years.map(function (v) {
-          return {
-            label: "".concat(v, "\u5E74"),
-            value: v
-          };
-        }), mouths.map(function (v) {
-          return {
-            label: "".concat(v, "\u6708"),
-            value: v
-          };
-        }), days.map(function (v) {
-          return {
-            label: "".concat(v, "\u65E5"),
-            value: v
-          };
-        }));
-      } else {
-        if (hasYear) {
-          dateColumns.push(years.map(function (v) {
-            return {
-              label: "".concat(v, "\u5E74"),
-              value: v
-            };
-          }));
-        }
-        if (hasMouth) {
-          dateColumns.push(mouths.map(function (v) {
-            return {
-              label: "".concat(v, "\u6708"),
-              value: v
-            };
-          }));
-        }
-        if (hasDate) {
-          dateColumns.push(days.map(function (v) {
-            return {
-              label: "".concat(v, "\u65E5"),
-              value: v
-            };
-          }));
-        }
-      }
-      if (showTime) {
-        if (hasHour) {
-          dateColumns.push(hours.map(function (v) {
-            return {
-              label: "".concat(v, "\u65F6"),
-              value: v
-            };
-          }));
-        }
-        if (hasMinute) {
-          dateColumns.push(minutes.map(function (v) {
-            return {
-              label: "".concat(v, "\u5206"),
-              value: v
-            };
-          }));
-        }
-        if (hasSecond) {
-          dateColumns.push(seconds.map(function (v) {
-            return {
-              label: "".concat(v, "\u79D2"),
-              value: v
-            };
-          }));
-        }
-      }
-      return dateColumns;
-    } else if (mode === 'time') {
-      var timeColumns = [];
-      if (!format) {
-        timeColumns.push(hours.map(function (v) {
-          return {
-            label: "".concat(v, "\u65F6"),
-            value: v
-          };
-        }), minutes.map(function (v) {
-          return {
-            label: "".concat(v, "\u5206"),
-            value: v
-          };
-        }), seconds.map(function (v) {
-          return {
-            label: "".concat(v, "\u79D2"),
-            value: v
-          };
-        }));
-      } else {
-        if (hasHour) {
-          timeColumns.push(hours.map(function (v) {
-            return {
-              label: "".concat(v, "\u65F6"),
-              value: v
-            };
-          }));
-        }
-        if (hasMinute) {
-          timeColumns.push(minutes.map(function (v) {
-            return {
-              label: "".concat(v, "\u5206"),
-              value: v
-            };
-          }));
-        }
-        if (hasSecond) {
-          timeColumns.push(seconds.map(function (v) {
-            return {
-              label: "".concat(v, "\u79D2"),
-              value: v
-            };
-          }));
-        }
-      }
-      return timeColumns;
-    }
-    return [];
-  }, [mode, showTime, years, days]);
-  var handleOk = function handleOk() {
-    var now = dayjs();
-    onOk === null || onOk === void 0 || onOk(dayjs(new Date(internalValue.year || now.year(), (internalValue.mouth || now.month()) - 1, internalValue.date || now.date(), internalValue.hour || now.hour(), internalValue.minute || now.minute())));
-    onClose === null || onClose === void 0 || onClose();
-  };
-  var handelCancel = function handelCancel() {
-    onClose === null || onClose === void 0 || onClose();
-  };
-  var handleValueChange = function handleValueChange(value) {
-    var changedValue = _objectSpread({}, internalValue);
-    if (mode === 'date') {
-      changedValue.year = value[0];
-      changedValue.mouth = value[1];
-      changedValue.date = value[2];
-      if (showTime) {
-        changedValue.hour = value[3];
-        changedValue.minute = value[4];
-      }
-    } else if (mode === 'time') {
-      changedValue.hour = value[0];
-      changedValue.minute = value[1];
-    }
-    if (!isEqual(internalValue, changedValue)) {
-      setInternalValue(changedValue);
-    }
-  };
-  useEffect(function () {
-    if (value === undefined) {
-      return;
-    }
-    if (value.year() !== internalValue.year || value.month() + 1 !== internalValue.mouth || value.date() !== internalValue.date || value.hour() !== internalValue.hour || value.minute() !== internalValue.minute || value.second() !== internalValue.second) {
-      setInternalValue({
-        year: value.year(),
-        mouth: value.month() + 1,
-        date: value.date(),
-        hour: value.hour(),
-        minute: value.minute(),
-        second: value.second()
-      });
-    }
-  }, [value]);
-  var pickerValue = useMemo(function () {
-    if (mode === 'time') {
-      return [internalValue.hour, internalValue.minute, internalValue.second];
-    } else if (mode === 'date') {
-      if (showTime) {
-        return [internalValue.year, internalValue.mouth, internalValue.date, internalValue.hour, internalValue.minute, internalValue.second];
-      } else {
-        return [internalValue.year, internalValue.mouth, internalValue.date];
-      }
-    }
-  }, [internalValue]);
-  return /*#__PURE__*/React.createElement(Popup, {
-    open: open,
-    onClose: onClose,
-    round: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(cls))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(cls, "-header"))
-  }, /*#__PURE__*/React.createElement("a", {
-    className: classNames("".concat(cls, "-header-button"), "".concat(cls, "-header-button-cancel")),
-    onClick: handelCancel
-  }, locale.common.cancel), title && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(cls, "-header-title"))
-  }, title), /*#__PURE__*/React.createElement("a", {
-    className: classNames("".concat(cls, "-header-button"), "".concat(cls, "-header-button-ok")),
-    onClick: handleOk
-  }, locale.common.confirm)), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(cls, "-body"))
-  }, /*#__PURE__*/React.createElement(PickerView, {
-    columns: columns,
-    value: pickerValue,
-    onChange: function onChange(v) {
-      console.log(v);
-      handleValueChange(v);
-    }
-  }))));
-};
-export default DatePickerPopup;