@kdcloudjs/kdesign 1.7.48-usePopper.1 → 1.7.48-usePopper.2

package/es/_utils/useId.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (id?: string | undefined) => any;
+export default _default;

package/es/_utils/useId.js

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import * as React from 'react';
+function getUseId() {
+  var fullClone = _extends({}, React);
+  return fullClone === null || fullClone === void 0 ? void 0 : fullClone.useId;
+}
+var uuid = 0;
+var useOriginId = getUseId();
+export default useOriginId ? function useId(id) {
+  var reactId = useOriginId();
+  if (id) {
+    return id;
+  }
+  return reactId;
+} : function useCompatId(id) {
+  var _React$useState = React.useState('ssr-id'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    innerId = _React$useState2[0],
+    setInnerId = _React$useState2[1];
+  React.useEffect(function () {
+    var nextId = uuid;
+    uuid += 1;
+    setInnerId("kd_unique_".concat(nextId));
+  }, []);
+  if (id) {
+    return id;
+  }
+  return innerId;
+};

package/es/_utils/usePopper.js

@@ -113,6 +113,7 @@ var getRealDom = function getRealDom(locatorRef, locatorElement) {
   var name = REF_NAME_OBJ[(_a = locatorElement === null || locatorElement === void 0 ? void 0 : locatorElement.type) === null || _a === void 0 ? void 0 : _a.displayName];
   return locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current[name];
 };
+var DEFAULT_PLACEMENT = 'top';
 function usePopper(locatorElement, popperElement, props) {
   var _context3, _context4, _arrowStyle;
   var prefixCls = props.prefixCls,
@@ -131,7 +132,7 @@ function usePopper(locatorElement, popperElement, props) {
     _props$trigger = props.trigger,
     trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    placement = _props$placement === void 0 ? DEFAULT_PLACEMENT : _props$placement,
     _props$gap = props.gap,
     defaultGap = _props$gap === void 0 ? 4 : _props$gap,
     _props$scrollHidden = props.scrollHidden,
@@ -228,10 +229,15 @@ function usePopper(locatorElement, popperElement, props) {
     _useState16 = _slicedToArray(_useState15, 2),
     align = _useState16[0],
     setAlign = _useState16[1];
-  var _useState17 = useState(placement),
+  var _useState17 = useState(_includesInstanceProperty(Placements).call(Placements, placement) ? placement : DEFAULT_PLACEMENT),
     _useState18 = _slicedToArray(_useState17, 2),
     nextPlacement = _useState18[0],
     setNextPlacement = _useState18[1];
+  useEffect(function () {
+    if (nextPlacement !== placement && _includesInstanceProperty(Placements).call(Placements, placement)) {
+      setNextPlacement(placement);
+    }
+  }, [placement]);
   var alignPopper = useCallback(function () {
     var realDom = getRealDom(locatorRef, locatorElement);
     if (realDom && (popperRef === null || popperRef === void 0 ? void 0 : popperRef.current)) {
@@ -245,6 +251,10 @@ function usePopper(locatorElement, popperElement, props) {
         right = _realDom$getBoundingC.right,
         height = _realDom$getBoundingC.height,
         width = _realDom$getBoundingC.width;
+      if (height === 0 && width === 0) {
+        hidePopper();
+        return;
+      }
       var _getOffsetPos = getOffsetPos(container),
         containerTop = _getOffsetPos.top,
         containerLeft = _getOffsetPos.left;
@@ -415,7 +425,7 @@ function usePopper(locatorElement, popperElement, props) {
       setArrowPos(_arrowPos);
       setNextPlacement(currentPlacement);
     }
-  }, [locatorRef, popperRef, container, trigger, mousePos, autoPlacement, gap, arrowOffset, arrowSize, arrowWidth]);
+  }, [locatorRef, popperRef, container, trigger, mousePos, autoPlacement, gap, arrowOffset, arrowSize, arrowWidth, align === null || align === void 0 ? void 0 : align.left, align === null || align === void 0 ? void 0 : align.top, nextPlacement]);
   useEffect(function () {
     if (canAlign) {
       alignPopper();
@@ -540,13 +550,9 @@ function usePopper(locatorElement, popperElement, props) {
       }, 10);
       window.addEventListener('resize', alignPopper);
       document.addEventListener('scroll', scrollAlign, true);
-      locatorNode === null || locatorNode === void 0 ? void 0 : locatorNode.addEventListener('DOMSubtreeModified', alignPopper);
-      exist && (popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('DOMSubtreeModified', alignPopper));
       return function () {
         window.removeEventListener('resize', alignPopper);
         document.removeEventListener('scroll', scrollAlign, true);
-        locatorNode === null || locatorNode === void 0 ? void 0 : locatorNode.removeEventListener('DOMSubtreeModified', alignPopper);
-        exist && (popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('DOMSubtreeModified', alignPopper));
       };
     }
   }, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible, popperRef]);

package/es/anchor/anchor.js

@@ -179,6 +179,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var normalRef = React.useRef(null);
   var anchorRef = ref || normalRef;
   var linksWidthRef = React.useRef([]);
+  var animating = React.useRef(false);
   var wrapperClass = classNames(className, _defineProperty({}, "".concat(anchorPrefixCls, "-wrapper"), true));
   // classes
   var anchorMenuClass = classNames(_defineProperty({}, "".concat(anchorPrefixCls, "-menu"), true));
@@ -298,8 +299,12 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     var eleOffsetTop = getOffsetTop(targetElement, container);
     var y = scrollTop + eleOffsetTop;
     y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;
+    animating.current = true;
     scrollTo(y, {
-      getContainer: getScrollContainer
+      getContainer: getScrollContainer,
+      callback: function callback() {
+        animating.current = false;
+      }
     });
   };
   var setCurrentActiveLink = useCallback(function (link) {
@@ -320,6 +325,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
         setFixedTop(false);
       }
     }
+    if (animating.current) {
+      return;
+    }
     var currentActiveLink = getAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);
     currentActiveLink && setCurrentActiveLink(currentActiveLink);
   }, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef, targetOffset]);
@@ -327,7 +335,8 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     getScrollContainer().addEventListener('scroll', handleScroll);
     handleScroll();
     return function () {
-      return getScrollContainer().removeEventListener('scroll', handleScroll);
+      var _a;
+      return (_a = getScrollContainer()) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, [handleScroll, getScrollContainer]);
   useEffect(function () {

package/es/city-picker/style/index.css

@@ -250,7 +250,6 @@
 }
 .kd-city-picker-dropdown {
   display: block;
-  left: 0;
   z-index: var(--kd-c-city-picker-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/es/city-picker/style/index.less

@@ -142,7 +142,6 @@
 
   &-dropdown {
     display: block;
-    left: 0;
     z-index: @city-picker-z-index;
     box-sizing: border-box;
     margin: 0;

package/es/color-picker/color-picker-panel.js

@@ -76,7 +76,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
       setColTypeArr(formatArr);
     }
     setClickedColorIndex(index);
-    onChange && onChange(formatValue, colTypeArr);
+    onChange && onChange(formatValue, formatArr);
   };
   var handleTypeChange = function handleTypeChange(selectValue, option) {
     setCurrentColorType(option.label);

package/es/date-picker/date-panel.js

@@ -23,6 +23,8 @@ function Panel(props) {
     innerPicker = context.innerPicker,
     setInnerPicker = context.setInnerPicker;
   var isInnerPicker = innerPicker !== undefined;
+  var isInnerYear = innerPicker === 'year';
+  var isInnerMonth = innerPicker === 'month';
   var isPositionLeft = panelPosition === 'left';
   var isPositionRight = panelPosition === 'right';
   var isPositionUnset = typeof panelPosition === 'undefined';
@@ -48,14 +50,20 @@ function Panel(props) {
     }));
   };
   var renderMonthPanel = function renderMonthPanel() {
+    if (isInnerYear) {
+      return renderYearPanel();
+    }
     return /*#__PURE__*/React.createElement(Month, _extends({}, props));
   };
   var renderQuarterPanel = function renderQuarterPanel() {
+    if (isInnerYear) {
+      return renderYearPanel();
+    }
     return /*#__PURE__*/React.createElement(Quarter, _extends({}, props));
   };
   var renderDatePanel = function renderDatePanel() {
     if (isInnerPicker) {
-      if (innerPicker === 'year') {
+      if (isInnerYear) {
         return renderYearPanel();
       } else {
         return renderMonthPanel();
@@ -114,35 +122,32 @@ function Panel(props) {
       className: headerCls
     };
   };
+  var onHeaderYearClick = function onHeaderYearClick() {
+    setInnerPicker('year');
+  };
+  var onHeaderMonthClick = function onHeaderMonthClick() {
+    setInnerPicker('month');
+  };
   var renderMonthHeader = function renderMonthHeader() {
     var year = getYear(viewDate);
-    var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
+    var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear));
     return {
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, year + locale.year),
+      children: /*#__PURE__*/React.createElement("span", {
+        onClick: onHeaderYearClick
+      }, year + locale.year),
       className: headerCls
     };
   };
-  var onHeaderYearClick = function onHeaderYearClick() {
-    if (picker === 'date') {
-      setInnerPicker('year');
-    }
-  };
-  var onHeaderMonthClick = function onHeaderMonthClick() {
-    if (picker === 'date') {
-      setInnerPicker('month');
-    }
-  };
   var renderDateHeader = function renderDateHeader() {
-    var _classnames, _classnames2;
     var year = getYear(viewDate);
     var month = getMonth(viewDate) + 1;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames)),
+        className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear)),
         onClick: onHeaderYearClick
       }, year + locale.year), /*#__PURE__*/React.createElement("span", {
-        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames2)),
+        className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
         onClick: onHeaderMonthClick
       }, month + locale.month)),
       className: headerCls
@@ -150,7 +155,7 @@ function Panel(props) {
   };
   var onSuperPrev = function onSuperPrev() {
     var date;
-    if (picker === 'year' || innerPicker === 'year') {
+    if (picker === 'year' || isInnerYear) {
       var _props$yearItemNumber3 = props.yearItemNumber,
         yearItemNumber = _props$yearItemNumber3 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber3;
       date = addYears(viewDate, 0 - yearItemNumber);
@@ -161,7 +166,7 @@ function Panel(props) {
   };
   var onSuperNext = function onSuperNext() {
     var date;
-    if (picker === 'year' || innerPicker === 'year') {
+    if (picker === 'year' || isInnerYear) {
       var _props$yearItemNumber4 = props.yearItemNumber,
         yearItemNumber = _props$yearItemNumber4 === void 0 ? DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber4;
       var _viewDate = viewDate;
@@ -205,8 +210,8 @@ function Panel(props) {
         panel = renderMonthPanel();
         headerObj = renderMonthHeader();
         headerProps = {
-          onSuperPrev: isPositionRight ? undefined : onSuperPrev,
-          onSuperNext: isPositionLeft ? undefined : onSuperNext
+          onSuperPrev: !isPositionRight || innerPicker ? onSuperPrev : undefined,
+          onSuperNext: !isPositionLeft || innerPicker ? onSuperNext : undefined
         };
         break;
       }
@@ -215,8 +220,8 @@ function Panel(props) {
         panel = renderQuarterPanel();
         headerObj = renderMonthHeader();
         headerProps = {
-          onSuperPrev: isPositionRight ? undefined : onSuperPrev,
-          onSuperNext: isPositionLeft ? undefined : onSuperNext
+          onSuperPrev: !isPositionRight || innerPicker ? onSuperPrev : undefined,
+          onSuperNext: !isPositionLeft || innerPicker ? onSuperNext : undefined
         };
         break;
       }
@@ -225,10 +230,10 @@ function Panel(props) {
       {
         headerObj = renderDateHeader();
         headerProps = {
-          onPrev: isPositionLeft && !isInnerPicker || innerPicker === 'month' || isPositionUnset ? onPrev : undefined,
-          onNext: isPositionRight && !isInnerPicker || innerPicker === 'month' || isPositionUnset ? onNext : undefined,
-          onSuperPrev: isPositionLeft && !isInnerPicker || innerPicker === 'year' || isPositionUnset ? onSuperPrev : undefined,
-          onSuperNext: isPositionRight && !isInnerPicker || innerPicker === 'year' || isPositionUnset ? onSuperNext : undefined
+          onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
+          onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
+          onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
+          onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
         };
         panel = renderDatePanel();
         break;
@@ -238,10 +243,10 @@ function Panel(props) {
         panel = renderDatePanel();
         headerObj = renderDateHeader();
         headerProps = {
-          onPrev: isPositionRight ? undefined : onPrev,
-          onNext: isPositionLeft ? undefined : onNext,
-          onSuperPrev: isPositionRight ? undefined : onSuperPrev,
-          onSuperNext: isPositionLeft ? undefined : onSuperNext
+          onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
+          onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
+          onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
+          onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
         };
         break;
       }

package/es/date-picker/date-picker.js

@@ -150,7 +150,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         if (newText === '') {
           triggerChange(null);
           setViewDate(null);
-        } else if (newText && newText.length === _format.length) {
+        } else if (newText && newText.length >= _format.length) {
           var inputTempDate = parseDate(newText, _format);
           if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
             if (picker !== 'year') {
@@ -217,6 +217,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       if (valueText !== text) {
         resetText();
       }
+      if (hoverValue) {
+        onLeave();
+      }
     } else {
       setInnerPicker(undefined);
     }

package/es/date-picker/hooks/use-picker-input.js

@@ -29,8 +29,6 @@ export default function usePickerInput(_ref) {
     },
     onKeyDown: function onKeyDown(e) {
       var _context;
-      setTyping(true);
-      triggerOpen(true);
       switch (e.which) {
         case KeyCode.ENTER:
           {
@@ -46,8 +44,9 @@ export default function usePickerInput(_ref) {
           {
             if (typing && open && !e.shiftKey) {
               setTyping(false);
-              e.preventDefault();
+              // e.preventDefault()
             }
+
             return;
           }
         case KeyCode.ESC:

package/es/date-picker/range-picker.js

@@ -228,16 +228,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var _onTextChange = function onTextChange(newText, index) {
     var inputTempDate;
     if (newText === '') {
-      if (index === 0 && selectedValue && selectedValue.length === 2) {
-        inputTempDate = selectedValue[1];
-      } else if (index === 1 && selectedValue && selectedValue.length === 2) {
-        inputTempDate = selectedValue[0];
-      }
-      if (inputTempDate) {
-        triggerChange(updateValues(selectedValue, inputTempDate, index), index);
-        setViewDate(inputTempDate, index);
-      }
-    } else if (newText && newText.length === _format.length) {
+      triggerChange(updateValues(selectedValue, null, index), index);
+    } else if (newText && newText.length >= _format.length) {
       inputTempDate = parseDate(newText, _format);
       var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
       if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
@@ -391,28 +383,26 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);
     var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;
     if (canTrigger) {
-      setInnerValue(values);
+      if (typeof value === 'undefined') {
+        setInnerValue(values);
+      }
       if (onChange && (!isEqual(getValue(dateValue, 0), startValue) || !isEqual(getValue(dateValue, 1), endValue))) {
         onChange(values, [startStr, endStr]);
       }
     }
+    var curValue = getValue(values, sourceIndex);
     var nextOpenIndex = null;
     if (sourceIndex === 0 && !mergedDisabled[1]) {
       nextOpenIndex = 1;
     } else if (sourceIndex === 1 && !mergedDisabled[0]) {
       nextOpenIndex = 0;
     }
-    if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !getValue(values, nextOpenIndex)) && getValue(values, sourceIndex)) {
+    if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !getValue(values, nextOpenIndex)) && curValue) {
       triggerOpenAndFocus(nextOpenIndex);
-    } else {
+    } else if (curValue) {
       triggerOpen(false, sourceIndex);
     }
   };
-  // useOnClickOutside([popperRef, inputDivRef], () => {
-  //   setViewDate(null, 0)
-  //   setViewDate(null, 1)
-  //   setHoverRangedValue([null, null])
-  // })
   var onSelect = function onSelect(date, type) {
     var values = updateValues(selectedValue, date, mergedActivePickerIndex);
     if (type === 'inner') {
@@ -453,14 +443,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   useEffect(function () {
     if (!mergedOpen) {
       setSelectedValue(dateValue);
-      if (!startValueTexts.length || startValueTexts[0] === '') {
-        triggerStartTextChange('');
-      }
-      if (!endValueTexts.length || endValueTexts[0] === '') {
-        triggerEndTextChange('');
-      }
       setViewDate(null, 0);
       setViewDate(null, 1);
+      resetStartText();
+      resetEndText();
       setHoverRangedValue([null, null]);
     } else {
       setInnerPicker(undefined);

package/es/date-picker/utils/date-fns.js

@@ -273,10 +273,12 @@ export var setYearOrMonthOfDate = function setYearOrMonthOfDate(date1, date2) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'year';
   var d1 = new Date(date1 || 0);
   var d2 = new Date(date2 || 0);
-  if (type === 'year') {
+  if (type === 'year' && d1.getFullYear() !== d2.getFullYear()) {
+    d1.setDate(1);
     d1.setFullYear(d2.getFullYear());
   }
-  if (type === 'month') {
+  if (type === 'month' && d1.getMonth() !== d2.getMonth()) {
+    d1.setDate(1);
     d1.setMonth(d2.getMonth());
   }
   return d1;

package/es/filter/filter.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import * as React from 'react';
@@ -39,7 +39,7 @@ var Filter = function Filter(props) {
     customPrefixcls = _getCompProps.prefixCls;
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'filter', customPrefixcls);
-  var _React$useRef = React.useRef(props.value || props.defaultValue || {}),
+  var _React$useRef = React.useRef(typeof props.value === 'undefined' ? props.defaultValue || {} : props.value || {}),
     defaultValue = _React$useRef.current;
   var _React$useState = React.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -52,7 +52,6 @@ var Filter = function Filter(props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     tab = _React$useState4[0],
     setTab = _React$useState4[1];
-  var conditionValue = _Object$keys(value).length < 1 || _Object$keys(value).length === 1 && value.scheme ? defaultValue : value;
   var onConditionChange = function onConditionChange(nextValue, condition, option) {
     props.value === undefined && setValue(nextValue);
     onChange && onChange(nextValue, condition, option);
@@ -60,7 +59,7 @@ var Filter = function Filter(props) {
   var onConditionRemove = function onConditionRemove(key, e) {
     e.preventDefault();
     if (key) {
-      var nextValue = _extends({}, conditionValue);
+      var nextValue = _extends({}, value);
       delete nextValue[key];
       onConditionChange(nextValue);
     }
@@ -177,7 +176,7 @@ var Filter = function Filter(props) {
     FilterLangMsg: FilterLangMsg,
     onConditionChange: onConditionChange,
     onConditionRemove: onConditionRemove,
-    value: conditionValue
+    value: value
   })), /*#__PURE__*/React.createElement(SchemeFilter, _extends({}, {
     tab: tab,
     fields: fields,

package/es/grid/col.js

@@ -41,12 +41,23 @@ var Col = function Col(props) {
   var rowGroup = useContext(GapContext);
   var mergedWinWidth = rowGroup.winWidth;
   var gap = rowGroup.gap;
-  // 浏览器名称
-  var isSogouOrIE = testBrowserType(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if (testBrowserType(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   var colGapStyle = {
     padding: "0 ".concat(gap.h / 2, "px")
   };
-  if (isSogouOrIE && gap.v) colGapStyle.marginBottom = gap.v;
+  if (notSupportRowGap() && gap.v) colGapStyle.marginBottom = gap.v;
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
   var columns = 24;

package/es/grid/row.js

@@ -42,8 +42,19 @@ var Row = function Row(props) {
     align = _getCompProps.align,
     justify = _getCompProps.justify,
     customPrefixcls = _getCompProps.prefixCls;
-  // 浏览器名称
-  var isSogouOrIe = testBrowserType(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if (testBrowserType(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
   var _React$useState = React.useState(window.innerWidth),
@@ -75,10 +86,10 @@ var Row = function Row(props) {
     }
   }
   var rowStyle = {
-    'row-gap': "".concat(gap.v, "px"),
+    rowGap: "".concat(gap.v, "px"),
     margin: "0 ".concat(-1 * gap.h / 2, "px")
   };
-  if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v, "px");
+  if (gap.v && notSupportRowGap()) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
   var toalign = {
     top: 'flex-start',
     middle: 'center',

package/es/input/ClearableLabeledInput.js

@@ -56,11 +56,11 @@ var ClearableInput = function ClearableInput(props) {
       return null;
     }
     var needClear = !disabled && value && isMouseEnter;
-    var clearIconclasses = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
+    var clearIconCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
     return /*#__PURE__*/React.createElement("span", {
       onMouseDown: mouseDownHandle,
       onClick: handleReset,
-      className: clearIconclasses
+      className: clearIconCls
     }, typeof allowClear === 'boolean' ? /*#__PURE__*/React.createElement(Icon, {
       type: "close-solid"
     }) : allowClear);

package/es/input/TextArea.js

@@ -94,8 +94,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
   }, [autoSize, textareaRef, style]);
   useResizeObserver(textareaRef.current, resizeTextarea);
   var handleChange = function handleChange(e) {
-    if (value === undefined) return;
-    setValue(e.target.value);
+    propsValue === undefined && setValue(e.target.value);
     onChange && onChange(e);
   };
   var handleFocus = function handleFocus(e) {
@@ -140,11 +139,6 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       setNumberMarkError(false);
     }
   }, [value]);
-  useEffect(function () {
-    if (propsValue !== undefined) {
-      setValue(propsValue);
-    }
-  }, [propsValue, setValue]);
   useEffect(function () {
     if (focused && !showNumberMark) {
       setShowNumberMark(true);