@zgfe/business-lib 1.2.51 → 1.2.53

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;

package/es/datePickerV2/popoverContent.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DatePickerTypes } from './types';
+interface PopoverContent {
+    setDateRange?: any;
+    setOpen?: any;
+    timeRangeOpen?: number;
+    selectRange?: number;
+    currentType?: DatePickerTypes.Unit;
+    relative?: any[];
+    selectRangeUnit?: 'days' | 'weeks' | 'months' | 'quarter';
+}
+declare const _default: (props: PopoverContent) => React.JSX.Element;
+export default _default;

package/es/datePickerV2/popoverContent.js

@@ -0,0 +1,53 @@
+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); }
+import { Button, Tabs } from 'antd';
+import React, { useRef } from 'react';
+import PickerShortcut from './shortcut';
+import BizDate from './datePicker';
+import { classPrefix } from '.';
+import { DatePickerTypes } from './types';
+export default (function (props) {
+  var selectRange = props.selectRange,
+    setDateRange = props.setDateRange,
+    setOpen = props.setOpen,
+    currentType = props.currentType,
+    relative = props.relative,
+    selectRangeUnit = props.selectRangeUnit;
+  var ref = useRef();
+  return /*#__PURE__*/React.createElement(Tabs, {
+    defaultActiveKey: relative ? '1' : '2'
+  }, currentType != DatePickerTypes.Unit.custom && /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: "\u6700\u8FD1",
+    key: "1"
+  }, /*#__PURE__*/React.createElement(PickerShortcut, {
+    selectRange: selectRange,
+    selectRangeUnit: selectRangeUnit
+  })), /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: "\u81EA\u5B9A\u4E49",
+    key: "2"
+  }, /*#__PURE__*/React.createElement(BizDate, _objectSpread({
+    ref: ref
+  }, props)), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-popoverContent-btns")
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return setOpen(false);
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      if (ref.current) {
+        var _ref$current;
+        var dateValue = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getDateValue();
+        if (dateValue === null || dateValue === void 0 ? void 0 : dateValue.begin) {
+          setDateRange(dateValue);
+        }
+        setOpen(false);
+      }
+    }
+  }, "\u786E\u5B9A"))));
+});

package/es/datePickerV2/shortcut.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const PickerShortcut: React.FC<{
+    selectRange?: number;
+    selectRangeUnit?: string;
+    timeRangeOpen?: number;
+}>;
+export default PickerShortcut;

package/es/datePickerV2/shortcut.js

@@ -0,0 +1,120 @@
+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, { useContext, useEffect, useState } from 'react';
+import { DatePickerTypes } from './types';
+import { classPrefix } from '.';
+import DatePickerContext from './context';
+import { DateOptionMap, getDateRange, getTypeList } from './utils';
+import { Button, InputNumber } from 'antd';
+import BizGlobalDataContext from '../context';
+import moment from 'moment';
+var PickerShortcut = function PickerShortcut(_ref) {
+  var selectRange = _ref.selectRange,
+    selectRangeUnit = _ref.selectRangeUnit,
+    timeRangeOpen = _ref.timeRangeOpen;
+  var _useContext = useContext(DatePickerContext),
+    currentType = _useContext.currentType,
+    includeToday = _useContext.includeToday,
+    relative = _useContext.relative,
+    setDateRange = _useContext.setDateRange,
+    setRelative = _useContext.setRelative,
+    setOpen = _useContext.setOpen;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    envs = _useContext2.envs;
+  var list = getTypeList(currentType, includeToday);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var _useState3 = useState(active),
+    _useState4 = _slicedToArray(_useState3, 2),
+    numbers = _useState4[0],
+    setNumbers = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isError = _useState6[0],
+    setIsError = _useState6[1];
+  useEffect(function () {
+    list = getTypeList(currentType, includeToday);
+    if (relative) {
+      setActive(relative[0]);
+      setNumbers(relative[0]);
+    }
+  }, [currentType, includeToday]);
+  function getMax() {
+    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;
+    }
+    _timeRangeOpen = moment.duration(_timeRangeOpen, 'months').asDays();
+    var selectRangeCount = moment.duration(selectRange, selectRangeUnit).asDays();
+    var count = selectRange ? _timeRangeOpen > selectRangeCount ? selectRangeCount : _timeRangeOpen : _timeRangeOpen;
+    var max = moment.duration(count, 'days').asDays();
+    var duration = moment.duration(count, 'days');
+    switch (currentType) {
+      case 'week':
+        max = Math.round(duration.asWeeks());
+        break;
+      case 'month':
+        max = Math.round(duration.asMonths());
+        break;
+      default:
+        break;
+    }
+    return max;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-shortcut")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-list")
+  }, list.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "".concat(classPrefix, "-item ").concat(active === item.count ? 'active' : ''),
+      onClick: function onClick() {
+        setActive(item.count);
+        if (setRelative) setRelative([item.count, includeToday ? 0 : 1]);
+        setDateRange === null || setDateRange === void 0 ? void 0 : setDateRange(getDateRange(currentType, item.count, includeToday));
+        setOpen === null || setOpen === void 0 ? void 0 : setOpen(false);
+      }
+    }, item.value);
+  })), ![DatePickerTypes.Unit.hour, DatePickerTypes.Unit.quarter].includes(currentType) && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-list-relative")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-list-relative-content")
+  }, /*#__PURE__*/React.createElement("span", null, "\u8FD1"), /*#__PURE__*/React.createElement(InputNumber, {
+    className: isError ? "".concat(classPrefix, "-input-error") : '',
+    min: 1,
+    max: getMax(),
+    controls: false,
+    style: {
+      width: '58px'
+    },
+    value: numbers,
+    onChange: function onChange(value) {
+      return setNumbers(value);
+    },
+    onBlur: function onBlur() {
+      if (numbers) {
+        setIsError(false);
+      }
+    }
+  }), /*#__PURE__*/React.createElement("span", null, Reflect.get(DateOptionMap, currentType))), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      if (!numbers) {
+        setIsError(true);
+        return;
+      }
+      var date = getDateRange(currentType, numbers, includeToday);
+      setDateRange === null || setDateRange === void 0 ? void 0 : setDateRange(date);
+      setRelative === null || setRelative === void 0 ? void 0 : setRelative([numbers, includeToday ? 0 : 1]);
+      setOpen === null || setOpen === void 0 ? void 0 : setOpen(false);
+    }
+  }, "\u786E\u8BA4")));
+};
+export default PickerShortcut;

package/es/datePickerV2/styles/index.less

@@ -0,0 +1,184 @@
+@import '../../assets/styles/inner.less';
+
+.biz-date-picker-old-wrap {
+  display: flex;
+
+  &-type {
+    width: 88px;
+  }
+
+  &-shortcut {
+    display: flex;
+  }
+
+  &-list {
+    display: flex;
+    // margin: 0 16px 0 0;
+
+    &-relative {
+      display: flex;
+      gap: 24px;
+      align-items: center;
+      margin-left: 16px;
+
+      &-content {
+        display: flex;
+        align-items: center;
+        span {
+          margin: 0 8px;
+        }
+
+        .ant-input-number {
+          background-color: #fff !important;
+          border: 1px solid var(---, #ecedf0);
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+
+  .biz-select-handle {
+    margin-right: 8px;
+    padding: 0;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 58px;
+    height: @height-base;
+    color: @text-color-secondary;
+    border: 1px solid @border-color-base;
+    cursor: pointer;
+
+    &:first-child {
+      border-radius: @border-radius-small 0px 0px @border-radius-small;
+    }
+
+    &:last-child {
+      border-radius: 0px @border-radius-small @border-radius-small 0px;
+    }
+
+    &:hover {
+      .__default-hover();
+      border-color: @border-color-base;
+    }
+
+    &.active {
+      color: @primary-color;
+      background: @primary-color-hover;
+      border: 1px solid @primary-color;
+    }
+  }
+
+  &-input {
+    display: flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+    justify-content: space-between;
+    width: 262px;
+    padding: 0px 12px;
+    font-size: 14px;
+    background: #fff;
+    border: 1px solid var(---, #ecedf0);
+    border-radius: 4px;
+
+    &-label {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+    }
+
+    &:hover {
+      // color: #165dff;
+      border-color: @primary-color;
+      cursor: pointer;
+    }
+
+    &:focus {
+      border-color: @primary-color;
+    }
+
+    &:active {
+      border-color: @primary-color;
+    }
+
+    &-active {
+      border-color: @primary-color;
+      box-shadow: 0 0 0 4px #f0f7ff;
+    }
+
+    &-popover {
+      padding-top: 0 !important;
+      .ant-popover-arrow {
+        display: none;
+      }
+
+      .ant-popover-inner-content {
+        padding: 0 16px 16px;
+      }
+
+      .ant-picker-dropdown {
+        padding-top: 0;
+
+        .ant-picker-range-arrow {
+          display: none;
+        }
+      }
+
+      .ant-tabs-top > .ant-tabs-nav::before {
+        border-bottom: 1px solid #fafafb;
+      }
+
+      .ant-tabs-tab {
+        padding: 12px 0 !important;
+        font-size: 14px !important;
+      }
+
+      .ant-popover-inner {
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+      }
+    }
+
+    &-error {
+      position: relative;
+      border: 1px solid var(--io-Error-E-, #fb5547) !important;
+
+      &::after {
+        position: absolute;
+        width: 67px;
+        color: red;
+        font-size: 12px;
+        content: '请输入内容';
+      }
+    }
+  }
+
+  &-panel {
+    & div:last-of-type {
+      position: relative !important;
+    }
+
+    .ant-picker-panel-container {
+      background: #fff;
+      border: 1px solid var(--io-n-02, #fafafb);
+      border-radius: 10px;
+      box-shadow: none;
+    }
+
+    .ant-picker-panel-container .ant-picker-panel-focused {
+      border-color: var(--io-n-02, #fafafb);
+    }
+  }
+
+  &-popoverContent-btns {
+    display: flex;
+    gap: 16px;
+    justify-content: flex-end;
+    padding-top: 16px;
+  }
+}

package/es/datePickerV2/types.d.ts

@@ -0,0 +1,38 @@
+export declare namespace DatePickerTypes {
+    enum Unit {
+        'hour' = "hour",
+        'day' = "day",
+        'week' = "week",
+        'month' = "month",
+        'quarter' = "quarter",
+        'custom' = "custom"
+    }
+    interface Range {
+        begin?: string;
+        end?: string;
+    }
+    interface Value extends Range {
+        unit: Unit;
+        relative?: [number, number];
+    }
+    interface Props {
+        defaultValue?: Value;
+        value?: Value;
+        includeToday?: boolean;
+        selectRange?: number;
+        timeRangeOpen?: number;
+        selectRangeUnit?: 'days' | 'weeks' | 'months' | 'quarter';
+        onChange?: (data: Value) => void;
+        onOpenChange?: (data: boolean) => void;
+        dateTypeList?: Unit[];
+    }
+    interface Option {
+        label: string;
+        value: Unit;
+        children: ListOption[];
+    }
+    interface ListOption {
+        count: number;
+        value: string;
+    }
+}

package/es/datePickerV2/types.js

@@ -0,0 +1,12 @@
+export var DatePickerTypes;
+(function (DatePickerTypes) {
+  var Unit;
+  (function (Unit) {
+    Unit["hour"] = "hour";
+    Unit["day"] = "day";
+    Unit["week"] = "week";
+    Unit["month"] = "month";
+    Unit["quarter"] = "quarter";
+    Unit["custom"] = "custom";
+  })(Unit = DatePickerTypes.Unit || (DatePickerTypes.Unit = {}));
+})(DatePickerTypes || (DatePickerTypes = {}));