bkui-vue 2.0.2-beta.4 → 2.0.2-beta.40

package/lib/cascader/index.js

@@ -1,15 +1,14 @@
 import "../styles/reset.css";
 import "./cascader.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_select_1a0d1ad7__ from "../select";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_d74826be__ from "../tag";
@@ -19,7 +18,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../
 import "../checkbox/checkbox.less";
 /******/ var __webpack_modules__ = ({
 
-/***/ 5235:
+/***/ 668:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -158,10 +157,8 @@ ClickOutside.install = function (app) {
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -239,7 +236,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -326,9 +323,9 @@ var external_vue_ = __webpack_require__(6609);
 // EXTERNAL MODULE: external "../shared"
 var shared_ = __webpack_require__(9253);
 ;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
 ;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
 
 
@@ -394,9 +391,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -410,7 +404,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1268,6 +1262,15 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
+/***/ }),
+
+/***/ 563:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
+
 /***/ }),
 
 /***/ 9253:
@@ -1540,16 +1543,14 @@ const external_vue_types_namespaceObject = x({ ["array"]: () => __WEBPACK_EXTERN
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
 const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
-// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 8 modules
-var src = __webpack_require__(5235);
+// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 7 modules
+var src = __webpack_require__(668);
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
 const icon_namespaceObject = icon_x({ ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUp, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["Spinner"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Spinner });
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: external "../popover/popover.less"
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
@@ -1637,7 +1638,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     var t = (0,config_provider_namespaceObject.useLocale)('cascader');
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var store = props.store;
+    var _toRefs = (0,external_vue_.toRefs)(props),
+      store = _toRefs.store;
     var menus = (0,external_vue_.reactive)({
       list: [props.store.getNodes()]
     });
@@ -1661,7 +1663,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
      * @param value - 选中的值数组
      */
     var updateCheckValue = function updateCheckValue(value) {
-      if (value.length === 0) {
+      if (!value || value.length === 0) {
         menus.list = menus.list.slice(0, 1);
         activePath.value = [];
       }
@@ -1673,31 +1675,63 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
      * @param value - 节点ID数组
      */
     var expandByNodeList = function expandByNodeList(value) {
-      var targetList = [];
-      // 如果配置了多选，找出最长的序列，即其最远的路径，以展开所有面板
-      if (store.config.multiple) {
-        var _iterator = _createForOfIteratorHelper(value),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var subArray = _step.value;
-            if (subArray.length > targetList.length) {
-              targetList = subArray;
+      // 判断是否为初始加载
+      var isInitialLoad = checkValue.value.length === 0;
+      // 如果是初始加载或单选情况，按原来的逻辑处理
+      if (isInitialLoad || !store.value.config.multiple) {
+        var targetList = [];
+        // 处理多选情况
+        if (store.value.config.multiple) {
+          var _iterator = _createForOfIteratorHelper(value),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var subArray = _step.value;
+              if (subArray.length > targetList.length) {
+                targetList = subArray;
+              }
             }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
+        } else {
+          // 单选情况
+          targetList = value;
         }
-      } else {
-        targetList = value;
+        // 执行展开操作
+        targetList.forEach(function (id) {
+          var node = store.value.getNodeById(id);
+          if (node) {
+            // 只展开，不需要重复触发
+            var expandNode = function expandNode(node) {
+              var _node$children;
+              if (!node || node !== null && node !== void 0 && node.isDisabled) return;
+              var level = node.level;
+              // 确保面板只更新到当前节点层级
+              menus.list = menus.list.slice(0, level);
+              activePath.value = activePath.value.slice(0, level - 1);
+              // 如果节点有子节点，直接添加到面板
+              if ((_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length) {
+                if (menus.list.length === level) {
+                  menus.list.push(node.children);
+                  activePath.value.push(node);
+                }
+              }
+            };
+            // 展开节点的所有父节点
+            var expandParents = function expandParents(node) {
+              if (node.parent) {
+                expandParents(node.parent);
+              }
+              expandNode(node);
+            };
+            expandParents(node);
+          }
+        });
       }
-      // 遍历最长路径的节点，如果节点有children，展开子面板
-      targetList.forEach(function (id) {
-        var node = store.getNodeById(id);
-        nodeExpandHandler(node);
-      });
+      // 用户交互过程中的选择由nodeExpandHandler单独处理，这里不干预
     };
     /** 节点选中回调
      *  根据单选、多选配置checkValue
@@ -1709,7 +1743,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       }
       if (node.config.multiple) {
         // 如果checkAnyLevel，返回所有check的节点； 否则只check 叶子节点
-        var targets = store.config.checkAnyLevel ? store.getCheckedNodes() : store.getCheckedLeafNodes();
+        var targets = store.value.config.checkAnyLevel ? store.value.getCheckedNodes() : store.value.getCheckedLeafNodes();
         checkValue.value = targets.map(function (node) {
           return node.path;
         }); // 如果任意级别可选，当前节点即为所选内容
@@ -1720,27 +1754,27 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     };
     /** node点击展开回调 */
     var nodeExpandHandler = function nodeExpandHandler(node) {
-      var _node$children;
+      var _node$children2;
       if (!node || node !== null && node !== void 0 && node.isDisabled) return;
       menus.list = menus.list.slice(0, node.level);
       activePath.value = activePath.value.slice(0, node.level - 1);
       /** 如果所点击的node具有children元素，则直接展开
        *  否则判断是否开启了远程加载，进行远程加载列表
        */
-      if ((_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length) {
+      if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length) {
         menus.list.push(node.children);
         activePath.value.push(node);
         return;
       }
-      if (store.config.isRemote && !node.isLeaf) {
+      if (store.value.config.isRemote && !node.isLeaf) {
         node.loading = true;
         var updateNodes = function updateNodes(nodeData) {
-          store.appendNodes(nodeData, node || null);
+          store.value.appendNodes(nodeData, node || null);
           menus.list.push(node.children);
           activePath.value.push(node);
           node.loading = false;
         };
-        store.config.remoteMethod(node, updateNodes);
+        store.value.config.remoteMethod(node, updateNodes);
       }
     };
     /**
@@ -2398,6 +2432,7 @@ var Store = /*#__PURE__*/function () {
     scrollWidth: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def('auto'),
     customTextFillback: shared_.PropTypes.func,
     customTagsFillback: shared_.PropTypes.func,
+    changeEmitsNodes: shared_.PropTypes.bool.def(false),
     collapseTags: {
       type: Boolean,
       "default": true
@@ -2421,6 +2456,8 @@ var Store = /*#__PURE__*/function () {
       setHover = _useHover.setHover,
       cancelHover = _useHover.cancelHover;
     var store = (0,external_vue_.ref)(new src_store(props));
+    // 用于处理在 removeTag 时， popOver panel 触发 clickOutside 消失的问题
+    var isAlways = (0,external_vue_.ref)(false);
     // 定义selectedText变量用于记录当前选择的值的文本
     var selectedText = (0,external_vue_.ref)('');
     // 定义selectedTags变量用于记录多选模式下已选的tag
@@ -2457,7 +2494,8 @@ var Store = /*#__PURE__*/function () {
     var inputRef = (0,external_vue_.ref)(null);
     // 用computed定义placeholder变量，用于处理props中的placeholder属性
     var placeholder = (0,external_vue_.computed)(function () {
-      return props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      var placeholder = props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      return modelValue.value.length === 0 ? placeholder : '';
     });
     var displayText = (0,external_vue_.computed)(function () {
       if (props.customTextFillback) {
@@ -2522,18 +2560,25 @@ var Store = /*#__PURE__*/function () {
     };
     // 移除tag
     var removeTag = function removeTag(value, index, e) {
+      isAlways.value = true;
       e.stopPropagation();
       var current = JSON.parse(JSON.stringify(value));
       var tag = current.splice(index, 1)[0];
       isEdit.value = true; // 删除时也在编辑态，触发overflowTagIndex的计算
       store.value.removeTag(tag);
       updateValue(current);
-      emit('update:modelValue', store.value.getCheckedNodes().map(function (node) {
+      emit('update:modelValue', store.value.getCheckedNodes()
+      // a. 开启 checkAnyLevel 后，不过滤任何节点
+      // b. 关闭 checkAnyLevel 后，只返回叶子节点，避免父节点在子节点全部选中后，同时出现在 modelValue 中
+      .filter(function (node) {
+        return store.value.config.checkAnyLevel || node.isLeaf;
+      }).map(function (node) {
         return node.path;
       }));
       // 计算过后，关闭编辑状态
       setTimeout(function () {
         isEdit.value = isFocus.value;
+        isAlways.value = false;
       });
     };
     // modelValue的监听函数
@@ -2542,7 +2587,8 @@ var Store = /*#__PURE__*/function () {
       updateValue(value);
       // 派发相关事件
       emit('update:modelValue', value);
-      oldValue !== undefined && emit('change', value); // oldValue = undefined代表初始化，init不派发change事件
+      var emitValue = props.changeEmitsNodes ? store.value.getNodeByValue(value) : value;
+      oldValue !== undefined && emit('change', emitValue); // oldValue = undefined代表初始化，init不派发change事件
       // 如果有过滤搜索，选择后，自动focus到input
       inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
       // 选择后过滤条件清除，面板初始化渲染
@@ -2561,10 +2607,9 @@ var Store = /*#__PURE__*/function () {
       // popover激活后，focus相应事件
       isFocus.value = val.isShow;
       (0,external_vue_.nextTick)(function () {
-        var _inputRef$value2;
-        val && ((_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus());
         if (val.isShow) {
-          var _cascaderPanel$value;
+          var _inputRef$value2, _cascaderPanel$value;
+          (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
           (_cascaderPanel$value = cascaderPanel.value) === null || _cascaderPanel$value === void 0 || _cascaderPanel$value.scrollToSelected(); // 滚动到选中的节点
         }
       });
@@ -2647,6 +2692,7 @@ var Store = /*#__PURE__*/function () {
       overflowTagIndex: overflowTagIndex,
       isCollapse: isCollapse,
       isFocus: isFocus,
+      isAlways: isAlways,
       store: store,
       updateValue: updateValue,
       selectedText: selectedText,
@@ -2677,7 +2723,8 @@ var Store = /*#__PURE__*/function () {
     var _this = this;
     // 定义suffixIcon函数，用于根据不同情况渲染后缀图标
     var suffixIcon = function suffixIcon() {
-      if (_this.clearable && _this.isHover && !_this.disabled) {
+      var _this$modelValue;
+      if (_this.clearable && _this.isHover && !_this.disabled && ((_this$modelValue = _this.modelValue) === null || _this$modelValue === void 0 ? void 0 : _this$modelValue.length) > 0) {
         // 当可清空、鼠标悬浮且未禁用时，渲染清空图标
         return (0,external_vue_.createVNode)(icon_namespaceObject.Close, {
           "class": _this.resolveClassName('icon-clear-icon'),
@@ -2742,12 +2789,14 @@ var Store = /*#__PURE__*/function () {
     };
     // 定义popoverRender函数，用于渲染弹出框
     var popoverRender = function popoverRender() {
-      return (0,external_vue_.createVNode)(popover_namespaceObject["default"], {
+      return (0,external_vue_.createVNode)(popover_["default"], {
         "ref": "popover",
         "class": _this.resolveClassName('cascader-popover-wrapper'),
+        "always": _this.isAlways,
         "arrow": false,
         "boundary": "body",
         "disabled": _this.disabled,
+        "hideIgnoreReference": true,
         "offset": 4,
         "placement": "bottom-start",
         "referenceCls": _this.resolveClassName('cascader-popover-reference'),
@@ -2776,6 +2825,7 @@ var Store = /*#__PURE__*/function () {
           }, null) : textRender()]);
         },
         content: function content() {
+          var _this$$slots$extensio, _this$$slots;
           return (0,external_vue_.createVNode)("div", {
             "class": _this.resolveClassName('cascader-popover')
           }, [(0,external_vue_.createVNode)(cascader_panel, {
@@ -2797,7 +2847,7 @@ var Store = /*#__PURE__*/function () {
                 "class": _this.resolveClassName('cascader-node-name')
               }, [scope.node.name]);
             }
-          })]);
+          }), (_this$$slots$extensio = (_this$$slots = _this.$slots).extension) === null || _this$$slots$extensio === void 0 ? void 0 : _this$$slots$extensio.call(_this$$slots)]);
         }
       });
     };
@@ -2806,7 +2856,7 @@ var Store = /*#__PURE__*/function () {
     }, [this.$slots.trigger ? popoverRender() : (0,external_vue_.createVNode)("div", {
       "ref": "bkCascaderRef",
       "class": [this.resolveClassName('cascader'), this.extCls, {
-        'is-unselected': this.modelValue.length === 0,
+        'is-unselected': !this.modelValue || this.modelValue.length === 0,
         'is-hover': this.isHover,
         'is-filterable': this.filterable,
         'is-focus': this.isFocus,

package/lib/checkbox/index.js

@@ -232,7 +232,7 @@ var useCheckbox = function useCheckbox() {
     }
     (0,external_vue_namespaceObject.nextTick)(function () {
       // 选中状态保持同步
-      if (inputRef.value.checked !== isChecked.value) {
+      if (inputRef.value && inputRef.value.checked !== isChecked.value) {
         inputRef.value.checked = isChecked.value;
       }
     });

package/lib/color-picker/index.js

@@ -1,9 +1,9 @@
 import "../styles/reset.css";
 import "./color-picker.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
@@ -12,7 +12,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__ from "
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 /******/ var __webpack_modules__ = ({
 
-/***/ 5235:
+/***/ 668:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -151,10 +151,8 @@ ClickOutside.install = function (app) {
 /* harmony default export */ const clickoutside = (ClickOutside);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 var esm_typeof = __webpack_require__(6522);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -232,7 +230,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -319,9 +317,9 @@ var external_vue_ = __webpack_require__(6609);
 // EXTERNAL MODULE: external "../shared"
 var shared_ = __webpack_require__(9253);
 ;// CONCATENATED MODULE: external "@popperjs/core"
-var core_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var core_y = x => () => x
-const core_namespaceObject = core_x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
 ;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
 
 
@@ -387,9 +385,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -403,7 +398,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -1261,6 +1256,15 @@ normalizeWheel.getEventType = function() /*string*/ {
 module.exports = normalizeWheel;
 
 
+/***/ }),
+
+/***/ 563:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
+
 /***/ }),
 
 /***/ 9253:
@@ -1537,8 +1541,8 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 var date_picker_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var date_picker_y = x => () => x
 const date_picker_namespaceObject = date_picker_x({ ["PickerDropdown"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__.PickerDropdown });
-// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 8 modules
-var src = __webpack_require__(5235);
+// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 7 modules
+var src = __webpack_require__(668);
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x

package/lib/components.d.ts

@@ -32,9 +32,8 @@ export { default as Navigation } from './navigation';
 export { default as Notify } from './notify';
 export { default as OverflowTitle } from './overflow-title';
 export { default as Pagination } from './pagination';
-export { default as $bkPopover } from './plugin-popover';
 export { default as PopConfirm } from './pop-confirm';
-export { default as Popover } from './popover';
+export { default as Popover, $bkPopover } from './popover';
 export { default as Popover2 } from './popover2';
 export { default as Process } from './process';
 export { default as Progress } from './progress';

package/lib/components.js

@@ -56,9 +56,8 @@ export { default as Navigation } from './navigation';
 export { default as Notify } from './notify';
 export { default as OverflowTitle } from './overflow-title';
 export { default as Pagination } from './pagination';
-export { default as $bkPopover } from './plugin-popover';
 export { default as PopConfirm } from './pop-confirm';
-export { default as Popover } from './popover';
+export { default as Popover, $bkPopover } from './popover';
 export { default as Popover2 } from './popover2';
 export { default as Process } from './process';
 export { default as Progress } from './progress';