@kdcloudjs/kdesign 1.8.55 → 1.8.56

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.55
+ *   @kdcloudjs/kdesign v1.8.56
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2460,6 +2460,10 @@ function usePopper(locatorElement, popperElement, props) {
     _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState15, 2),
     maxWidth = _useState16[0],
     setMaxWidth = _useState16[1];
+  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])({}),
+    _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState17, 2),
+    forceStyle = _useState18[0],
+    setForceStyle = _useState18[1];
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (props.visible) {
       !exist && setExist(true);
@@ -2469,18 +2473,18 @@ function usePopper(locatorElement, popperElement, props) {
       setVisible(false);
     }
   }, [exist, props.visible]);
-  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
-    _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState17, 2),
-    evType = _useState18[0],
-    setEvType = _useState18[1];
-  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(),
+  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
     _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState19, 2),
-    align = _useState20[0],
-    setAlign = _useState20[1];
-  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(Placements.includes(placement) ? placement : DEFAULT_PLACEMENT),
+    evType = _useState20[0],
+    setEvType = _useState20[1];
+  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(),
     _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState21, 2),
-    nextPlacement = _useState22[0],
-    setNextPlacement = _useState22[1];
+    align = _useState22[0],
+    setAlign = _useState22[1];
+  var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(Placements.includes(placement) ? placement : DEFAULT_PLACEMENT),
+    _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState23, 2),
+    nextPlacement = _useState24[0],
+    setNextPlacement = _useState24[1];
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     // 如果当前是移动端且正在 align，就不要重置 nextPlacement
     if (isMobile) return;
@@ -2750,7 +2754,7 @@ function usePopper(locatorElement, popperElement, props) {
 
         var newMaxHeight = 0;
         var newMaxWidth;
-
+        var newForceStyle = {};
         // 高度限制逻辑
         if (/top/.test(placementForCalc)) {
           newMaxHeight = rect.top - gap;
@@ -2766,9 +2770,19 @@ function usePopper(locatorElement, popperElement, props) {
           } else if (/right/.test(placementForCalc)) {
             newMaxWidth = viewportWidth - rect.right - gap;
           }
+          var triggerWidth = rect.width;
+          if (triggerWidth >= viewportWidth * 0.8) {
+            newForceStyle = {
+              left: 0,
+              right: 'auto',
+              transform: 'none',
+              maxWidth: '100vw'
+            };
+          }
         }
         setMaxHeight(Math.max(newMaxHeight, 0));
         setMaxWidth(newMaxWidth && newMaxWidth > 0 ? newMaxWidth : undefined);
+        setForceStyle(newForceStyle);
       }
       setCanAlign(false);
       props.visible === undefined && setVisible(true);
@@ -2782,13 +2796,13 @@ function usePopper(locatorElement, popperElement, props) {
   var arrowStyle = (_arrowStyle = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(_arrowStyle, "--arrowSize", arrowSize + 'px'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(_arrowStyle, "--arrowSpill", arrowWidth / -2 + 'px'), _arrowStyle);
   if (arrowPos.top) arrowStyle["--arrowTop"] = arrowPos.top + 'px';
   if (arrowPos.left) arrowStyle["--arrowLeft"] = arrowPos.left + 'px';
-  var popperContainerStyle = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  var popperContainerStyle = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     position: 'absolute'
   }, align), arrow ? arrowStyle : {}), maxHeight ? {
     maxHeight: maxHeight + 'px'
   } : {}), maxWidth ? {
     maxWidth: maxWidth + 'px'
-  } : {}), popperStyle);
+  } : {}), forceStyle), popperStyle);
   var popperProps = {
     ref: popperRef,
     style: popperContainerStyle,
@@ -28955,7 +28969,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../button */ "./components/button/index.tsx");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _popper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../popper */ "./components/popper/index.tsx");
 
 
 
@@ -29049,7 +29063,9 @@ var Popconfirm = function Popconfirm(props) {
     arrow: true,
     onVisibleChange: handleVisibleChange
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])(confirmLocator, confirmPopper, popperProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"](_popper__WEBPACK_IMPORTED_MODULE_16__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
+    tip: confirmPopper
+  }, popperProps), confirmLocator);
 };
 Popconfirm.displayName = 'Popconfirm';
 /* harmony default export */ __webpack_exports__["default"] = (Popconfirm);