@kdcloudjs/kdesign 1.7.70 → 1.8.0

package/lib/popper/index.js

@@ -0,0 +1,512 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popperPlacementMap = exports.default = exports.Triggers = exports.Popper = exports.Placements = void 0;
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
+var _startsWith = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/starts-with"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@popperjs/core");
+var _type = require("../_utils/type");
+var _classnames3 = _interopRequireDefault(require("classnames"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactNode = require("../_utils/reactNode");
+var _configProvider = require("../config-provider");
+var _hooks = require("../_utils/hooks");
+var _useId = _interopRequireDefault(require("../_utils/useId"));
+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 Placements = (0, _type.tuple)('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
+exports.Placements = Placements;
+var Triggers = (0, _type.tuple)('hover', 'focus', 'click', 'contextMenu');
+exports.Triggers = Triggers;
+var useEnhancedEffect = typeof window !== 'undefined' ? _react.default.useLayoutEffect : _react.default.useEffect;
+var TriggerContext = /*#__PURE__*/_react.default.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'];
+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'
+};
+exports.popperPlacementMap = popperPlacementMap;
+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 (0, _toConsumableArray2.default)((0, _filter.default)(_context = (0, _flat.default)(_context2 = (0, _map.default)(_context3 = (0, _toConsumableArray2.default)((0, _filter.default)(_context4 = (0, _keys.default)(placementFlip)).call(_context4, function (r) {
+    var _context5;
+    return (0, _includes.default)(_context5 = [prefix, placementFlip[prefix]]).call(_context5, r);
+  }))).call(_context3, function (d) {
+    return (0, _map.default)(suffix).call(suffix, function (o) {
+      return d + o;
+    });
+  })).call(_context2)).call(_context, function (f) {
+    return f !== key;
+  }));
+};
+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;
+};
+var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _context8, _context9, _context10;
+  var _a;
+  var _React$useContext = _react.default.useContext(_configProvider.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,
+    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,
+    visible = props.visible,
+    _props$arrowSize = props.arrowSize,
+    arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    _props$gap = props.gap,
+    defaultGap = _props$gap === void 0 ? 4 : _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,
+    _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;
+  var popperPrefixCls = getPrefixCls(pkgPrefixCls, 'popper');
+  var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
+  var child = getElement(children);
+  var childrenInner = /*#__PURE__*/(0, _react.isValidElement)(child) && !(0, _reactNode.isFragment)(child) ? child : /*#__PURE__*/_react.default.createElement("span", null, child);
+  var popperElement = getElement(tip);
+  var referenceElement = _react.Children.only(childrenInner);
+  var id = (0, _useId.default)();
+  var parentContext = (0, _react.useContext)(TriggerContext);
+  var subPopupRefs = (0, _react.useRef)({});
+  var context = _react.default.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 = (0, _react.useRef)(null);
+  var popperRefInner = (0, _react.useRef)(null);
+  var popperRef = ref || popperRefInner;
+  var popperInstance = (0, _react.useRef)(null);
+  var referenceRefInner = (0, _react.useRef)(null);
+  var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
+  var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
+  var _useMergedState = (0, _hooks.useMergedState)(false, {
+      value: visible,
+      defaultValue: defaultVisible
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    visibleInner = _useMergedState2[0],
+    setVisibleInner = _useMergedState2[1];
+  var _useState = (0, _react.useState)(visibleInner),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    exist = _useState2[0],
+    setExist = _useState2[1];
+  var _useState3 = (0, _react.useState)(getRealPlacement(placement)),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    placementInner = _useState4[0],
+    setPlacementInner = _useState4[1];
+  var delayRef = (0, _react.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] : '';
+    if (visibleInner !== nextOpen) {
+      if (nextOpen && (0, _includes.default)(triggerTypeArray).call(triggerTypeArray, triggerType)) {
+        onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
+      }
+      if (typeof visible === 'undefined') {
+        setVisibleInner(nextOpen);
+      }
+      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+    }
+    if (!nextOpen && (0, _keys.default)(subPopupRefs.current || {}).length) {
+      console.log('triggerOpenSub', subPopupRefs.current);
+      (0, _values.default)(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);
+        }
+      });
+    }
+  };
+  var triggerOpen = function triggerOpen(nextOpen) {
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    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(e) {
+    var _a, _b;
+    e.stopPropagation();
+    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;
+    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;
+    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 ((0, _startsWith.default)(placementInner).call(placementInner, 'top') || (0, _startsWith.default)(placementInner).call(placementInner, 'bottom')) {
+        var _context6;
+        if (!(0, _includes.default)(_context6 = ['top', 'bottom']).call(_context6, placementInner)) {
+          clientWidth = 6 * arrowSize;
+        }
+      } else {
+        var _context7;
+        if (!(0, _includes.default)(_context7 = ['right', 'left']).call(_context7, 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;
+    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;
+    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);
+    onTransitionEnd === null || onTransitionEnd === void 0 ? void 0 : onTransitionEnd(e);
+  };
+  var isTrigger = function isTrigger(triggerValue) {
+    return trigger === triggerValue || Array.isArray(trigger) && (0, _includes.default)(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);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    setPlacementInner(getRealPlacement(placement));
+  }, [placement]);
+  (0, _react.useEffect)(function () {
+    var scrollHandle = (0, _debounce.default)(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]);
+  (0, _react.useEffect)(function () {
+    var clickHandle = (0, _debounce.default)(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 = trigger === 'contextMenu' ? isPopper : isPopper || isReference;
+        console.log('clickOutside', children, e.target, isPopper, isReference, subPopupRefs.current);
+        if (clickToClose && !isTarget && !isSubPopper(e)) {
+          triggerOpen(false, 'clickOutside', 0);
+        }
+      }
+    }, 10);
+    if (visibleInner) {
+      document.addEventListener('click', clickHandle, true);
+    }
+    return function () {
+      document.removeEventListener('click', clickHandle, true);
+    };
+  }, [visibleInner, clickToClose, referenceRef, popperRefDom]);
+  (0, _react.useEffect)(function () {
+    var realDom = getRealDom(referenceRef, referenceElement);
+    var triggerNode = getTriggerElement(realDom);
+    triggerEventHandle(triggerNode);
+    return function () {
+      triggerEventHandle(triggerNode, 'removeEventListener');
+    };
+  }, [getTriggerElement, visibleInner, referenceElement, referenceRef, trigger]);
+  (0, _react.useImperativeHandle)(popperRef, function () {
+    return {
+      dom: popperRefDom.current,
+      triggerOpen: triggerOpen,
+      visible: visibleInner
+    };
+  });
+  var popperModifiers = [{
+    name: 'offset',
+    options: {
+      offset: [0, defaultGap + (arrow ? 5 : 0)]
+    }
+  }, {
+    name: 'preventOverflow',
+    enabled: autoPlacement,
+    options: {
+      mainAxis: true
+    }
+  }, {
+    name: 'flip',
+    enabled: autoPlacement,
+    options: {
+      fallbackPlacements: autoPlacement ? getFallbackPlacements(placementInner) : undefined
+    }
+  }, {
+    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 popperOptionsInner = {
+    placement: placementInner,
+    modifiers: popperModifiers,
+    strategy: 'fixed'
+  };
+  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 (0, _extends2.default)((0, _extends2.default)({}, 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 = (0, _core.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 = (0, _defineProperty2.default)({}, "--arrowSize", arrowSize + 'px');
+  var popperContainerProps = {
+    ref: popperRefDom,
+    style: (0, _extends2.default)({}, arrow ? arrowStyle : {}),
+    className: (0, _classnames3.default)(popperPrefixCls, {
+      hidden: !visibleInner
+    })
+  };
+  var popperProps = {
+    className: (0, _classnames3.default)([(0, _concat.default)(_context8 = "".concat(popperPrefixCls, "-")).call(_context8, placementInner)], (0, _defineProperty2.default)({}, (0, _concat.default)(_context9 = "".concat(popperPrefixCls, "-")).call(_context9, placementInner, "-out"), !visibleInner), (0, _defineProperty2.default)({}, (0, _concat.default)(_context10 = "".concat(popperPrefixCls, "-")).call(_context10, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    style: (0, _extends2.default)((0, _extends2.default)({}, 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: (0, _classnames3.default)((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.className, referencePrefixCls)
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(TriggerContext.Provider, {
+    value: context
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, popperContainerProps), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, popperProps), popperElement, arrow && /*#__PURE__*/_react.default.createElement("div", {
+    className: "arrow",
+    "data-popper-arrow": ""
+  })))), container));
+});
+exports.Popper = Popper;
+Popper.displayName = 'Popper';
+var _default = Popper;
+exports.default = _default;

package/lib/popper/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.css");
+require("./index.css");