@kdcloudjs/kdesign 1.8.11 → 1.8.13

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.11
+ *   @kdcloudjs/kdesign v1.8.13
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4450,6 +4450,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
 /* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_resizeObserver__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/resizeObserver */ "./components/_utils/resizeObserver.tsx");
 
 
 
@@ -4474,6 +4475,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 
 var InternalBaseData = function InternalBaseData(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_17__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__["default"]),
@@ -4653,10 +4655,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       return item;
     });
   };
-
-  // 当选中项文字超出输入框时，显示共多少项
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useLayoutEffect"])(function () {
+  var handleShowTotal = Object(react__WEBPACK_IMPORTED_MODULE_17__["useCallback"])(function () {
     var _inputRef$current2;
+    if (!isMultiple) return;
     var inputDom = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.input;
     if (!inputDom) return;
     if (inputDom.scrollWidth - inputDom.offsetWidth > 0 && inputValue) {
@@ -4664,7 +4665,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     } else {
       setShowTotal(false);
     }
-  }, [inputRef, inputValue]);
+  }, [inputValue, isMultiple]);
+
+  // 当选中项文字超出输入框时，显示共多少项
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useLayoutEffect"])(function () {
+    handleShowTotal();
+  }, [handleShowTotal]);
 
   // 通过选中项显示input文字， optionLabelProp为回填到选择框的属性
   var setValueBySeleted = Object(react__WEBPACK_IMPORTED_MODULE_17__["useCallback"])(function () {
@@ -4917,6 +4923,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       className: advancedSelectorCls,
       ref: advancedSelectorRef,
       style: style
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_utils_resizeObserver__WEBPACK_IMPORTED_MODULE_23__["default"], {
+      onResize: handleShowTotal
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_21__["Input"], {
       ref: inputRef,
       borderType: "none",
@@ -4927,7 +4935,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
       onDoubleClick: handleDoubleClick,
       onFocus: handleFocus,
       onBlur: handleBlur
-    }), showTotal && !isFocused && isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
+    })), showTotal && !isFocused && isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
       className: "".concat(advancedSelectorfixCls, "-total"),
       onClick: showInputTotal
     }, totalText), isShowDetailBtn && !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
@@ -27842,6 +27850,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
     onVisibleChange = props.onVisibleChange,
     className = props.className,
     popperClassName = props.popperClassName,
+    popperOuterClassName = props.popperOuterClassName,
+    popperOuterStyle = props.popperOuterStyle,
     tip = props.tip,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
@@ -27854,8 +27864,10 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
     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,
@@ -27887,6 +27899,26 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
   var childrenInner = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["isValidElement"])(child) && !Object(_utils_reactNode__WEBPACK_IMPORTED_MODULE_21__["isFragment"])(child) ? child : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("span", null, child);
   var popperElement = getElement(tip);
   var referenceElement = react__WEBPACK_IMPORTED_MODULE_15__["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 = Object(_utils_useId__WEBPACK_IMPORTED_MODULE_24__["default"])();
   var parentContext = Object(react__WEBPACK_IMPORTED_MODULE_15__["useContext"])(TriggerContext);
   var subPopupRefs = Object(react__WEBPACK_IMPORTED_MODULE_15__["useRef"])({});
@@ -27928,7 +27960,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
     }
   };
   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 && triggerTypeArray.includes(triggerType)) {
         onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
@@ -27936,18 +27968,18 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
       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 && 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) {
@@ -28080,7 +28112,9 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
           triggerOpen(false, 'clickOutside', 0);
         }
       }
-    }, 10);
+    }, 10, {
+      leading: true
+    });
     if (visibleInner) {
       document.addEventListener('click', clickHandle, true);
     }
@@ -28110,7 +28144,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
     }
   }, {
     name: 'preventOverflow',
-    enabled: autoPlacement,
+    enabled: autoPlacement && !placementInner.includes('-'),
     options: {
       mainAxis: true
     }
@@ -28120,6 +28154,50 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
     options: {
       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',
     enabled: true,
@@ -28178,10 +28256,10 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_15__["forwardRef
   var arrowStyle = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "--arrowSize", arrowSize + 'px');
   var popperContainerProps = {
     ref: popperRefDom,
-    style: _objectSpread({}, arrow ? arrowStyle : {}),
+    style: _objectSpread(_objectSpread({}, arrow ? arrowStyle : {}), popperOuterStyle),
     className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(popperPrefixCls, {
       hidden: !visibleInner
-    })
+    }, popperOuterClassName)
   };
   var popperProps = {
     className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(["".concat(popperPrefixCls, "-").concat(placementInner)], _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-out"), !visibleInner), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(popperPrefixCls, "-").concat(placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),