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

package/lib/config-provider/compDefaultProps.d.ts

@@ -470,7 +470,6 @@ declare const compDefaultProps: {
         defaultOpen: boolean;
         showArrow: boolean;
         placeholder: string;
-        description: string;
         showDescription: boolean;
         optionHighlightProps: string;
         allowClear: boolean;

package/lib/config-provider/compDefaultProps.js

@@ -499,7 +499,6 @@ var compDefaultProps = {
     defaultOpen: false,
     showArrow: true,
     placeholder: '',
-    description: '城市',
     showDescription: true,
     optionHighlightProps: 'highlightText',
     allowClear: true

package/lib/locale/locale.d.ts

@@ -69,6 +69,7 @@ declare class LocaleCache {
         'CityPicker.commonEmptyText': string;
         'CityPicker.tabsDomestic': string;
         'CityPicker.tabsInternation': string;
+        'CityPicker.title': string;
         'ColorPicker.followFunctionalColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];

package/lib/locale/zh-CN.d.ts

@@ -41,6 +41,7 @@ declare const locale: {
     'CityPicker.commonEmptyText': string;
     'CityPicker.tabsDomestic': string;
     'CityPicker.tabsInternation': string;
+    'CityPicker.title': string;
     'ColorPicker.followFunctionalColor': string;
     'Search.placeholder': string;
     'Search.desc': string[];

package/lib/locale/zh-CN.js

@@ -52,6 +52,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'CityPicker.commonEmptyText': '无常用城市',
   'CityPicker.tabsDomestic': '国内',
   'CityPicker.tabsInternation': '国际/中国港澳台',
+  'CityPicker.title': '城市',
   'ColorPicker.followFunctionalColor': '跟随功能色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],

package/lib/popper/index.d.ts

@@ -0,0 +1,61 @@
+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' | 'clickToClose' | 'parentHidden' | 'unknown';
+export declare type RenderFunction = () => React.ReactNode;
+export declare type PopperProps = {
+    gap?: number;
+    arrow?: boolean;
+    visible?: boolean;
+    prefixCls?: string;
+    arrowSize?: number;
+    disabled?: boolean;
+    arrowOffset?: number;
+    scrollHidden?: boolean;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    defaultVisible?: boolean;
+    autoPlacement?: boolean;
+    autoPlacementList?: Placement[];
+    className?: string;
+    style?: React.CSSProperties;
+    popperClassName?: string;
+    popperStyle?: React.CSSProperties;
+    popperOuterClassName?: string;
+    popperOuterStyle?: React.CSSProperties;
+    placement?: PlacementType;
+    tip?: any;
+    trigger?: TriggerType | Array<TriggerType>;
+    strategy?: 'fixed' | 'absolute';
+    clickToClose?: boolean;
+    onTrigger?: (trigger: TriggerType) => 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;
+}
+export declare const popperPlacementMap: {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+    topLeft: string;
+    topRight: string;
+    bottomLeft: string;
+    bottomRight: string;
+    leftTop: string;
+    leftBottom: string;
+    rightTop: string;
+    rightBottom: string;
+};
+export declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<unknown>>;
+export default Popper;

package/lib/popper/index.js

@@ -0,0 +1,567 @@
+"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 _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 _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+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 _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 getRealPlacement = function getRealPlacement(key) {
+  return popperPlacementMap[key] ? popperPlacementMap[key] : 'top';
+};
+var getFallbackPlacementList = function getFallbackPlacementList(arr) {
+  var _context;
+  return (0, _filter.default)(_context = (0, _map.default)(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;
+};
+var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _context4, _context5, _context6;
+  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,
+    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__*/(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 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 = (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 onVisibleChangeRef = (0, _react.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 = (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] : 'unknown';
+    var _a;
+    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);
+      }
+      (_a = onVisibleChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onVisibleChangeRef, nextOpen, triggerType);
+    }
+    if (!nextOpen && (0, _keys.default)(subPopupRefs.current || {}).length) {
+      (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, '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 ((0, _startsWith.default)(placementInner).call(placementInner, 'top') || (0, _startsWith.default)(placementInner).call(placementInner, 'bottom')) {
+        var _context2;
+        if (!(0, _includes.default)(_context2 = ['top', 'bottom']).call(_context2, placementInner)) {
+          clientWidth = 6 * arrowSize;
+        }
+      } else {
+        var _context3;
+        if (!(0, _includes.default)(_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) && (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 () {
+    onVisibleChangeRef.current = onVisibleChange;
+  }, [onVisibleChange]);
+  (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 = 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]);
+  (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 defaultModifiers = [{
+    name: 'offset',
+    options: {
+      offset: [0, defaultGap + (arrow ? 5 : 0)]
+    }
+  }, {
+    name: 'preventOverflow',
+    enabled: autoPlacement && !(0, _includes.default)(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 (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)((0, _extends2.default)({}, arrow ? arrowStyle : {}), popperOuterStyle),
+    className: (0, _classnames3.default)(popperPrefixCls, {
+      hidden: !visibleInner
+    }, popperOuterClassName)
+  };
+  var popperProps = {
+    className: (0, _classnames3.default)([(0, _concat.default)(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], (0, _defineProperty2.default)({}, (0, _concat.default)(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), (0, _defineProperty2.default)({}, (0, _concat.default)(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, 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");