assui 2.1.1 → 2.1.2

package/es/customize-range-picker/defaultRadioList.d.ts

@@ -0,0 +1,24 @@
+import type { Moment } from 'moment';
+export declare enum dateTypeEnum {
+    TODAY = 1,
+    YESTERDAY = 2,
+    WEEK = 3,
+    LAST_WEEK = 4,
+    MONTH = 5,
+    LAST_MONTH = 6,
+    QUARTER = 7,
+    LAST_QUARTER = 8,
+    BEFORE_7_DAY = 9,
+    BEFORE_14_DAY = 10,
+    BEFORE_30_DAY = 11,
+    BEFORE_90_DAY = 12,
+    BEFORE_180_DAY = 13,
+    BEFORE_365_DAY = 14
+}
+export declare type RadioListType = {
+    key: string | number | dateTypeEnum;
+    text: string;
+    value: [Moment, Moment];
+};
+declare const defaultRadioList: RadioListType[];
+export default defaultRadioList;

package/es/customize-range-picker/defaultRadioList.js

@@ -0,0 +1,79 @@
+import moment from 'moment';
+var now = moment();
+export var dateTypeEnum;
+
+(function (dateTypeEnum) {
+  dateTypeEnum[dateTypeEnum["TODAY"] = 1] = "TODAY";
+  dateTypeEnum[dateTypeEnum["YESTERDAY"] = 2] = "YESTERDAY";
+  dateTypeEnum[dateTypeEnum["WEEK"] = 3] = "WEEK";
+  dateTypeEnum[dateTypeEnum["LAST_WEEK"] = 4] = "LAST_WEEK";
+  dateTypeEnum[dateTypeEnum["MONTH"] = 5] = "MONTH";
+  dateTypeEnum[dateTypeEnum["LAST_MONTH"] = 6] = "LAST_MONTH";
+  dateTypeEnum[dateTypeEnum["QUARTER"] = 7] = "QUARTER";
+  dateTypeEnum[dateTypeEnum["LAST_QUARTER"] = 8] = "LAST_QUARTER";
+  dateTypeEnum[dateTypeEnum["BEFORE_7_DAY"] = 9] = "BEFORE_7_DAY";
+  dateTypeEnum[dateTypeEnum["BEFORE_14_DAY"] = 10] = "BEFORE_14_DAY";
+  dateTypeEnum[dateTypeEnum["BEFORE_30_DAY"] = 11] = "BEFORE_30_DAY";
+  dateTypeEnum[dateTypeEnum["BEFORE_90_DAY"] = 12] = "BEFORE_90_DAY";
+  dateTypeEnum[dateTypeEnum["BEFORE_180_DAY"] = 13] = "BEFORE_180_DAY";
+  dateTypeEnum[dateTypeEnum["BEFORE_365_DAY"] = 14] = "BEFORE_365_DAY";
+})(dateTypeEnum || (dateTypeEnum = {}));
+
+var defaultRadioList = [{
+  key: dateTypeEnum.TODAY,
+  text: '今日',
+  value: [now.clone().startOf('day'), now.clone().endOf('day')]
+}, {
+  key: dateTypeEnum.YESTERDAY,
+  text: '昨日',
+  value: [now.clone().subtract(1, 'day').startOf('day'), now.clone().subtract(1, 'day').endOf('day')]
+}, {
+  key: dateTypeEnum.WEEK,
+  text: '本周',
+  value: [now.clone().startOf('week'), now.clone().endOf('week')]
+}, {
+  key: dateTypeEnum.LAST_WEEK,
+  text: '上周',
+  value: [now.clone().subtract(1, 'week').startOf('week'), now.clone().subtract(1, 'week').endOf('week')]
+}, {
+  key: dateTypeEnum.MONTH,
+  text: '本月',
+  value: [now.clone().startOf('month'), now.clone().endOf('month')]
+}, {
+  key: dateTypeEnum.LAST_MONTH,
+  text: '上月',
+  value: [now.clone().subtract(1, 'month').startOf('month'), now.clone().subtract(1, 'month').endOf('month')]
+}, {
+  key: dateTypeEnum.QUARTER,
+  text: '本季度',
+  value: [now.clone().startOf('quarter'), now.clone().endOf('quarter')]
+}, {
+  key: dateTypeEnum.LAST_QUARTER,
+  text: '上季度',
+  value: [now.clone().subtract(1, 'quarter').startOf('quarter'), now.clone().subtract(1, 'quarter').endOf('quarter')]
+}, {
+  key: dateTypeEnum.BEFORE_7_DAY,
+  text: '最近7天',
+  value: [now.clone().subtract(6, 'day').startOf('day'), now.endOf('day')]
+}, {
+  key: dateTypeEnum.BEFORE_14_DAY,
+  text: '最近14天',
+  value: [now.clone().subtract(13, 'day').startOf('day'), now.endOf('day')]
+}, {
+  key: dateTypeEnum.BEFORE_30_DAY,
+  text: '最近30天',
+  value: [now.clone().subtract(29, 'day').startOf('day'), now.endOf('day')]
+}, {
+  key: dateTypeEnum.BEFORE_90_DAY,
+  text: '最近90天',
+  value: [now.clone().subtract(89, 'day').startOf('day'), now.endOf('day')]
+}, {
+  key: dateTypeEnum.BEFORE_180_DAY,
+  text: '最近180天',
+  value: [now.clone().subtract(179, 'day').startOf('day'), now.endOf('day')]
+}, {
+  key: dateTypeEnum.BEFORE_365_DAY,
+  text: '最近365天',
+  value: [now.clone().subtract(364, 'day').startOf('day'), now.endOf('day')]
+}];
+export default defaultRadioList;

package/es/customize-range-picker/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Moment } from 'moment';
+import type { RangePickerProps } from 'antd/lib/date-picker';
+import type { dateTypeEnum } from './defaultRadioList';
+export declare type RadioListType = {
+    key: string | number | dateTypeEnum;
+    text: string;
+    value: [Moment, Moment];
+};
+export interface CustomizeRangePickerProps extends Omit<RangePickerProps, ''> {
+    customizeTimeList?: dateTypeEnum[];
+    radioList?: RadioListType[];
+}
+declare const CustomizeRangePicker: React.FC<CustomizeRangePickerProps>;
+export default CustomizeRangePicker;

package/es/customize-range-picker/index.js

@@ -0,0 +1,172 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+import React, { useState, useEffect } from 'react';
+import { Radio, DatePicker, Checkbox } from 'antd';
+import { useControllableValue } from 'ahooks';
+import defaultRadioList from './defaultRadioList';
+var RangePicker = DatePicker.RangePicker;
+
+var CustomizeRangePicker = function CustomizeRangePicker(props) {
+  var customizeTimeList = props.customizeTimeList,
+      radioList = props.radioList,
+      options = __rest(props, ["customizeTimeList", "radioList"]);
+
+  var _a = __read(useControllableValue(props), 2),
+      date = _a[0],
+      setDate = _a[1];
+
+  var _b = __read(useState(false), 2),
+      open = _b[0],
+      setOpen = _b[1];
+
+  var _c = __read(useState(false), 2),
+      isVisiblePanel = _c[0],
+      setIsVisiblePanel = _c[1];
+
+  var _d = __read(useState(), 2),
+      radioKey = _d[0],
+      setRadioKey = _d[1];
+
+  var dataSource = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList;
+  useEffect(function () {
+    var foundItem = dataSource.find(function (item) {
+      if (!date) return false;
+
+      var _a = __read(item.value, 2),
+          startTime = _a[0],
+          endTime = _a[1];
+
+      var _b = __read(date || [], 2),
+          defaultStartTime = _b[0],
+          defaultEndTime = _b[1];
+
+      if (startTime.isSame(defaultStartTime, 'day') && endTime.isSame(defaultEndTime, 'day')) {
+        return true;
+      }
+
+      return false;
+    });
+    var data = foundItem ? foundItem.key : null;
+    setRadioKey(data);
+  }, [date]);
+
+  var onDiyTimeChange = function onDiyTimeChange(event) {
+    var checked = event.target.checked;
+    setIsVisiblePanel(checked);
+  };
+
+  var onRadioChange = function onRadioChange(event) {
+    var value = event.target.value;
+    setRadioKey(value);
+    var selectRadioInfo = dataSource.find(function (item) {
+      return item.key === value;
+    });
+
+    if (selectRadioInfo) {
+      setDate(selectRadioInfo === null || selectRadioInfo === void 0 ? void 0 : selectRadioInfo.value);
+    }
+
+    setOpen(false);
+  };
+
+  var onOpenChange = function onOpenChange(nextOpen) {
+    setOpen(nextOpen);
+  };
+
+  var list = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList.filter(function (item) {
+    return customizeTimeList ? customizeTimeList.includes(item.key) : true;
+  });
+
+  var panelRender = function panelRender(panel) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "customize-range-picker-panel"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "check-wrapper"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "customize-select"
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      onChange: onDiyTimeChange
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "customize-select-text"
+    }, "\u81EA\u5B9A\u4E49\u65F6\u95F4"))), isVisiblePanel ? /*#__PURE__*/React.createElement("div", {
+      className: "panel"
+    }, panel) : /*#__PURE__*/React.createElement("div", {
+      className: "pick-box"
+    }, /*#__PURE__*/React.createElement(Radio.Group, {
+      onChange: onRadioChange,
+      value: radioKey
+    }, list.map(function (_a) {
+      var key = _a.key,
+          text = _a.text;
+      return /*#__PURE__*/React.createElement(Radio, {
+        className: "radio",
+        key: key,
+        value: key
+      }, text);
+    }))));
+  };
+
+  return /*#__PURE__*/React.createElement(RangePicker, __assign({
+    value: date,
+    onOpenChange: onOpenChange,
+    open: open,
+    allowClear: false,
+    panelRender: panelRender
+  }, options));
+};
+
+export default CustomizeRangePicker;