assui 2.0.147 → 2.1.2

package/es/button-drawer/index.d.ts

@@ -4,7 +4,7 @@ export declare type DrawerAction = {
     close: () => void;
     open: () => void;
 };
-export interface ButtonDrawerProps extends DrawerProps {
+export interface ButtonDrawerProps extends Omit<DrawerProps, 'children'> {
     onClose?: () => void;
     onOpen?: () => void;
     trigger: React.ReactElement;

package/es/button-modal/index.d.ts

@@ -4,7 +4,7 @@ export interface ModalAction {
     open: () => void;
     close: () => void;
 }
-export interface ButtonModalProps extends ModalProps {
+export interface ButtonModalProps extends Omit<ModalProps, 'children'> {
     onClose?: () => void;
     onOpen?: () => void;
     trigger?: React.ReactElement;

package/es/copy-to-clipboard/style/index.css

@@ -18,6 +18,7 @@
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
+  width: intrinsic;
   max-width: 250px;
   visibility: visible;
 }
@@ -27,22 +28,22 @@
 .ant-tooltip-placement-top,
 .ant-tooltip-placement-topLeft,
 .ant-tooltip-placement-topRight {
-  padding-bottom: 8px;
+  padding-bottom: 14.3137085px;
 }
 .ant-tooltip-placement-right,
 .ant-tooltip-placement-rightTop,
 .ant-tooltip-placement-rightBottom {
-  padding-left: 8px;
+  padding-left: 14.3137085px;
 }
 .ant-tooltip-placement-bottom,
 .ant-tooltip-placement-bottomLeft,
 .ant-tooltip-placement-bottomRight {
-  padding-top: 8px;
+  padding-top: 14.3137085px;
 }
 .ant-tooltip-placement-left,
 .ant-tooltip-placement-leftTop,
 .ant-tooltip-placement-leftBottom {
-  padding-right: 8px;
+  padding-right: 14.3137085px;
 }
 .ant-tooltip-inner {
   min-width: 30px;
@@ -59,36 +60,50 @@
 .ant-tooltip-arrow {
   position: absolute;
   display: block;
-  width: 13.07106781px;
-  height: 13.07106781px;
+  width: 22px;
+  height: 22px;
   overflow: hidden;
   background: transparent;
   pointer-events: none;
 }
 .ant-tooltip-arrow-content {
+  --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
-  width: 5px;
-  height: 5px;
+  width: 11.3137085px;
+  height: 11.3137085px;
   margin: auto;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: transparent;
   content: '';
   pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.ant-tooltip-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: linear-gradient(to left, var(--antd-arrow-background-color) 50%, var(--antd-arrow-background-color) 50%) no-repeat -10px -10px;
+  content: '';
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z');
 }
 .ant-tooltip-placement-top .ant-tooltip-arrow,
 .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
 .ant-tooltip-placement-topRight .ant-tooltip-arrow {
-  bottom: -5.07106781px;
+  bottom: -7.4462915px;
 }
 .ant-tooltip-placement-top .ant-tooltip-arrow-content,
 .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
 .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateY(-6.53553391px) rotate(45deg);
+  transform: translateY(-11px) rotate(45deg);
 }
 .ant-tooltip-placement-top .ant-tooltip-arrow {
   left: 50%;
@@ -103,13 +118,13 @@
 .ant-tooltip-placement-right .ant-tooltip-arrow,
 .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
 .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
-  left: -5.07106781px;
+  left: -7.5862915px;
 }
 .ant-tooltip-placement-right .ant-tooltip-arrow-content,
 .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
 .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
   box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateX(6.53553391px) rotate(45deg);
+  transform: translateX(11px) rotate(135deg);
 }
 .ant-tooltip-placement-right .ant-tooltip-arrow {
   top: 50%;
@@ -124,13 +139,13 @@
 .ant-tooltip-placement-left .ant-tooltip-arrow,
 .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
 .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
-  right: -5.07106781px;
+  right: -7.6062915px;
 }
 .ant-tooltip-placement-left .ant-tooltip-arrow-content,
 .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
 .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
   box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateX(-6.53553391px) rotate(45deg);
+  transform: translateX(-11px) rotate(315deg);
 }
 .ant-tooltip-placement-left .ant-tooltip-arrow {
   top: 50%;
@@ -145,13 +160,13 @@
 .ant-tooltip-placement-bottom .ant-tooltip-arrow,
 .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
 .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
-  top: -5.07106781px;
+  top: -7.5862915px;
 }
 .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
 .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
 .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
   box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateY(6.53553391px) rotate(45deg);
+  transform: translateY(11px) rotate(225deg);
 }
 .ant-tooltip-placement-bottom .ant-tooltip-arrow {
   left: 50%;
@@ -166,80 +181,80 @@
 .ant-tooltip-pink .ant-tooltip-inner {
   background-color: #eb2f96;
 }
-.ant-tooltip-pink .ant-tooltip-arrow-content {
-  background-color: #eb2f96;
+.ant-tooltip-pink .ant-tooltip-arrow-content::before {
+  background: #eb2f96;
 }
 .ant-tooltip-magenta .ant-tooltip-inner {
   background-color: #eb2f96;
 }
-.ant-tooltip-magenta .ant-tooltip-arrow-content {
-  background-color: #eb2f96;
+.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
+  background: #eb2f96;
 }
 .ant-tooltip-red .ant-tooltip-inner {
   background-color: #f5222d;
 }
-.ant-tooltip-red .ant-tooltip-arrow-content {
-  background-color: #f5222d;
+.ant-tooltip-red .ant-tooltip-arrow-content::before {
+  background: #f5222d;
 }
 .ant-tooltip-volcano .ant-tooltip-inner {
   background-color: #fa541c;
 }
-.ant-tooltip-volcano .ant-tooltip-arrow-content {
-  background-color: #fa541c;
+.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
+  background: #fa541c;
 }
 .ant-tooltip-orange .ant-tooltip-inner {
   background-color: #fa8c16;
 }
-.ant-tooltip-orange .ant-tooltip-arrow-content {
-  background-color: #fa8c16;
+.ant-tooltip-orange .ant-tooltip-arrow-content::before {
+  background: #fa8c16;
 }
 .ant-tooltip-yellow .ant-tooltip-inner {
   background-color: #fadb14;
 }
-.ant-tooltip-yellow .ant-tooltip-arrow-content {
-  background-color: #fadb14;
+.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
+  background: #fadb14;
 }
 .ant-tooltip-gold .ant-tooltip-inner {
   background-color: #faad14;
 }
-.ant-tooltip-gold .ant-tooltip-arrow-content {
-  background-color: #faad14;
+.ant-tooltip-gold .ant-tooltip-arrow-content::before {
+  background: #faad14;
 }
 .ant-tooltip-cyan .ant-tooltip-inner {
   background-color: #13c2c2;
 }
-.ant-tooltip-cyan .ant-tooltip-arrow-content {
-  background-color: #13c2c2;
+.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
+  background: #13c2c2;
 }
 .ant-tooltip-lime .ant-tooltip-inner {
   background-color: #a0d911;
 }
-.ant-tooltip-lime .ant-tooltip-arrow-content {
-  background-color: #a0d911;
+.ant-tooltip-lime .ant-tooltip-arrow-content::before {
+  background: #a0d911;
 }
 .ant-tooltip-green .ant-tooltip-inner {
   background-color: #52c41a;
 }
-.ant-tooltip-green .ant-tooltip-arrow-content {
-  background-color: #52c41a;
+.ant-tooltip-green .ant-tooltip-arrow-content::before {
+  background: #52c41a;
 }
 .ant-tooltip-blue .ant-tooltip-inner {
   background-color: #1890ff;
 }
-.ant-tooltip-blue .ant-tooltip-arrow-content {
-  background-color: #1890ff;
+.ant-tooltip-blue .ant-tooltip-arrow-content::before {
+  background: #1890ff;
 }
 .ant-tooltip-geekblue .ant-tooltip-inner {
   background-color: #2f54eb;
 }
-.ant-tooltip-geekblue .ant-tooltip-arrow-content {
-  background-color: #2f54eb;
+.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
+  background: #2f54eb;
 }
 .ant-tooltip-purple .ant-tooltip-inner {
   background-color: #722ed1;
 }
-.ant-tooltip-purple .ant-tooltip-arrow-content {
-  background-color: #722ed1;
+.ant-tooltip-purple .ant-tooltip-arrow-content::before {
+  background: #722ed1;
 }
 .ant-tooltip-rtl {
   direction: rtl;

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;