@zgfe/business-lib 1.2.52 → 1.2.54-ljy.2

package/es/addToPanel/index.js

@@ -27,7 +27,7 @@ import _ from 'lodash';
 import WholeChart from './components/wholeChart';
 export var classPrefix = 'biz-addtopanel';
 var BizAddToPanel = function BizAddToPanel(props) {
-  var _props$params2, _props$defaultValue2, _props$defaultValue3;
+  var _props$params2, _props$params3, _props$params4;
   var refForm = useRef();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -175,8 +175,8 @@ var BizAddToPanel = function BizAddToPanel(props) {
       setLoading(false);
     });
   }
-  var showBox = function showBox(type, module) {
-    if (module && ['duration_avg', 'active', 'add', 'duration'].includes(module)) {
+  var showBox = function showBox(type, overall) {
+    if (overall) {
       var _props$styleOptions, _props$styleOptions$f, _props$params;
       var options = (_props$styleOptions = props.styleOptions) === null || _props$styleOptions === void 0 ? void 0 : (_props$styleOptions$f = _props$styleOptions.find(function (item) {
         return RegExp(item.value, 'g').test(type);
@@ -248,8 +248,8 @@ var BizAddToPanel = function BizAddToPanel(props) {
     onFinish: onSubmit,
     initialValues: Object.assign(((_props$params2 = props.params) === null || _props$params2 === void 0 ? void 0 : _props$params2.overall) ? {
       showList: 'dynamic',
-      chartType: ((_props$defaultValue2 = props.defaultValue) === null || _props$defaultValue2 === void 0 ? void 0 : _props$defaultValue2.chartType.indexOf('number')) != -1 ? 'number' : (_props$defaultValue3 = props.defaultValue) === null || _props$defaultValue3 === void 0 ? void 0 : _props$defaultValue3.chartType
-    } : {}, props.defaultValue),
+      chartType: ((_props$params3 = props.params) === null || _props$params3 === void 0 ? void 0 : _props$params3.chartType.indexOf('number')) != -1 ? 'number' : (_props$params4 = props.params) === null || _props$params4 === void 0 ? void 0 : _props$params4.chartType
+    } : {}, (props === null || props === void 0 ? void 0 : props.defaultValue) || {}),
     requiredMark: false
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u770B\u677F",
@@ -317,10 +317,10 @@ var BizAddToPanel = function BizAddToPanel(props) {
     noStyle: true,
     shouldUpdate: true
   }, function (_ref) {
-    var _props$params3;
+    var _props$params5;
     var getFieldValue = _ref.getFieldValue;
     var type = getFieldValue('chartType');
-    return showBox(type, (_props$params3 = props.params) === null || _props$params3 === void 0 ? void 0 : _props$params3.module);
+    return showBox(type, (_props$params5 = props.params) === null || _props$params5 === void 0 ? void 0 : _props$params5.overall);
   })));
 };
 BizAddToPanel.defaultProps = {

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;