bkui-vue 2.0.1 → 2.0.2-beta.10

package/lib/cascader/index.js

@@ -1,12 +1,14 @@
 import "../styles/reset.css";
 import "./cascader.less";
+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_directives_45d4776f__ from "../directives";
 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";
@@ -14,10 +16,1495 @@ import "../tag/tag.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_input_bee9f515__ from "../tag-input";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
+/******/ var __webpack_modules__ = ({
+
+/***/ 668:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  bkTooltips: () => (/* reexport */ src_tooltips)
+});
+
+// UNUSED EXPORTS: bkEllipsis, bkEllipsisInstance, bkLoading, clickoutside, mousewheel, overflowTitle
+
+;// 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; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+var isElement = function isElement(e) {
+  if (typeof Element === 'undefined') return false;
+  return e instanceof Element;
+};
+var nodeList = new Map();
+var startClick;
+document.addEventListener('mousedown', function (e) {
+  return startClick = e;
+});
+document.addEventListener('mouseup', function (e) {
+  var _iterator = _createForOfIteratorHelper(nodeList.values()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var handlers = _step.value;
+      var _iterator2 = _createForOfIteratorHelper(handlers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var documentHandler = _step2.value.documentHandler;
+          documentHandler(e, startClick);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+});
+function createDocumentHandler(el, binding) {
+  var excludes = [];
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg);
+  }
+  return function (mouseup, mousedown) {
+    var popperRef = binding.instance.popperRef;
+    var mouseUpTarget = mouseup.target;
+    var mouseDownTarget = mousedown === null || mousedown === void 0 ? void 0 : mousedown.target;
+    var isBound = !binding || !binding.instance;
+    var isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    var isSelf = el === mouseUpTarget;
+    var isTargetExcluded = excludes.length && excludes.some(function (item) {
+      return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
+    }) || excludes.length && excludes.includes(mouseDownTarget);
+    var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+var ClickOutside = {
+  beforeMount: function beforeMount(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated: function updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    var handlers = nodeList.get(el);
+    var oldHandlerIndex = handlers.findIndex(function (item) {
+      return item.bindingFn === binding.oldValue;
+    });
+    var newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      // replace the old handler to the new handler
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted: function unmounted(el) {
+    // remove all listeners when a component unmounted
+    nodeList["delete"](el);
+  }
+};
+ClickOutside.install = function (app) {
+  app.directive('bkTooltips', ClickOutside);
+};
+/* 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);
+// EXTERNAL MODULE: external "../popover"
+var popover_ = __webpack_require__(563);
+;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+var resolveOptions = function resolveOptions(el, binding) {
+  var options = {
+    content: '',
+    target: el
+  };
+  if ((0,esm_typeof["default"])(binding) === 'object') {
+    Object.assign(options, binding);
+    if (Object.prototype.hasOwnProperty.call(binding, 'popoverOption')) {
+      Object.assign(options, binding.popoverOption);
+    }
+  } else {
+    options.content = binding;
+  }
+  return options;
+};
+var createInstance = function createInstance(el, binding) {
+  var instance = null;
+  var createTimer = null;
+  var hidePopTimer = null;
+  var options = resolveOptions(el, binding);
+  var disabled = options.disabled;
+  if (disabled || instance) {
+    return;
+  }
+  var handleContentEnter = function handleContentEnter() {
+    hidePopTimer && clearTimeout(hidePopTimer);
+    hidePopTimer = null;
+  };
+  var handleContentLeave = function handleContentLeave() {
+    var _instance, _instance2;
+    if (createTimer) {
+      clearTimeout(createTimer);
+    }
+    (_instance = instance) === null || _instance === void 0 || _instance.hide();
+    (_instance2 = instance) === null || _instance2 === void 0 || _instance2.close();
+    instance = null;
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    handleContentLeave();
+    createTimer && clearTimeout(createTimer);
+    createTimer = setTimeout(function () {
+      var targetOptions = resolveOptions(el, binding);
+      targetOptions.isShow = true;
+      targetOptions.content = typeof targetOptions.content === 'function' ? targetOptions.content() : targetOptions.content || el.innerText;
+      targetOptions.allowHtml = true;
+      Object.assign(targetOptions, {
+        onContentMouseenter: handleContentEnter,
+        onContentMouseleave: handleContentLeave
+      });
+      instance = (0,popover_.$bkPopover)(targetOptions);
+    }, 300);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    hidePopTimer = setTimeout(function () {
+      var _instance3, _instance4;
+      if (createTimer) {
+        clearTimeout(createTimer);
+      }
+      (_instance3 = instance) === null || _instance3 === void 0 || _instance3.hide();
+      (_instance4 = instance) === null || _instance4 === void 0 || _instance4.close();
+      instance = null;
+    }, 120);
+  };
+  el.addEventListener('mouseenter', handleMouseEnter);
+  el.addEventListener('mouseleave', handleMouseLeave);
+  var destroyInstance = function destroyInstance(element) {
+    var _ref, _ref2;
+    handleMouseLeave();
+    (_ref = element !== null && element !== void 0 ? element : el) === null || _ref === void 0 || _ref.removeEventListener('mouseenter', handleMouseEnter);
+    (_ref2 = element !== null && element !== void 0 ? element : el) === null || _ref2 === void 0 || _ref2.removeEventListener('mouseleave', handleMouseLeave);
+  };
+  return {
+    destroyInstance: destroyInstance,
+    instance: instance
+  };
+};
+var ellipsis = {
+  mounted: function mounted(el, binding) {
+    createInstance(el, binding);
+  }
+};
+/* harmony default export */ const src_ellipsis = ((/* unused pure expression or super */ null && (ellipsis)));
+// EXTERNAL MODULE: ../../node_modules/normalize-wheel/index.js
+var normalize_wheel = __webpack_require__(2439);
+var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel);
+;// CONCATENATED MODULE: ../../packages/directives/src/mousewheel.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+var mousewheelHandler = function mousewheelHandler(element, callback) {
+  if (element !== null && element !== void 0 && element.addEventListener) {
+    element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (e) {
+      var normalized = normalize_wheel_default()(e);
+      callback === null || callback === void 0 || callback.apply(this, [e, normalized]);
+    });
+  }
+};
+var mousewheel = {
+  beforeMount: function beforeMount(el, binding) {
+    mousewheelHandler(el, binding.value);
+  }
+};
+/* harmony default export */ const src_mousewheel = ((/* unused pure expression or super */ null && (mousewheel)));
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(6666);
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+var toConsumableArray = __webpack_require__(7930);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(6609);
+// EXTERNAL MODULE: external "../shared"
+var shared_ = __webpack_require__(9253);
+;// CONCATENATED MODULE: external "@popperjs/core"
+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
+
+
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,defineProperty["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+var tooltips_nodeList = new WeakMap();
+var tooltips = {
+  beforeMount: function beforeMount(el, binding) {
+    var opts = getOpts(binding);
+    var trigger = opts.trigger,
+      showOnInit = opts.showOnInit;
+    var popper = renderContent(opts);
+    var delayTimeout = null;
+    if (showOnInit) {
+      (0,external_vue_.nextTick)(function () {
+        show(el);
+      });
+    }
+    if (trigger === 'hover') {
+      var hideTimeout = null;
+      el.addEventListener('mouseenter', function () {
+        delayTimeout = setTimeout(function () {
+          show(el);
+          clearTimeout(hideTimeout);
+          clearTimeout(delayTimeout);
+        }, opts.delay);
+      });
+      popper.addEventListener('mouseenter', function () {
+        clearTimeout(hideTimeout);
+      });
+      el.addEventListener('mouseleave', function () {
+        clearTimeout(delayTimeout);
+        hideTimeout = setTimeout(function () {
+          hide(el);
+        }, 100);
+      });
+      el.addEventListener('click', function () {
+        hide(el);
+      });
+      popper.addEventListener('mouseleave', function () {
+        clearTimeout(delayTimeout);
+        hideTimeout = setTimeout(function () {
+          hide(el);
+        }, 100);
+      });
+    } else if (trigger === 'click') {
+      document.body.addEventListener('click', function (event) {
+        if (el.contains(event.target) && !popper.hasAttribute('data-show')) {
+          delayTimeout = setTimeout(function () {
+            show(el);
+            clearTimeout(delayTimeout);
+          }, opts.delay);
+        } else if (popper.hasAttribute('data-show')) {
+          hide(el);
+        }
+      });
+    }
+    tooltips_nodeList.set(el, {
+      opts: opts,
+      popper: popper,
+      popperInstance: null
+    });
+  },
+  updated: function updated(el, binding) {
+    if (tooltips_nodeList.get(el)) {
+      tooltips_nodeList.get(el).opts = getOpts(binding);
+    }
+  },
+  unmounted: function unmounted(el) {
+    hide(el);
+    tooltips_nodeList["delete"](el);
+  }
+};
+/**
+ * 初始化配置
+ * @returns tooltips配置
+ */
+function initOptions() {
+  var defaultOpts = {
+    arrow: true,
+    disabled: false,
+    trigger: 'hover',
+    theme: 'dark',
+    content: '',
+    showOnInit: false,
+    placement: 'top',
+    distance: 8,
+    extCls: '',
+    sameWidth: false,
+    delay: 0,
+    onShow: function onShow() {},
+    onHide: function onHide() {}
+  };
+  return defaultOpts;
+}
+/**
+ * 获取配置
+ * @returns tooltips配置
+ */
+function getOpts(binding) {
+  var opts = initOptions();
+  if ((0,esm_typeof["default"])(binding.value) === 'object') {
+    Object.assign(opts, binding.value);
+  } else {
+    opts.content = binding.value;
+  }
+  return opts;
+}
+/**
+ * 创建tooltips DOM
+ * @param opts
+ * @returns
+ */
+function renderContext(value, content) {
+  if (typeof value === 'string') {
+    content.innerText = value;
+  } else {
+    // 如果 content 是 Vue 组件的实例，则挂载它
+    var container = document.createElement('div');
+    var vnode = (0,external_vue_.h)(value);
+    (0,external_vue_.render)(vnode, container);
+    content.innerHTML = container.innerHTML;
+  }
+}
+function renderContent(opts) {
+  var value = opts.content,
+    hasArrow = opts.arrow,
+    theme = opts.theme,
+    extCls = opts.extCls;
+  var isLight = theme === 'light';
+  var zIndex = shared_.bkZIndexManager.getPopperIndex();
+  var content = document.createElement('div');
+  var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
+  content.className = "".concat((0,shared_.resolveClassName)('popper', prefix), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
+  content.innerText = value;
+  content.style.zIndex = String(zIndex);
+  renderContext(value, content);
+  if (hasArrow) {
+    var arrow = renderArrow();
+    content.appendChild(arrow);
+  }
+  return content;
+}
+/**
+ * 渲染箭头dom
+ * @returns arrow DOM
+ */
+function renderArrow() {
+  var arrow = document.createElement('div');
+  var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
+  arrow.className = (0,shared_.resolveClassName)('popper-arrow', prefix);
+  arrow.setAttribute('data-popper-arrow', '');
+  return arrow;
+}
+/**
+ * 创建popper实例
+ * @param el
+ * @param popper
+ * @returns popper实例
+ */
+function createPopperInstance(el, popper) {
+  var _nodeList$get = tooltips_nodeList.get(el),
+    opts = _nodeList$get.opts;
+  var placement = opts.placement,
+    distance = opts.distance,
+    sameWidth = opts.sameWidth;
+  var popperInstance = (0,core_namespaceObject.createPopper)(el, popper, {
+    placement: placement,
+    modifiers: [{
+      name: 'offset',
+      options: {
+        offset: [0, distance]
+      }
+    }, {
+      name: 'arrow',
+      options: {
+        padding: 5
+      }
+    }].concat((0,toConsumableArray["default"])(sameWidth ? [{
+      name: 'sameWidth',
+      enabled: true,
+      phase: 'beforeWrite',
+      requires: ['computeStyles'],
+      fn: function fn(_ref) {
+        var state = _ref.state;
+        state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+      },
+      effect: function effect(_ref2) {
+        var state = _ref2.state;
+        state.elements.popper.style.overflowWrap = 'break-word';
+        state.elements.popper.style.width = "".concat(state.elements.reference.offsetWidth, "px");
+      }
+    }] : []))
+  });
+  return popperInstance;
+}
+/**
+ * 显示
+ * @param el
+ */
+function show(el) {
+  var _nodeList$get2 = tooltips_nodeList.get(el),
+    popper = _nodeList$get2.popper,
+    opts = _nodeList$get2.opts;
+  var disabled = opts.disabled,
+    content = opts.content,
+    hasArrow = opts.arrow,
+    onShow = opts.onShow,
+    boundary = opts.boundary,
+    _opts$modifiers = opts.modifiers,
+    modifiers = _opts$modifiers === void 0 ? [] : _opts$modifiers;
+  if (disabled) return;
+  renderContext(content, popper);
+  if (hasArrow) {
+    var arrow = renderArrow();
+    popper.appendChild(arrow);
+  }
+  var container = document.body;
+  if (boundary) {
+    if (boundary === 'parent') {
+      container = el.parentElement;
+    } else if (boundary instanceof HTMLElement) {
+      container = boundary;
+    }
+  }
+  container.appendChild(popper);
+  var popperInstance = createPopperInstance(el, popper);
+  onShow();
+  // Make the tooltip visible
+  popper.setAttribute('data-show', '');
+  // Enable the event listeners
+  popperInstance.setOptions(function (options) {
+    return _objectSpread(_objectSpread({}, options), {}, {
+      modifiers: [].concat((0,toConsumableArray["default"])(options.modifiers), (0,toConsumableArray["default"])(modifiers), [{
+        name: 'eventListeners',
+        enabled: true
+      }])
+    });
+  });
+  // Update its position
+  popperInstance.forceUpdate();
+  tooltips_nodeList.get(el).popperInstance = popperInstance;
+}
+/**
+ * 隐藏
+ * @param el
+ */
+function hide(el) {
+  if (!tooltips_nodeList.get(el)) return;
+  var _nodeList$get3 = tooltips_nodeList.get(el),
+    popper = _nodeList$get3.popper,
+    popperInstance = _nodeList$get3.popperInstance,
+    opts = _nodeList$get3.opts;
+  var onHide = opts.onHide;
+  if (popper && document.body.contains(popper)) {
+    var _popper$parentNode;
+    popper.removeAttribute('data-show');
+    popperInstance === null || popperInstance === void 0 || popperInstance.destroy();
+    popper === null || popper === void 0 || (_popper$parentNode = popper.parentNode) === null || _popper$parentNode === void 0 || _popper$parentNode.removeChild(popper);
+    onHide();
+  }
+}
+/* harmony default export */ const src_tooltips = (tooltips);
+;// CONCATENATED MODULE: external "../loading"
+var external_loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_loading_y = x => () => x
+const external_loading_namespaceObject = external_loading_x({  });
+;// CONCATENATED MODULE: external "../overflow-title"
+var external_overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_overflow_title_y = x => () => x
+const external_overflow_title_namespaceObject = external_overflow_title_x({  });
+;// CONCATENATED MODULE: ../../packages/directives/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+
+
+// export { createInstance as bkEllipsisInstance } from './ellipsis';
+
+/***/ }),
+
+/***/ 2439:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+module.exports = __webpack_require__(2527);
+
+
+/***/ }),
+
+/***/ 7430:
+/***/ ((module) => {
+
+/**
+ * Copyright (c) 2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule ExecutionEnvironment
+ */
+
+/*jslint evil: true */
+
+
+
+var canUseDOM = !!(
+  typeof window !== 'undefined' &&
+  window.document &&
+  window.document.createElement
+);
+
+/**
+ * Simple, lightweight module assisting with the detection and context of
+ * Worker. Helps avoid circular dependencies and allows code to reason about
+ * whether or not they are in a Worker, even if they never include the main
+ * `ReactWorker` dependency.
+ */
+var ExecutionEnvironment = {
+
+  canUseDOM: canUseDOM,
+
+  canUseWorkers: typeof Worker !== 'undefined',
+
+  canUseEventListeners:
+    canUseDOM && !!(window.addEventListener || window.attachEvent),
+
+  canUseViewport: canUseDOM && !!window.screen,
+
+  isInWorker: !canUseDOM // For now, this is true - might change in the future.
+
+};
+
+module.exports = ExecutionEnvironment;
+
+
+/***/ }),
+
+/***/ 6377:
+/***/ ((module) => {
+
+/**
+ * Copyright 2004-present Facebook. All Rights Reserved.
+ *
+ * @providesModule UserAgent_DEPRECATED
+ */
+
+/**
+ *  Provides entirely client-side User Agent and OS detection. You should prefer
+ *  the non-deprecated UserAgent module when possible, which exposes our
+ *  authoritative server-side PHP-based detection to the client.
+ *
+ *  Usage is straightforward:
+ *
+ *    if (UserAgent_DEPRECATED.ie()) {
+ *      //  IE
+ *    }
+ *
+ *  You can also do version checks:
+ *
+ *    if (UserAgent_DEPRECATED.ie() >= 7) {
+ *      //  IE7 or better
+ *    }
+ *
+ *  The browser functions will return NaN if the browser does not match, so
+ *  you can also do version compares the other way:
+ *
+ *    if (UserAgent_DEPRECATED.ie() < 7) {
+ *      //  IE6 or worse
+ *    }
+ *
+ *  Note that the version is a float and may include a minor version number,
+ *  so you should always use range operators to perform comparisons, not
+ *  strict equality.
+ *
+ *  **Note:** You should **strongly** prefer capability detection to browser
+ *  version detection where it's reasonable:
+ *
+ *    http://www.quirksmode.org/js/support.html
+ *
+ *  Further, we have a large number of mature wrapper functions and classes
+ *  which abstract away many browser irregularities. Check the documentation,
+ *  grep for things, or ask on javascript@lists.facebook.com before writing yet
+ *  another copy of "event || window.event".
+ *
+ */
+
+var _populated = false;
+
+// Browsers
+var _ie, _firefox, _opera, _webkit, _chrome;
+
+// Actual IE browser for compatibility mode
+var _ie_real_version;
+
+// Platforms
+var _osx, _windows, _linux, _android;
+
+// Architectures
+var _win64;
+
+// Devices
+var _iphone, _ipad, _native;
+
+var _mobile;
+
+function _populate() {
+  if (_populated) {
+    return;
+  }
+
+  _populated = true;
+
+  // To work around buggy JS libraries that can't handle multi-digit
+  // version numbers, Opera 10's user agent string claims it's Opera
+  // 9, then later includes a Version/X.Y field:
+  //
+  // Opera/9.80 (foo) Presto/2.2.15 Version/10.10
+  var uas = navigator.userAgent;
+  var agent = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(uas);
+  var os    = /(Mac OS X)|(Windows)|(Linux)/.exec(uas);
+
+  _iphone = /\b(iPhone|iP[ao]d)/.exec(uas);
+  _ipad = /\b(iP[ao]d)/.exec(uas);
+  _android = /Android/i.exec(uas);
+  _native = /FBAN\/\w+;/i.exec(uas);
+  _mobile = /Mobile/i.exec(uas);
+
+  // Note that the IE team blog would have you believe you should be checking
+  // for 'Win64; x64'.  But MSDN then reveals that you can actually be coming
+  // from either x64 or ia64;  so ultimately, you should just check for Win64
+  // as in indicator of whether you're in 64-bit IE.  32-bit IE on 64-bit
+  // Windows will send 'WOW64' instead.
+  _win64 = !!(/Win64/.exec(uas));
+
+  if (agent) {
+    _ie = agent[1] ? parseFloat(agent[1]) : (
+          agent[5] ? parseFloat(agent[5]) : NaN);
+    // IE compatibility mode
+    if (_ie && document && document.documentMode) {
+      _ie = document.documentMode;
+    }
+    // grab the "true" ie version from the trident token if available
+    var trident = /(?:Trident\/(\d+.\d+))/.exec(uas);
+    _ie_real_version = trident ? parseFloat(trident[1]) + 4 : _ie;
+
+    _firefox = agent[2] ? parseFloat(agent[2]) : NaN;
+    _opera   = agent[3] ? parseFloat(agent[3]) : NaN;
+    _webkit  = agent[4] ? parseFloat(agent[4]) : NaN;
+    if (_webkit) {
+      // We do not add the regexp to the above test, because it will always
+      // match 'safari' only since 'AppleWebKit' appears before 'Chrome' in
+      // the userAgent string.
+      agent = /(?:Chrome\/(\d+\.\d+))/.exec(uas);
+      _chrome = agent && agent[1] ? parseFloat(agent[1]) : NaN;
+    } else {
+      _chrome = NaN;
+    }
+  } else {
+    _ie = _firefox = _opera = _chrome = _webkit = NaN;
+  }
+
+  if (os) {
+    if (os[1]) {
+      // Detect OS X version.  If no version number matches, set _osx to true.
+      // Version examples:  10, 10_6_1, 10.7
+      // Parses version number as a float, taking only first two sets of
+      // digits.  If only one set of digits is found, returns just the major
+      // version number.
+      var ver = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(uas);
+
+      _osx = ver ? parseFloat(ver[1].replace('_', '.')) : true;
+    } else {
+      _osx = false;
+    }
+    _windows = !!os[2];
+    _linux   = !!os[3];
+  } else {
+    _osx = _windows = _linux = false;
+  }
+}
+
+var UserAgent_DEPRECATED = {
+
+  /**
+   *  Check if the UA is Internet Explorer.
+   *
+   *
+   *  @return float|NaN Version number (if match) or NaN.
+   */
+  ie: function() {
+    return _populate() || _ie;
+  },
+
+  /**
+   * Check if we're in Internet Explorer compatibility mode.
+   *
+   * @return bool true if in compatibility mode, false if
+   * not compatibility mode or not ie
+   */
+  ieCompatibilityMode: function() {
+    return _populate() || (_ie_real_version > _ie);
+  },
+
+
+  /**
+   * Whether the browser is 64-bit IE.  Really, this is kind of weak sauce;  we
+   * only need this because Skype can't handle 64-bit IE yet.  We need to remove
+   * this when we don't need it -- tracked by #601957.
+   */
+  ie64: function() {
+    return UserAgent_DEPRECATED.ie() && _win64;
+  },
+
+  /**
+   *  Check if the UA is Firefox.
+   *
+   *
+   *  @return float|NaN Version number (if match) or NaN.
+   */
+  firefox: function() {
+    return _populate() || _firefox;
+  },
+
+
+  /**
+   *  Check if the UA is Opera.
+   *
+   *
+   *  @return float|NaN Version number (if match) or NaN.
+   */
+  opera: function() {
+    return _populate() || _opera;
+  },
+
+
+  /**
+   *  Check if the UA is WebKit.
+   *
+   *
+   *  @return float|NaN Version number (if match) or NaN.
+   */
+  webkit: function() {
+    return _populate() || _webkit;
+  },
+
+  /**
+   *  For Push
+   *  WILL BE REMOVED VERY SOON. Use UserAgent_DEPRECATED.webkit
+   */
+  safari: function() {
+    return UserAgent_DEPRECATED.webkit();
+  },
+
+  /**
+   *  Check if the UA is a Chrome browser.
+   *
+   *
+   *  @return float|NaN Version number (if match) or NaN.
+   */
+  chrome : function() {
+    return _populate() || _chrome;
+  },
+
+
+  /**
+   *  Check if the user is running Windows.
+   *
+   *  @return bool `true' if the user's OS is Windows.
+   */
+  windows: function() {
+    return _populate() || _windows;
+  },
+
+
+  /**
+   *  Check if the user is running Mac OS X.
+   *
+   *  @return float|bool   Returns a float if a version number is detected,
+   *                       otherwise true/false.
+   */
+  osx: function() {
+    return _populate() || _osx;
+  },
+
+  /**
+   * Check if the user is running Linux.
+   *
+   * @return bool `true' if the user's OS is some flavor of Linux.
+   */
+  linux: function() {
+    return _populate() || _linux;
+  },
+
+  /**
+   * Check if the user is running on an iPhone or iPod platform.
+   *
+   * @return bool `true' if the user is running some flavor of the
+   *    iPhone OS.
+   */
+  iphone: function() {
+    return _populate() || _iphone;
+  },
+
+  mobile: function() {
+    return _populate() || (_iphone || _ipad || _android || _mobile);
+  },
+
+  nativeApp: function() {
+    // webviews inside of the native apps
+    return _populate() || _native;
+  },
+
+  android: function() {
+    return _populate() || _android;
+  },
+
+  ipad: function() {
+    return _populate() || _ipad;
+  }
+};
+
+module.exports = UserAgent_DEPRECATED;
+
+
+/***/ }),
+
+/***/ 3541:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule isEventSupported
+ */
+
+
+
+var ExecutionEnvironment = __webpack_require__(7430);
+
+var useHasFeature;
+if (ExecutionEnvironment.canUseDOM) {
+  useHasFeature =
+    document.implementation &&
+    document.implementation.hasFeature &&
+    // always returns true in newer browsers as per the standard.
+    // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
+    document.implementation.hasFeature('', '') !== true;
+}
+
+/**
+ * Checks if an event is supported in the current execution environment.
+ *
+ * NOTE: This will not work correctly for non-generic events such as `change`,
+ * `reset`, `load`, `error`, and `select`.
+ *
+ * Borrows from Modernizr.
+ *
+ * @param {string} eventNameSuffix Event name, e.g. "click".
+ * @param {?boolean} capture Check if the capture phase is supported.
+ * @return {boolean} True if the event is supported.
+ * @internal
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+function isEventSupported(eventNameSuffix, capture) {
+  if (!ExecutionEnvironment.canUseDOM ||
+      capture && !('addEventListener' in document)) {
+    return false;
+  }
+
+  var eventName = 'on' + eventNameSuffix;
+  var isSupported = eventName in document;
+
+  if (!isSupported) {
+    var element = document.createElement('div');
+    element.setAttribute(eventName, 'return;');
+    isSupported = typeof element[eventName] === 'function';
+  }
+
+  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {
+    // This is the only way to test support for the `wheel` event in IE9+.
+    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');
+  }
+
+  return isSupported;
+}
+
+module.exports = isEventSupported;
+
+
+/***/ }),
+
+/***/ 2527:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/**
+ * Copyright (c) 2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule normalizeWheel
+ * @typechecks
+ */
+
+
+
+var UserAgent_DEPRECATED = __webpack_require__(6377);
+
+var isEventSupported = __webpack_require__(3541);
+
+
+// Reasonable defaults
+var PIXEL_STEP  = 10;
+var LINE_HEIGHT = 40;
+var PAGE_HEIGHT = 800;
+
+/**
+ * Mouse wheel (and 2-finger trackpad) support on the web sucks.  It is
+ * complicated, thus this doc is long and (hopefully) detailed enough to answer
+ * your questions.
+ *
+ * If you need to react to the mouse wheel in a predictable way, this code is
+ * like your bestest friend. * hugs *
+ *
+ * As of today, there are 4 DOM event types you can listen to:
+ *
+ *   'wheel'                -- Chrome(31+), FF(17+), IE(9+)
+ *   'mousewheel'           -- Chrome, IE(6+), Opera, Safari
+ *   'MozMousePixelScroll'  -- FF(3.5 only!) (2010-2013) -- don't bother!
+ *   'DOMMouseScroll'       -- FF(0.9.7+) since 2003
+ *
+ * So what to do?  The is the best:
+ *
+ *   normalizeWheel.getEventType();
+ *
+ * In your event callback, use this code to get sane interpretation of the
+ * deltas.  This code will return an object with properties:
+ *
+ *   spinX   -- normalized spin speed (use for zoom) - x plane
+ *   spinY   -- " - y plane
+ *   pixelX  -- normalized distance (to pixels) - x plane
+ *   pixelY  -- " - y plane
+ *
+ * Wheel values are provided by the browser assuming you are using the wheel to
+ * scroll a web page by a number of lines or pixels (or pages).  Values can vary
+ * significantly on different platforms and browsers, forgetting that you can
+ * scroll at different speeds.  Some devices (like trackpads) emit more events
+ * at smaller increments with fine granularity, and some emit massive jumps with
+ * linear speed or acceleration.
+ *
+ * This code does its best to normalize the deltas for you:
+ *
+ *   - spin is trying to normalize how far the wheel was spun (or trackpad
+ *     dragged).  This is super useful for zoom support where you want to
+ *     throw away the chunky scroll steps on the PC and make those equal to
+ *     the slow and smooth tiny steps on the Mac. Key data: This code tries to
+ *     resolve a single slow step on a wheel to 1.
+ *
+ *   - pixel is normalizing the desired scroll delta in pixel units.  You'll
+ *     get the crazy differences between browsers, but at least it'll be in
+ *     pixels!
+ *
+ *   - positive value indicates scrolling DOWN/RIGHT, negative UP/LEFT.  This
+ *     should translate to positive value zooming IN, negative zooming OUT.
+ *     This matches the newer 'wheel' event.
+ *
+ * Why are there spinX, spinY (or pixels)?
+ *
+ *   - spinX is a 2-finger side drag on the trackpad, and a shift + wheel turn
+ *     with a mouse.  It results in side-scrolling in the browser by default.
+ *
+ *   - spinY is what you expect -- it's the classic axis of a mouse wheel.
+ *
+ *   - I dropped spinZ/pixelZ.  It is supported by the DOM 3 'wheel' event and
+ *     probably is by browsers in conjunction with fancy 3D controllers .. but
+ *     you know.
+ *
+ * Implementation info:
+ *
+ * Examples of 'wheel' event if you scroll slowly (down) by one step with an
+ * average mouse:
+ *
+ *   OS X + Chrome  (mouse)     -    4   pixel delta  (wheelDelta -120)
+ *   OS X + Safari  (mouse)     -  N/A   pixel delta  (wheelDelta  -12)
+ *   OS X + Firefox (mouse)     -    0.1 line  delta  (wheelDelta  N/A)
+ *   Win8 + Chrome  (mouse)     -  100   pixel delta  (wheelDelta -120)
+ *   Win8 + Firefox (mouse)     -    3   line  delta  (wheelDelta -120)
+ *
+ * On the trackpad:
+ *
+ *   OS X + Chrome  (trackpad)  -    2   pixel delta  (wheelDelta   -6)
+ *   OS X + Firefox (trackpad)  -    1   pixel delta  (wheelDelta  N/A)
+ *
+ * On other/older browsers.. it's more complicated as there can be multiple and
+ * also missing delta values.
+ *
+ * The 'wheel' event is more standard:
+ *
+ * http://www.w3.org/TR/DOM-Level-3-Events/#events-wheelevents
+ *
+ * The basics is that it includes a unit, deltaMode (pixels, lines, pages), and
+ * deltaX, deltaY and deltaZ.  Some browsers provide other values to maintain
+ * backward compatibility with older events.  Those other values help us
+ * better normalize spin speed.  Example of what the browsers provide:
+ *
+ *                          | event.wheelDelta | event.detail
+ *        ------------------+------------------+--------------
+ *          Safari v5/OS X  |       -120       |       0
+ *          Safari v5/Win7  |       -120       |       0
+ *         Chrome v17/OS X  |       -120       |       0
+ *         Chrome v17/Win7  |       -120       |       0
+ *                IE9/Win7  |       -120       |   undefined
+ *         Firefox v4/OS X  |     undefined    |       1
+ *         Firefox v4/Win7  |     undefined    |       3
+ *
+ */
+function normalizeWheel(/*object*/ event) /*object*/ {
+  var sX = 0, sY = 0,       // spinX, spinY
+      pX = 0, pY = 0;       // pixelX, pixelY
+
+  // Legacy
+  if ('detail'      in event) { sY = event.detail; }
+  if ('wheelDelta'  in event) { sY = -event.wheelDelta / 120; }
+  if ('wheelDeltaY' in event) { sY = -event.wheelDeltaY / 120; }
+  if ('wheelDeltaX' in event) { sX = -event.wheelDeltaX / 120; }
+
+  // side scrolling on FF with DOMMouseScroll
+  if ( 'axis' in event && event.axis === event.HORIZONTAL_AXIS ) {
+    sX = sY;
+    sY = 0;
+  }
+
+  pX = sX * PIXEL_STEP;
+  pY = sY * PIXEL_STEP;
+
+  if ('deltaY' in event) { pY = event.deltaY; }
+  if ('deltaX' in event) { pX = event.deltaX; }
+
+  if ((pX || pY) && event.deltaMode) {
+    if (event.deltaMode == 1) {          // delta in LINE units
+      pX *= LINE_HEIGHT;
+      pY *= LINE_HEIGHT;
+    } else {                             // delta in PAGE units
+      pX *= PAGE_HEIGHT;
+      pY *= PAGE_HEIGHT;
+    }
+  }
+
+  // Fall-back if spin cannot be determined
+  if (pX && !sX) { sX = (pX < 1) ? -1 : 1; }
+  if (pY && !sY) { sY = (pY < 1) ? -1 : 1; }
+
+  return { spinX  : sX,
+           spinY  : sY,
+           pixelX : pX,
+           pixelY : pY };
+}
+
+
+/**
+ * The best combination if you prefer spinX + spinY normalization.  It favors
+ * the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with
+ * 'wheel' event, making spin speed determination impossible.
+ */
+normalizeWheel.getEventType = function() /*string*/ {
+  return (UserAgent_DEPRECATED.firefox())
+           ? 'DOMMouseScroll'
+           : (isEventSupported('wheel'))
+               ? 'wheel'
+               : 'mousewheel';
+};
+
+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:
+/***/ ((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({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["arrayEqual"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.arrayEqual, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["capitalize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.capitalize, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+
+/***/ }),
+
+/***/ 6609:
+/***/ ((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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+
+/***/ }),
+
+/***/ 926:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _arrayLikeToArray)
+/* harmony export */ });
+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;
+}
+
+/***/ }),
+
+/***/ 74:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _arrayWithoutHoles)
+/* harmony export */ });
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(926);
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(arr);
+}
+
+/***/ }),
+
+/***/ 6666:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _defineProperty)
+/* harmony export */ });
+/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3795);
+
+function _defineProperty(obj, key, value) {
+  key = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+/***/ }),
+
+/***/ 1079:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _iterableToArray)
+/* harmony export */ });
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+/***/ }),
+
+/***/ 6098:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _nonIterableSpread)
+/* harmony export */ });
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+/***/ }),
+
+/***/ 7930:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _toConsumableArray)
+/* harmony export */ });
+/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74);
+/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1079);
+/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9147);
+/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6098);
+
+
+
+
+function _toConsumableArray(arr) {
+  return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(arr) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(arr) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(arr) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])();
+}
+
+/***/ }),
+
+/***/ 9745:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ toPrimitive)
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6522);
+
+function toPrimitive(t, r) {
+  if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+/***/ }),
+
+/***/ 3795:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ toPropertyKey)
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6522);
+/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9745);
+
+
+function toPropertyKey(t) {
+  var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t, "string");
+  return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_1__["default"])(i) ? i : String(i);
+}
+
+/***/ }),
+
+/***/ 6522:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _typeof)
+/* harmony export */ });
+function _typeof(o) {
+  "@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);
+}
+
+/***/ }),
+
+/***/ 9147:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _unsupportedIterableToArray)
+/* harmony export */ });
+/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(926);
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(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 (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o, minLen);
+}
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
 /******/ 
 /************************************************************************/
+/******/ /* webpack/runtime/compat get default export */
+/******/ (() => {
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = (module) => {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			() => (module['default']) :
+/******/ 			() => (module);
+/******/ 		__webpack_require__.d(getter, { a: getter });
+/******/ 		return getter;
+/******/ 	};
+/******/ })();
+/******/ 
 /******/ /* webpack/runtime/define property getters */
 /******/ (() => {
 /******/ 	// define getter functions for harmony exports
@@ -37,42 +1524,36 @@ import "../checkbox/checkbox.less";
 /******/ 
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   BkCascader: () => (/* binding */ BkCascader),
   BkCascaderPanel: () => (/* reexport */ cascader_panel),
-  "default": () => (/* binding */ src)
+  "default": () => (/* binding */ cascader_src)
 });
 
-;// CONCATENATED MODULE: external "../shared"
+// EXTERNAL MODULE: external "../shared"
+var shared_ = __webpack_require__(9253);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(6609);
+;// CONCATENATED MODULE: external "vue-types"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["arrayEqual"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.arrayEqual, ["capitalize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.capitalize, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
-;// 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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["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 });
-;// CONCATENATED MODULE: external "vue-types"
-var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_types_y = x => () => x
-const external_vue_types_namespaceObject = external_vue_types_x({ ["array"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.array, ["object"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.object });
+const external_vue_types_namespaceObject = x({ ["array"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.array, ["object"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.object });
 ;// CONCATENATED MODULE: external "../config-provider"
 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 });
-;// CONCATENATED MODULE: external "../directives"
-var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var directives_y = x => () => x
-const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.bkTooltips });
+// 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
@@ -142,17 +1623,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * CascaderPanel 组件
  * 用于展示级联选择器的面板，支持多选、单选、远程加载等功能。
  */
-/* harmony default export */ const cascader_panel = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const cascader_panel = ((0,external_vue_.defineComponent)({
   name: 'CascaderPanel',
   props: {
-    width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def('auto'),
-    height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(216),
-    store: shared_namespaceObject.PropTypes.object.def({}),
-    separator: shared_namespaceObject.PropTypes.string.def(''),
-    suggestions: shared_namespaceObject.PropTypes.arrayOf((0,external_vue_types_namespaceObject.object)()),
-    isFiltering: shared_namespaceObject.PropTypes.bool.def(false),
-    searchKey: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
-    modelValue: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.oneOfType([(0,external_vue_types_namespaceObject.array)(), String, Number]))
+    width: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def('auto'),
+    height: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def(216),
+    store: shared_.PropTypes.object.def({}),
+    separator: shared_.PropTypes.string.def(''),
+    suggestions: shared_.PropTypes.arrayOf((0,external_vue_types_namespaceObject.object)()),
+    isFiltering: shared_.PropTypes.bool.def(false),
+    searchKey: shared_.PropTypes.oneOfType([shared_.PropTypes.string, shared_.PropTypes.number]).def(''),
+    modelValue: shared_.PropTypes.arrayOf(shared_.PropTypes.oneOfType([(0,external_vue_types_namespaceObject.array)(), String, Number]))
   },
   emits: ['update:modelValue'],
   setup: function setup(props, _ref) {
@@ -161,11 +1642,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var store = props.store;
-    var menus = (0,external_vue_namespaceObject.reactive)({
+    var menus = (0,external_vue_.reactive)({
       list: [props.store.getNodes()]
     });
-    var activePath = (0,external_vue_namespaceObject.ref)([]);
-    var checkValue = (0,external_vue_namespaceObject.ref)([]);
+    var activePath = (0,external_vue_.ref)([]);
+    var checkValue = (0,external_vue_.ref)([]);
     /**
      * 根据传入的值计算尺寸
      * @param value - 数字或字符串类型的尺寸值
@@ -196,31 +1677,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.config.multiple) {
+        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;
+              }
             }
+          } 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.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
@@ -243,14 +1756,14 @@ 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;
@@ -318,7 +1831,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         // 查找当前级别中选中的或已勾选的节点
         var selectedNode = document.querySelector(".".concat(resolveClassName('cascader-panel'), ":nth-child(").concat(level + 1, ") .").concat(resolveClassName('cascader-node.is-selected'), ", .").concat(resolveClassName('cascader-node.is-checked')));
         if (selectedNode) {
-          (0,external_vue_namespaceObject.nextTick)(function () {
+          (0,external_vue_.nextTick)(function () {
             selectedNode.scrollIntoView();
           });
         }
@@ -345,10 +1858,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       var multiple = node.config.multiple;
       if (multiple) {
         return checkValue.some(function (val) {
-          return (0,shared_namespaceObject.arrayEqual)(val, node.path);
+          return (0,shared_.arrayEqual)(val, node.path);
         });
       }
-      return (0,shared_namespaceObject.arrayEqual)(checkValue, node.path);
+      return (0,shared_.arrayEqual)(checkValue, node.path);
     };
     /** 多选节点checkbox点击的回调 */
     var checkNode = function checkNode(node, value) {
@@ -361,14 +1874,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
      * @returns 图标组件
      */
     var iconRender = function iconRender(node) {
-      return node.loading ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Spinner, {
+      return node.loading ? (0,external_vue_.createVNode)(icon_namespaceObject.Spinner, {
         "class": resolveClassName('icon-spinner')
-      }, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
+      }, null) : (0,external_vue_.createVNode)(icon_namespaceObject.AngleRight, {
         "class": resolveClassName('icon-angle-right')
       }, null);
     };
     // 监听 modelValue 的变化，更新选中值
-    (0,external_vue_namespaceObject.watch)(function () {
+    (0,external_vue_.watch)(function () {
       return props.modelValue;
     }, function (value) {
       updateCheckValue(value);
@@ -376,7 +1889,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       immediate: true
     });
     // 监听 store 的变化，更新菜单列表
-    (0,external_vue_namespaceObject.watch)(function () {
+    (0,external_vue_.watch)(function () {
       return props.store;
     }, function (value) {
       menus.list = [value.getNodes()];
@@ -405,14 +1918,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     var _this = this;
     var emptyWidth = parseInt(this.panelWidth, 10) > 200 ? this.panelWidth : "".concat(200, "px");
     var searchPanelRender = function searchPanelRender() {
-      return _this.suggestions.length ? (0,external_vue_namespaceObject.createVNode)("ul", {
+      return _this.suggestions.length ? (0,external_vue_.createVNode)("ul", {
         "style": {
           height: _this.panelHeight,
           width: _this.panelWidth
         },
         "class": [_this.resolveClassName('cascader-panel'), _this.resolveClassName('scroll-y')]
       }, [_this.suggestions.map(function (node) {
-        return (0,external_vue_namespaceObject.createVNode)("li", (0,external_vue_namespaceObject.mergeProps)({
+        return (0,external_vue_.createVNode)("li", (0,external_vue_.mergeProps)({
           "class": [_this.resolveClassName('cascader-node'), {
             'is-selected': _this.isNodeInPath(node)
           }, {
@@ -421,17 +1934,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
             'is-checked': _this.isCheckedNode(node, _this.checkValue)
           }]
         }, _this.searchPanelEvents(node)), [node.pathNames.join(_this.separator)]);
-      })]) : (0,external_vue_namespaceObject.createVNode)("div", {
+      })]) : (0,external_vue_.createVNode)("div", {
         "style": {
           width: emptyWidth
         },
         "class": _this.resolveClassName('cascader-search-empty')
-      }, [(0,external_vue_namespaceObject.createVNode)("span", null, [_this.noDataText])]);
+      }, [(0,external_vue_.createVNode)("span", null, [_this.noDataText])]);
     };
-    return (0,external_vue_namespaceObject.createVNode)("div", {
+    return (0,external_vue_.createVNode)("div", {
       "class": this.resolveClassName('cascader-panel-wrapper')
     }, [this.isFiltering ? searchPanelRender() : this.menus.list.map(function (menu) {
-      return (0,external_vue_namespaceObject.createVNode)("ul", {
+      return (0,external_vue_.createVNode)("ul", {
         "style": {
           height: _this.panelHeight,
           width: _this.panelWidth
@@ -439,7 +1952,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         "class": [_this.resolveClassName('cascader-panel'), _this.resolveClassName('scroll-y')]
       }, [menu.length ? menu.map(function (node) {
         var _this$$slots$default, _this$$slots;
-        return (0,external_vue_namespaceObject.createVNode)("li", (0,external_vue_namespaceObject.mergeProps)({
+        return (0,external_vue_.createVNode)("li", (0,external_vue_.mergeProps)({
           "class": [_this.resolveClassName('cascader-node'), {
             'is-selected': _this.isNodeInPath(node)
           }, {
@@ -447,7 +1960,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
           }, {
             'is-checked': !node.config.multiple && _this.isCheckedNode(node, _this.checkValue)
           }]
-        }, Object.assign(_this.nodeEvent(node), node.config.multiple ? {} : {})), [node.config.multiple && (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+        }, Object.assign(_this.nodeEvent(node), node.config.multiple ? {} : {})), [node.config.multiple && (0,external_vue_.createVNode)(checkbox_namespaceObject["default"], {
           "style": "margin-right: 5px",
           "modelValue": node.checked,
           "onUpdate:modelValue": function onUpdateModelValue($event) {
@@ -462,7 +1975,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
           node: node,
           data: node.data
         }), !node.isLeaf ? _this.iconRender(node) : '']);
-      }) : (0,external_vue_namespaceObject.createVNode)("div", {
+      }) : (0,external_vue_.createVNode)("div", {
         "class": _this.resolveClassName('cascader-panel-empty-wrapper')
       }, [_this.noDataText])]);
     })]);
@@ -474,35 +1987,8 @@ function _classCallCheck(instance, Constructor) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@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);
-}
-;// 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;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-;// 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);
-}
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+var toPropertyKey = __webpack_require__(3795);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/createClass.js
 
 function _defineProperties(target, props) {
@@ -511,7 +1997,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, (0,toPropertyKey["default"])(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -635,7 +2121,7 @@ var Node = /*#__PURE__*/function () {
   }, {
     key: "broadcast",
     value: function broadcast(event, checkStatus) {
-      var handlerName = "onParent".concat((0,shared_namespaceObject.capitalize)(event));
+      var handlerName = "onParent".concat((0,shared_.capitalize)(event));
       this.children.forEach(function (child) {
         if (child) {
           var _child$handlerName;
@@ -650,7 +2136,7 @@ var Node = /*#__PURE__*/function () {
     key: "emit",
     value: function emit(event) {
       var parent = this.parent;
-      var handlerName = "onChild".concat((0,shared_namespaceObject.capitalize)(event));
+      var handlerName = "onChild".concat((0,shared_.capitalize)(event));
       if (parent) {
         var _parent$handlerName;
         (_parent$handlerName = parent[handlerName]) === null || _parent$handlerName === void 0 || _parent$handlerName.call(parent);
@@ -790,7 +2276,7 @@ var Store = /*#__PURE__*/function () {
     key: "removeTag",
     value: function removeTag(tag) {
       this.getFlattedNodes().find(function (node) {
-        if ((0,shared_namespaceObject.arrayEqual)(tag, node.path)) {
+        if ((0,shared_.arrayEqual)(tag, node.path)) {
           node.setNodeCheck(false);
           return true;
         }
@@ -812,7 +2298,7 @@ var Store = /*#__PURE__*/function () {
       this.getFlattedNodes().forEach(function (node) {
         node.setNodeCheck(false);
         var checkedNode = nodes.find(function (nodeValue) {
-          return (0,shared_namespaceObject.arrayEqual)(node.path, nodeValue);
+          return (0,shared_.arrayEqual)(node.path, nodeValue);
         });
         if (checkedNode) {
           var currentNode = _this2.getNodeByValue(checkedNode);
@@ -842,7 +2328,7 @@ var Store = /*#__PURE__*/function () {
     value: function getNodeByValue(value) {
       var _nodes$;
       var nodes = this.getFlattedNodes().filter(function (node) {
-        return (0,shared_namespaceObject.arrayEqual)(node.path, value);
+        return (0,shared_.arrayEqual)(node.path, value);
       });
       return (_nodes$ = nodes[0]) !== null && _nodes$ !== void 0 ? _nodes$ : null;
     }
@@ -918,36 +2404,36 @@ var Store = /*#__PURE__*/function () {
  * Cascader 组件
  * 用于展示级联选择器，支持多选、单选、搜索、远程加载等功能。
  */
-/* harmony default export */ const cascader = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const cascader = ((0,external_vue_.defineComponent)({
   name: 'Cascader',
   directives: {
-    bkTooltips: directives_namespaceObject.bkTooltips
+    bkTooltips: src.bkTooltips
   },
   props: {
-    modelValue: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.oneOfType([(0,external_vue_types_namespaceObject.array)(), String, Number])),
-    list: shared_namespaceObject.PropTypes.array.def([]),
-    placeholder: shared_namespaceObject.PropTypes.string.def(''),
-    behavior: shared_namespaceObject.PropTypes.string.def('normal'),
-    filterable: shared_namespaceObject.PropTypes.bool.def(false),
-    multiple: shared_namespaceObject.PropTypes.bool.def(false),
-    disabled: shared_namespaceObject.PropTypes.bool.def(false),
-    clearable: shared_namespaceObject.PropTypes.bool.def(true),
-    trigger: shared_namespaceObject.PropTypes.string.def('click'),
-    checkAnyLevel: shared_namespaceObject.PropTypes.bool.def(false),
-    isRemote: shared_namespaceObject.PropTypes.bool.def(false),
-    remoteMethod: shared_namespaceObject.PropTypes.func,
-    showCompleteName: shared_namespaceObject.PropTypes.bool.def(true),
-    idKey: shared_namespaceObject.PropTypes.string.def('id'),
-    nameKey: shared_namespaceObject.PropTypes.string.def('name'),
-    childrenKey: shared_namespaceObject.PropTypes.string.def('children'),
-    separator: shared_namespaceObject.PropTypes.string.def('/'),
-    limitOneLine: shared_namespaceObject.PropTypes.bool.def(false),
-    extCls: shared_namespaceObject.PropTypes.string.def(''),
-    filterMethod: shared_namespaceObject.PropTypes.func,
-    scrollHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(216),
-    scrollWidth: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def('auto'),
-    customTextFillback: shared_namespaceObject.PropTypes.func,
-    customTagsFillback: shared_namespaceObject.PropTypes.func,
+    modelValue: shared_.PropTypes.arrayOf(shared_.PropTypes.oneOfType([(0,external_vue_types_namespaceObject.array)(), String, Number])),
+    list: shared_.PropTypes.array.def([]),
+    placeholder: shared_.PropTypes.string.def(''),
+    behavior: shared_.PropTypes.string.def('normal'),
+    filterable: shared_.PropTypes.bool.def(false),
+    multiple: shared_.PropTypes.bool.def(false),
+    disabled: shared_.PropTypes.bool.def(false),
+    clearable: shared_.PropTypes.bool.def(true),
+    trigger: shared_.PropTypes.string.def('click'),
+    checkAnyLevel: shared_.PropTypes.bool.def(false),
+    isRemote: shared_.PropTypes.bool.def(false),
+    remoteMethod: shared_.PropTypes.func,
+    showCompleteName: shared_.PropTypes.bool.def(true),
+    idKey: shared_.PropTypes.string.def('id'),
+    nameKey: shared_.PropTypes.string.def('name'),
+    childrenKey: shared_.PropTypes.string.def('children'),
+    separator: shared_.PropTypes.string.def('/'),
+    limitOneLine: shared_.PropTypes.bool.def(false),
+    extCls: shared_.PropTypes.string.def(''),
+    filterMethod: shared_.PropTypes.func,
+    scrollHeight: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def(216),
+    scrollWidth: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def('auto'),
+    customTextFillback: shared_.PropTypes.func,
+    customTagsFillback: shared_.PropTypes.func,
     collapseTags: {
       type: Boolean,
       "default": true
@@ -970,29 +2456,29 @@ var Store = /*#__PURE__*/function () {
       isHover = _useHover.isHover,
       setHover = _useHover.setHover,
       cancelHover = _useHover.cancelHover;
-    var store = (0,external_vue_namespaceObject.ref)(new src_store(props));
+    var store = (0,external_vue_.ref)(new src_store(props));
     // 定义selectedText变量用于记录当前选择的值的文本
-    var selectedText = (0,external_vue_namespaceObject.ref)('');
+    var selectedText = (0,external_vue_.ref)('');
     // 定义selectedTags变量用于记录多选模式下已选的tag
-    var selectedTags = (0,external_vue_namespaceObject.ref)([]);
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+    var selectedTags = (0,external_vue_.ref)([]);
+    var _toRefs = (0,external_vue_.toRefs)(props),
       modelValue = _toRefs.modelValue;
     // 定义cascaderPanel 引用
-    var cascaderPanel = (0,external_vue_namespaceObject.ref)();
+    var cascaderPanel = (0,external_vue_.ref)();
     // 定义searchKey变量，支持搜索时，搜索框绑定变量
-    var searchKey = (0,external_vue_namespaceObject.ref)('');
+    var searchKey = (0,external_vue_.ref)('');
     // 定义suggestions变量，搜索功能打开时，面板给出的列表
-    var suggestions = (0,external_vue_namespaceObject.ref)([]);
+    var suggestions = (0,external_vue_.ref)([]);
     // 定义isFiltering变量，记录是否正在搜索，过滤
-    var isFiltering = (0,external_vue_namespaceObject.ref)(false);
+    var isFiltering = (0,external_vue_.ref)(false);
     // 定义isEdit变量，记录是否处于编辑状态
-    var isEdit = (0,external_vue_namespaceObject.ref)(false);
+    var isEdit = (0,external_vue_.ref)(false);
     // 定义isFocus变量，记录是否处于焦点状态
-    var isFocus = (0,external_vue_namespaceObject.ref)(false);
+    var isFocus = (0,external_vue_.ref)(false);
     // 定义isShowPanel变量，用于标致面板显示
-    var isShowPanel = (0,external_vue_namespaceObject.ref)(false);
+    var isShowPanel = (0,external_vue_.ref)(false);
     // 用computed定义checkedValue变量，用于监听modelValue的变化
-    var checkedValue = (0,external_vue_namespaceObject.computed)({
+    var checkedValue = (0,external_vue_.computed)({
       get: function get() {
         return modelValue.value;
       },
@@ -1001,15 +2487,15 @@ var Store = /*#__PURE__*/function () {
       }
     });
     // 定义popover变量
-    var popover = (0,external_vue_namespaceObject.ref)(null);
+    var popover = (0,external_vue_.ref)(null);
     // 定义bkCascaderRef和inputRef变量
-    var bkCascaderRef = (0,external_vue_namespaceObject.ref)(null);
-    var inputRef = (0,external_vue_namespaceObject.ref)(null);
+    var bkCascaderRef = (0,external_vue_.ref)(null);
+    var inputRef = (0,external_vue_.ref)(null);
     // 用computed定义placeholder变量，用于处理props中的placeholder属性
-    var placeholder = (0,external_vue_namespaceObject.computed)(function () {
+    var placeholder = (0,external_vue_.computed)(function () {
       return props.placeholder ? props.placeholder : t.value.pleaseSelect;
     });
-    var displayText = (0,external_vue_namespaceObject.computed)(function () {
+    var displayText = (0,external_vue_.computed)(function () {
       if (props.customTextFillback) {
         return props.customTextFillback(props.modelValue, store.value.getFlattedNodes());
       }
@@ -1110,7 +2596,7 @@ var Store = /*#__PURE__*/function () {
       isEdit.value = val.isShow;
       // popover激活后，focus相应事件
       isFocus.value = val.isShow;
-      (0,external_vue_namespaceObject.nextTick)(function () {
+      (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) {
@@ -1125,7 +2611,7 @@ var Store = /*#__PURE__*/function () {
       }
     };
     // 搜索框输入的处理函数
-    var searchInputHandler = (0,shared_namespaceObject.debounce)(200, function (e) {
+    var searchInputHandler = (0,shared_.debounce)(200, function (e) {
       var target = e.target;
       searchKey.value = target.value;
       if (searchKey.value === '') {
@@ -1158,28 +2644,28 @@ var Store = /*#__PURE__*/function () {
       emit('focus');
     };
     // 监听modelValue的变化
-    (0,external_vue_namespaceObject.watch)(function () {
+    (0,external_vue_.watch)(function () {
       return props.modelValue;
     }, modelValueChangeHandler, {
       immediate: true
     });
     // 监听list的变化
-    (0,external_vue_namespaceObject.watch)(function () {
+    (0,external_vue_.watch)(function () {
       return props.list;
     }, listChangeHandler, {
       deep: true,
       immediate: true
     });
     // 定义overflowTagIndex变量，用于处理tag的折叠
-    var tagList = (0,external_vue_namespaceObject.computed)(function () {
+    var tagList = (0,external_vue_.computed)(function () {
       return props.customTagsFillback ? props.customTagsFillback(props.modelValue, store.value.getFlattedNodes()) : selectedTags.value.map(function (item) {
         return item.text;
       });
     });
-    var isCollapse = (0,external_vue_namespaceObject.computed)(function () {
+    var isCollapse = (0,external_vue_.computed)(function () {
       return props.collapseTags ? props.collapseTags && isFocus.value : props.collapseTags;
     });
-    var isEditMode = (0,external_vue_namespaceObject.computed)(function () {
+    var isEditMode = (0,external_vue_.computed)(function () {
       return props.collapseTags ? props.collapseTags && isEdit.value : props.collapseTags;
     });
     // 如果使用了trigger插槽，则不存在bkCascaderRef，做兼容处理
@@ -1227,15 +2713,15 @@ var Store = /*#__PURE__*/function () {
     var _this = this;
     // 定义suffixIcon函数，用于根据不同情况渲染后缀图标
     var suffixIcon = function suffixIcon() {
-      if (_this.clearable && _this.isHover && !_this.disabled) {
+      if (_this.clearable && _this.isHover && !_this.disabled && _this.modelValue.length > 0) {
         // 当可清空、鼠标悬浮且未禁用时，渲染清空图标
-        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
+        return (0,external_vue_.createVNode)(icon_namespaceObject.Close, {
           "class": _this.resolveClassName('icon-clear-icon'),
           "onClick": _this.handleClear
         }, null);
       }
       // 否则渲染展开/收起图标
-      return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleUp, {
+      return (0,external_vue_.createVNode)(icon_namespaceObject.AngleUp, {
         "class": [_this.resolveClassName('icon-angle-up'), _this.isShowPanel ? 'active' : '']
       }, null);
     };
@@ -1252,47 +2738,47 @@ var Store = /*#__PURE__*/function () {
     var renderTags = function renderTags() {
       if (_this.limitOneLine) {
         // 如果limitOneLine为true，则只显示一行
-        return (0,external_vue_namespaceObject.createVNode)("span", {
+        return (0,external_vue_.createVNode)("span", {
           "class": "cascader-selected-text"
         }, [_this.displayText]);
       }
-      return (0,external_vue_namespaceObject.createVNode)("div", {
+      return (0,external_vue_.createVNode)("div", {
         "class": "cascader-tag-list"
       }, [_this.tagList.map(function (tag, index) {
         var isOverflow = !_this.isCollapse && _this.overflowTagIndex !== null && index >= _this.overflowTagIndex;
         // 根据tag是否超出显示范围，来决定是否渲染
-        return (0,external_vue_namespaceObject.createVNode)("span", {
+        return (0,external_vue_.createVNode)("span", {
           "key": tag,
           "style": {
             display: isOverflow ? 'none' : ''
           },
           "class": "tag-item"
-        }, [(0,external_vue_namespaceObject.createVNode)("span", {
+        }, [(0,external_vue_.createVNode)("span", {
           "class": "tag-item-name"
-        }, [tag]), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
+        }, [tag]), (0,external_vue_.createVNode)(icon_namespaceObject.Error, {
           "class": _this.resolveClassName('icon-clear-icon'),
           "onClick": function onClick(e) {
             e.stopPropagation();
             _this.removeTag(_this.modelValue, index, e);
           }
         }, null)]);
-      }), _this.overflowTagIndex !== null && !_this.isCollapse && (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
+      }), _this.overflowTagIndex !== null && !_this.isCollapse && (0,external_vue_.withDirectives)((0,external_vue_.createVNode)(tag_namespaceObject["default"], {
         "style": "margin-top: 0"
       }, {
         "default": function _default() {
-          return [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selectedTags.length - _this.overflowTagIndex];
+          return [(0,external_vue_.createTextVNode)("+"), _this.selectedTags.length - _this.overflowTagIndex];
         }
-      }), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), collapseTooltip.join(', ')]])]);
+      }), [[(0,external_vue_.resolveDirective)("bk-tooltips"), collapseTooltip.join(', ')]])]);
     };
     var textRender = function textRender() {
       return (
         // 多选时， text被tagRender填充，不需要进行text渲染
-        _this.multiple ? null : (0,external_vue_namespaceObject.createVNode)("span", null, [_this.displayText])
+        _this.multiple ? null : (0,external_vue_.createVNode)("span", null, [_this.displayText])
       );
     };
     // 定义popoverRender函数，用于渲染弹出框
     var popoverRender = function popoverRender() {
-      return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
+      return (0,external_vue_.createVNode)(popover_["default"], {
         "ref": "popover",
         "class": _this.resolveClassName('cascader-popover-wrapper'),
         "arrow": false,
@@ -1310,9 +2796,9 @@ var Store = /*#__PURE__*/function () {
           return _this.$slots.trigger ? _this.$slots.trigger({
             selected: _this.modelValue,
             isShow: _this.isShowPanel
-          }) : (0,external_vue_namespaceObject.createVNode)("div", {
+          }) : (0,external_vue_.createVNode)("div", {
             "class": [_this.resolveClassName('cascader-name'), _this.resolveClassName('scroll-y')]
-          }, [_this.multiple && _this.selectedTags.length > 0 && renderTags(), _this.filterable ? (_this.isCollapse || _this.selectedTags.length === 0) && (0,external_vue_namespaceObject.createVNode)("input", {
+          }, [_this.multiple && _this.selectedTags.length > 0 && renderTags(), _this.filterable ? (_this.isCollapse || _this.selectedTags.length === 0) && (0,external_vue_.createVNode)("input", {
             "ref": "inputRef",
             "class": [_this.resolveClassName('cascader-search-input'), {
               'is-disabled': _this.disabled
@@ -1326,9 +2812,9 @@ var Store = /*#__PURE__*/function () {
           }, null) : textRender()]);
         },
         content: function content() {
-          return (0,external_vue_namespaceObject.createVNode)("div", {
+          return (0,external_vue_.createVNode)("div", {
             "class": _this.resolveClassName('cascader-popover')
-          }, [(0,external_vue_namespaceObject.createVNode)(cascader_panel, {
+          }, [(0,external_vue_.createVNode)(cascader_panel, {
             "ref": "cascaderPanel",
             "width": _this.scrollWidth,
             "height": _this.scrollHeight,
@@ -1343,7 +2829,7 @@ var Store = /*#__PURE__*/function () {
             "suggestions": _this.suggestions
           }, {
             "default": function _default(scope) {
-              return _this.$slots["default"] ? _this.$slots["default"](scope) : (0,external_vue_namespaceObject.createVNode)("span", {
+              return _this.$slots["default"] ? _this.$slots["default"](scope) : (0,external_vue_.createVNode)("span", {
                 "class": _this.resolveClassName('cascader-node-name')
               }, [scope.node.name]);
             }
@@ -1351,9 +2837,9 @@ var Store = /*#__PURE__*/function () {
         }
       });
     };
-    return (0,external_vue_namespaceObject.createVNode)("div", {
+    return (0,external_vue_.createVNode)("div", {
       "class": [this.resolveClassName('cascader-wrapper'), this.floatMode ? 'float-mode' : '']
-    }, [this.$slots.trigger ? popoverRender() : (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [this.$slots.trigger ? popoverRender() : (0,external_vue_.createVNode)("div", {
       "ref": "bkCascaderRef",
       "class": [this.resolveClassName('cascader'), this.extCls, {
         'is-unselected': this.modelValue.length === 0,
@@ -1399,10 +2885,12 @@ var Store = /*#__PURE__*/function () {
 
 
 
-var BkCascader = (0,shared_namespaceObject.withInstallProps)(cascader, {
+var BkCascader = (0,shared_.withInstallProps)(cascader, {
   CascaderPanel: cascader_panel
 });
-/* harmony default export */ const src = (BkCascader);
+/* harmony default export */ const cascader_src = (BkCascader);
+
+})();
 
 var __webpack_exports__BkCascader = __webpack_exports__.BkCascader;
 var __webpack_exports__BkCascaderPanel = __webpack_exports__.BkCascaderPanel;