bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/popover/index.js

@@ -5,6 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__ from "lodash/isElement";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_random_1771bfd1__ from "lodash/random";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -39,15 +40,15 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PlacementEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PlacementEnum, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["placementType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.placementType, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["renderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderType, ["triggerType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.triggerType, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -202,8 +203,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-
-/* harmony default export */ const src_arrow = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const src_arrow = (defineComponent({
   name: 'PopArrow',
   render: function render() {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
@@ -215,38 +215,38 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
   }
 }));
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -261,6 +261,7 @@ function _defineProperty(obj, key, value) {
 }
 ;// CONCATENATED MODULE: ../../packages/popover/src/const.tsx
 
+var _EMIT_EVENT_TYPES;
 /* eslint-disable @typescript-eslint/naming-convention */
 /*
  * Tencent is pleased to support the open source community by making
@@ -287,14 +288,13 @@ function _defineProperty(obj, key, value) {
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 var EMIT_EVENTS;
 (function (EMIT_EVENTS) {
   EMIT_EVENTS["CLICK_OUTSIDE"] = "clickoutside";
-  EMIT_EVENTS["CONTENT_MOUSEENTER"] = "contentMouseenter";
-  EMIT_EVENTS["CONTENT_MOUSELEAVE"] = "contentMouseleave";
   EMIT_EVENTS["CONTENT_AfterHidden"] = "afterHidden";
   EMIT_EVENTS["CONTENT_AfterShow"] = "afterShow";
+  EMIT_EVENTS["CONTENT_MOUSEENTER"] = "contentMouseenter";
+  EMIT_EVENTS["CONTENT_MOUSELEAVE"] = "contentMouseleave";
 })(EMIT_EVENTS || (EMIT_EVENTS = {}));
 var EVENT_SHOW_HIDE_FN = function EVENT_SHOW_HIDE_FN(_args) {
   return true;
@@ -305,7 +305,7 @@ var EVENT_COMMON_FN = function EVENT_COMMON_FN(e) {
 var EVENT_CLICK_OUTSIDE_FN = function EVENT_CLICK_OUTSIDE_FN(_args) {
   return true;
 };
-var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EMIT_EVENTS.CLICK_OUTSIDE, EVENT_CLICK_OUTSIDE_FN), EMIT_EVENTS.CONTENT_MOUSEENTER, EVENT_COMMON_FN), EMIT_EVENTS.CONTENT_MOUSELEAVE, EVENT_COMMON_FN), EMIT_EVENTS.CONTENT_AfterHidden, EVENT_SHOW_HIDE_FN), EMIT_EVENTS.CONTENT_AfterShow, EVENT_SHOW_HIDE_FN);
+var EMIT_EVENT_TYPES = (_EMIT_EVENT_TYPES = {}, _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CLICK_OUTSIDE, EVENT_CLICK_OUTSIDE_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_MOUSEENTER, EVENT_COMMON_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_MOUSELEAVE, EVENT_COMMON_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_AfterHidden, EVENT_SHOW_HIDE_FN), _defineProperty(_EMIT_EVENT_TYPES, EMIT_EVENTS.CONTENT_AfterShow, EVENT_SHOW_HIDE_FN), _EMIT_EVENT_TYPES);
 ;// CONCATENATED MODULE: ../../packages/popover/src/content.tsx
 
 /*
@@ -335,8 +335,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
  */
 
 
-
-/* harmony default export */ const content = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const content = (defineComponent({
   name: 'PopContent',
   props: {
     width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
@@ -347,14 +346,16 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     visible: shared_namespaceObject.PropTypes.bool.def(false),
     eventDelay: shared_namespaceObject.PropTypes.number.def(0)
   },
-  setup: function setup(props) {
+  emits: ['click'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
     var resolveValToPix = function resolveValToPix(val) {
       if (/^\d+\.?\d*$/.test("".concat(val))) {
         return "".concat(val, "px");
       }
       return val;
     };
-    var style = (0,external_vue_namespaceObject.computed)(function () {
+    var style = computed(function () {
       return {
         width: resolveValToPix(props.width),
         height: resolveValToPix(props.height),
@@ -362,8 +363,12 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
         maxWidth: resolveValToPix(props.maxWidth)
       };
     });
-    var refContent = (0,external_vue_namespaceObject.ref)(null);
-    var refTimer = (0,external_vue_namespaceObject.ref)(null);
+    var refContent = ref(null);
+    var refTimer = ref(null);
+    var handleClick = function handleClick(evt) {
+      evt.stopPropagation();
+      emit('click', evt);
+    };
     var resetPointerEvent = function resetPointerEvent() {
       var _props$eventDelay;
       if (props.eventDelay === 0) {
@@ -379,17 +384,18 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       if (props.eventDelay === 0) {
         return;
       }
-      (_refContent$value = refContent.value) === null || _refContent$value === void 0 || _refContent$value.style.setProperty('pointer-events', val);
+      (_refContent$value = refContent.value) === null || _refContent$value === void 0 ? void 0 : _refContent$value.style.setProperty('pointer-events', val);
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+    var contentClassName = computed(function () {
       return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
     });
     return {
       style: style,
       refContent: refContent,
       contentClassName: contentClassName,
+      handleClick: handleClick,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -406,8 +412,8 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots3;
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
-      if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
-        (0,external_vue_namespaceObject.nextTick)(function () {
+      if (Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+        nextTick(function () {
           _this.setContentPointerEvent('none');
           _this.resetPointerEvent();
         });
@@ -416,9 +422,10 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.contentClassName,
+      "ref": "refContent",
       "style": style,
-      "ref": "refContent"
+      "class": this.contentClassName,
+      "onClick": this.handleClick
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
   }
 }));
@@ -437,11 +444,13 @@ var PopoverProps = {
   isShow: shared_namespaceObject.PropTypes.bool.def(false),
   always: shared_namespaceObject.PropTypes.bool.def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
+  clickContentAutoHide: shared_namespaceObject.PropTypes.bool.def(false),
   width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   maxWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   maxHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto'),
   content: (0,external_vue_types_namespaceObject.toType)('IContent', {}).def(''),
+  renderDirective: (0,shared_namespaceObject.renderDirectiveType)().def('if'),
   target: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.instanceOf(HTMLElement), shared_namespaceObject.PropTypes.instanceOf(PointerEvent)]),
   allowHtml: shared_namespaceObject.PropTypes.bool.def(false),
   /**
@@ -456,7 +465,6 @@ var PopoverProps = {
    * 支持 click hover manual
    * manual： 通过isShow控制显示、隐藏
    */
-  // trigger: triggerType(),
   trigger: (0,shared_namespaceObject.triggerType)(),
   /**
    * content 渲染方式
@@ -509,6 +517,14 @@ var PopoverProps = {
    * 配置自定义样式类名，传入的类会被加在组件最外层的 DOM
    */
   extCls: shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 配置自定义样式类名，传入的类会被加在 Reference 外部的 div 上
+   */
+  referenceCls: shared_namespaceObject.PropTypes.string.def(''),
+  /**
+   * 点击 Reference 占位区是否忽略收起 popover
+   */
+  hideIgnoreReference: shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 自定义Content组件渲染，point-event延迟渲染时间
    * 避免子组件point-event渲染时触发popover鼠标事件
@@ -582,8 +598,7 @@ var PopoverProps = {
  * IN THE SOFTWARE.
  */
 
-
-/* harmony default export */ const root = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const root = (defineComponent({
   props: {
     "class": shared_namespaceObject.PropTypes.string.def(''),
     mode: shared_namespaceObject.PropTypes.string.def('')
@@ -598,31 +613,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
       try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
       } finally {
-        if (o) throw n;
+        if (_d) throw _e;
       }
     }
-    return a;
+    return _arr;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -653,16 +668,7 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || unsupportedIterableToArray_unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// CONCATENATED MODULE: external "lodash/isElement"
-var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var isElement_y = x => () => x
-const isElement_namespaceObject = isElement_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"] });
 ;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-/**
- * Custom positioning reference element.
- * @see https://floating-ui.com/docs/virtual-elements
- */
-
 const sides = ['top', 'right', 'bottom', 'left'];
 const alignments = ['start', 'end'];
 const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -850,7 +856,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
 
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a given reference element.
+ * next to a reference element when it is given a certain positioning strategy.
  *
  * This export does not have any `platform` interface logic. You will need to
  * write one for the platform you are using Floating UI with.
@@ -928,6 +934,7 @@ const computePosition = async (reference, floating, config) => {
         } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
       }
       i = -1;
+      continue;
     }
   }
   return {
@@ -990,7 +997,6 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
     rect,
     offsetParent,
     strategy
@@ -1018,8 +1024,7 @@ const arrow = options => ({
       placement,
       rects,
       platform,
-      elements,
-      middlewareData
+      elements
     } = state;
     // Since `element` is required, we don't Partial<> the type.
     const {
@@ -1067,20 +1072,16 @@ const arrow = options => ({
 
     // If the reference is small enough that the arrow's padding causes it to
     // to point to nothing for an aligned placement, adjust the offset of the
-    // floating element itself. To ensure `shift()` continues to take action,
-    // a single reset is performed when this is true.
-    const shouldAddOffset = !middlewareData.arrow && floating_ui_utils_getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
+    // floating element itself. This stops `shift()` from taking action, but can
+    // be worked around by calling it again after the `arrow()` if desired.
+    const shouldAddOffset = floating_ui_utils_getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1 ? min$1 - center : max - center : 0;
     return {
-      [axis]: coords[axis] + alignmentOffset,
+      [axis]: coords[axis] - alignmentOffset,
       data: {
         [axis]: offset,
-        centerOffset: center - offset - alignmentOffset,
-        ...(shouldAddOffset && {
-          alignmentOffset
-        })
-      },
-      reset: shouldAddOffset
+        centerOffset: center - offset + alignmentOffset
+      }
     };
   }
 });
@@ -1202,7 +1203,7 @@ const flip = function (options) {
     name: 'flip',
     options,
     async fn(state) {
-      var _middlewareData$arrow, _middlewareData$flip;
+      var _middlewareData$flip;
       const {
         placement,
         middlewareData,
@@ -1220,14 +1221,6 @@ const flip = function (options) {
         flipAlignment = true,
         ...detectOverflowOptions
       } = floating_ui_utils_evaluate(options, state);
-
-      // If a reset by the arrow was caused due to an alignment offset being
-      // added, we should skip any logic now since `flip()` has already done its
-      // work.
-      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
-      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
       const side = floating_ui_utils_getSide(placement);
       const isBasePlacement = floating_ui_utils_getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
@@ -1505,7 +1498,6 @@ const inline = function (options) {
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
-
 async function convertValueToCoords(state, options) {
   const {
     placement,
@@ -1519,6 +1511,8 @@ async function convertValueToCoords(state, options) {
   const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = floating_ui_utils_evaluate(options, state);
+
+  // eslint-disable-next-line prefer-const
   let {
     mainAxis,
     crossAxis,
@@ -1560,27 +1554,15 @@ const offset = function (options) {
     name: 'offset',
     options,
     async fn(state) {
-      var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y,
-        placement,
-        middlewareData
+        y
       } = state;
       const diffCoords = await convertValueToCoords(state, options);
-
-      // If the placement is the same and the arrow caused an alignment offset
-      // then we don't need to change the positioning coordinates.
-      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
-        data: {
-          ...diffCoords,
-          placement
-        }
+        data: diffCoords
       };
     }
   };
@@ -1812,7 +1794,7 @@ const size = function (options) {
 
 
 
-;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+;// CONCATENATED MODULE: ../../node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -1824,7 +1806,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -1865,17 +1847,6 @@ function isContainingBlock(element) {
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
 }
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
-    }
-  }
-  return null;
-}
 function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
@@ -1923,21 +1894,18 @@ function getNearestOverflowAncestor(node) {
   }
   return getNearestOverflowAncestor(parentNode);
 }
-function getOverflowAncestors(node, list, traverseIframes) {
+function getOverflowAncestors(node, list) {
   var _node$ownerDocument2;
   if (list === void 0) {
     list = [];
   }
-  if (traverseIframes === void 0) {
-    traverseIframes = true;
-  }
   const scrollableAncestor = getNearestOverflowAncestor(node);
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
 }
 
 
@@ -2217,7 +2185,7 @@ function getClippingElementAncestors(element, cache) {
   if (cachedResult) {
     return cachedResult;
   }
-  let result = getOverflowAncestors(element, [], false).filter(el => floating_ui_utils_dom_isElement(el) && getNodeName(el) !== 'body');
+  let result = getOverflowAncestors(element).filter(el => floating_ui_utils_dom_isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
@@ -2272,14 +2240,7 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  const {
-    width,
-    height
-  } = getCssDimensions(element);
-  return {
-    width,
-    height
-  };
+  return getCssDimensions(element);
 }
 
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
@@ -2321,6 +2282,17 @@ function getTrueOffsetParent(element, polyfill) {
   }
   return element.offsetParent;
 }
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
+    }
+  }
+  return null;
+}
 
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
@@ -2525,66 +2497,10 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
-/**
- * Optimizes the visibility of the floating element by choosing the placement
- * that has the most space available automatically, without needing to specify a
- * preferred placement. Alternative to `flip`.
- * @see https://floating-ui.com/docs/autoPlacement
- */
-const floating_ui_dom_autoPlacement = autoPlacement;
-
-/**
- * Optimizes the visibility of the floating element by shifting it in order to
- * keep it in view when it will overflow the clipping boundary.
- * @see https://floating-ui.com/docs/shift
- */
-const floating_ui_dom_shift = shift;
-
-/**
- * Optimizes the visibility of the floating element by flipping the `placement`
- * in order to keep it in view when the preferred placement(s) will overflow the
- * clipping boundary. Alternative to `autoPlacement`.
- * @see https://floating-ui.com/docs/flip
- */
-const floating_ui_dom_flip = flip;
-
-/**
- * Provides data that allows you to change the size of the floating element —
- * for instance, prevent it from overflowing the clipping boundary or match the
- * width of the reference element.
- * @see https://floating-ui.com/docs/size
- */
-const floating_ui_dom_size = (/* unused pure expression or super */ null && (size$1));
-
-/**
- * Provides data to hide the floating element in applicable situations, such as
- * when it is not in the same clipping context as the reference element.
- * @see https://floating-ui.com/docs/hide
- */
-const floating_ui_dom_hide = hide;
-
-/**
- * Provides data to position an inner element of the floating element so that it
- * appears centered to the reference element.
- * @see https://floating-ui.com/docs/arrow
- */
-const floating_ui_dom_arrow = arrow;
-
-/**
- * Provides improved positioning for inline reference elements that can span
- * over multiple lines, such as hyperlinks or range selections.
- * @see https://floating-ui.com/docs/inline
- */
-const floating_ui_dom_inline = inline;
-
-/**
- * Built-in `limiter` that will stop `shift()` at a certain point.
- */
-const floating_ui_dom_limitShift = (/* unused pure expression or super */ null && (limitShift$1));
-
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a given reference element.
+ * next to a reference element when it is given a certain CSS positioning
+ * strategy.
  */
 const floating_ui_dom_computePosition = (reference, floating, options) => {
   // This caches the expensive `getClippingElementAncestors` function so that
@@ -2607,6 +2523,14 @@ const floating_ui_dom_computePosition = (reference, floating, options) => {
 
 
 
+;// CONCATENATED MODULE: external "lodash/isElement"
+var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var isElement_y = x => () => x
+const isElement_namespaceObject = isElement_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"] });
+;// CONCATENATED MODULE: external "lodash/random"
+var random_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var random_y = x => () => x
+const random_namespaceObject = random_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_random_1771bfd1__["default"] });
 ;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
 const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 /* harmony default export */ const esm_browser_native = ({
@@ -2722,7 +2646,10 @@ function v4(options, buf, offset) {
  * IN THE SOFTWARE.
  */
 
+
 var CachedConst = {};
+// 全局的占位区点击记录
+var ReferenceClickSharedState = {};
 var isAvailableId = function isAvailableId(query) {
   var container = document.querySelector(query);
   return container instanceof HTMLElement;
@@ -2759,6 +2686,9 @@ var contentAsHTMLElement = function contentAsHTMLElement(content) {
     vNode: content
   };
 };
+var random = function random() {
+  return "".concat((0,random_namespaceObject["default"])(0, 999999), "_").concat(Date.now(), "_").concat((0,random_namespaceObject["default"])(0, 999999));
+};
 ;// CONCATENATED MODULE: ../../packages/popover/src/use-floating.tsx
 
 
@@ -2916,7 +2846,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   };
   var resolvePopOptions = function resolvePopOptions(elArrow, props) {
     var modifiers = resolveModifiers();
-    var middleware = [offset(modifiers.offset || props.offset), floating_ui_dom_shift({
+    var middleware = [offset(modifiers.offset || props.offset), shift({
       padding: props.padding
     })];
     var options = {
@@ -2924,17 +2854,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       middleware: middleware
     };
     if (props.arrow) {
-      middleware.push(floating_ui_dom_arrow({
+      middleware.push(arrow({
         element: elArrow
       }));
     }
     if (isAutoPlacementAvailable()) {
-      middleware.push(floating_ui_dom_autoPlacement());
+      middleware.push(autoPlacement());
     }
-    middleware.unshift(floating_ui_dom_inline());
-    middleware.push(floating_ui_dom_flip());
+    middleware.unshift(inline());
+    middleware.push(flip());
     if (isHideMiddlewareAvailable()) {
-      options.middleware.push(floating_ui_dom_hide());
+      options.middleware.push(hide());
     }
     /**
      * 如果是全屏元素或者指定的虚拟元素
@@ -3102,6 +3032,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var delay = resolvePopoverDelay()[1];
     popHideTimerId = setTimeout(function () {
       popShowTimerId && clearTimeout(popShowTimerId);
+      isMouseenter = false;
       localIsShow.value = false;
     }, delay);
   };
@@ -3130,26 +3061,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       hidePopover();
     }
   };
-  var handleClickRef = function handleClickRef() {
-    triggerPopover();
-  };
   var handlePopContentMouseEnter = function handlePopContentMouseEnter(e) {
-    if (props.trigger !== 'hover') {
+    if ('hover' !== props.trigger) {
       return;
     }
-    if (popHideTimerId) {
+    if (!isMouseenter) {
       isMouseenter = true;
+    }
+    // 设置setTimeout的延时为delay, 避免出现同时触发mouseenter mouseleave事件
+    var delay = resolvePopoverDelay()[1];
+    if (popHideTimerId) {
       clearTimeout(popHideTimerId);
-      popHideTimerId = undefined;
+      setTimeout(function () {
+        popHideTimerId = undefined;
+      }, delay);
     }
     emitPopContentMouseEnter(e);
   };
   var handlePopContentMouseLeave = function handlePopContentMouseLeave(e) {
-    if (isMouseenter) {
+    // 处理底部触发mouseleave事件，popShowTimerId有值代表处于hover状态
+    if (popShowTimerId && !popHideTimerId) {
       hidePopover();
-      isMouseenter = false;
-      emitPopContentMouseLeave(e);
     }
+    emitPopContentMouseLeave(e);
   };
   /**
    * 弹出内容鼠标移入事件
@@ -3168,15 +3102,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   var resolveTriggerEvents = function resolveTriggerEvents() {
     var _triggerEvents$props$;
     var triggerEvents = {
-      hover: {
+      hover: [{
         content: [['mouseenter', handlePopContentMouseEnter], ['mouseleave', handlePopContentMouseLeave]],
         reference: [['mouseenter', showPopover], ['mouseleave', hidePopover], ['focus', showPopover], ['blur', hidePopover]]
-      },
-      click: [['click', handleClickRef]],
-      manual: {
+      }],
+      click: [[['click', showPopover]]],
+      manual: [{
         content: [['mouseenter', emitPopContentMouseEnter], ['mouseleave', emitPopContentMouseLeave]],
         reference: [[]]
-      }
+      }]
     };
     return (_triggerEvents$props$ = triggerEvents[props.trigger]) !== null && _triggerEvents$props$ !== void 0 ? _triggerEvents$props$ : [];
   };
@@ -3347,6 +3281,7 @@ var parentNodeReferId = null;
     refArrow = _ref.refArrow,
     refRoot = _ref.refRoot;
   var storeEvents = null;
+  var uniqKey = random();
   var isFullscreen = (0,external_vue_namespaceObject.ref)(false);
   var fullscreenReferId = getFullscreenUid();
   var fullScreenTarget = (0,external_vue_namespaceObject.ref)();
@@ -3369,7 +3304,7 @@ var parentNodeReferId = null;
     getFullscreenRoot = _useFloating.getFullscreenRoot,
     stopHide = _useFloating.stopHide;
   var resetPopover = function resetPopover() {
-    cleanup === null || cleanup === void 0 || cleanup();
+    cleanup === null || cleanup === void 0 ? void 0 : cleanup();
     createPopInstance();
   };
   var showFn = function showFn() {
@@ -3391,15 +3326,16 @@ var parentNodeReferId = null;
       elReference = _resolvePopElements.elReference,
       elContent = _resolvePopElements.elContent;
     storeEvents = resolveTriggerEvents();
-    if (Array.isArray(storeEvents)) {
-      addEventToTargetEl(elReference, storeEvents);
-    } else {
-      var _storeEvents = storeEvents,
-        content = _storeEvents.content,
-        reference = _storeEvents.reference;
-      addEventToTargetEl(elReference, reference);
-      addEventToTargetEl(elContent, content);
-    }
+    storeEvents.forEach(function (storeEvent) {
+      if (Array.isArray(storeEvent)) {
+        addEventToTargetEl(elReference, storeEvent);
+      } else {
+        var content = storeEvent.content,
+          reference = storeEvent.reference;
+        addEventToTargetEl(elReference, reference);
+        addEventToTargetEl(elContent, content);
+      }
+    });
   };
   var addEventToTargetEl = function addEventToTargetEl(target, evets) {
     evets.forEach(function (_ref2) {
@@ -3412,17 +3348,43 @@ var parentNodeReferId = null;
     });
   };
   var removeEventListener = function removeEventListener() {
-    var _storeEvents2;
-    if ((_storeEvents2 = storeEvents) !== null && _storeEvents2 !== void 0 && _storeEvents2.length) {
+    var _storeEvents;
+    if ((_storeEvents = storeEvents) !== null && _storeEvents !== void 0 && _storeEvents.length) {
       var _resolvePopElements2 = resolvePopElements(),
-        elReference = _resolvePopElements2.elReference;
+        elReference = _resolvePopElements2.elReference,
+        elContent = _resolvePopElements2.elContent;
       if (elReference) {
-        storeEvents.forEach(function (_ref4) {
-          var _ref5 = _slicedToArray(_ref4, 2),
-            event = _ref5[0],
-            listener = _ref5[1];
-          if (event && typeof listener === 'function') {
-            elReference.removeEventListener(event, listener);
+        storeEvents.forEach(function (storeEvent) {
+          if (Array.isArray(storeEvent)) {
+            storeEvent.forEach(function (_ref4) {
+              var _ref5 = _slicedToArray(_ref4, 2),
+                event = _ref5[0],
+                listener = _ref5[1];
+              if (event && typeof listener === 'function') {
+                elReference.removeEventListener(event, listener);
+              }
+            });
+          } else {
+            var content = storeEvent.content,
+              reference = storeEvent.reference;
+            content.forEach(function (_ref6) {
+              var _ref7 = _slicedToArray(_ref6, 2),
+                event = _ref7[0],
+                listener = _ref7[1];
+              if (event && typeof listener === 'function') {
+                if (elContent) {
+                  elContent.removeEventListener(event, listener);
+                }
+              }
+            });
+            reference.forEach(function (_ref8) {
+              var _ref9 = _slicedToArray(_ref8, 2),
+                event = _ref9[0],
+                listener = _ref9[1];
+              if (event && typeof listener === 'function') {
+                elReference.removeEventListener(event, listener);
+              }
+            });
           }
         });
       }
@@ -3439,8 +3401,8 @@ var parentNodeReferId = null;
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
       var _fullScreenTarget$val;
-      var _ref6 = elReference || root || {},
-        parentNode = _ref6.parentNode;
+      var _ref10 = elReference || root || {},
+        parentNode = _ref10.parentNode;
       boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
@@ -3450,13 +3412,13 @@ var parentNodeReferId = null;
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
     var _fullScreenTarget$val2;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 ? void 0 : _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
     var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
     ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
-      element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
+      element === null || element === void 0 ? void 0 : element.removeAttribute('data-fllsrn-id');
     });
   };
   var boundary = (0,external_vue_namespaceObject.ref)();
@@ -3495,16 +3457,30 @@ var parentNodeReferId = null;
     document.body.removeEventListener('fullscreenchange', handleFullscreenChange);
   };
   var handleClickOutside = function handleClickOutside(_e) {
-    ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
-      isShow: localIsShow.value,
-      event: _e
-    });
-    var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === 'manual';
-    if (!props.forceClickoutside && needExec) {
-      return;
-    }
-    if (localIsShow.value) {
-      hideFn();
+    var hideIgnoreReference = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var commonFunc = function commonFunc() {
+      ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
+        isShow: localIsShow.value,
+        event: _e
+      });
+      var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === 'manual';
+      if (!props.forceClickoutside && needExec) {
+        return;
+      }
+      if (localIsShow.value) {
+        hideFn();
+      }
+    };
+    if (hideIgnoreReference) {
+      setTimeout(function () {
+        if (ReferenceClickSharedState[uniqKey]) {
+          ReferenceClickSharedState[uniqKey] = false;
+          return;
+        }
+        return commonFunc();
+      });
+    } else {
+      return commonFunc();
     }
   };
   return {
@@ -3523,7 +3499,8 @@ var parentNodeReferId = null;
     stopHide: stopHide,
     isFullscreen: isFullscreen,
     boundary: boundary,
-    localIsShow: localIsShow
+    localIsShow: localIsShow,
+    uniqKey: uniqKey
   };
 });
 ;// CONCATENATED MODULE: ../../packages/popover/src/popover.tsx
@@ -3563,14 +3540,12 @@ var parentNodeReferId = null;
 
 
 
-
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
-/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const popover = (defineComponent({
   name: 'Popover',
   components: {
-    // eslint-disable-next-line vue/no-reserved-component-names
     Content: content,
     Arrow: src_arrow,
     Root: root
@@ -3581,13 +3556,13 @@ function _isSlot(s) {
   props: PopoverProps,
   emits: EMIT_EVENT_TYPES,
   setup: function setup(props, ctx) {
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+    var _toRefs = toRefs(props),
       reference = _toRefs.reference;
-    var refDefaultReference = (0,external_vue_namespaceObject.ref)();
-    var refContent = (0,external_vue_namespaceObject.ref)();
-    var refArrow = (0,external_vue_namespaceObject.ref)();
-    var refRoot = (0,external_vue_namespaceObject.ref)();
-    var refReference = (0,external_vue_namespaceObject.computed)(function () {
+    var refDefaultReference = ref();
+    var refContent = ref();
+    var refArrow = ref();
+    var refRoot = ref();
+    var refReference = computed(function () {
       return reference.value || refDefaultReference.value;
     });
     var _usePopoverInit = use_popover_init(props, ctx, {
@@ -3610,9 +3585,10 @@ function _isSlot(s) {
       resetPopover = _usePopoverInit.resetPopover,
       stopHide = _usePopoverInit.stopHide,
       localIsShow = _usePopoverInit.localIsShow,
-      boundary = _usePopoverInit.boundary;
+      boundary = _usePopoverInit.boundary,
+      uniqKey = _usePopoverInit.uniqKey;
     if (!props.always && !props.disabled) {
-      (0,external_vue_namespaceObject.watch)(function () {
+      watch(function () {
         return props.isShow;
       }, function () {
         props.isShow ? showPopover() : hidePopover();
@@ -3620,7 +3596,7 @@ function _isSlot(s) {
         immediate: true
       });
     }
-    (0,external_vue_namespaceObject.watch)(function () {
+    watch(function () {
       return [props.disabled];
     }, function (val) {
       if (val[0]) {
@@ -3630,10 +3606,19 @@ function _isSlot(s) {
       }
     });
     updateBoundary();
-    (0,external_vue_namespaceObject.onMounted)(onMountedFn);
-    (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
-    var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return localIsShow.value && !props.disableTeleport;
+    onMounted(onMountedFn);
+    onBeforeUnmount(onUnmountedFn);
+    var isRenderModeShow = computed(function () {
+      return props.renderDirective === 'show';
+    });
+    var transBoundary = computed(function () {
+      return isRenderModeShow.value || localIsShow.value && !props.disableTeleport;
+    });
+    var contentIsShow = computed(function () {
+      if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
+        return true;
+      }
+      return localIsShow.value;
     });
     var show = function show() {
       showFn();
@@ -3641,12 +3626,15 @@ function _isSlot(s) {
     var hide = function hide() {
       hideFn();
     };
-    var contentIsShow = (0,external_vue_namespaceObject.computed)(function () {
-      if (props.renderType === shared_namespaceObject.RenderType.AUTO) {
-        return true;
+    var handleClickReferenceWraper = function handleClickReferenceWraper() {
+      ReferenceClickSharedState[uniqKey] = true;
+    };
+    // 点击 content 收起面板
+    var handleClickContent = function handleClickContent() {
+      if (props.trigger !== 'manual' && !props.always && props.clickContentAutoHide) {
+        localIsShow.value = false;
       }
-      return localIsShow.value;
-    });
+    };
     var renderContent = function renderContent() {
       if (props.allowHtml) {
         var _contentAsHTMLElement = contentAsHTMLElement(props.content),
@@ -3663,7 +3651,9 @@ function _isSlot(s) {
       refArrow: refArrow,
       content: props.content,
       theme: props.theme,
+      isRenderModeShow: isRenderModeShow,
       transBoundary: transBoundary,
+      handleClickContent: handleClickContent,
       handleClickOutside: handleClickOutside,
       updatePopover: updatePopover,
       resetPopover: resetPopover,
@@ -3672,21 +3662,25 @@ function _isSlot(s) {
       stopHide: stopHide,
       contentIsShow: contentIsShow,
       renderContent: renderContent,
-      localIsShow: localIsShow
+      localIsShow: localIsShow,
+      handleClickReferenceWraper: handleClickReferenceWraper
     };
   },
   render: function render() {
-    var _slot;
+    var _slot, _slot2;
     var _this$$slots$default,
       _this$$slots$default2,
       _this$$slots,
+      _this$$slots$default3,
+      _this$$slots$default4,
+      _this$$slots2,
       _this = this,
       _this$$slots$content,
       _this$$slots$content2,
-      _this$$slots3;
+      _this$$slots4;
     var renderReferSlot = function renderReferSlot(slot) {
       var _slot$;
-      if (external_vue_namespaceObject.Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
+      if (Text === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
         return (0,external_vue_namespaceObject.createVNode)("span", null, [slot]);
       }
       return slot;
@@ -3695,42 +3689,55 @@ function _isSlot(s) {
       "ref": "refRoot"
     }, {
       "default": function _default() {
-        return [(0,external_vue_namespaceObject.createVNode)(reference, {
+        return [_this.hideIgnoreReference ? (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.referenceCls,
+          "style": "display: inline-block;",
+          "onClick": _this.handleClickReferenceWraper
+        }, [(0,external_vue_namespaceObject.createVNode)(reference, {
           "ref": "refDefaultReference"
         }, _isSlot(_slot = renderReferSlot((_this$$slots$default = (_this$$slots$default2 = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot : {
           "default": function _default() {
             return [_slot];
           }
-        }), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-          "to": _this.boundary,
-          "disabled": !_this.transBoundary
+        })]) : (0,external_vue_namespaceObject.createVNode)(reference, {
+          "ref": "refDefaultReference"
+        }, _isSlot(_slot2 = renderReferSlot((_this$$slots$default3 = (_this$$slots$default4 = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default4 === void 0 ? void 0 : _this$$slots$default4.call(_this$$slots2)) !== null && _this$$slots$default3 !== void 0 ? _this$$slots$default3 : (0,external_vue_namespaceObject.createVNode)("span", null, null))) ? _slot2 : {
+          "default": function _default() {
+            return [_slot2];
+          }
+        }), (0,external_vue_namespaceObject.createVNode)(Teleport, {
+          "disabled": !_this.transBoundary,
+          "to": _this.boundary
         }, {
           "default": function _default() {
             return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(content, {
               "ref": "refContent",
-              "visible": _this.localIsShow,
-              "data-theme": _this.theme,
-              "extCls": _this.extCls,
               "width": _this.width,
               "height": _this.height,
-              "maxWidth": _this.maxWidth,
+              "extCls": _this.extCls,
+              "data-theme": _this.theme,
+              "eventDelay": _this.componentEventDelay,
               "maxHeight": _this.maxHeight,
-              "eventDelay": _this.componentEventDelay
+              "maxWidth": _this.maxWidth,
+              "visible": _this.localIsShow,
+              "onClick": _this.handleClickContent
             }, {
               "default": function _default() {
-                return [_this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots3 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots3)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
+                return [_this.isRenderModeShow || _this.contentIsShow ? (_this$$slots$content = (_this$$slots$content2 = (_this$$slots4 = _this.$slots).content) === null || _this$$slots$content2 === void 0 ? void 0 : _this$$slots$content2.call(_this$$slots4)) !== null && _this$$slots$content !== void 0 ? _this$$slots$content : _this.renderContent() : ''];
               },
               arrow: function arrow() {
-                var _this$$slots$arrow, _this$$slots2;
+                var _this$$slots$arrow, _this$$slots3;
                 return _this.arrow ? (0,external_vue_namespaceObject.createVNode)(src_arrow, {
                   "ref": "refArrow"
                 }, {
                   "default": function _default() {
-                    return [(_this$$slots$arrow = (_this$$slots2 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots2)];
+                    return [(_this$$slots$arrow = (_this$$slots3 = _this.$slots).arrow) === null || _this$$slots$arrow === void 0 ? void 0 : _this$$slots$arrow.call(_this$$slots3)];
                   }
                 }) : '';
               }
-            }), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), _this.handleClickOutside]])];
+            }), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), function (e) {
+              return _this.handleClickOutside(e, _this.hideIgnoreReference);
+            }]])];
           }
         })];
       }
@@ -3806,36 +3813,36 @@ function createPopoverComponent(options) {
       var refReference = (0,external_vue_namespaceObject.ref)();
       var show = function show() {
         var _refReference$value, _refReference$value$s;
-        (_refReference$value = refReference.value) === null || _refReference$value === void 0 || (_refReference$value$s = _refReference$value.show) === null || _refReference$value$s === void 0 || _refReference$value$s.call(_refReference$value);
+        (_refReference$value = refReference.value) === null || _refReference$value === void 0 || (_refReference$value$s = _refReference$value.show) === null || _refReference$value$s === void 0 ? void 0 : _refReference$value$s.call(_refReference$value);
       };
       var hide = function hide() {
         var _refReference$value2, _refReference$value2$;
-        (_refReference$value2 = refReference.value) === null || _refReference$value2 === void 0 || (_refReference$value2$ = _refReference$value2.hide) === null || _refReference$value2$ === void 0 || _refReference$value2$.call(_refReference$value2);
+        (_refReference$value2 = refReference.value) === null || _refReference$value2 === void 0 || (_refReference$value2$ = _refReference$value2.hide) === null || _refReference$value2$ === void 0 ? void 0 : _refReference$value2$.call(_refReference$value2);
       };
       var stopHide = function stopHide() {
         var _refReference$value3, _refReference$value3$;
-        (_refReference$value3 = refReference.value) === null || _refReference$value3 === void 0 || (_refReference$value3$ = _refReference$value3.stopHide) === null || _refReference$value3$ === void 0 || _refReference$value3$.call(_refReference$value3);
+        (_refReference$value3 = refReference.value) === null || _refReference$value3 === void 0 || (_refReference$value3$ = _refReference$value3.stopHide) === null || _refReference$value3$ === void 0 ? void 0 : _refReference$value3$.call(_refReference$value3);
       };
       var updateTarget = function updateTarget(target) {
         var _refReference$value4, _refReference$value4$;
         refProps.target = target;
-        (_refReference$value4 = refReference.value) === null || _refReference$value4 === void 0 || (_refReference$value4$ = _refReference$value4.resetPopover) === null || _refReference$value4$ === void 0 || _refReference$value4$.call(_refReference$value4);
+        (_refReference$value4 = refReference.value) === null || _refReference$value4 === void 0 || (_refReference$value4$ = _refReference$value4.resetPopover) === null || _refReference$value4$ === void 0 ? void 0 : _refReference$value4$.call(_refReference$value4);
       };
       var handleContentMouseenter = function handleContentMouseenter() {
         var _resolvedOptions$onCo;
-        (_resolvedOptions$onCo = resolvedOptions.onContentMouseenter) === null || _resolvedOptions$onCo === void 0 || _resolvedOptions$onCo.call(resolvedOptions);
+        (_resolvedOptions$onCo = resolvedOptions.onContentMouseenter) === null || _resolvedOptions$onCo === void 0 ? void 0 : _resolvedOptions$onCo.call(resolvedOptions);
       };
       var handleContentMouseleave = function handleContentMouseleave() {
         var _resolvedOptions$onCo2;
-        (_resolvedOptions$onCo2 = resolvedOptions.onContentMouseleave) === null || _resolvedOptions$onCo2 === void 0 || _resolvedOptions$onCo2.call(resolvedOptions);
+        (_resolvedOptions$onCo2 = resolvedOptions.onContentMouseleave) === null || _resolvedOptions$onCo2 === void 0 ? void 0 : _resolvedOptions$onCo2.call(resolvedOptions);
       };
       var handlePopoverHidden = function handlePopoverHidden() {
         var _resolvedOptions$onHi;
-        (_resolvedOptions$onHi = resolvedOptions.onHide) === null || _resolvedOptions$onHi === void 0 || _resolvedOptions$onHi.call(resolvedOptions);
+        (_resolvedOptions$onHi = resolvedOptions.onHide) === null || _resolvedOptions$onHi === void 0 ? void 0 : _resolvedOptions$onHi.call(resolvedOptions);
       };
       var handlePopoverShow = function handlePopoverShow() {
         var _resolvedOptions$onSh;
-        (_resolvedOptions$onSh = resolvedOptions.onShow) === null || _resolvedOptions$onSh === void 0 || _resolvedOptions$onSh.call(resolvedOptions);
+        (_resolvedOptions$onSh = resolvedOptions.onShow) === null || _resolvedOptions$onSh === void 0 ? void 0 : _resolvedOptions$onSh.call(resolvedOptions);
       };
       expose({
         show: show,
@@ -3846,10 +3853,10 @@ function createPopoverComponent(options) {
       return function () {
         return (0,external_vue_namespaceObject.createVNode)(popover, (0,external_vue_namespaceObject.mergeProps)(refProps, {
           "ref": refReference,
-          "onContentMouseenter": handleContentMouseenter,
-          "onContentMouseleave": handleContentMouseleave,
           "onAfterHidden": handlePopoverHidden,
-          "onAfterShow": handlePopoverShow
+          "onAfterShow": handlePopoverShow,
+          "onContentMouseenter": handleContentMouseenter,
+          "onContentMouseleave": handleContentMouseleave
         }), null);
       };
     }
@@ -3884,7 +3891,7 @@ function createPopoverComponent(options) {
     }
     $PopoverInstance.unmount();
     $PopoverInstance = null;
-    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 || _$PopoverInstanceEl.remove();
+    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 ? void 0 : _$PopoverInstanceEl.remove();
   };
   function close() {
     uninstall();
@@ -3895,17 +3902,17 @@ function createPopoverComponent(options) {
     install();
     if (target) {
       var _$PopoverInstanceVm;
-      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 || _$PopoverInstanceVm.updateTarget(target);
+      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 ? void 0 : _$PopoverInstanceVm.updateTarget(target);
     }
-    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 || _$PopoverInstanceVm2.show();
+    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 ? void 0 : _$PopoverInstanceVm2.show();
   }
   function update(e) {
     var _$PopoverInstanceVm3;
-    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 || _$PopoverInstanceVm3.updateTarget(e);
+    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 ? void 0 : _$PopoverInstanceVm3.updateTarget(e);
   }
   function hide() {
     var _$PopoverInstanceVm4;
-    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 || _$PopoverInstanceVm4.hide();
+    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 ? void 0 : _$PopoverInstanceVm4.hide();
   }
   immediate && install();
   return {