@kdcloudjs/kdesign 1.8.10 → 1.8.12

package/es/base-data/base-data.js

@@ -16,6 +16,7 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import { Input, Icon, Tabs, Empty, Spin, Checkbox } from '../index';
 import usePopper from '../_utils/usePopper';
+import ResizeObserver from '../_utils/resizeObserver';
 var InternalBaseData = function InternalBaseData(props, ref) {
   var _context2;
   var _useContext = useContext(ConfigContext),
@@ -195,9 +196,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return item;
     });
   };
-  // 当选中项文字超出输入框时，显示共多少项
-  useLayoutEffect(function () {
+  var handleShowTotal = useCallback(function () {
     var _a;
+    if (!isMultiple) return;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
     if (!inputDom) return;
     if (inputDom.scrollWidth - inputDom.offsetWidth > 0 && inputValue) {
@@ -205,7 +206,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     } else {
       setShowTotal(false);
     }
-  }, [inputRef, inputValue]);
+  }, [inputValue, isMultiple]);
+  // 当选中项文字超出输入框时，显示共多少项
+  useLayoutEffect(function () {
+    handleShowTotal();
+  }, [handleShowTotal]);
   // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
   var setValueBySeleted = useCallback(function () {
     var _context8;
@@ -461,6 +466,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       className: advancedSelectorCls,
       ref: advancedSelectorRef,
       style: style
+    }, /*#__PURE__*/React.createElement(ResizeObserver, {
+      onResize: handleShowTotal
     }, /*#__PURE__*/React.createElement(Input, {
       ref: inputRef,
       borderType: "none",
@@ -471,7 +478,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       onDoubleClick: handleDoubleClick,
       onFocus: handleFocus,
       onBlur: handleBlur
-    }), showTotal && !isFocused && isMultiple && /*#__PURE__*/React.createElement("span", {
+    })), showTotal && !isFocused && isMultiple && /*#__PURE__*/React.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-total"),
       onClick: showInputTotal
     }, totalText), isShowDetailBtn && !disabled && /*#__PURE__*/React.createElement("span", {

package/es/form/Field.js

@@ -80,7 +80,8 @@ var Field = function Field(props) {
     vertical = fieldContext.vertical,
     getDefaultValue = fieldContext.getDefaultValue,
     local = fieldContext.local,
-    formDisabled = fieldContext.disabled;
+    formDisabled = fieldContext.disabled,
+    wrapperWidthContext = fieldContext.wrapperWidth;
   var _getInternalHooks = getInternalHooks(INTERNAL_HOOK_KEY),
     registerField = _getInternalHooks.registerField,
     dispatch = _getInternalHooks.dispatch,
@@ -282,7 +283,7 @@ var Field = function Field(props) {
     textAlign: labelAlign,
     requiredMark: mergedRequired
   }), /*#__PURE__*/React.createElement(FieldWrapper, {
-    width: wrapperWidth,
+    width: wrapperWidth !== null && wrapperWidth !== void 0 ? wrapperWidth : wrapperWidthContext,
     validateMessage: validateMessage,
     extra: extra
   }, _mapInstanceProperty(childrenArray).call(childrenArray, function (child, index) {

package/es/popper/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { Modifier, Placement } from '@popperjs/core';
 export declare const Placements: ["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"];
 export declare type PlacementType = typeof Placements[number];
 export declare const Triggers: ["hover", "focus", "click", "contextMenu"];
 export declare type TriggerType = typeof Triggers[number];
+export declare type Reason = TriggerType | 'scroll' | 'clickOutside' | 'parentHidden' | 'unknown';
 export declare type RenderFunction = () => React.ReactNode;
 export declare type PopperProps = {
     gap?: number;
@@ -17,6 +19,7 @@ export declare type PopperProps = {
     mouseLeaveDelay?: number;
     defaultVisible?: boolean;
     autoPlacement?: boolean;
+    autoPlacementList?: Placement[];
     className?: string;
     style?: React.CSSProperties;
     popperClassName?: string;
@@ -27,12 +30,13 @@ export declare type PopperProps = {
     strategy?: 'fixed' | 'absolute';
     clickToClose?: boolean;
     onTrigger?: (trigger: TriggerType) => void;
-    onVisibleChange?: (visible: boolean) => void;
+    onVisibleChange?: (visible: boolean, reason?: Reason) => void;
     getTriggerElement?: (locatorNode: HTMLElement) => HTMLElement;
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
     onTransitionEnd?: (e: React.TransitionEvent) => void;
     onAnimationEnd?: (e: React.AnimationEvent) => void;
     children?: React.ReactNode;
+    customerModifiers?: (modifiers: Partial<Modifier<any, any>>[]) => Partial<Modifier<any, any>>[];
 };
 export interface TriggerContextProps {
     registerSubPopup: (id: string, node: any) => void;

package/es/popper/index.js

@@ -1,12 +1,10 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _flatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/flat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -58,29 +56,16 @@ export var popperPlacementMap = {
   rightTop: 'right-start',
   rightBottom: 'right-end'
 };
-var placementFlip = {
-  bottom: 'top',
-  top: 'bottom',
-  right: 'left',
-  left: 'right'
-};
 var getRealPlacement = function getRealPlacement(key) {
   return popperPlacementMap[key] ? popperPlacementMap[key] : 'top';
 };
-var getFallbackPlacements = function getFallbackPlacements(key) {
-  var _context, _context2, _context3, _context4;
-  var prefix = key.split('-')[0];
-  var suffix = ['']; // , '-start', '-end']
-  return _toConsumableArray(_filterInstanceProperty(_context = _flatInstanceProperty(_context2 = _mapInstanceProperty(_context3 = _toConsumableArray(_filterInstanceProperty(_context4 = _Object$keys(placementFlip)).call(_context4, function (r) {
-    var _context5;
-    return _includesInstanceProperty(_context5 = [prefix, placementFlip[prefix]]).call(_context5, r);
-  }))).call(_context3, function (d) {
-    return _mapInstanceProperty(suffix).call(suffix, function (o) {
-      return d + o;
-    });
-  })).call(_context2)).call(_context, function (f) {
-    return f !== key;
-  }));
+var getFallbackPlacementList = function getFallbackPlacementList(arr) {
+  var _context;
+  return _filterInstanceProperty(_context = _mapInstanceProperty(arr).call(arr, function (d) {
+    return popperPlacementMap[d] ? popperPlacementMap[d] : '';
+  })).call(_context, function (d) {
+    return d;
+  });
 };
 var getRealDom = function getRealDom(locatorRef) {
   var locatorElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
@@ -103,7 +88,7 @@ var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
 export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context8, _context9, _context10;
+  var _context4, _context5, _context6;
   var _a;
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -129,8 +114,10 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     visible = props.visible,
     _props$arrowSize = props.arrowSize,
     arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    _props$arrowOffset = props.arrowOffset,
+    arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
     _props$gap = props.gap,
-    defaultGap = _props$gap === void 0 ? 4 : _props$gap,
+    defaultGap = _props$gap === void 0 ? 8 : _props$gap,
     _props$scrollHidden = props.scrollHidden,
     scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
     _props$mouseEnterDela = props.mouseEnterDelay,
@@ -141,6 +128,7 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
     _props$autoPlacement = props.autoPlacement,
     autoPlacement = _props$autoPlacement === void 0 ? true : _props$autoPlacement,
+    autoPlacementList = props.autoPlacementList,
     _props$clickToClose = props.clickToClose,
     clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
     _props$getTriggerElem = props.getTriggerElement,
@@ -153,13 +141,34 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     } : _props$getPopupContai,
     onTransitionEnd = props.onTransitionEnd,
     onAnimationEnd = props.onAnimationEnd,
-    children = props.children;
+    children = props.children,
+    customerModifiers = props.customerModifiers;
   var popperPrefixCls = getPrefixCls(pkgPrefixCls, 'popper');
   var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
   var child = getElement(children);
   var childrenInner = /*#__PURE__*/isValidElement(child) && !isFragment(child) ? child : /*#__PURE__*/React.createElement("span", null, child);
   var popperElement = getElement(tip);
   var referenceElement = Children.only(childrenInner);
+  var arrowOffsetInner = arrowSize + arrowOffset;
+  var getArrowOffset = function getArrowOffset(popperSize, referenceSize, arr) {
+    var boundary = arrowOffsetInner * 2;
+    var offset;
+    if (referenceSize < boundary || popperSize < boundary) {
+      var o = Math.min(referenceSize, popperSize) / 2;
+      if (arr[1] === 'start') {
+        offset = o;
+      } else {
+        offset = Math.max(popperSize - o, 0);
+      }
+    } else {
+      if (arr[1] === 'start') {
+        offset = arrowOffsetInner;
+      } else {
+        offset = popperSize - arrowOffsetInner;
+      }
+    }
+    return offset;
+  };
   var id = useId();
   var parentContext = useContext(TriggerContext);
   var subPopupRefs = useRef({});
@@ -201,7 +210,7 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   };
   var changeVisible = function changeVisible(nextOpen) {
-    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
     if (visibleInner !== nextOpen) {
       if (nextOpen && _includesInstanceProperty(triggerTypeArray).call(triggerTypeArray, triggerType)) {
         onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
@@ -209,18 +218,18 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
       if (typeof visible === 'undefined') {
         setVisibleInner(nextOpen);
       }
-      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen, triggerType);
     }
     if (!nextOpen && _Object$keys(subPopupRefs.current || {}).length) {
       _Object$values(subPopupRefs.current).forEach(function (d) {
         if (typeof (d === null || d === void 0 ? void 0 : d.triggerOpen) === 'function' && (d === null || d === void 0 ? void 0 : d.visible)) {
-          d === null || d === void 0 ? void 0 : d.triggerOpen(false);
+          d === null || d === void 0 ? void 0 : d.triggerOpen(false, 'parentHidden');
         }
       });
     }
   };
   var triggerOpen = function triggerOpen(nextOpen) {
-    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     clearDelay();
     if (!disabled) {
@@ -262,52 +271,40 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
     triggerOpen(nextOpen, triggerType, delay);
   };
-  var onClick = function onClick(e) {
-    var _a, _b;
+  var onClick = function onClick() {
     onTriggerInner(!visibleInner, 'click');
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
-  var onFocus = function onFocus(e) {
-    var _a, _b;
+  var onFocus = function onFocus() {
     onTriggerInner(true, 'focus');
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
-  var onBlur = function onBlur(e) {
-    var _a, _b;
+  var onBlur = function onBlur() {
     onTriggerInner(false, 'focus');
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
   var onContextMenu = function onContextMenu(e) {
-    var _a, _b;
     e.preventDefault();
     var clientWidth = 0;
     var clientHeight = 0;
     if (arrow) {
       if (_startsWithInstanceProperty(placementInner).call(placementInner, 'top') || _startsWithInstanceProperty(placementInner).call(placementInner, 'bottom')) {
-        var _context6;
-        if (!_includesInstanceProperty(_context6 = ['top', 'bottom']).call(_context6, placementInner)) {
+        var _context2;
+        if (!_includesInstanceProperty(_context2 = ['top', 'bottom']).call(_context2, placementInner)) {
           clientWidth = 6 * arrowSize;
         }
       } else {
-        var _context7;
-        if (!_includesInstanceProperty(_context7 = ['right', 'left']).call(_context7, placementInner)) {
+        var _context3;
+        if (!_includesInstanceProperty(_context3 = ['right', 'left']).call(_context3, placementInner)) {
           clientHeight = 6 * arrowSize;
         }
       }
     }
     virtualElement.getBoundingClientRect = generateGetBoundingClientRect(e.clientX, e.clientY, clientWidth, clientHeight);
     onTriggerInner(!visibleInner, 'contextMenu');
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
-  var onMouseOver = function onMouseOver(e) {
-    var _a, _b;
+  var onMouseOver = function onMouseOver() {
     onTriggerInner(true, 'hover', mouseEnterDelay);
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onMouseOver) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
-  var onMouseLeave = function onMouseLeave(e) {
-    var _a, _b;
+  var onMouseLeave = function onMouseLeave() {
     onTriggerInner(false, 'hover', mouseLeaveDelay);
-    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   };
   var onPopperAnimationEnd = function onPopperAnimationEnd(e) {
     onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(e);
@@ -365,7 +362,9 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
           triggerOpen(false, 'clickOutside', 0);
         }
       }
-    }, 10);
+    }, 10, {
+      leading: true
+    });
     if (visibleInner) {
       document.addEventListener('click', clickHandle, true);
     }
@@ -388,14 +387,14 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
       visible: visibleInner
     };
   });
-  var popperModifiers = [{
+  var defaultModifiers = [{
     name: 'offset',
     options: {
       offset: [0, defaultGap + (arrow ? 5 : 0)]
     }
   }, {
     name: 'preventOverflow',
-    enabled: autoPlacement,
+    enabled: autoPlacement && !_includesInstanceProperty(placementInner).call(placementInner, '-'),
     options: {
       mainAxis: true
     }
@@ -403,7 +402,51 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     name: 'flip',
     enabled: autoPlacement,
     options: {
-      fallbackPlacements: autoPlacement ? getFallbackPlacements(placementInner) : undefined
+      fallbackPlacements: Array.isArray(autoPlacementList) ? getFallbackPlacementList(autoPlacementList) : undefined
+    }
+  }, {
+    name: 'applyArrowOffset',
+    enabled: true,
+    phase: 'write',
+    fn: function fn(data) {
+      var _data$state = data.state,
+        arrow = _data$state.elements.arrow,
+        placement = _data$state.placement,
+        _data$state$rects = _data$state.rects,
+        popper = _data$state$rects.popper,
+        reference = _data$state$rects.reference;
+      if (arrow) {
+        var arr = placement.split('-');
+        var offset;
+        if (arr.length === 2) {
+          switch (arr[0]) {
+            case 'bottom':
+              offset = getArrowOffset(popper.width, reference.width, arr);
+              if (offset) {
+                arrow.style.transform = "translate(".concat(offset, "px, 0px)");
+              }
+              break;
+            case 'left':
+              offset = getArrowOffset(popper.height, reference.height, arr);
+              if (offset) {
+                arrow.style.transform = "translate(0px, ".concat(offset, "px)");
+              }
+              break;
+            case 'right':
+              offset = getArrowOffset(popper.height, reference.height, arr);
+              if (offset) {
+                arrow.style.transform = "translate(0px, ".concat(offset, "px)");
+              }
+              break;
+            default:
+              offset = getArrowOffset(popper.width, reference.width, arr);
+              if (offset) {
+                arrow.style.transform = "translate(".concat(offset, "px, 0px)");
+              }
+              break;
+          }
+        }
+      }
     }
   }, {
     name: 'onUpdate',
@@ -417,6 +460,7 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }
   }];
+  var popperModifiers = typeof customerModifiers === 'function' ? customerModifiers(defaultModifiers) : defaultModifiers;
   var popperOptionsInner = {
     placement: placementInner,
     modifiers: popperModifiers,
@@ -468,7 +512,7 @@ export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
     })
   };
   var popperProps = {
-    className: classnames([_concatInstanceProperty(_context8 = "".concat(popperPrefixCls, "-")).call(_context8, placementInner)], _defineProperty({}, _concatInstanceProperty(_context9 = "".concat(popperPrefixCls, "-")).call(_context9, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context10 = "".concat(popperPrefixCls, "-")).call(_context10, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    className: classnames([_concatInstanceProperty(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], _defineProperty({}, _concatInstanceProperty(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
     style: _extends(_extends({}, popperStyle), style),
     onMouseOver: trigger === 'hover' ? function () {
       return onTriggerInner(true, 'hover', mouseEnterDelay);

package/es/tree/utils/treeUtils.js

@@ -593,7 +593,7 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
   var isInit = arguments.length > 10 ? arguments[10] : undefined;
   var searchStatus = arguments.length > 11 ? arguments[11] : undefined;
   var expandOnFilterNode = arguments.length > 12 ? arguments[12] : undefined;
-  var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
+  var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || expandScrollkeys;
   if (isInit) {
     if (defaultExpandAll) {
       keys = getAllNodeKeys(data);

package/es/tree-select/tree-select.js

@@ -331,7 +331,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
       onExpand: handleExpand,
-      height: listHeight
+      height: listHeight,
+      scrollToKey: Array.isArray(initValue) ? initValue[0] : initValue
     };
     if (isMultiple) {
       treeProps.checkable = true;

package/lib/base-data/base-data.js

@@ -26,6 +26,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
 var _utils = require("../_utils");
 var _index = require("../index");
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
+var _resizeObserver = _interopRequireDefault(require("../_utils/resizeObserver"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var InternalBaseData = function InternalBaseData(props, ref) {
@@ -207,9 +208,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return item;
     });
   };
-  // 当选中项文字超出输入框时，显示共多少项
-  (0, _react.useLayoutEffect)(function () {
+  var handleShowTotal = (0, _react.useCallback)(function () {
     var _a;
+    if (!isMultiple) return;
     var inputDom = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input;
     if (!inputDom) return;
     if (inputDom.scrollWidth - inputDom.offsetWidth > 0 && inputValue) {
@@ -217,7 +218,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     } else {
       setShowTotal(false);
     }
-  }, [inputRef, inputValue]);
+  }, [inputValue, isMultiple]);
+  // 当选中项文字超出输入框时，显示共多少项
+  (0, _react.useLayoutEffect)(function () {
+    handleShowTotal();
+  }, [handleShowTotal]);
   // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
   var setValueBySeleted = (0, _react.useCallback)(function () {
     var _context8;
@@ -473,6 +478,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       className: advancedSelectorCls,
       ref: advancedSelectorRef,
       style: style
+    }, /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
+      onResize: handleShowTotal
     }, /*#__PURE__*/_react.default.createElement(_index.Input, {
       ref: inputRef,
       borderType: "none",
@@ -483,7 +490,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       onDoubleClick: handleDoubleClick,
       onFocus: handleFocus,
       onBlur: handleBlur
-    }), showTotal && !isFocused && isMultiple && /*#__PURE__*/_react.default.createElement("span", {
+    })), showTotal && !isFocused && isMultiple && /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-total"),
       onClick: showInputTotal
     }, totalText), isShowDetailBtn && !disabled && /*#__PURE__*/_react.default.createElement("span", {

package/lib/form/Field.js

@@ -93,7 +93,8 @@ var Field = function Field(props) {
     vertical = fieldContext.vertical,
     getDefaultValue = fieldContext.getDefaultValue,
     local = fieldContext.local,
-    formDisabled = fieldContext.disabled;
+    formDisabled = fieldContext.disabled,
+    wrapperWidthContext = fieldContext.wrapperWidth;
   var _getInternalHooks = getInternalHooks(_useForm.INTERNAL_HOOK_KEY),
     registerField = _getInternalHooks.registerField,
     dispatch = _getInternalHooks.dispatch,
@@ -295,7 +296,7 @@ var Field = function Field(props) {
     textAlign: labelAlign,
     requiredMark: mergedRequired
   }), /*#__PURE__*/_react.default.createElement(_FieldWrapper.default, {
-    width: wrapperWidth,
+    width: wrapperWidth !== null && wrapperWidth !== void 0 ? wrapperWidth : wrapperWidthContext,
     validateMessage: validateMessage,
     extra: extra
   }, (0, _map.default)(childrenArray).call(childrenArray, function (child, index) {

package/lib/popper/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { Modifier, Placement } from '@popperjs/core';
 export declare const Placements: ["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"];
 export declare type PlacementType = typeof Placements[number];
 export declare const Triggers: ["hover", "focus", "click", "contextMenu"];
 export declare type TriggerType = typeof Triggers[number];
+export declare type Reason = TriggerType | 'scroll' | 'clickOutside' | 'parentHidden' | 'unknown';
 export declare type RenderFunction = () => React.ReactNode;
 export declare type PopperProps = {
     gap?: number;
@@ -17,6 +19,7 @@ export declare type PopperProps = {
     mouseLeaveDelay?: number;
     defaultVisible?: boolean;
     autoPlacement?: boolean;
+    autoPlacementList?: Placement[];
     className?: string;
     style?: React.CSSProperties;
     popperClassName?: string;
@@ -27,12 +30,13 @@ export declare type PopperProps = {
     strategy?: 'fixed' | 'absolute';
     clickToClose?: boolean;
     onTrigger?: (trigger: TriggerType) => void;
-    onVisibleChange?: (visible: boolean) => void;
+    onVisibleChange?: (visible: boolean, reason?: Reason) => void;
     getTriggerElement?: (locatorNode: HTMLElement) => HTMLElement;
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
     onTransitionEnd?: (e: React.TransitionEvent) => void;
     onAnimationEnd?: (e: React.AnimationEvent) => void;
     children?: React.ReactNode;
+    customerModifiers?: (modifiers: Partial<Modifier<any, any>>[]) => Partial<Modifier<any, any>>[];
 };
 export interface TriggerContextProps {
     registerSubPopup: (id: string, node: any) => void;