assui 2.1.3 → 2.1.6

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Moment } from 'moment';
 import type { dateTypeEnum } from './defaultRadioList';
 import type { LabelRangePickerProps } from '../label-range-picker';
@@ -6,9 +7,11 @@ export declare type RadioListType = {
     text: string;
     value: [Moment, Moment];
 };
-export interface LabelCustomizeRangePickerProps extends LabelRangePickerProps {
+export interface LabelCustomizeRangePickerProps extends Omit<LabelRangePickerProps, 'label'> {
     radioList?: RadioListType[];
     customizeTimeList?: dateTypeEnum[];
+    rangePickerType?: 'label' | 'origin';
+    label?: React.ReactNode;
 }
 declare const LabelCustomizeRangePicker: (props: LabelCustomizeRangePickerProps) => JSX.Element;
 export default LabelCustomizeRangePicker;

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

@@ -57,26 +57,35 @@ var __read = this && this.__read || function (o, n) {
 import React, { useState, useEffect } from 'react';
 import Radio from 'antd/lib/radio';
 import Checkbox from 'antd/lib/checkbox';
+import DatePicker from 'antd/lib/date-picker';
 import useControllableValue from 'ahooks/lib/useControllableValue';
 import defaultRadioList from './defaultRadioList';
 import LabelRangePicker from '../label-range-picker';
+var RangePicker = DatePicker.RangePicker;
 
 var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
   var customizeTimeList = props.customizeTimeList,
       radioList = props.radioList,
-      options = __rest(props, ["customizeTimeList", "radioList"]);
+      _a = props.rangePickerType,
+      rangePickerType = _a === void 0 ? 'label' : _a,
+      label = props.label,
+      options = __rest(props, ["customizeTimeList", "radioList", "rangePickerType", "label"]);
 
-  var _a = __read(useControllableValue(props), 2),
-      date = _a[0],
-      setDate = _a[1];
+  var _b = __read(useControllableValue(props), 2),
+      date = _b[0],
+      setDate = _b[1];
 
-  var _b = __read(useState(false), 2),
-      isVisiblePanel = _b[0],
-      setIsVisiblePanel = _b[1];
+  var _c = __read(useState(false), 2),
+      isVisiblePanel = _c[0],
+      setIsVisiblePanel = _c[1];
 
-  var _c = __read(useState(), 2),
-      radioKey = _c[0],
-      setRadioKey = _c[1];
+  var _d = __read(useState(), 2),
+      radioKey = _d[0],
+      setRadioKey = _d[1];
+
+  var _e = __read(useState(false), 2),
+      open = _e[0],
+      setOpen = _e[1];
 
   var dataSource = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList;
   useEffect(function () {
@@ -117,6 +126,7 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
       return item.key === value;
     });
     setDate(selectRadioInfo === null || selectRadioInfo === void 0 ? void 0 : selectRadioInfo.value);
+    setOpen(false);
   };
 
   var list = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList.filter(function (item) {
@@ -152,11 +162,21 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
     }))));
   };
 
-  return /*#__PURE__*/React.createElement(LabelRangePicker, __assign({
+  var onOpenChange = function onOpenChange(nextOpen) {
+    setOpen(nextOpen);
+  };
+
+  var baseOptions = {
     value: date,
     onChange: onDateChange,
-    panelRender: panelRender
-  }, options));
+    open: open,
+    onOpenChange: onOpenChange,
+    panelRender: panelRender,
+    allowClear: false
+  };
+  return rangePickerType === 'label' ? /*#__PURE__*/React.createElement(LabelRangePicker, __assign({
+    label: label
+  }, baseOptions, options)) : /*#__PURE__*/React.createElement(RangePicker, __assign({}, baseOptions, options));
 };
 
 export default LabelCustomizeRangePicker;

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

@@ -1,4 +1,5 @@
 import 'antd/lib/date-picker/style';
 import 'antd/lib/checkbox/style';
+import 'antd/lib/radio/style';
 import './index.less';
 import '../../label-range-picker/style/index';

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

@@ -1,4 +1,5 @@
 import 'antd/lib/date-picker/style';
 import 'antd/lib/checkbox/style';
+import 'antd/lib/radio/style';
 import './index.less';
 import '../../label-range-picker/style/index';

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

@@ -45,6 +45,7 @@ import React from 'react';
 import useControllableValue from 'ahooks/lib/useControllableValue';
 import DatePicker from 'antd/lib/date-picker';
 import classNames from 'classnames';
+import omit from 'lodash/omit';
 import CalendarOutlined from 'a-icons/lib/CalendarOutlined';
 var RangePicker = DatePicker.RangePicker;
 
@@ -55,10 +56,10 @@ var LabelDatePicker = function LabelDatePicker(props) {
 
   var _a = __read(useControllableValue(props, {
     valuePropName: 'open',
-    trigger: 'setOpen'
+    trigger: 'onOpenChange'
   }), 2),
       open = _a[0],
-      setOpen = _a[1];
+      onOpenChange = _a[1];
 
   var _b = __read(useControllableValue(props), 2),
       value = _b[0],
@@ -72,18 +73,14 @@ var LabelDatePicker = function LabelDatePicker(props) {
     var _a;
 
     if (!open) {
-      setOpen(!open);
+      onOpenChange(!open);
     }
 
     (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
 
-  var onBlur = function onBlur() {
-    setOpen(false);
-  };
-
-  var onOpenChange = function onOpenChange(nextOpen) {
-    setOpen(nextOpen);
+  var handleOpenChange = function handleOpenChange(nextOpen) {
+    onOpenChange(nextOpen);
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -94,13 +91,12 @@ var LabelDatePicker = function LabelDatePicker(props) {
   }, /*#__PURE__*/React.createElement(RangePicker, __assign({
     format: "YYYY.MM.DD",
     allowEmpty: [true, true]
-  }, props, {
+  }, omit(props, 'onOpenChange'), {
     separator: "\u2013",
     open: open,
     onChange: handleChange,
     ref: datePickerRef,
-    onOpenChange: onOpenChange,
-    onBlur: onBlur,
+    onOpenChange: handleOpenChange,
     suffixIcon: /*#__PURE__*/React.createElement(CalendarOutlined, null)
   })), /*#__PURE__*/React.createElement("label", {
     className: "label-range-picker-text",

package/lib/label-customize-range-picker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Moment } from 'moment';
 import type { dateTypeEnum } from './defaultRadioList';
 import type { LabelRangePickerProps } from '../label-range-picker';
@@ -6,9 +7,11 @@ export declare type RadioListType = {
     text: string;
     value: [Moment, Moment];
 };
-export interface LabelCustomizeRangePickerProps extends LabelRangePickerProps {
+export interface LabelCustomizeRangePickerProps extends Omit<LabelRangePickerProps, 'label'> {
     radioList?: RadioListType[];
     customizeTimeList?: dateTypeEnum[];
+    rangePickerType?: 'label' | 'origin';
+    label?: React.ReactNode;
 }
 declare const LabelCustomizeRangePicker: (props: LabelCustomizeRangePickerProps) => JSX.Element;
 export default LabelCustomizeRangePicker;

package/lib/label-customize-range-picker/index.js

@@ -112,28 +112,39 @@ var radio_1 = __importDefault(require("antd/lib/radio"));
 
 var checkbox_1 = __importDefault(require("antd/lib/checkbox"));
 
+var date_picker_1 = __importDefault(require("antd/lib/date-picker"));
+
 var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
 
 var defaultRadioList_1 = __importDefault(require("./defaultRadioList"));
 
 var label_range_picker_1 = __importDefault(require("../label-range-picker"));
 
+var RangePicker = date_picker_1["default"].RangePicker;
+
 var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
   var customizeTimeList = props.customizeTimeList,
       radioList = props.radioList,
-      options = __rest(props, ["customizeTimeList", "radioList"]);
+      _a = props.rangePickerType,
+      rangePickerType = _a === void 0 ? 'label' : _a,
+      label = props.label,
+      options = __rest(props, ["customizeTimeList", "radioList", "rangePickerType", "label"]);
+
+  var _b = __read((0, useControllableValue_1["default"])(props), 2),
+      date = _b[0],
+      setDate = _b[1];
 
-  var _a = __read((0, useControllableValue_1["default"])(props), 2),
-      date = _a[0],
-      setDate = _a[1];
+  var _c = __read((0, react_1.useState)(false), 2),
+      isVisiblePanel = _c[0],
+      setIsVisiblePanel = _c[1];
 
-  var _b = __read((0, react_1.useState)(false), 2),
-      isVisiblePanel = _b[0],
-      setIsVisiblePanel = _b[1];
+  var _d = __read((0, react_1.useState)(), 2),
+      radioKey = _d[0],
+      setRadioKey = _d[1];
 
-  var _c = __read((0, react_1.useState)(), 2),
-      radioKey = _c[0],
-      setRadioKey = _c[1];
+  var _e = __read((0, react_1.useState)(false), 2),
+      open = _e[0],
+      setOpen = _e[1];
 
   var dataSource = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList_1["default"];
   (0, react_1.useEffect)(function () {
@@ -174,6 +185,7 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
       return item.key === value;
     });
     setDate(selectRadioInfo === null || selectRadioInfo === void 0 ? void 0 : selectRadioInfo.value);
+    setOpen(false);
   };
 
   var list = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList_1["default"].filter(function (item) {
@@ -209,11 +221,21 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
     }))));
   };
 
-  return react_1["default"].createElement(label_range_picker_1["default"], __assign({
+  var onOpenChange = function onOpenChange(nextOpen) {
+    setOpen(nextOpen);
+  };
+
+  var baseOptions = {
     value: date,
     onChange: onDateChange,
-    panelRender: panelRender
-  }, options));
+    open: open,
+    onOpenChange: onOpenChange,
+    panelRender: panelRender,
+    allowClear: false
+  };
+  return rangePickerType === 'label' ? react_1["default"].createElement(label_range_picker_1["default"], __assign({
+    label: label
+  }, baseOptions, options)) : react_1["default"].createElement(RangePicker, __assign({}, baseOptions, options));
 };
 
 exports["default"] = LabelCustomizeRangePicker;

package/lib/label-customize-range-picker/style/index.d.ts

@@ -1,4 +1,5 @@
 import 'antd/lib/date-picker/style';
 import 'antd/lib/checkbox/style';
+import 'antd/lib/radio/style';
 import './index.less';
 import '../../label-range-picker/style/index';

package/lib/label-customize-range-picker/style/index.js

@@ -8,6 +8,8 @@ require("antd/lib/date-picker/style");
 
 require("antd/lib/checkbox/style");
 
+require("antd/lib/radio/style");
+
 require("./index.less");
 
 require("../../label-range-picker/style/index");

package/lib/label-range-picker/index.js

@@ -61,6 +61,8 @@ var date_picker_1 = __importDefault(require("antd/lib/date-picker"));
 
 var classnames_1 = __importDefault(require("classnames"));
 
+var omit_1 = __importDefault(require("lodash/omit"));
+
 var CalendarOutlined_1 = __importDefault(require("a-icons/lib/CalendarOutlined"));
 
 var RangePicker = date_picker_1["default"].RangePicker;
@@ -72,10 +74,10 @@ var LabelDatePicker = function LabelDatePicker(props) {
 
   var _a = __read((0, useControllableValue_1["default"])(props, {
     valuePropName: 'open',
-    trigger: 'setOpen'
+    trigger: 'onOpenChange'
   }), 2),
       open = _a[0],
-      setOpen = _a[1];
+      onOpenChange = _a[1];
 
   var _b = __read((0, useControllableValue_1["default"])(props), 2),
       value = _b[0],
@@ -89,18 +91,14 @@ var LabelDatePicker = function LabelDatePicker(props) {
     var _a;
 
     if (!open) {
-      setOpen(!open);
+      onOpenChange(!open);
     }
 
     (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
 
-  var onBlur = function onBlur() {
-    setOpen(false);
-  };
-
-  var onOpenChange = function onOpenChange(nextOpen) {
-    setOpen(nextOpen);
+  var handleOpenChange = function handleOpenChange(nextOpen) {
+    onOpenChange(nextOpen);
   };
 
   return react_1["default"].createElement("div", {
@@ -111,13 +109,12 @@ var LabelDatePicker = function LabelDatePicker(props) {
   }, react_1["default"].createElement(RangePicker, __assign({
     format: "YYYY.MM.DD",
     allowEmpty: [true, true]
-  }, props, {
+  }, (0, omit_1["default"])(props, 'onOpenChange'), {
     separator: "\u2013",
     open: open,
     onChange: handleChange,
     ref: datePickerRef,
-    onOpenChange: onOpenChange,
-    onBlur: onBlur,
+    onOpenChange: handleOpenChange,
     suffixIcon: react_1["default"].createElement(CalendarOutlined_1["default"], null)
   })), react_1["default"].createElement("label", {
     className: "label-range-picker-text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.3",
+  "version": "2.1.6",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -33,7 +33,7 @@
     "@ahooksjs/use-url-state": "^2.5.8",
     "@tinymce/tinymce-react": "^3.13.0",
     "@types/react-beautiful-dnd": "^13.1.2",
-    "a-icons": "^1.0.68",
+    "a-icons": "^1.0.69",
     "aa-utils": "^2.0.24",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
@@ -70,5 +70,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "e36725ca5c8c21d40947df03def022ab392c7555"
+  "gitHead": "1e1d4d0029d45eddf5a3092ec206e95f9460ad89"
 }

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

@@ -1,24 +0,0 @@
-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

@@ -1,79 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,172 +0,0 @@
-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;