assui 2.0.96 → 2.0.97

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

@@ -0,0 +1,39 @@
+import 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 const useDateScope: () => {
+    dateScopeList: {
+        key: dateTypeEnum;
+        value: moment.Moment[];
+    }[];
+    dateScopeMap: {
+        1: moment.Moment[];
+        2: moment.Moment[];
+        3: moment.Moment[];
+        4: moment.Moment[];
+        5: moment.Moment[];
+        6: moment.Moment[];
+        7: moment.Moment[];
+        8: moment.Moment[];
+        9: moment.Moment[];
+        10: moment.Moment[];
+        11: moment.Moment[];
+        12: moment.Moment[];
+        13: moment.Moment[];
+        14: moment.Moment[];
+    };
+};

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

@@ -0,0 +1,73 @@
+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 = {}));
+
+export var useDateScope = function useDateScope() {
+  var _a;
+
+  var dateScopeList = [{
+    key: dateTypeEnum.TODAY,
+    value: [now, now]
+  }, {
+    key: dateTypeEnum.YESTERDAY,
+    value: [now.clone().subtract(1, 'day'), now.clone().subtract(1, 'day').endOf('day')]
+  }, {
+    key: dateTypeEnum.WEEK,
+    value: [now.clone().startOf('week'), now.clone().endOf('week')]
+  }, {
+    key: dateTypeEnum.LAST_WEEK,
+    value: [now.clone().subtract(1, 'week').startOf('week'), now.clone().subtract(1, 'week').endOf('week')]
+  }, {
+    key: dateTypeEnum.MONTH,
+    value: [now.clone().startOf('month'), now.clone().endOf('month')]
+  }, {
+    key: dateTypeEnum.LAST_MONTH,
+    value: [now.clone().subtract(1, 'month').startOf('month'), now.clone().subtract(1, 'month').endOf('month')]
+  }, {
+    key: dateTypeEnum.QUARTER,
+    value: [now.clone().startOf('quarter'), now.clone().endOf('quarter')]
+  }, {
+    key: dateTypeEnum.LAST_QUARTER,
+    value: [now.clone().subtract(1, 'quarter').startOf('quarter'), now.clone().subtract(1, 'quarter').endOf('quarter')]
+  }, {
+    key: dateTypeEnum.BEFORE_7_DAY,
+    value: [now.clone().subtract(6, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_14_DAY,
+    value: [now.clone().subtract(13, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_30_DAY,
+    value: [now.clone().subtract(29, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_90_DAY,
+    value: [now.clone().subtract(89, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_180_DAY,
+    value: [now.clone().subtract(179, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_365_DAY,
+    value: [now.clone().subtract(364, 'day').startOf('day'), now.endOf('day')]
+  }];
+  var dateScopeMap = (_a = {}, _a[dateTypeEnum.TODAY] = [now.clone().startOf('day'), now.clone().endOf('day')], _a[dateTypeEnum.YESTERDAY] = [now.clone().subtract(1, 'day').startOf('day'), now.clone().subtract(1, 'day').endOf('day')], _a[dateTypeEnum.WEEK] = [now.clone().startOf('week'), now.clone().endOf('week')], _a[dateTypeEnum.LAST_WEEK] = [now.clone().subtract(1, 'week').startOf('week'), now.clone().subtract(1, 'week').endOf('week')], _a[dateTypeEnum.MONTH] = [now.clone().startOf('month'), now.clone().endOf('month')], _a[dateTypeEnum.LAST_MONTH] = [now.clone().subtract(1, 'month').startOf('month'), now.clone().subtract(1, 'month').endOf('month')], _a[dateTypeEnum.QUARTER] = [now.clone().startOf('quarter'), now.clone().endOf('quarter')], _a[dateTypeEnum.LAST_QUARTER] = [now.clone().subtract(1, 'quarter').startOf('quarter'), now.clone().subtract(1, 'quarter').endOf('quarter')], _a[dateTypeEnum.BEFORE_7_DAY] = [now.clone().subtract(6, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_14_DAY] = [now.clone().subtract(13, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_30_DAY] = [now.clone().subtract(29, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_90_DAY] = [now.clone().subtract(89, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_180_DAY] = [now.clone().subtract(179, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_365_DAY] = [now.clone().subtract(364, 'day').startOf('day'), now.endOf('day')], _a);
+  return {
+    dateScopeList: dateScopeList,
+    dateScopeMap: dateScopeMap
+  };
+};

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

@@ -0,0 +1,10 @@
+import { dateTypeEnum } from './getDateScope';
+export declare type RadioListType = {
+    key: dateTypeEnum;
+    text: string;
+};
+declare const getRadioList: () => {
+    key: dateTypeEnum;
+    text: string;
+}[];
+export default getRadioList;

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

@@ -0,0 +1,49 @@
+import { dateTypeEnum } from './getDateScope';
+
+var getRadioList = function getRadioList() {
+  return [{
+    key: dateTypeEnum.TODAY,
+    text: '今日'
+  }, {
+    key: dateTypeEnum.YESTERDAY,
+    text: '昨日'
+  }, {
+    key: dateTypeEnum.WEEK,
+    text: '本周'
+  }, {
+    key: dateTypeEnum.LAST_WEEK,
+    text: '上周'
+  }, {
+    key: dateTypeEnum.MONTH,
+    text: '本月'
+  }, {
+    key: dateTypeEnum.LAST_MONTH,
+    text: '上月'
+  }, {
+    key: dateTypeEnum.QUARTER,
+    text: '本季度'
+  }, {
+    key: dateTypeEnum.LAST_QUARTER,
+    text: '上季度'
+  }, {
+    key: dateTypeEnum.BEFORE_7_DAY,
+    text: '最近7天'
+  }, {
+    key: dateTypeEnum.BEFORE_14_DAY,
+    text: '最近14天'
+  }, {
+    key: dateTypeEnum.BEFORE_30_DAY,
+    text: '最近30天'
+  }, {
+    key: dateTypeEnum.BEFORE_90_DAY,
+    text: '最近90天'
+  }, {
+    key: dateTypeEnum.BEFORE_180_DAY,
+    text: '最近180天'
+  }, {
+    key: dateTypeEnum.BEFORE_365_DAY,
+    text: '最近365天'
+  }];
+};
+
+export default getRadioList;

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

@@ -0,0 +1,10 @@
+import { dateTypeEnum } from './getDateScope';
+import type { LabelRangePickerProps } from '../label-range-picker';
+export interface LabelCustomizeRangePickerProps extends LabelRangePickerProps {
+    customizeTimeList?: dateTypeEnum[];
+}
+declare const LabelCustomizeRangePicker: {
+    (props: LabelCustomizeRangePickerProps): JSX.Element;
+    dateTypeEnum: typeof dateTypeEnum;
+};
+export default LabelCustomizeRangePicker;

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

@@ -0,0 +1,162 @@
+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 from 'antd/es/radio';
+import Checkbox from 'antd/es/checkbox';
+import useControllableValue from 'ahooks/lib/useControllableValue';
+import getRadioList from './getRadioList';
+import LabelRangePicker from '../label-range-picker';
+import { useDateScope, dateTypeEnum } from './getDateScope';
+
+var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
+  var customizeTimeList = props.customizeTimeList,
+      options = __rest(props, ["customizeTimeList"]);
+
+  var _a = __read(useControllableValue(props), 2),
+      date = _a[0],
+      setDate = _a[1];
+
+  var _b = __read(useState(false), 2),
+      isVisiblePanel = _b[0],
+      setIsVisiblePanel = _b[1];
+
+  var _c = __read(useState(), 2),
+      radioKey = _c[0],
+      setRadioKey = _c[1];
+
+  var _d = useDateScope(),
+      dateScopeMap = _d.dateScopeMap,
+      dateScopeList = _d.dateScopeList;
+
+  useEffect(function () {
+    var foundItem = dateScopeList.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 onDateChange = function onDateChange(nextValue) {
+    setDate(nextValue);
+  };
+
+  var onRadioChange = function onRadioChange(event) {
+    var value = event.target.value;
+    setRadioKey(value);
+    setDate(dateScopeMap[value]);
+  };
+
+  var list = getRadioList().filter(function (item) {
+    return customizeTimeList === null || customizeTimeList === void 0 ? void 0 : customizeTimeList.includes(item.key);
+  });
+  var finallyRadioList = list.length ? list : getRadioList();
+
+  var panelRender = function panelRender(panel) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wrapper"
+    }, /*#__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", {
+      className: "panel"
+    }, panel) : /*#__PURE__*/React.createElement("div", {
+      className: "pick-box"
+    }, /*#__PURE__*/React.createElement(Radio.Group, {
+      onChange: onRadioChange,
+      value: radioKey
+    }, finallyRadioList.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(LabelRangePicker, __assign({
+    value: date,
+    onChange: onDateChange,
+    panelRender: panelRender
+  }, options));
+};
+
+LabelCustomizeRangePicker.dateTypeEnum = dateTypeEnum;
+export default LabelCustomizeRangePicker;

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

@@ -0,0 +1,34 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.wrapper {
+  overflow-x: auto;
+}
+.wrapper .check-wrapper {
+  padding: 8px 11px 6px;
+  border-bottom: 1px solid #f5f6fa;
+}
+.wrapper .pick-box {
+  display: flex;
+  justify-content: space-between;
+  width: 265px;
+  padding: 8px 11px 11px;
+}
+.wrapper .pick-box .radio {
+  display: inline-block;
+  width: 50%;
+  margin-right: 0;
+}
+.wrapper .pick-box .ant-radio-group {
+  width: 100%;
+}
+.wrapper .customize-select {
+  vertical-align: middle;
+}
+@media screen and (max-width: 576px) {
+  .wrapper .panel {
+    max-width: 280px;
+    overflow-x: scroll;
+  }
+}

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

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

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

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

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

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

package/es/label-input/index.d.ts

@@ -14,6 +14,10 @@ export interface LabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     onChange?: (value: string) => void;
     /** 输入框失去焦点的回调 */
     onBlur?: (value: string) => void;
+    /** 规定 input 元素的类型 */
+    type?: 'text' | 'password';
+    /** 规定输入字段中的字符的最大长度 */
+    maxLength?: number;
     /** 输入框获取焦点的回调 */
     onFocus?: (value: string) => void;
     /** 组件dom id */

package/es/label-input/index.js

@@ -29,6 +29,8 @@ import React from 'react';
 import classNames from 'classnames';
 import { useControllableValue } from 'ahooks';
 import { trimStart } from 'lodash';
+import EyeFilled from 'a-icons/lib/EyeFilled';
+import EyeOutlined from 'a-icons/lib/EyeOutlined';
 
 var LabelInput = function LabelInput(props) {
   var className = props.className,
@@ -37,19 +39,27 @@ var LabelInput = function LabelInput(props) {
       label = props.label,
       id = props.id,
       onFocus = props.onFocus,
-      onBlur = props.onBlur;
+      onBlur = props.onBlur,
+      _a = props.type,
+      type = _a === void 0 ? 'text' : _a,
+      maxLength = props.maxLength;
 
-  var _a = __read(React.useState(false), 2),
-      focused = _a[0],
-      setFocused = _a[1];
+  var _b = __read(React.useState(false), 2),
+      focused = _b[0],
+      setFocused = _b[1];
 
-  var _b = __read(useControllableValue(props, {
+  var _c = __read(useControllableValue(props, {
     defaultValue: ''
   }), 2),
-      value = _b[0],
-      setValue = _b[1];
+      value = _c[0],
+      setValue = _c[1];
+
+  var _d = __read(React.useState(type), 2),
+      inputType = _d[0],
+      setInputType = _d[1];
 
   var InputDomRef = React.useRef(null);
+  var isPasswordInput = type === 'password';
 
   var handleFocus = function handleFocus() {
     setFocused(true);
@@ -72,12 +82,21 @@ var LabelInput = function LabelInput(props) {
     (_a = InputDomRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
 
+  var passwordSuffix = inputType === 'password' ? /*#__PURE__*/React.createElement(EyeOutlined, {
+    onClick: function onClick() {
+      setInputType('text');
+    }
+  }) : /*#__PURE__*/React.createElement(EyeFilled, {
+    onClick: function onClick() {
+      return setInputType('password');
+    }
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-control', className),
     id: id
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-field', {
-      'label-input-affix': prefix || suffix,
+      'label-input-affix': prefix || suffix || isPasswordInput,
       'label-input-focused': focused
     })
   }, prefix && /*#__PURE__*/React.createElement("div", {
@@ -90,17 +109,18 @@ var LabelInput = function LabelInput(props) {
     },
     "data-value": value ? value.length : 0,
     className: "label-input",
-    type: "text",
+    type: inputType,
     value: value || '',
     onFocus: handleFocus,
     onBlur: handleBlur,
-    onChange: handleChange
+    onChange: handleChange,
+    maxLength: maxLength
   }), /*#__PURE__*/React.createElement("label", {
     className: "label-input-text",
     onClick: handleLabelClick
-  }, label)), suffix && /*#__PURE__*/React.createElement("div", {
+  }, label)), (suffix || isPasswordInput) && /*#__PURE__*/React.createElement("div", {
     className: "label-input-suffix"
-  }, suffix)));
+  }, suffix || passwordSuffix)));
 };
 
 export default LabelInput;

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

@@ -0,0 +1,39 @@
+import 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 const useDateScope: () => {
+    dateScopeList: {
+        key: dateTypeEnum;
+        value: moment.Moment[];
+    }[];
+    dateScopeMap: {
+        1: moment.Moment[];
+        2: moment.Moment[];
+        3: moment.Moment[];
+        4: moment.Moment[];
+        5: moment.Moment[];
+        6: moment.Moment[];
+        7: moment.Moment[];
+        8: moment.Moment[];
+        9: moment.Moment[];
+        10: moment.Moment[];
+        11: moment.Moment[];
+        12: moment.Moment[];
+        13: moment.Moment[];
+        14: moment.Moment[];
+    };
+};

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

@@ -0,0 +1,87 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDateScope = exports.dateTypeEnum = void 0;
+
+var moment_1 = __importDefault(require("moment"));
+
+var now = 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 = {}));
+
+exports.useDateScope = function () {
+  var _a;
+
+  var dateScopeList = [{
+    key: dateTypeEnum.TODAY,
+    value: [now, now]
+  }, {
+    key: dateTypeEnum.YESTERDAY,
+    value: [now.clone().subtract(1, 'day'), now.clone().subtract(1, 'day').endOf('day')]
+  }, {
+    key: dateTypeEnum.WEEK,
+    value: [now.clone().startOf('week'), now.clone().endOf('week')]
+  }, {
+    key: dateTypeEnum.LAST_WEEK,
+    value: [now.clone().subtract(1, 'week').startOf('week'), now.clone().subtract(1, 'week').endOf('week')]
+  }, {
+    key: dateTypeEnum.MONTH,
+    value: [now.clone().startOf('month'), now.clone().endOf('month')]
+  }, {
+    key: dateTypeEnum.LAST_MONTH,
+    value: [now.clone().subtract(1, 'month').startOf('month'), now.clone().subtract(1, 'month').endOf('month')]
+  }, {
+    key: dateTypeEnum.QUARTER,
+    value: [now.clone().startOf('quarter'), now.clone().endOf('quarter')]
+  }, {
+    key: dateTypeEnum.LAST_QUARTER,
+    value: [now.clone().subtract(1, 'quarter').startOf('quarter'), now.clone().subtract(1, 'quarter').endOf('quarter')]
+  }, {
+    key: dateTypeEnum.BEFORE_7_DAY,
+    value: [now.clone().subtract(6, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_14_DAY,
+    value: [now.clone().subtract(13, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_30_DAY,
+    value: [now.clone().subtract(29, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_90_DAY,
+    value: [now.clone().subtract(89, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_180_DAY,
+    value: [now.clone().subtract(179, 'day').startOf('day'), now.endOf('day')]
+  }, {
+    key: dateTypeEnum.BEFORE_365_DAY,
+    value: [now.clone().subtract(364, 'day').startOf('day'), now.endOf('day')]
+  }];
+  var dateScopeMap = (_a = {}, _a[dateTypeEnum.TODAY] = [now.clone().startOf('day'), now.clone().endOf('day')], _a[dateTypeEnum.YESTERDAY] = [now.clone().subtract(1, 'day').startOf('day'), now.clone().subtract(1, 'day').endOf('day')], _a[dateTypeEnum.WEEK] = [now.clone().startOf('week'), now.clone().endOf('week')], _a[dateTypeEnum.LAST_WEEK] = [now.clone().subtract(1, 'week').startOf('week'), now.clone().subtract(1, 'week').endOf('week')], _a[dateTypeEnum.MONTH] = [now.clone().startOf('month'), now.clone().endOf('month')], _a[dateTypeEnum.LAST_MONTH] = [now.clone().subtract(1, 'month').startOf('month'), now.clone().subtract(1, 'month').endOf('month')], _a[dateTypeEnum.QUARTER] = [now.clone().startOf('quarter'), now.clone().endOf('quarter')], _a[dateTypeEnum.LAST_QUARTER] = [now.clone().subtract(1, 'quarter').startOf('quarter'), now.clone().subtract(1, 'quarter').endOf('quarter')], _a[dateTypeEnum.BEFORE_7_DAY] = [now.clone().subtract(6, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_14_DAY] = [now.clone().subtract(13, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_30_DAY] = [now.clone().subtract(29, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_90_DAY] = [now.clone().subtract(89, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_180_DAY] = [now.clone().subtract(179, 'day').startOf('day'), now.endOf('day')], _a[dateTypeEnum.BEFORE_365_DAY] = [now.clone().subtract(364, 'day').startOf('day'), now.endOf('day')], _a);
+  return {
+    dateScopeList: dateScopeList,
+    dateScopeMap: dateScopeMap
+  };
+};

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

@@ -0,0 +1,10 @@
+import { dateTypeEnum } from './getDateScope';
+export declare type RadioListType = {
+    key: dateTypeEnum;
+    text: string;
+};
+declare const getRadioList: () => {
+    key: dateTypeEnum;
+    text: string;
+}[];
+export default getRadioList;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var getDateScope_1 = require("./getDateScope");
+
+var getRadioList = function getRadioList() {
+  return [{
+    key: getDateScope_1.dateTypeEnum.TODAY,
+    text: '今日'
+  }, {
+    key: getDateScope_1.dateTypeEnum.YESTERDAY,
+    text: '昨日'
+  }, {
+    key: getDateScope_1.dateTypeEnum.WEEK,
+    text: '本周'
+  }, {
+    key: getDateScope_1.dateTypeEnum.LAST_WEEK,
+    text: '上周'
+  }, {
+    key: getDateScope_1.dateTypeEnum.MONTH,
+    text: '本月'
+  }, {
+    key: getDateScope_1.dateTypeEnum.LAST_MONTH,
+    text: '上月'
+  }, {
+    key: getDateScope_1.dateTypeEnum.QUARTER,
+    text: '本季度'
+  }, {
+    key: getDateScope_1.dateTypeEnum.LAST_QUARTER,
+    text: '上季度'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_7_DAY,
+    text: '最近7天'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_14_DAY,
+    text: '最近14天'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_30_DAY,
+    text: '最近30天'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_90_DAY,
+    text: '最近90天'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_180_DAY,
+    text: '最近180天'
+  }, {
+    key: getDateScope_1.dateTypeEnum.BEFORE_365_DAY,
+    text: '最近365天'
+  }];
+};
+
+exports["default"] = getRadioList;

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

@@ -0,0 +1,10 @@
+import { dateTypeEnum } from './getDateScope';
+import type { LabelRangePickerProps } from '../label-range-picker';
+export interface LabelCustomizeRangePickerProps extends LabelRangePickerProps {
+    customizeTimeList?: dateTypeEnum[];
+}
+declare const LabelCustomizeRangePicker: {
+    (props: LabelCustomizeRangePickerProps): JSX.Element;
+    dateTypeEnum: typeof dateTypeEnum;
+};
+export default LabelCustomizeRangePicker;

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

@@ -0,0 +1,214 @@
+"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;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : 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.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 radio_1 = __importDefault(require("antd/es/radio"));
+
+var checkbox_1 = __importDefault(require("antd/es/checkbox"));
+
+var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
+
+var getRadioList_1 = __importDefault(require("./getRadioList"));
+
+var label_range_picker_1 = __importDefault(require("../label-range-picker"));
+
+var getDateScope_1 = require("./getDateScope");
+
+var LabelCustomizeRangePicker = function LabelCustomizeRangePicker(props) {
+  var customizeTimeList = props.customizeTimeList,
+      options = __rest(props, ["customizeTimeList"]);
+
+  var _a = __read(useControllableValue_1["default"](props), 2),
+      date = _a[0],
+      setDate = _a[1];
+
+  var _b = __read(react_1.useState(false), 2),
+      isVisiblePanel = _b[0],
+      setIsVisiblePanel = _b[1];
+
+  var _c = __read(react_1.useState(), 2),
+      radioKey = _c[0],
+      setRadioKey = _c[1];
+
+  var _d = getDateScope_1.useDateScope(),
+      dateScopeMap = _d.dateScopeMap,
+      dateScopeList = _d.dateScopeList;
+
+  react_1.useEffect(function () {
+    var foundItem = dateScopeList.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 onDateChange = function onDateChange(nextValue) {
+    setDate(nextValue);
+  };
+
+  var onRadioChange = function onRadioChange(event) {
+    var value = event.target.value;
+    setRadioKey(value);
+    setDate(dateScopeMap[value]);
+  };
+
+  var list = getRadioList_1["default"]().filter(function (item) {
+    return customizeTimeList === null || customizeTimeList === void 0 ? void 0 : customizeTimeList.includes(item.key);
+  });
+  var finallyRadioList = list.length ? list : getRadioList_1["default"]();
+
+  var panelRender = function panelRender(panel) {
+    return react_1["default"].createElement("div", {
+      className: "wrapper"
+    }, react_1["default"].createElement("div", {
+      className: "check-wrapper"
+    }, react_1["default"].createElement("span", {
+      className: "customize-select"
+    }, react_1["default"].createElement(checkbox_1["default"], {
+      onChange: onDiyTimeChange
+    }), react_1["default"].createElement("span", null, "\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(radio_1["default"].Group, {
+      onChange: onRadioChange,
+      value: radioKey
+    }, finallyRadioList.map(function (_a) {
+      var key = _a.key,
+          text = _a.text;
+      return react_1["default"].createElement(radio_1["default"], {
+        className: "radio",
+        key: key,
+        value: key
+      }, text);
+    }))));
+  };
+
+  return react_1["default"].createElement(label_range_picker_1["default"], __assign({
+    value: date,
+    onChange: onDateChange,
+    panelRender: panelRender
+  }, options));
+};
+
+LabelCustomizeRangePicker.dateTypeEnum = getDateScope_1.dateTypeEnum;
+exports["default"] = LabelCustomizeRangePicker;

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

@@ -0,0 +1,34 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.wrapper {
+  overflow-x: auto;
+}
+.wrapper .check-wrapper {
+  padding: 8px 11px 6px;
+  border-bottom: 1px solid #f5f6fa;
+}
+.wrapper .pick-box {
+  display: flex;
+  justify-content: space-between;
+  width: 265px;
+  padding: 8px 11px 11px;
+}
+.wrapper .pick-box .radio {
+  display: inline-block;
+  width: 50%;
+  margin-right: 0;
+}
+.wrapper .pick-box .ant-radio-group {
+  width: 100%;
+}
+.wrapper .customize-select {
+  vertical-align: middle;
+}
+@media screen and (max-width: 576px) {
+  .wrapper .panel {
+    max-width: 280px;
+    overflow-x: scroll;
+  }
+}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/es/date-picker/style");
+
+require("antd/es/checkbox/style");
+
+require("./index.less");
+
+require("../../label-range-picker/style/index");

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

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

package/lib/label-input/index.d.ts

@@ -14,6 +14,10 @@ export interface LabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     onChange?: (value: string) => void;
     /** 输入框失去焦点的回调 */
     onBlur?: (value: string) => void;
+    /** 规定 input 元素的类型 */
+    type?: 'text' | 'password';
+    /** 规定输入字段中的字符的最大长度 */
+    maxLength?: number;
     /** 输入框获取焦点的回调 */
     onFocus?: (value: string) => void;
     /** 组件dom id */

package/lib/label-input/index.js

@@ -45,6 +45,10 @@ var ahooks_1 = require("ahooks");
 
 var lodash_1 = require("lodash");
 
+var EyeFilled_1 = __importDefault(require("a-icons/lib/EyeFilled"));
+
+var EyeOutlined_1 = __importDefault(require("a-icons/lib/EyeOutlined"));
+
 var LabelInput = function LabelInput(props) {
   var className = props.className,
       prefix = props.prefix,
@@ -52,19 +56,27 @@ var LabelInput = function LabelInput(props) {
       label = props.label,
       id = props.id,
       onFocus = props.onFocus,
-      onBlur = props.onBlur;
+      onBlur = props.onBlur,
+      _a = props.type,
+      type = _a === void 0 ? 'text' : _a,
+      maxLength = props.maxLength;
 
-  var _a = __read(react_1["default"].useState(false), 2),
-      focused = _a[0],
-      setFocused = _a[1];
+  var _b = __read(react_1["default"].useState(false), 2),
+      focused = _b[0],
+      setFocused = _b[1];
 
-  var _b = __read(ahooks_1.useControllableValue(props, {
+  var _c = __read(ahooks_1.useControllableValue(props, {
     defaultValue: ''
   }), 2),
-      value = _b[0],
-      setValue = _b[1];
+      value = _c[0],
+      setValue = _c[1];
+
+  var _d = __read(react_1["default"].useState(type), 2),
+      inputType = _d[0],
+      setInputType = _d[1];
 
   var InputDomRef = react_1["default"].useRef(null);
+  var isPasswordInput = type === 'password';
 
   var handleFocus = function handleFocus() {
     setFocused(true);
@@ -87,12 +99,21 @@ var LabelInput = function LabelInput(props) {
     (_a = InputDomRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
 
+  var passwordSuffix = inputType === 'password' ? react_1["default"].createElement(EyeOutlined_1["default"], {
+    onClick: function onClick() {
+      setInputType('text');
+    }
+  }) : react_1["default"].createElement(EyeFilled_1["default"], {
+    onClick: function onClick() {
+      return setInputType('password');
+    }
+  });
   return react_1["default"].createElement("div", {
     className: classnames_1["default"]('label-input-control', className),
     id: id
   }, react_1["default"].createElement("div", {
     className: classnames_1["default"]('label-input-field', {
-      'label-input-affix': prefix || suffix,
+      'label-input-affix': prefix || suffix || isPasswordInput,
       'label-input-focused': focused
     })
   }, prefix && react_1["default"].createElement("div", {
@@ -105,17 +126,18 @@ var LabelInput = function LabelInput(props) {
     },
     "data-value": value ? value.length : 0,
     className: "label-input",
-    type: "text",
+    type: inputType,
     value: value || '',
     onFocus: handleFocus,
     onBlur: handleBlur,
-    onChange: handleChange
+    onChange: handleChange,
+    maxLength: maxLength
   }), react_1["default"].createElement("label", {
     className: "label-input-text",
     onClick: handleLabelClick
-  }, label)), suffix && react_1["default"].createElement("div", {
+  }, label)), (suffix || isPasswordInput) && react_1["default"].createElement("div", {
     className: "label-input-suffix"
-  }, suffix)));
+  }, suffix || passwordSuffix)));
 };
 
 exports["default"] = LabelInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.0.96",
+  "version": "2.0.97",
   "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.49",
+    "a-icons": "^1.0.50",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
     "copy-to-clipboard": "^3.3.1",
@@ -69,5 +69,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "71e712d21e6851a8e1aecdec663d95c1546cedca"
+  "gitHead": "b4f5c717bd3010c951c09332fa56099483a6b852"
 }