@kdcloudjs/kdesign 1.7.68-stable.8 → 1.7.68-stable.9

package/es/popper/index.js

@@ -0,0 +1,550 @@
+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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+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";
+import React, { useEffect, useRef, useState, Children, forwardRef, useContext, isValidElement, useImperativeHandle } from 'react';
+import { createPopper } from '@popperjs/core';
+import { tuple } from '../_utils/type';
+import classnames from 'classnames';
+import debounce from 'lodash/debounce';
+import ReactDOM from 'react-dom';
+import { isFragment } from '../_utils/reactNode';
+import { ConfigContext } from '../config-provider';
+import { useMergedState } from '../_utils/hooks';
+import useId from '../_utils/useId';
+export var Placements = tuple('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
+export var Triggers = tuple('hover', 'focus', 'click', 'contextMenu');
+var useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var TriggerContext = /*#__PURE__*/React.createContext(null);
+var generateGetBoundingClientRect = function generateGetBoundingClientRect() {
+  var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  return function () {
+    return {
+      width: width,
+      height: height,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    };
+  };
+};
+var virtualElement = {
+  getBoundingClientRect: generateGetBoundingClientRect()
+};
+var triggerTypeArray = ['hover', 'focus', 'click', 'contextMenu'];
+export var popperPlacementMap = {
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom',
+  topLeft: 'top-start',
+  topRight: 'top-end',
+  bottomLeft: 'bottom-start',
+  bottomRight: 'bottom-end',
+  leftTop: 'left-start',
+  leftBottom: 'left-end',
+  rightTop: 'right-start',
+  rightBottom: 'right-end'
+};
+var getRealPlacement = function getRealPlacement(key) {
+  return popperPlacementMap[key] ? popperPlacementMap[key] : 'top';
+};
+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;
+  var _a;
+  if (!locatorRef.current) return locatorRef.current;
+  if (locatorRef.current.tagName) return locatorRef.current;
+  if (locatorElement) {
+    var REF_NAME_OBJ = {
+      Input: 'input',
+      InputNumber: 'input',
+      Select: 'select',
+      Upload: 'input'
+    };
+    var name = REF_NAME_OBJ === null || REF_NAME_OBJ === void 0 ? void 0 : 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];
+  }
+  return locatorElement;
+};
+var getElement = function getElement(element) {
+  return typeof element === 'function' ? element() : element;
+};
+export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _context4, _context5, _context6;
+  var _a;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls;
+  var prefixCls = props.prefixCls,
+    onTrigger = props.onTrigger,
+    style = props.style,
+    popperStyle = props.popperStyle,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
+    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,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    _props$strategy = props.strategy,
+    strategy = _props$strategy === void 0 ? 'absolute' : _props$strategy,
+    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 ? 8 : _props$gap,
+    _props$scrollHidden = props.scrollHidden,
+    scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
+    _props$mouseLeaveDela = props.mouseLeaveDelay,
+    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
+    _props$defaultVisible = props.defaultVisible,
+    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,
+    getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
+      return locatorNode;
+    } : _props$getTriggerElem,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai,
+    onTransitionEnd = props.onTransitionEnd,
+    onAnimationEnd = props.onAnimationEnd,
+    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({});
+  var context = React.useMemo(function () {
+    return {
+      registerSubPopup: function registerSubPopup(id, subPopupEle) {
+        subPopupRefs.current[id] = subPopupEle;
+        parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, subPopupEle);
+      }
+    };
+  }, [parentContext]);
+  var popperRefDom = useRef(null);
+  var popperRefInner = useRef(null);
+  var popperRef = ref || popperRefInner;
+  var popperInstance = useRef(null);
+  var referenceRefInner = useRef(null);
+  var onVisibleChangeRef = useRef(onVisibleChange);
+  var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
+  var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
+  var _useMergedState = useMergedState(false, {
+      value: visible,
+      defaultValue: defaultVisible
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    visibleInner = _useMergedState2[0],
+    setVisibleInner = _useMergedState2[1];
+  var _useState = useState(visibleInner),
+    _useState2 = _slicedToArray(_useState, 2),
+    exist = _useState2[0],
+    setExist = _useState2[1];
+  var _useState3 = useState(getRealPlacement(placement)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    placementInner = _useState4[0],
+    setPlacementInner = _useState4[1];
+  var delayRef = useRef();
+  var clearDelay = function clearDelay() {
+    if (typeof delayRef.current !== 'undefined') {
+      clearTimeout(delayRef.current);
+      delayRef.current = null;
+    }
+  };
+  var changeVisible = function changeVisible(nextOpen) {
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
+    var _a;
+    if (visibleInner !== nextOpen) {
+      if (nextOpen && _includesInstanceProperty(triggerTypeArray).call(triggerTypeArray, triggerType)) {
+        onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
+      }
+      if (typeof visible === 'undefined') {
+        setVisibleInner(nextOpen);
+      }
+      (_a = onVisibleChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onVisibleChangeRef, 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, 'parentHidden');
+        }
+      });
+    }
+  };
+  var triggerOpen = function triggerOpen(nextOpen) {
+    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) {
+      if (delay === 0) {
+        changeVisible(nextOpen, triggerType);
+      } else {
+        if (visibleInner !== nextOpen) {
+          delayRef.current = setTimeout(function () {
+            changeVisible(nextOpen, triggerType);
+          }, delay * 1000);
+        }
+      }
+    }
+  };
+  var isSubPopper = function isSubPopper(event) {
+    if (!event || !(event === null || event === void 0 ? void 0 : event.target)) {
+      return false;
+    }
+    // let targetElement: HTMLElement = event.target as HTMLElement
+    // const POP_ATTR_NAME = 'data-popper-placement'
+    // while (targetElement && targetElement !== document.documentElement) {
+    //   if (targetElement?.getAttribute(POP_ATTR_NAME) && targetElement?.className.includes(popperPrefixCls)) {
+    //     return true
+    //   }
+    //   targetElement = targetElement?.parentNode as HTMLElement
+    // }
+    var target = event.target;
+    if (subPopupRefs.current) {
+      for (var key in subPopupRefs.current) {
+        var dom = subPopupRefs.current[key].dom;
+        if (dom && ((dom === null || dom === void 0 ? void 0 : dom.contains(target)) || dom === target)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+  var onTriggerInner = function onTriggerInner(nextOpen, triggerType) {
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+    triggerOpen(nextOpen, triggerType, delay);
+  };
+  var onClick = function onClick() {
+    if (clickToClose || !visibleInner) {
+      onTriggerInner(!visibleInner, 'click');
+    }
+  };
+  var onFocus = function onFocus() {
+    onTriggerInner(true, 'focus');
+  };
+  var onBlur = function onBlur() {
+    onTriggerInner(false, 'focus');
+  };
+  var onContextMenu = function onContextMenu(e) {
+    e.preventDefault();
+    var clientWidth = 0;
+    var clientHeight = 0;
+    if (arrow) {
+      if (_startsWithInstanceProperty(placementInner).call(placementInner, 'top') || _startsWithInstanceProperty(placementInner).call(placementInner, 'bottom')) {
+        var _context2;
+        if (!_includesInstanceProperty(_context2 = ['top', 'bottom']).call(_context2, placementInner)) {
+          clientWidth = 6 * arrowSize;
+        }
+      } else {
+        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');
+  };
+  var onMouseOver = function onMouseOver() {
+    onTriggerInner(true, 'hover', mouseEnterDelay);
+  };
+  var onMouseLeave = function onMouseLeave() {
+    onTriggerInner(false, 'hover', mouseLeaveDelay);
+  };
+  var onPopperAnimationEnd = function onPopperAnimationEnd(e) {
+    onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(e);
+    onTransitionEnd === null || onTransitionEnd === void 0 ? void 0 : onTransitionEnd(e);
+  };
+  var isTrigger = function isTrigger(triggerValue) {
+    return trigger === triggerValue || Array.isArray(trigger) && _includesInstanceProperty(trigger).call(trigger, triggerValue);
+  };
+  var triggerEventHandle = function triggerEventHandle(triggerNode) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'addEventListener';
+    if (isTrigger('click')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('click', onClick);
+    }
+    if (isTrigger('focus')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('focus', onFocus);
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('blur', onBlur);
+    }
+    if (isTrigger('contextMenu')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('contextmenu', onContextMenu);
+    }
+    if (isTrigger('hover')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseover', onMouseOver);
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseleave', onMouseLeave);
+    }
+  };
+  useEffect(function () {
+    onVisibleChangeRef.current = onVisibleChange;
+  }, [onVisibleChange]);
+  useEffect(function () {
+    setPlacementInner(getRealPlacement(placement));
+  }, [placement]);
+  useEffect(function () {
+    var scrollHandle = debounce(function (e) {
+      var _a, _b;
+      if (visibleInner) {
+        var isPopper = e.target === popperRefDom.current || ((_b = (_a = popperRefDom.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, e.target));
+        if (scrollHidden && !isPopper) {
+          triggerOpen(false, 'scroll');
+        }
+      }
+    }, 10);
+    if (visibleInner) {
+      document.addEventListener('scroll', scrollHandle, true);
+    }
+    return function () {
+      document.removeEventListener('scroll', scrollHandle, true);
+    };
+  }, [visibleInner, scrollHidden, popperRefDom]);
+  useEffect(function () {
+    var clickHandle = debounce(function (e) {
+      var _a, _b, _c;
+      if (visibleInner) {
+        var isPopper = popperRefDom.current ? popperRefDom.current === e.target || ((_b = (_a = popperRefDom.current).contains) === null || _b === void 0 ? void 0 : _b.call(_a, e.target)) : false;
+        var domReference = getRealDom(referenceRef, referenceElement);
+        var isReference = domReference ? domReference === e.target || ((_c = domReference === null || domReference === void 0 ? void 0 : domReference.contains) === null || _c === void 0 ? void 0 : _c.call(domReference, e.target)) : false;
+        var isTarget = isPopper || isReference;
+        if (!isTarget && !isSubPopper(e)) {
+          triggerOpen(false, 'clickOutside', 0);
+        }
+        if (clickToClose && isReference && trigger !== 'focus') {
+          triggerOpen(false, 'clickToClose', 0);
+        }
+      }
+    }, 10, {
+      leading: true
+    });
+    if (visibleInner) {
+      document.addEventListener('click', clickHandle, true);
+    }
+    return function () {
+      document.removeEventListener('click', clickHandle, true);
+    };
+  }, [visibleInner, clickToClose, referenceRef, popperRefDom]);
+  useEffect(function () {
+    var realDom = getRealDom(referenceRef, referenceElement);
+    var triggerNode = getTriggerElement(realDom);
+    triggerEventHandle(triggerNode);
+    return function () {
+      triggerEventHandle(triggerNode, 'removeEventListener');
+    };
+  }, [getTriggerElement, visibleInner, referenceElement, referenceRef, trigger]);
+  useImperativeHandle(popperRef, function () {
+    return {
+      dom: popperRefDom.current,
+      triggerOpen: triggerOpen,
+      visible: visibleInner
+    };
+  });
+  var defaultModifiers = [{
+    name: 'offset',
+    options: {
+      offset: [0, defaultGap + (arrow ? 5 : 0)]
+    }
+  }, {
+    name: 'preventOverflow',
+    enabled: autoPlacement && !_includesInstanceProperty(placementInner).call(placementInner, '-'),
+    options: {
+      mainAxis: true
+    }
+  }, {
+    name: 'flip',
+    enabled: autoPlacement,
+    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,
+    phase: 'afterWrite',
+    fn: function fn(d) {
+      var _ref = d === null || d === void 0 ? void 0 : d.state,
+        p = _ref.placement;
+      if (p !== placementInner) {
+        setPlacementInner(p);
+      }
+    }
+  }];
+  var popperModifiers = typeof customerModifiers === 'function' ? customerModifiers(defaultModifiers) : defaultModifiers;
+  var popperOptionsInner = {
+    placement: placementInner,
+    modifiers: popperModifiers,
+    strategy: strategy
+  };
+  useEnhancedEffect(function () {
+    var _a, _b;
+    if (visibleInner) {
+      if (!exist) {
+        setExist(true);
+      } else {
+        if (popperInstance.current) {
+          (_a = popperInstance.current) === null || _a === void 0 ? void 0 : _a.setOptions(function (options) {
+            return _extends(_extends({}, options), popperOptionsInner);
+          });
+          (_b = popperInstance.current) === null || _b === void 0 ? void 0 : _b.forceUpdate();
+        }
+        setTimeout(function () {
+          parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, popperRef.current);
+        }, 10);
+      }
+    }
+  }, [visibleInner, placementInner, arrow]);
+  useEnhancedEffect(function () {
+    if (!exist) {
+      return undefined;
+    }
+    var current = getRealDom(referenceRef, referenceElement);
+    if (current) {
+      popperInstance.current = createPopper(trigger === 'contextMenu' ? virtualElement : (current === null || current === void 0 ? void 0 : current.closest(".".concat(referencePrefixCls))) || current, popperRefDom.current, popperOptionsInner);
+      setTimeout(function () {
+        parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, popperRef.current);
+      }, 10);
+    }
+    return function () {
+      var _a;
+      (_a = popperInstance.current) === null || _a === void 0 ? void 0 : _a.destroy();
+    };
+  }, [exist]);
+  if (children === null || typeof children === 'undefined') {
+    return null;
+  }
+  var arrowStyle = _defineProperty({}, "--arrowSize", arrowSize + 'px');
+  var popperContainerProps = {
+    ref: popperRefDom,
+    style: _extends(_extends({}, arrow ? arrowStyle : {}), popperOuterStyle),
+    className: classnames(popperPrefixCls, {
+      hidden: !visibleInner
+    }, popperOuterClassName)
+  };
+  var popperProps = {
+    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);
+    } : undefined,
+    onMouseLeave: trigger === 'hover' ? function () {
+      return onTriggerInner(false, 'hover', mouseLeaveDelay);
+    } : undefined,
+    onAnimationEnd: onPopperAnimationEnd,
+    onTransitionEnd: onPopperAnimationEnd
+  };
+  var referenceProps = {
+    ref: referenceRef,
+    className: classnames((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.className, referencePrefixCls)
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement("div", _extends({}, popperContainerProps), /*#__PURE__*/React.createElement("div", _extends({}, popperProps), popperElement, arrow && /*#__PURE__*/React.createElement("div", {
+    className: "arrow",
+    "data-popper-arrow": ""
+  })))), container));
+});
+Popper.displayName = 'Popper';
+export default Popper;

package/es/popper/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';