@zgfe/business-lib 1.2.52 → 1.2.54-plat.0

package/es/assets/iconfont/demo_index.html

@@ -1398,9 +1398,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'bsicon';
-  src: url('iconfont.woff2?t=1724138087342') format('woff2'),
-       url('iconfont.woff?t=1724138087342') format('woff'),
-       url('iconfont.ttf?t=1724138087342') format('truetype');
+  src: url('iconfont.woff2?t=1724237872032') format('woff2'),
+       url('iconfont.woff?t=1724237872032') format('woff'),
+       url('iconfont.ttf?t=1724237872032') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>

package/es/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "bsicon"; /* Project id 2545884 */
-  src: url('iconfont.woff2?t=1724138087342') format('woff2'),
-       url('iconfont.woff?t=1724138087342') format('woff'),
-       url('iconfont.ttf?t=1724138087342') format('truetype');
+  src: url('iconfont.woff2?t=1724237872032') format('woff2'),
+       url('iconfont.woff?t=1724237872032') format('woff'),
+       url('iconfont.ttf?t=1724237872032') format('truetype');
 }
 
 .bsicon {

package/es/datePicker/demo/index.js

@@ -41,6 +41,8 @@ export default (function () {
     key: "".concat(includeToday, "--2"),
     onChange: handleChange,
     includeToday: includeToday,
-    defaultValue: time
+    defaultValue: time,
+    selectRange: 365,
+    selectRangeUnit: "days"
   }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time))));
 });

package/es/datePickerV2/context.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DatePickerTypes } from './types';
+export interface DatePickerContextProps {
+    dateRange?: DatePickerTypes.Range;
+    setDateRange?: (range: DatePickerTypes.Range) => void;
+    includeToday?: boolean;
+    currentType?: DatePickerTypes.Unit;
+    relative?: [number, number];
+    setRelative?: (relative?: [number, number]) => void;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+}
+declare const DatePickerContext: import("react").Context<DatePickerContextProps>;
+export default DatePickerContext;

package/es/datePickerV2/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var DatePickerContext = /*#__PURE__*/createContext({});
+export default DatePickerContext;

package/es/datePickerV2/datePicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const BizDate: React.ForwardRefExoticComponent<{
+    selectRange?: number | undefined;
+    timeRangeOpen?: number | undefined;
+    selectRangeUnit?: "quarter" | "months" | "weeks" | "days" | undefined;
+} & React.RefAttributes<any>>;
+export default BizDate;

package/es/datePickerV2/datePicker.js

@@ -0,0 +1,149 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DatePicker, message } from 'antd';
+import moment from 'moment';
+import React, { useContext, useState, useEffect, useImperativeHandle } from 'react';
+import { classPrefix } from '.';
+import IconFont from '../icon/iconFont';
+import { DatePickerTypes } from './types';
+import locale from 'antd/es/date-picker/locale/zh_CN';
+import DatePickerContext from './context';
+import BizGlobalDataContext from '../context';
+import { isTodayInRange } from './utils';
+import _ from 'lodash';
+var RangePicker = DatePicker.RangePicker;
+var BizDateBeyondRange = false;
+var BizDate = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var selectRange = _ref.selectRange,
+    selectRangeUnit = _ref.selectRangeUnit,
+    timeRangeOpen = _ref.timeRangeOpen;
+  var _useContext = useContext(DatePickerContext),
+    includeToday = _useContext.includeToday,
+    currentType = _useContext.currentType,
+    dateRange = _useContext.dateRange,
+    setRelative = _useContext.setRelative;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    envs = _useContext2.envs;
+  function disabledDate(current) {
+    var step = includeToday ? 0 : 1;
+    var max = moment().subtract(step, 'days');
+    var _timeRangeOpen = timeRangeOpen || 12;
+    if (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) {
+      _timeRangeOpen = typeof (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) === 'boolean' ? (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) ? 200 : 12 : envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen;
+    }
+    var min = moment(max).subtract(_timeRangeOpen, 'month');
+    return current > max || current < min;
+  }
+  var _useState = useState(currentType === DatePickerTypes.Unit.hour ? moment(dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin, 'YYYY-MM-DD') : [moment(dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin, 'YYYY-MM-DD'), moment(dateRange === null || dateRange === void 0 ? void 0 : dateRange.end, 'YYYY-MM-DD')]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState('个月'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectRangeUnitText = _useState4[0],
+    setSelectRangeUnitText = _useState4[1];
+  useEffect(function () {
+    if (selectRangeUnit) {
+      switch (selectRangeUnit) {
+        case 'days':
+          setSelectRangeUnitText('天');
+          break;
+        case 'weeks':
+          setSelectRangeUnitText('周');
+          break;
+        case 'months':
+          setSelectRangeUnitText('个月');
+          break;
+        case 'quarter':
+          setSelectRangeUnitText('个季度');
+          break;
+      }
+    }
+  }, [selectRangeUnit]);
+  useImperativeHandle(ref, function () {
+    return {
+      getDateValue: function getDateValue() {
+        var _value$, _value$2;
+        if (setRelative) setRelative(undefined);
+        if (BizDateBeyondRange) {
+          message.error("\u65F6\u95F4\u6BB5\u6700\u5927\u652F\u6301".concat(selectRange ? selectRange : 12).concat(selectRangeUnitText));
+          BizDateBeyondRange = false;
+          return false;
+        }
+        return Array.isArray(value) ? {
+          begin: (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format('YYYY-MM-DD'),
+          end: (_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.format('YYYY-MM-DD')
+        } : {
+          begin: value === null || value === void 0 ? void 0 : value.format('YYYY-MM-DD'),
+          end: value === null || value === void 0 ? void 0 : value.format('YYYY-MM-DD')
+        };
+      }
+    };
+  });
+  if (!dateRange) {
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      disabled: true
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-panel")
+  }, currentType === DatePickerTypes.Unit.hour ? /*#__PURE__*/React.createElement(DatePicker, {
+    value: value,
+    allowClear: false,
+    inputReadOnly: true,
+    popupClassName: "".concat(classPrefix, "-drop"),
+    locale: locale,
+    showToday: false,
+    placement: "bottomLeft",
+    getPopupContainer: function getPopupContainer(trigger) {
+      return trigger.parentNode;
+    },
+    placeholder: "\u81EA\u5B9A\u4E49",
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'shijian1'
+    }),
+    disabledDate: disabledDate,
+    open: true,
+    onChange: function onChange(date) {
+      if (date) {
+        setValue(moment(date, 'YYYY-MM-DD'));
+      }
+    }
+  }) : /*#__PURE__*/React.createElement(RangePicker, {
+    value: value,
+    allowClear: false,
+    popupClassName: "".concat(classPrefix, "-drop"),
+    inputReadOnly: true,
+    locale: locale,
+    placement: "bottomLeft",
+    separator: '至',
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'shijian1'
+    }),
+    format: 'YYYY-MM-DD',
+    disabledDate: disabledDate,
+    open: true,
+    getPopupContainer: function getPopupContainer(trigger) {
+      return trigger.parentNode;
+    },
+    onChange: function onChange(value) {
+      var subtractDays = 0;
+      if (includeToday && value && value.length === 2 && isTodayInRange(value[0], value[1])) {
+        subtractDays = 1;
+      }
+      if (value && value.length === 2 && moment(_.cloneDeep(value[1]).subtract(subtractDays, 'days').format('YYYY-MM-DD')).diff(moment(value[0].format('YYYY-MM-DD')), selectRangeUnit || 'months') > (selectRange ? selectRange : 12)) {
+        BizDateBeyondRange = true;
+        return;
+      }
+      if (value && value.length === 2) {
+        BizDateBeyondRange = false;
+        setValue([moment(value[0], 'YYYY-MM-DD'), moment(value[1], 'YYYY-MM-DD')]);
+      }
+    }
+  }));
+});
+export default BizDate;

package/es/datePickerV2/demo/customType.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/datePickerV2/demo/customType.js

@@ -0,0 +1,38 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { BizDatePicker } from '@zgfe/business-lib';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import { Switch } from 'antd';
+export default (function () {
+  var _useState = useState({
+      begin: '2022-05-03',
+      end: '2022-05-30',
+      relative: [0, 1]
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    includeToday = _useState4[0],
+    setIncludeToday = _useState4[1];
+  var handleChange = function handleChange(data) {
+    setTime(data);
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: includeToday,
+    onChange: setIncludeToday
+  })), /*#__PURE__*/React.createElement(BizDatePicker, {
+    onChange: handleChange,
+    dateTypeList: ['week', 'month', 'quarter'],
+    selectRange: 365,
+    selectRangeUnit: 'days',
+    includeToday: includeToday,
+    defaultValue: time
+  }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
+});

package/es/datePickerV2/demo/day.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/datePickerV2/demo/day.js

@@ -0,0 +1,47 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizDatePicker } from '@zgfe/business-lib';
+import React, { useState } from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import { Button, Divider, Space, Switch } from 'antd';
+export default (function () {
+  var _useState = useState({
+      unit: 'day',
+      begin: '2022-05-03',
+      end: '2022-05-30',
+      relative: [0, 1]
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var aaa = {
+    unit: 'week',
+    relative: [7, 1]
+  };
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    includeToday = _useState4[0],
+    setIncludeToday = _useState4[1];
+  var handleChange = function handleChange(data) {
+    setTime(data);
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return setTime(aaa);
+    }
+  }, "\u624B\u52A8\u8BBE\u7F6E\u65F6\u95F4"), /*#__PURE__*/React.createElement("span", null, JSON.stringify(aaa))), /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: includeToday,
+    onChange: setIncludeToday
+  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
+    onChange: handleChange,
+    includeToday: true,
+    value: time,
+    defaultValue: time,
+    selectRange: 1,
+    selectRangeUnit: 'weeks'
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
+});

package/es/datePickerV2/demo/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/datePickerV2/demo/index.js

@@ -0,0 +1,67 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { BizDatePickerOld } from '@zgfe/business-lib';
+import React, { useState } from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import { Divider, Space, Switch } from 'antd';
+import { DatePickerTypes } from '../types';
+import moment from 'moment';
+export default (function () {
+  var _useState = useState({
+      begin: '2024-07-01',
+      end: '2024-08-09',
+      relative: [5, 0],
+      unit: 'week'
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    includeToday = _useState4[0],
+    setIncludeToday = _useState4[1];
+  var handleChange = function handleChange(data) {
+    setTime(data);
+  };
+  console.log(moment().subtract(360, 'days').format('YYYY-MM-DD'));
+  function calculateTimeUnits(selectRange, selectRangeUnit, currentType) {
+    var duration = moment.duration(1, currentType);
+    switch (selectRangeUnit) {
+      case 'days':
+        duration.add(selectRange, 'days');
+        break;
+      case 'weeks':
+        duration.add(selectRange, 'weeks');
+        break;
+      case 'months':
+        duration.add(selectRange, 'months');
+        break;
+      case 'quarter':
+        duration.add(selectRange * 3, 'months');
+        break;
+      default:
+        break;
+    }
+    var result = duration.get(currentType);
+    return result;
+  }
+  console.log(calculateTimeUnits(365, 'days', 'weeks'));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: includeToday,
+    onChange: setIncludeToday
+  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePickerOld, {
+    includeToday: includeToday,
+    value: time,
+    defaultValue: time,
+    dateTypeList: [DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month, DatePickerTypes.Unit.quarter, DatePickerTypes.Unit.custom],
+    selectRange: 365,
+    selectRangeUnit: "days",
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time))));
+});

package/es/datePickerV2/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DatePickerTypes } from './types';
+import './styles/index.less';
+export declare const classPrefix = "biz-date-picker-old-wrap";
+declare const BizDatePicker: React.FC<DatePickerTypes.Props>;
+export default BizDatePicker;

package/es/datePickerV2/index.js

@@ -0,0 +1,243 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import BizSelect from '../select';
+import { DatePickerTypes } from './types';
+import './styles/index.less';
+import { Popover, Skeleton } from 'antd';
+import DatePickerContext from './context';
+import _ from 'lodash';
+import { DateOptionMap, getDateRange, getTypeList } from './utils';
+import PopoverContent from './popoverContent';
+import IconFont from '../icon/iconFont';
+import moment from 'moment';
+export var classPrefix = 'biz-date-picker-old-wrap';
+var typeMap = {
+  hour: '按小时',
+  day: '按天',
+  week: '按周',
+  month: '按月',
+  quarter: '按季度',
+  custom: '自定义'
+};
+var BizDatePicker = function BizDatePicker(_ref) {
+  var defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    includeToday = _ref.includeToday,
+    dateTypeList = _ref.dateTypeList,
+    onChange = _ref.onChange,
+    selectRange = _ref.selectRange,
+    selectRangeUnit = _ref.selectRangeUnit,
+    timeRangeOpen = _ref.timeRangeOpen;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    typeList = _useState4[0],
+    setTypeList = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentType = _useState6[0],
+    setCurrentType = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dateRange = _useState8[0],
+    setDateRange = _useState8[1];
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    relative = _useState10[0],
+    setRelative = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    setTimer = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    open = _useState14[0],
+    setOpen = _useState14[1];
+  function init(initValue) {
+    setReady(false);
+    var list = dateTypeList === null || dateTypeList === void 0 ? void 0 : dateTypeList.map(function (type) {
+      return {
+        label: typeMap[type],
+        value: type
+      };
+    });
+    setTypeList(list);
+    var currentType = (initValue === null || initValue === void 0 ? void 0 : initValue.unit) ? list.find(function (item) {
+      return item.value === initValue.unit;
+    }) : list[0];
+    setCurrentType(currentType);
+    if (initValue === null || initValue === void 0 ? void 0 : initValue.relative) {
+      setRelative(initValue.relative);
+    }
+    var typeList = getTypeList(currentType === null || currentType === void 0 ? void 0 : currentType.value, includeToday);
+    var begin = initValue.begin,
+      end = initValue.end;
+    var item = typeList.find(function (item) {
+      var match = getDateRange(currentType === null || currentType === void 0 ? void 0 : currentType.value, item.count, includeToday);
+      return moment(begin).isSame(match.begin) && moment(end).isSame(match.end);
+    });
+    var active = item === null || item === void 0 ? void 0 : item.count;
+    if (active) {
+      setDateRange({
+        begin: initValue.begin,
+        end: initValue.end
+      });
+    } else {
+      if (initValue.relative) {
+        setDateRange(getDateRange(currentType === null || currentType === void 0 ? void 0 : currentType.value, initValue.relative[0], includeToday));
+      } else {
+        setDateRange({
+          begin: initValue.begin,
+          end: initValue.end
+        });
+      }
+    }
+    setReady(true);
+  }
+  useEffect(function () {
+    if (defaultValue) init(defaultValue);
+  }, []);
+  useEffect(function () {
+    if (_.isEqual(value, _objectSpread(_objectSpread({}, dateRange), {}, {
+      relative: relative,
+      unit: currentType === null || currentType === void 0 ? void 0 : currentType.value
+    })) || !value) return;
+    init(value);
+  }, [value]);
+  useEffect(function () {
+    if (!onChange || !ready) return;
+    setTimer(function (pre) {
+      clearTimeout(pre);
+      return setTimeout(function () {
+        onChange(_objectSpread(_objectSpread({}, dateRange), {}, {
+          relative: relative,
+          unit: currentType === null || currentType === void 0 ? void 0 : currentType.value
+        }));
+      }, 100);
+    });
+  }, [dateRange, currentType, relative, ready]);
+  var renderLabel = function renderLabel() {
+    var typeList = getTypeList(currentType === null || currentType === void 0 ? void 0 : currentType.value, includeToday);
+    if (relative) {
+      var type = typeList.find(function (item) {
+        return item.count == relative[0];
+      });
+      if (type) {
+        if ((currentType === null || currentType === void 0 ? void 0 : currentType.value) == DatePickerTypes.Unit.hour) {
+          return type.value;
+        }
+        return '最近' + type.value;
+      } else {
+        return '最近' + relative[0] + Reflect.get(DateOptionMap, currentType === null || currentType === void 0 ? void 0 : currentType.value);
+      }
+    } else {
+      if ((currentType === null || currentType === void 0 ? void 0 : currentType.value) == DatePickerTypes.Unit.hour) {
+        return dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin;
+      } else {
+        return (dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin) + ' 至 ' + (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end);
+      }
+    }
+  };
+  if (!typeList.length || !currentType || !ready) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classPrefix
+    }, /*#__PURE__*/React.createElement(Skeleton.Input, {
+      active: true
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(DatePickerContext.Provider, {
+    value: {
+      includeToday: includeToday,
+      dateRange: dateRange,
+      setDateRange: setDateRange,
+      currentType: currentType.value,
+      relative: relative,
+      setRelative: setRelative,
+      setOpen: setOpen
+    }
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-type"),
+    theme: "secondary",
+    keyField: "value",
+    labelField: "label",
+    value: currentType,
+    options: typeList,
+    onChange: function onChange(type) {
+      setCurrentType(type);
+      if (type.value === 'hour') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.day, 1, includeToday));
+        setRelative([1, 1]);
+      }
+      if (type.value === 'day') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
+        setRelative([7, includeToday ? 0 : 1]);
+      }
+      if (type.value === 'week') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.week, 4, includeToday));
+        setRelative([4, includeToday ? 0 : 1]);
+      }
+      if (type.value === 'month') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.month, 1, includeToday));
+        setRelative([1, includeToday ? 0 : 1]);
+      }
+      if (type.value === 'quarter') {
+        setDateRange(getDateRange(DatePickerTypes.Unit.quarter, 1, includeToday));
+        setRelative([1, includeToday ? 0 : 1]);
+      }
+      if (type.value == 'custom') {
+        setRelative(undefined);
+      }
+    }
+  }), /*#__PURE__*/React.createElement(Popover, {
+    overlayClassName: "".concat(classPrefix, "-input-popover"),
+    open: open,
+    placement: "bottomLeft",
+    trigger: "click",
+    destroyTooltipOnHide: true,
+    content: /*#__PURE__*/React.createElement(PopoverContent, {
+      setDateRange: setDateRange,
+      setOpen: setOpen,
+      selectRange: selectRange,
+      selectRangeUnit: selectRangeUnit,
+      timeRangeOpen: timeRangeOpen,
+      currentType: currentType.value,
+      relative: relative
+    }),
+    onOpenChange: function onOpenChange() {
+      return setOpen(!open);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input ").concat(open ? classPrefix + '-input-active' : ''),
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-input-label")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "rili-2",
+    size: 14
+  }), /*#__PURE__*/React.createElement("span", null, renderLabel())), /*#__PURE__*/React.createElement(IconFont, {
+    type: "xiangxia",
+    size: 14
+  })))));
+};
+BizDatePicker.defaultProps = {
+  includeToday: true,
+  dateTypeList: [DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month]
+};
+export default BizDatePicker;