assui 2.1.1 → 2.1.4

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

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1 @@
+import './index.less';

package/es/customize-range-picker/style/index.less

@@ -0,0 +1,46 @@
+@import '~antd/lib/style/index.less';
+
+@progress-prefix-cls: ~'@{ant-prefix}';
+
+.customize-range-picker-panel {
+  .check-wrapper {
+    padding: 8px 11px 6px;
+    border-bottom: 1px solid #f5f6fa;
+  }
+
+  .customize-select {
+    vertical-align: middle;
+  }
+
+  .customize-select-text {
+    margin-left: 8px;
+  }
+
+  .@{ant-prefix}-radio-wrapper {
+    margin-right: 0;
+  }
+
+  .pick-box {
+    display: flex;
+    justify-content: space-between;
+    width: 265px;
+    padding: 8px 11px 11px;
+
+    .radio {
+      width: 50%;
+    }
+
+    .@{ant-prefix}-radio-group {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+    }
+  }
+}
+
+@media screen and (max-width: 576px) {
+  .customize-range-picker-panel {
+    max-width: 280px;
+    overflow-x: scroll;
+  }
+}

package/es/index.d.ts

@@ -57,3 +57,5 @@ export { default as LabelCustomizeRangePicker } from './label-customize-range-pi
 export type { RichTextEditorProps } from './rich-text-editor';
 export { default as RichTextEditor } from './rich-text-editor';
 export { default as beautifulDnd } from './beautiful-dnd';
+export type { CustomizeRangePickerProps } from './customize-range-picker';
+export { default as CustomizeRangePicker } from './customize-range-picker';

package/es/index.js

@@ -28,4 +28,5 @@ export { default as LabelConditionInput } from './label-condition-input';
 export { default as LabelTreeSelect } from './label-tree-select';
 export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export { default as RichTextEditor } from './rich-text-editor';
-export { default as beautifulDnd } from './beautiful-dnd';
+export { default as beautifulDnd } from './beautiful-dnd';
+export { default as CustomizeRangePicker } from './customize-range-picker';

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

@@ -22,11 +22,11 @@ export var dateTypeEnum;
 var defaultRadioList = [{
   key: dateTypeEnum.TODAY,
   text: '今日',
-  value: [now, now]
+  value: [now.clone().startOf('day'), now.clone().endOf('day')]
 }, {
   key: dateTypeEnum.YESTERDAY,
   text: '昨日',
-  value: [now.clone().subtract(1, 'day'), now.clone().subtract(1, 'day').endOf('day')]
+  value: [now.clone().subtract(1, 'day').startOf('day'), now.clone().subtract(1, 'day').endOf('day')]
 }, {
   key: dateTypeEnum.WEEK,
   text: '本周',

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

@@ -120,19 +120,21 @@ var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
   };
 
   var list = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList.filter(function (item) {
-    return customizeTimeList === null || customizeTimeList === void 0 ? void 0 : customizeTimeList.includes(item.key);
+    return customizeTimeList ? customizeTimeList.includes(item.key) : true;
   });
 
   var panelRender = function panelRender(panel) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "wrapper"
+      className: "label-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", null, "\u81EA\u5B9A\u4E49\u65F6\u95F4"))), isVisiblePanel ? /*#__PURE__*/React.createElement("div", {
+    }), /*#__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"

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

@@ -1786,32 +1786,32 @@ html {
   overflow: hidden;
   transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 }
-.wrapper {
-  overflow-x: auto;
+.label-customize-range-picker-panel .customize-select-text {
+  margin-left: 8px;
 }
-.wrapper .check-wrapper {
+.label-customize-range-picker-panel .check-wrapper {
   padding: 8px 11px 6px;
   border-bottom: 1px solid #f5f6fa;
 }
-.wrapper .pick-box {
+.label-customize-range-picker-panel .pick-box {
   display: flex;
   justify-content: space-between;
   width: 265px;
   padding: 8px 11px 11px;
 }
-.wrapper .pick-box .radio {
+.label-customize-range-picker-panel .pick-box .radio {
   display: inline-block;
   width: 50%;
   margin-right: 0;
 }
-.wrapper .pick-box .ant-radio-group {
+.label-customize-range-picker-panel .pick-box .ant-radio-group {
   width: 100%;
 }
-.wrapper .customize-select {
+.label-customize-range-picker-panel .customize-select {
   vertical-align: middle;
 }
 @media screen and (max-width: 576px) {
-  .wrapper .panel {
+  .label-customize-range-picker-panel .panel {
     max-width: 280px;
     overflow-x: scroll;
   }

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

@@ -1,7 +1,9 @@
 @import '~antd/lib/style/index.less';
 
-.wrapper {
-  overflow-x: auto;
+.label-customize-range-picker-panel {
+  .customize-select-text {
+    margin-left: 8px;
+  }
 
   .check-wrapper {
     padding: 8px 11px 6px;
@@ -31,7 +33,7 @@
 }
 
 @media screen and (max-width: 576px) {
-  .wrapper {
+  .label-customize-range-picker-panel {
     .panel {
       max-width: 280px;
       overflow-x: scroll;

package/lib/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/lib/customize-range-picker/defaultRadioList.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTypeEnum = void 0;
+
+var moment_1 = __importDefault(require("moment"));
+
+var now = (0, moment_1["default"])();
+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 = exports.dateTypeEnum || (exports.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')]
+}];
+exports["default"] = defaultRadioList;

package/lib/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/lib/customize-range-picker/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+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 __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+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;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var react_1 = __importStar(require("react"));
+
+var antd_1 = require("antd");
+
+var ahooks_1 = require("ahooks");
+
+var defaultRadioList_1 = __importDefault(require("./defaultRadioList"));
+
+var RangePicker = antd_1.DatePicker.RangePicker;
+
+var CustomizeRangePicker = function CustomizeRangePicker(props) {
+  var customizeTimeList = props.customizeTimeList,
+      radioList = props.radioList,
+      options = __rest(props, ["customizeTimeList", "radioList"]);
+
+  var _a = __read((0, ahooks_1.useControllableValue)(props), 2),
+      date = _a[0],
+      setDate = _a[1];
+
+  var _b = __read((0, react_1.useState)(false), 2),
+      open = _b[0],
+      setOpen = _b[1];
+
+  var _c = __read((0, react_1.useState)(false), 2),
+      isVisiblePanel = _c[0],
+      setIsVisiblePanel = _c[1];
+
+  var _d = __read((0, react_1.useState)(), 2),
+      radioKey = _d[0],
+      setRadioKey = _d[1];
+
+  var dataSource = radioList !== null && radioList !== void 0 ? radioList : defaultRadioList_1["default"];
+  (0, react_1.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_1["default"].filter(function (item) {
+    return customizeTimeList ? customizeTimeList.includes(item.key) : true;
+  });
+
+  var panelRender = function panelRender(panel) {
+    return react_1["default"].createElement("div", {
+      className: "customize-range-picker-panel"
+    }, react_1["default"].createElement("div", {
+      className: "check-wrapper"
+    }, react_1["default"].createElement("span", {
+      className: "customize-select"
+    }, react_1["default"].createElement(antd_1.Checkbox, {
+      onChange: onDiyTimeChange
+    }), react_1["default"].createElement("span", {
+      className: "customize-select-text"
+    }, "\u81EA\u5B9A\u4E49\u65F6\u95F4"))), isVisiblePanel ? react_1["default"].createElement("div", {
+      className: "panel"
+    }, panel) : react_1["default"].createElement("div", {
+      className: "pick-box"
+    }, react_1["default"].createElement(antd_1.Radio.Group, {
+      onChange: onRadioChange,
+      value: radioKey
+    }, list.map(function (_a) {
+      var key = _a.key,
+          text = _a.text;
+      return react_1["default"].createElement(antd_1.Radio, {
+        className: "radio",
+        key: key,
+        value: key
+      }, text);
+    }))));
+  };
+
+  return react_1["default"].createElement(RangePicker, __assign({
+    value: date,
+    onOpenChange: onOpenChange,
+    open: open,
+    allowClear: false,
+    panelRender: panelRender
+  }, options));
+};
+
+exports["default"] = CustomizeRangePicker;