@zgfe/business-lib 1.2.70-hxd.9 → 1.2.71-hxd.1

package/es/quickDatePicker/index.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -7,14 +13,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, useRef } from 'react';
 import './styles/index.less';
 import moment from 'moment';
-import { quickModuleOneOptions, quickModuleTwoOptions } from './utils';
+import { quickModuleOneOptions, quickModuleTwoOptions, getPreviousTimePeriod } from './utils';
 import IconFont from '../icon/iconFont';
 import { DatePicker } from 'antd';
 import { util } from '../utils';
 var RangePicker = DatePicker.RangePicker;
 export var classPrefix = 'biz-quick-date-picker-wrap';
 var BizQuickDatePicker = function BizQuickDatePicker(props) {
-  var defaultValue = props.defaultValue;
+  var defaultValue = props.defaultValue,
+    disabled = props.disabled,
+    isShowDefaultQuick = props.isShowDefaultQuick,
+    customQuickModuleOptions = props.customQuickModuleOptions,
+    isComparison = props.isComparison,
+    defaultOpen = props.defaultOpen;
   var domId = util.guid();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -28,32 +39,48 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     unit = _useState6[0],
     setUnit = _useState6[1];
-  var _useState7 = useState([moment().subtract(6, 'day'), moment()]),
+  var _useState7 = useState(0),
     _useState8 = _slicedToArray(_useState7, 2),
-    value = _useState8[0],
-    setValue = _useState8[1];
-  var _useState9 = useState('过去7天'),
+    type = _useState8[0],
+    setType = _useState8[1];
+  var _useState9 = useState([moment().subtract(6, 'day'), moment()]),
     _useState10 = _slicedToArray(_useState9, 2),
-    showText = _useState10[0],
-    setShowText = _useState10[1];
-  var _useState11 = useState(50),
+    value = _useState10[0],
+    setValue = _useState10[1];
+  var _useState11 = useState('过去7天'),
     _useState12 = _slicedToArray(_useState11, 2),
-    tipWidth = _useState12[0],
-    setTipWidth = _useState12[1];
-  var _useState13 = useState(true),
+    showText = _useState12[0],
+    setShowText = _useState12[1];
+  var _useState13 = useState(80),
     _useState14 = _slicedToArray(_useState13, 2),
-    initialize = _useState14[0],
-    setInitialize = _useState14[1];
+    tipWidth = _useState14[0],
+    setTipWidth = _useState14[1];
+  var _useState15 = useState(true),
+    _useState16 = _slicedToArray(_useState15, 2),
+    initialize = _useState16[0],
+    setInitialize = _useState16[1];
   useEffect(function () {
     if (!initialize) return;
     var _value = defaultValue || props.value;
+    if (isComparison && showText !== '自定义') {
+      setType((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || 0);
+      var comparisonValue = {
+        type: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.unit) || 'day',
+        value: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) || 0,
+        width: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.width) || 50,
+        label: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.label) || '自定义',
+        isDefaultVsTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.isDefaultVsTime) || false
+      };
+      customQuickModuleHandle(_objectSpread({}, comparisonValue));
+      return;
+    }
     if (_value && _value.begin !== '') {
       _value.relative && setRelative(_value.relative);
       _value.unit && setUnit(_value.unit);
       if (_value.relative === -1) {
         setValue([moment(_value.begin), moment(_value.end)]);
         setShowText('自定义');
-        setTipWidth(62);
+        isComparison ? setTipWidth(92) : setTipWidth(62);
       } else if (_value.relative !== undefined) {
         setInitialize(false);
         setTimeHandle(_value.unit, _value.relative);
@@ -61,7 +88,7 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
         _data.map(function (item) {
           if (item.value === _value.relative && item.type === _value.unit) {
             setShowText(item.label);
-            setTipWidth(item.width);
+            setTipWidth(isComparison ? item.width + 30 : item.width);
           }
         });
       }
@@ -72,7 +99,8 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
   };
   var onChange = function onChange(date, dateString) {
     setShowText('自定义');
-    setTipWidth(62);
+    setType(0);
+    isComparison ? setTipWidth(92) : setTipWidth(62);
     setRelative(-1);
     if (date === null) {
       setValue(undefined);
@@ -95,7 +123,11 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
     }
   };
   var disabledDate = function disabledDate(current) {
-    return current && current > moment().endOf('month');
+    if (isComparison) {
+      return current && (current < moment().subtract(13, 'months').startOf('day') || current > moment().endOf('day'));
+    } else {
+      return current && current > moment().endOf('month');
+    }
   };
   var setTimeHandle = function setTimeHandle(type, value) {
     var _value;
@@ -123,16 +155,72 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
     }
   };
   var quickModuleHandle = function quickModuleHandle(item) {
-    setTipWidth(item.width);
+    setTipWidth(isComparison ? item.width + 30 : item.width);
     setRelative(item.value);
     setUnit(item.type);
     setShowText(item.label);
     setTimeHandle(item.type, item.value);
   };
   var RangePickerRef = useRef(null);
+  var customQuickModuleHandle = function customQuickModuleHandle(item) {
+    var isDefaultVsTime = item.isDefaultVsTime,
+      width = item.width,
+      type = item.type,
+      value = item.value,
+      label = item.label;
+    var isLastYear = value === 6;
+    setTipWidth(isComparison ? width + 30 : width);
+    setType(value);
+    setShowText(label);
+    var dateRange;
+    if (isDefaultVsTime) {
+      dateRange = {
+        start: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.begin,
+        end: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.end
+      };
+    } else {
+      var _value = {
+        begin: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.begin,
+        end: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.end,
+        unit: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.unit,
+        isLastYear: isLastYear
+      };
+      var previousPeriod = getPreviousTimePeriod(_value.begin, _value.end, _value.unit, isLastYear ? true : false);
+      dateRange = {
+        start: previousPeriod.previousStart,
+        end: previousPeriod.previousEnd
+      };
+    }
+    if (dateRange.start && dateRange.end) {
+      var _props$onChange;
+      setValue([moment(dateRange.start), moment(dateRange.end)]);
+      var changeValue = {
+        unit: type,
+        begin: moment(dateRange.start).format('YYYY-MM-DD'),
+        end: moment(dateRange.end).format('YYYY-MM-DD'),
+        relative: 0,
+        value: value,
+        label: label || '上一段时间'
+      };
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, changeValue);
+      setInitialize(false);
+    }
+  };
   var renderExtraFooter = function renderExtraFooter() {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-content-options")
+    }, customQuickModuleOptions && isComparison && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-content-options-customOptions")
+    }, /*#__PURE__*/React.createElement("ol", null, customQuickModuleOptions && customQuickModuleOptions.map(function (item) {
+      return /*#__PURE__*/React.createElement("li", {
+        className: "".concat(item.value == type ? 'active' : ''),
+        key: item.label,
+        onClick: function onClick() {
+          return customQuickModuleHandle(item);
+        }
+      }, item.label);
+    }))), isShowDefaultQuick && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-content-options-defaultOptions")
     }, /*#__PURE__*/React.createElement("ol", null, quickModuleOneOptions.map(function (item) {
       return /*#__PURE__*/React.createElement("li", {
         className: "".concat(item.type === unit && item.value === relative ? 'active' : ''),
@@ -149,15 +237,15 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
           return quickModuleHandle(item);
         }
       }, item.label);
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(relative === -1 ? 'active' : '')
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "customTime ".concat(relative === -1 ? 'active' : '')
     }, "\u81EA\u5B9A\u4E49\u65F6\u95F4", /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
       type: "fanhuiicon"
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
     id: domId,
-    className: "".concat(classPrefix, " clearfix ").concat(show ? 'focus' : '')
+    className: "".concat(classPrefix, " clearfix ").concat(show ? 'focus' : '', " ").concat(disabled ? 'disabled' : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-tip"),
     style: {
@@ -168,16 +256,27 @@ var BizQuickDatePicker = function BizQuickDatePicker(props) {
       paddingLeft: "".concat(tipWidth, "px")
     },
     popupClassName: "".concat(classPrefix, "-content"),
+    className: "".concat(disabled ? 'disabled' : ''),
     ref: RangePickerRef,
     getPopupContainer: function getPopupContainer() {
       return document.getElementById(domId);
     },
     separator: '至',
     value: value,
+    disabled: disabled,
+    defaultOpen: defaultOpen,
     onOpenChange: onOpenChange,
     disabledDate: disabledDate,
     onChange: onChange,
-    renderExtraFooter: renderExtraFooter
+    renderExtraFooter: renderExtraFooter,
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "rili-2"
+    })
   }));
 };
+BizQuickDatePicker.defaultProps = {
+  isShowDefaultQuick: true,
+  isComparison: false,
+  defaultOpen: false
+};
 export default BizQuickDatePicker;

package/es/quickDatePicker/styles/index.less

@@ -1,138 +1,141 @@
-@import '../../assets/styles/inner.less';
-
-.biz-quick-date-picker-wrap {
-  position: relative;
-  display: inline-block;
-  height: 34px;
-  padding: 4px 8px;
-  background: #fafafb;
-  border: 1px solid #fafafb;
-  border-radius: 4px;
-  &-tip {
-    position: absolute;
-    top: 4px;
-    left: 8px;
-    z-index: 2;
-    border-radius: 2px;
-  }
-  .ant-picker-range-arrow {
-    display: none !important;
-  }
-  .ant-picker-focused {
-    box-shadow: none !important;
-  }
-  > :nth-child(1) {
-    float: left;
-    height: 24px;
-    margin-right: 8px;
-    padding: 2px 8px;
-    color: @primary-color;
-    vertical-align: middle;
-    background: #e8efff;
-  }
-  .ant-picker {
-    padding: 0;
-    vertical-align: middle;
-    border: none;
-    border-radius: 0 !important;
-    .ant-picker-clear {
-      right: 0;
-    }
-  }
-  .ant-picker:hover {
-    .ant-picker-input > input,
-    .ant-picker-range-separator {
-      color: #021429 !important;
-    }
-  }
-  &-content {
-    float: left;
-    .ant-picker-panel-container {
-      display: flex;
-      flex-direction: row-reverse;
-      border-radius: 8px;
-      .ant-picker-footer {
-        width: auto;
-        min-width: auto;
-        border-bottom: 1px solid #e8efff;
-        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
-      }
-    }
-    &-options {
-      width: 170px;
-      padding-bottom: 25px;
-      color: #67727f;
-      ol,
-      li {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        list-style-type: none;
-      }
-      > :nth-child(1),
-      > :nth-child(2) {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        margin-top: 16px;
-        padding-bottom: 4px;
-        border-bottom: 1px solid #ecedf0;
-        li {
-          width: 81px;
-          height: 24px;
-          margin-bottom: 8px;
-          line-height: 24px;
-          text-align: center;
-          background: #fafafb;
-          border-radius: 24px;
-          cursor: pointer;
-        }
-      }
-      > :nth-child(2) {
-        margin-top: 14px;
-        li {
-          border-radius: 2px;
-        }
-      }
-      > :nth-child(3) {
-        display: flex;
-        justify-content: space-between;
-        width: 100%;
-        height: 32px;
-        margin-top: 12px;
-        padding: 0 12px;
-        line-height: 32px;
-        background: #fafafb;
-        border-radius: 2px;
-        > :first-child {
-          transform: rotate(180deg);
-        }
-      }
-      .active,
-      li.active {
-        color: @primary-color;
-        background: #e8efff;
-      }
-    }
-  }
-}
-
-.biz-quick-date-picker-wrap:hover {
-  border: 1px solid @primary-color;
-}
-.biz-quick-date-picker-wrap.focus {
-  border: 1px solid @primary-color;
-  box-shadow: 0 0 0 4px #f0f7ff;
-}
-
-.clearfix:after {
-  display: block;
-  clear: both;
-  height: 0;
-  content: '';
-}
-
-.clearfix {
-  /* 触发 hasLayout */
-  zoom: 1;
-}
+@import '../../assets/styles/inner.less';
+
+.biz-quick-date-picker-wrap {
+  position: relative;
+  display: inline-block;
+  height: 34px;
+  padding: 4px 8px;
+  background: #fafafb;
+  border: 1px solid #fafafb;
+  border-radius: 4px;
+  &-tip {
+    position: absolute;
+    top: 4px;
+    left: 8px;
+    z-index: 2;
+    border-radius: 2px;
+  }
+  .ant-picker-range-arrow {
+    display: none !important;
+  }
+  .ant-picker-focused {
+    box-shadow: none !important;
+  }
+  > :nth-child(1) {
+    float: left;
+    height: 24px;
+    margin-right: 8px;
+    padding: 2px 8px;
+    color: @primary-color;
+    vertical-align: middle;
+    background: #e8efff;
+  }
+  .ant-picker {
+    padding: 0;
+    vertical-align: middle;
+    border: none;
+    border-radius: 0 !important;
+    .ant-picker-clear {
+      right: 0;
+    }
+  }
+  .ant-picker:not(.disabled):hover {
+    .ant-picker-input > input,
+    .ant-picker-range-separator {
+      color: #021429 !important;
+    }
+  }
+  &-content {
+    float: left;
+    .ant-picker-panel-container {
+      display: flex;
+      flex-direction: row-reverse;
+      border-radius: 8px;
+      .ant-picker-footer {
+        width: auto;
+        min-width: auto;
+        border-bottom: 1px solid #e8efff;
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+      }
+    }
+    &-options {
+      width: 170px;
+      padding-bottom: 25px;
+      color: #67727f;
+      ol,
+      li {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        list-style-type: none;
+      }
+      &-defaultOptions,
+      &-customOptions {
+        > :nth-child(1),
+        > :nth-child(2) {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          margin-top: 16px;
+          padding-bottom: 4px;
+          border-bottom: 1px solid #ecedf0;
+          li {
+            width: 81px;
+            height: 24px;
+            margin-bottom: 8px;
+            line-height: 24px;
+            text-align: center;
+            background: #fafafb;
+            border-radius: 24px;
+            cursor: pointer;
+          }
+        }
+        > :nth-child(2) {
+          margin-top: 14px;
+          li {
+            border-radius: 2px;
+          }
+        }
+      }
+      .customTime {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        height: 32px;
+        margin-top: 12px;
+        padding: 0 12px;
+        line-height: 32px;
+        background: #fafafb;
+        border-radius: 2px;
+        > :first-child {
+          transform: rotate(180deg);
+        }
+      }
+      .active,
+      li.active {
+        color: @primary-color;
+        background: #e8efff;
+      }
+    }
+  }
+}
+
+.biz-quick-date-picker-wrap:not(.disabled):hover {
+  border: 1px solid @primary-color;
+}
+.biz-quick-date-picker-wrap.focus {
+  border: 1px solid @primary-color;
+  box-shadow: 0 0 0 4px #f0f7ff;
+}
+
+.clearfix:after {
+  display: block;
+  clear: both;
+  height: 0;
+  content: '';
+}
+
+.clearfix {
+  /* 触发 hasLayout */
+  zoom: 1;
+}

package/es/quickDatePicker/types.d.ts

@@ -4,6 +4,10 @@ export declare namespace QuickDatePickerTypes {
         value: number;
         type: 'week' | 'month' | 'day';
         width: number;
+        isDefaultVsTime?: boolean;
+        begin?: string;
+        end?: string;
+        unit?: 'day' | 'week' | 'month';
     }
     interface Range {
         begin: string;
@@ -12,11 +16,20 @@ export declare namespace QuickDatePickerTypes {
     interface Value extends Range {
         unit: 'day' | 'week' | 'month';
         relative?: number;
+        value?: number;
+        width?: number;
+        label?: string;
+        isDefaultVsTime?: boolean;
     }
     interface Props {
         defaultValue?: Value;
         value?: Value;
         onChange?: (data: Value) => void;
+        disabled?: boolean;
+        isShowDefaultQuick?: boolean;
+        customQuickModuleOptions?: Options[];
+        isComparison?: boolean;
+        defaultOpen?: boolean;
     }
     interface ListOption {
         count: number;

package/es/quickDatePicker/utils.d.ts

@@ -1,3 +1,4 @@
+import moment from 'moment';
 export declare const quickModuleOneOptions: {
     label: string;
     value: number;
@@ -10,3 +11,8 @@ export declare const quickModuleTwoOptions: {
     type: 'day';
     width: number;
 }[];
+export declare function getPreviousTimePeriod(startDate: any, endDate: any, unit?: string, samePeriodLastYear?: boolean): {
+    previousStart: moment.Moment;
+    previousEnd: moment.Moment;
+    isLastYear: boolean;
+};

package/es/quickDatePicker/utils.js

@@ -1,3 +1,4 @@
+import moment from 'moment';
 export var quickModuleOneOptions = [{
   label: '本周',
   value: 1,
@@ -49,4 +50,56 @@ export var quickModuleTwoOptions = [{
   value: 180,
   type: 'day',
   width: 90
-}];
+}];
+export function getPreviousTimePeriod(startDate, endDate) {
+  var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'day';
+  var samePeriodLastYear = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var start = moment(startDate);
+  var end = moment(endDate);
+  if (!start.isValid() || !end.isValid()) {
+    throw new Error('Invalid date input');
+  }
+  if (samePeriodLastYear) {
+    return {
+      previousStart: start.clone().subtract(1, 'year'),
+      previousEnd: end.clone().subtract(1, 'year'),
+      isLastYear: true
+    };
+  }
+  var duration = moment.duration(end.diff(start));
+  var previousStart;
+  var previousEnd;
+  switch (unit.toLowerCase()) {
+    case 'hour':
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration);
+      break;
+    case 'day':
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration);
+      break;
+    case 'week':
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration, 'week');
+      break;
+    case 'month':
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration, 'month');
+      if (start.date() !== previousStart.date()) {
+        previousStart.endOf('month');
+      }
+      break;
+    case 'year':
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration, 'year');
+      break;
+    default:
+      previousEnd = start.clone().subtract(1, 'millisecond');
+      previousStart = previousEnd.clone().subtract(duration);
+  }
+  return {
+    previousStart: previousStart,
+    previousEnd: previousEnd,
+    isLastYear: false
+  };
+}

package/es/select/demo/index.js

@@ -10,7 +10,8 @@ import { Button } from 'antd';
 var stringOperate = [{
   name: '是',
   value: 'equal',
-  tip: 'ttttttttttt'
+  tip: 'ttttttttttt',
+  replaceLabel: '嘿嘿嘿？怎么个事'
 }, {
   name: '包含',
   value: 'contains'

package/es/select/handle.js

@@ -27,7 +27,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setFocus = _useState2[1];
   var handleRef = useRef(null);
   var inputRef = useRef(null);
-  var textRef = useRef();
+  var textRef = useRef(null);
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
     searchValue = _useState4[0],
@@ -114,7 +114,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
         color: "#fff"
       }, /*#__PURE__*/React.createElement(Tag, {
         closable: true,
-        className: "".concat(classPrefix, "-tag ").concat(disable || disableKeyMap[item[keyField]] ? 'disable' : ''),
+        className: "".concat(classPrefix, "-tag state-").concat(item.ancestryState, " ").concat(disable || disableKeyMap[item[keyField]] ? 'disable' : ''),
         onClose: function onClose() {
           !disable && !disableKeyMap[item[keyField]] && onDelete(item);
         }
@@ -175,11 +175,4 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     type: 'qingchu'
   }))));
 });
-SelectHandle.defaultProps = {
-  labelField: 'label',
-  keyField: 'id',
-  border: true,
-  showSelectIcon: true,
-  extraLabel: ''
-};
 export default SelectHandle;