bkui-vue 0.0.1-beta.392 → 0.0.1-beta.394

package/dist/index.esm.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key2, value) => {
   __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
   return value;
 };
-import { inject, createVNode, mergeProps, h as h$1, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, shallowRef, onUnmounted, createApp, toRefs, Teleport, resolveDirective, customRef, onBeforeMount, toRef, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, createVNode, mergeProps, h as h$1, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, toRefs, Teleport, resolveDirective, createApp, customRef, onBeforeMount, toRef, shallowRef, onUnmounted, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -10944,363 +10944,6 @@ var Component$r = defineComponent({
   }
 });
 const BkLink = withInstall(Component$r);
-var props = {
-  content: String,
-  type: {
-    type: String,
-    default: "title"
-  },
-  calType: {
-    type: String,
-    default: "dom"
-  },
-  resizeable: Boolean
-};
-function getActualWidthByCanvas(text, options) {
-  const { fontSize = 14, fontFamily = "Microsoft YaHei" } = options;
-  const canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  ctx.font = `${fontSize}px ${fontFamily}`;
-  const metrics = ctx.measureText(text);
-  const actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
-  return Math.max(metrics.width, actual);
-}
-function getActualWidthByDom(text, options, dom = document.body) {
-  const { fontSize, fontFamily } = options || {};
-  const tempDom = document.createElement("div");
-  tempDom.style.cssText = `position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;
-    ${fontSize ? `font-size:${fontSize} ;` : ""}
-    ${fontFamily ? `font-family:${fontFamily} ` : ""}
-  `;
-  tempDom.innerText = text;
-  dom.append(tempDom);
-  const { clientWidth } = tempDom;
-  dom.removeChild(tempDom);
-  return clientWidth;
-}
-var overflow = "";
-var OverflowTitle = defineComponent({
-  name: "OverflowTitle",
-  props,
-  setup(props2, {
-    slots
-  }) {
-    const boxRef = ref(null);
-    const textRef = ref(null);
-    const isShowTips = ref(false);
-    const textProps = shallowRef();
-    const contentText = computed(() => {
-      var _a;
-      if (props2.content) {
-        return props2.content;
-      }
-      return (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
-    });
-    onMounted(() => {
-      const {
-        clientWidth
-      } = boxRef.value;
-      const resizeHandler = debounce(500, () => {
-        isShowTips.value = false;
-        textProps.value = {};
-        let textWidth = 0;
-        if (props2.calType === "dom") {
-          textWidth = getActualWidthByDom(textRef.value.textContent, null, boxRef.value);
-        } else {
-          const {
-            fontSize,
-            fontFamily
-          } = getComputedStyle(boxRef.value);
-          textWidth = getActualWidthByCanvas(contentText.value, {
-            fontSize,
-            fontFamily
-          });
-        }
-        if (textWidth > clientWidth) {
-          isShowTips.value = true;
-          if (props2.type === "title") {
-            textProps.value = {
-              title: textRef.value.innerText
-            };
-          }
-        }
-      });
-      resizeHandler();
-      if (props2.resizeable) {
-        const observer = new ResizeObserver(resizeHandler);
-        observer.observe(boxRef.value);
-        onUnmounted(() => {
-          observer.unobserve(boxRef.value);
-          observer.disconnect();
-        });
-      }
-    });
-    return {
-      boxRef,
-      textRef,
-      isShowTips,
-      contentText,
-      textProps
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "ref": "boxRef",
-      "class": "position-relative"
-    }, [createVNode(Popover, {
-      "disabled": this.type === "title"
-    }, {
-      default: () => createVNode("div", mergeProps({
-        "ref": "textRef",
-        "class": "text-ov"
-      }, this.textProps), [this.contentText]),
-      content: () => this.contentText
-    })]);
-  }
-});
-const overflowTitle = {
-  mounted(el, { value = {} }) {
-    const { clientWidth } = el.parentElement;
-    if (!clientWidth) {
-      return;
-    }
-    const { content, calType = "dom" } = value;
-    const text = content || el.innerText;
-    let textWidth = 0;
-    if (calType === "dom") {
-      textWidth = getActualWidthByDom(el.textContent, null, el.parentElement);
-    } else {
-      const { fontSize, fontFamily } = getComputedStyle(el);
-      textWidth = getActualWidthByCanvas(text, { fontSize, fontFamily });
-    }
-    if (textWidth > clientWidth) {
-      el.setAttribute("title", text);
-    }
-  }
-};
-const BkOverflowTitle = withInstall(OverflowTitle);
-var _populated = false;
-var _ie, _firefox, _opera, _webkit, _chrome;
-var _ie_real_version;
-var _osx, _windows, _linux, _android;
-var _win64;
-var _iphone, _ipad, _native;
-var _mobile;
-function _populate() {
-  if (_populated) {
-    return;
-  }
-  _populated = true;
-  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);
-  _win64 = !!/Win64/.exec(uas);
-  if (agent) {
-    _ie = agent[1] ? parseFloat(agent[1]) : agent[5] ? parseFloat(agent[5]) : NaN;
-    if (_ie && document && document.documentMode) {
-      _ie = document.documentMode;
-    }
-    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) {
-      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]) {
-      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$1 = {
-  ie: function() {
-    return _populate() || _ie;
-  },
-  ieCompatibilityMode: function() {
-    return _populate() || _ie_real_version > _ie;
-  },
-  ie64: function() {
-    return UserAgent_DEPRECATED$1.ie() && _win64;
-  },
-  firefox: function() {
-    return _populate() || _firefox;
-  },
-  opera: function() {
-    return _populate() || _opera;
-  },
-  webkit: function() {
-    return _populate() || _webkit;
-  },
-  safari: function() {
-    return UserAgent_DEPRECATED$1.webkit();
-  },
-  chrome: function() {
-    return _populate() || _chrome;
-  },
-  windows: function() {
-    return _populate() || _windows;
-  },
-  osx: function() {
-    return _populate() || _osx;
-  },
-  linux: function() {
-    return _populate() || _linux;
-  },
-  iphone: function() {
-    return _populate() || _iphone;
-  },
-  mobile: function() {
-    return _populate() || (_iphone || _ipad || _android || _mobile);
-  },
-  nativeApp: function() {
-    return _populate() || _native;
-  },
-  android: function() {
-    return _populate() || _android;
-  },
-  ipad: function() {
-    return _populate() || _ipad;
-  }
-};
-var UserAgent_DEPRECATED_1 = UserAgent_DEPRECATED$1;
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var ExecutionEnvironment$1 = {
-  canUseDOM,
-  canUseWorkers: typeof Worker !== "undefined",
-  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
-  canUseViewport: canUseDOM && !!window.screen,
-  isInWorker: !canUseDOM
-};
-var ExecutionEnvironment_1 = ExecutionEnvironment$1;
-var ExecutionEnvironment = ExecutionEnvironment_1;
-var useHasFeature;
-if (ExecutionEnvironment.canUseDOM) {
-  useHasFeature = document.implementation && document.implementation.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$1(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") {
-    isSupported = document.implementation.hasFeature("Events.wheel", "3.0");
-  }
-  return isSupported;
-}
-var isEventSupported_1 = isEventSupported$1;
-var UserAgent_DEPRECATED = UserAgent_DEPRECATED_1;
-var isEventSupported = isEventSupported_1;
-var PIXEL_STEP = 10;
-var LINE_HEIGHT$1 = 40;
-var PAGE_HEIGHT = 800;
-function normalizeWheel$1(event) {
-  var sX = 0, sY = 0, pX = 0, pY = 0;
-  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;
-  }
-  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) {
-      pX *= LINE_HEIGHT$1;
-      pY *= LINE_HEIGHT$1;
-    } else {
-      pX *= PAGE_HEIGHT;
-      pY *= PAGE_HEIGHT;
-    }
-  }
-  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
-  };
-}
-normalizeWheel$1.getEventType = function() {
-  return UserAgent_DEPRECATED.firefox() ? "DOMMouseScroll" : isEventSupported("wheel") ? "wheel" : "mousewheel";
-};
-var normalizeWheel_1 = normalizeWheel$1;
-var normalizeWheel = normalizeWheel_1;
-const isFirefox = typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
-const mousewheelHandler = function(element, callback) {
-  if (element == null ? void 0 : element.addEventListener) {
-    element.addEventListener(isFirefox ? "DOMMouseScroll" : "mousewheel", function(e) {
-      const normalized = normalizeWheel(e);
-      callback == null ? void 0 : callback.apply(this, [e, normalized]);
-    });
-  }
-};
-const mousewheel = {
-  beforeMount(el, binding) {
-    console.error(el, binding);
-    mousewheelHandler(el, binding.value);
-  }
-};
 const isElement$1 = (e) => {
   if (typeof Element === "undefined")
     return false;
@@ -11372,493 +11015,69 @@ const ClickOutside = {
 ClickOutside.install = (app) => {
   app.directive("bkTooltips", ClickOutside);
 };
-const nodeList = /* @__PURE__ */ new Map();
-const tooltips = {
-  beforeMount(el, binding) {
-    const opts = getOpts(binding);
-    const { trigger } = opts;
-    const popper2 = renderContent(opts);
-    let delayTimeout = null;
-    if (trigger === "hover") {
-      let hideTimeout = null;
-      el.addEventListener("mouseenter", () => {
-        delayTimeout = setTimeout(() => {
-          show(el);
-          clearTimeout(hideTimeout);
-          clearTimeout(delayTimeout);
-        }, opts.delay);
-      });
-      popper2.addEventListener("mouseenter", () => {
-        clearTimeout(hideTimeout);
-      });
-      el.addEventListener("mouseleave", () => {
-        clearTimeout(delayTimeout);
-        hideTimeout = setTimeout(() => {
-          hide$1(el);
-        }, 100);
-      });
-      el.addEventListener("click", () => {
-        hide$1(el);
-      });
-      popper2.addEventListener("mouseleave", () => {
-        clearTimeout(delayTimeout);
-        hideTimeout = setTimeout(() => {
-          hide$1(el);
-        }, 100);
-      });
-    } else if (trigger === "click") {
-      document.body.addEventListener("click", (event) => {
-        if (el.contains(event.target) && !popper2.hasAttribute("data-show")) {
-          delayTimeout = setTimeout(() => {
-            show(el);
-            clearTimeout(delayTimeout);
-          }, opts.delay);
-        } else if (popper2.hasAttribute("data-show")) {
-          hide$1(el);
-        }
-      });
-    }
-    nodeList.set(el, {
-      opts,
-      popper: popper2,
-      popperInstance: null
-    });
+var Arrow = defineComponent({
+  name: "PopArrow",
+  render() {
+    const arrowClassName = resolveClassName("pop2-arrow");
+    return createVNode("div", {
+      "class": arrowClassName
+    }, null);
+  }
+});
+const EMPTY$2 = (..._args) => true;
+let EMIT_EVENTS$1;
+(function(EMIT_EVENTS2) {
+  EMIT_EVENTS2["SHOW"] = "show";
+  EMIT_EVENTS2["HIDE"] = "hide";
+  EMIT_EVENTS2["CLICK_OUTSIDE"] = "clickoutside";
+  EMIT_EVENTS2["CONTENT_MOUSEENTER"] = "contentMouseenter";
+  EMIT_EVENTS2["CONTENT_MOUSELEAVE"] = "contentMouseleave";
+  EMIT_EVENTS2["STOP_HIDE"] = "stopHide";
+})(EMIT_EVENTS$1 || (EMIT_EVENTS$1 = {}));
+const EMIT_EVENT_TYPES$1 = {
+  [EMIT_EVENTS$1.SHOW]: EMPTY$2,
+  [EMIT_EVENTS$1.HIDE]: EMPTY$2,
+  [EMIT_EVENTS$1.CLICK_OUTSIDE]: EMPTY$2,
+  [EMIT_EVENTS$1.CONTENT_MOUSEENTER]: EMPTY$2,
+  [EMIT_EVENTS$1.CONTENT_MOUSELEAVE]: EMPTY$2,
+  [EMIT_EVENTS$1.STOP_HIDE]: EMPTY$2
+};
+var Content = defineComponent({
+  name: "PopContent",
+  props: {
+    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
+    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
+    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto")
   },
-  updated(el, binding) {
-    nodeList.get(el).opts = getOpts(binding);
+  setup(props2) {
+    const resolveValToPix = (val) => {
+      if (/^\d+\.?\d*$/.test(`${val}`)) {
+        return `${val}px`;
+      }
+      return val;
+    };
+    const style2 = computed(() => ({
+      width: resolveValToPix(props2.width),
+      height: resolveValToPix(props2.height),
+      maxHeight: resolveValToPix(props2.maxHeight)
+    }));
+    return {
+      style: style2
+    };
   },
-  unmounted(el) {
-    hide$1(el);
-    nodeList.delete(el);
+  render() {
+    var _a, _b, _c, _d, _e, _f;
+    const className = [resolveClassName("popover"), resolveClassName("pop2-content")];
+    return createVNode("div", {
+      "class": className,
+      "tabindex": "-1",
+      "style": this.style
+    }, [(_c = (_b = (_a = this.$slots).arrow) == null ? void 0 : _b.call(_a)) != null ? _c : "", (_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]);
   }
-};
-function initOptions() {
-  const defaultOpts = {
-    arrow: true,
-    disabled: false,
-    trigger: "hover",
-    theme: "dark",
-    content: "",
-    showOnInit: false,
-    placement: "top",
-    distance: 8,
-    extCls: "",
-    delay: 0,
-    onShow: () => {
-    },
-    onHide: () => {
-    }
-  };
-  return defaultOpts;
-}
-function getOpts(binding) {
-  const opts = initOptions();
-  if (typeof binding.value === "object") {
-    Object.assign(opts, binding.value);
-  } else {
-    opts.content = binding.value;
-  }
-  return opts;
-}
-function renderContent(opts) {
-  const { content: value, arrow: hasArrow, theme, extCls } = opts;
-  const isLight = theme === "light";
-  const zIndex = bkZIndexManager.getPopperIndex();
-  const content = document.createElement("div");
-  content.className = `${resolveClassName("popper")} ${isLight ? "light" : "dark"} ${extCls}`;
-  content.innerText = value;
-  content.style.zIndex = String(zIndex);
-  if (hasArrow) {
-    const arrow2 = renderArrow();
-    content.appendChild(arrow2);
-  }
-  return content;
-}
-function renderArrow() {
-  const arrow2 = document.createElement("div");
-  arrow2.className = resolveClassName("popper-arrow");
-  arrow2.setAttribute("data-popper-arrow", "");
-  return arrow2;
-}
-function createPopperInstance(el, popper2) {
-  const { opts } = nodeList.get(el);
-  const { placement, distance: distance2, showOnInit } = opts;
-  const popperInstance = createPopper(el, popper2, {
-    placement,
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [0, distance2]
-        }
-      }
-    ]
-  });
-  if (showOnInit)
-    show(el);
-  return popperInstance;
-}
-function show(el) {
-  const { popper: popper2, opts } = nodeList.get(el);
-  const { disabled, content, arrow: hasArrow, onShow } = opts;
-  if (disabled)
-    return;
-  popper2.innerText = content;
-  if (hasArrow) {
-    const arrow2 = renderArrow();
-    popper2.appendChild(arrow2);
-  }
-  document.body.appendChild(popper2);
-  const popperInstance = createPopperInstance(el, popper2);
-  onShow();
-  popper2.setAttribute("data-show", "");
-  popperInstance.setOptions((options) => __spreadProps(__spreadValues({}, options), {
-    modifiers: [
-      ...options.modifiers,
-      { name: "eventListeners", enabled: true }
-    ]
-  }));
-  popperInstance.forceUpdate();
-  nodeList.get(el).popperInstance = popperInstance;
-}
-function hide$1(el) {
-  if (!nodeList.get(el))
-    return;
-  const { popper: popper2, popperInstance, opts } = nodeList.get(el);
-  const { onHide } = opts;
-  if (popper2 && document.body.contains(popper2)) {
-    popper2.removeAttribute("data-show");
-    popperInstance == null ? void 0 : popperInstance.destroy();
-    document.body.removeChild(popper2);
-    onHide();
-  }
-}
-const CachedConst = {};
-const isAvailableId = (query) => {
-  const container2 = document.querySelector(query);
-  return container2 instanceof HTMLElement;
-};
-const getFullscreenUid = () => {
-  if (!CachedConst.fullscreenReferId) {
-    CachedConst.fullscreenReferId = `id_${uuid_1.v4()}`;
-  }
-  return CachedConst.fullscreenReferId;
-};
-function createPopoverComponent(options) {
-  let $PopoverInstance = null;
-  let $PopoverInstanceVm = null;
-  let $PopoverInstanceEl = null;
-  const resolvedOptions = __spreadProps(__spreadValues({
-    boundary: "body",
-    placement: "top",
-    autoVisibility: false
-  }, options), {
-    trigger: "manual"
-  });
-  const isElement2 = (element) => element instanceof Element || element instanceof HTMLDocument;
-  const popoverComponent = {
-    name: "$popover",
-    setup(_2, {
-      expose
-    }) {
-      const refProps = ref(resolvedOptions);
-      const refReference = ref();
-      const referStyle = ref({
-        position: "absolute",
-        pointerEvents: "none",
-        left: 0,
-        top: 0,
-        width: "auto",
-        height: "auto",
-        transform: ""
-      });
-      const updateStyle = (target) => {
-        if (isElement2(target)) {
-          const {
-            x: x2,
-            y: y2,
-            width,
-            height
-          } = target.getBoundingClientRect();
-          Object.assign(referStyle.value, {
-            width: `${width}px`,
-            height: `${height}px`,
-            transform: `translate3d(${x2}px,${y2}px,0)`
-          });
-          return;
-        }
-        const {
-          clientX,
-          clientY
-        } = target;
-        Object.assign(referStyle.value, {
-          transform: `translate3d(${clientX}px,${clientY}px,0)`,
-          width: "10px",
-          height: "10px"
-        });
-      };
-      updateStyle(refProps.value.target);
-      const show3 = () => {
-        setTimeout(() => {
-          var _a, _b;
-          (_b = (_a = refReference.value) == null ? void 0 : _a.show) == null ? void 0 : _b.call(_a);
-        });
-      };
-      const hide3 = () => {
-        var _a, _b;
-        (_b = (_a = refReference.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
-      };
-      const stopHide = () => {
-        var _a, _b;
-        (_b = (_a = refReference.value) == null ? void 0 : _a.stopHide) == null ? void 0 : _b.call(_a);
-      };
-      const attrs = computed(() => {
-        const excludeKeys = ["target"];
-        return Object.keys(refProps.value).filter((key2) => !excludeKeys.includes(key2)).reduce((out, curKey) => __spreadProps(__spreadValues({}, out), {
-          [curKey]: refProps.value[curKey]
-        }), {});
-      });
-      const updateTarget = (target) => {
-        var _a, _b;
-        refProps.value.target = target;
-        updateStyle(target);
-        (_b = (_a = refReference.value) == null ? void 0 : _a.updatePopover) == null ? void 0 : _b.call(_a);
-        nextTick(() => {
-          var _a2, _b2;
-          (_b2 = (_a2 = refReference.value) == null ? void 0 : _a2.updatePopover) == null ? void 0 : _b2.call(_a2);
-        });
-      };
-      const handleContentMouseenter = () => {
-        var _a;
-        (_a = resolvedOptions.onContentMouseenter) == null ? void 0 : _a.call(resolvedOptions);
-      };
-      const handleContentMouseleave = () => {
-        var _a;
-        (_a = resolvedOptions.onContentMouseleave) == null ? void 0 : _a.call(resolvedOptions);
-      };
-      expose({
-        show: show3,
-        hide: hide3,
-        updateTarget,
-        stopHide
-      });
-      return () => createVNode(Component$q, mergeProps(attrs.value, {
-        "ref": refReference,
-        "onContentMouseenter": handleContentMouseenter,
-        "onContentMouseleave": handleContentMouseleave
-      }), {
-        default: () => [createVNode("span", {
-          "style": referStyle.value
-        }, null)]
-      });
-    }
-  };
-  function getBoundaryDom(boundary) {
-    if (/^body$/i.test(boundary)) {
-      return document.body;
-    }
-    if (/^parent$/i.test(boundary)) {
-      if (isElement2(resolvedOptions.target)) {
-        return resolvedOptions.target.parentNode;
-      }
-      return resolvedOptions.target.target.parentNode;
-    }
-    if (typeof boundary === "string" && isAvailableId(boundary)) {
-      return document.querySelector(boundary);
-    }
-    return document.body;
-  }
-  if ($PopoverInstance === null) {
-    $PopoverInstanceEl = document.createElement("div");
-    getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
-    setTimeout(() => {
-      $PopoverInstance = createApp(popoverComponent);
-      $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
-    });
-  }
-  function close2() {
-    if ($PopoverInstance) {
-      $PopoverInstance.unmount();
-      $PopoverInstanceVm = null;
-      $PopoverInstance = null;
-      $PopoverInstanceEl.remove();
-    }
-  }
-  function show2() {
-    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.show();
-  }
-  function update(e) {
-    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.updateTarget(e);
-  }
-  function hide2() {
-    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.hide();
-  }
-  return {
-    close: close2,
-    show: show2,
-    hide: hide2,
-    update,
-    get vm() {
-      return $PopoverInstanceVm;
-    },
-    get $el() {
-      return $PopoverInstanceVm.$el;
-    }
-  };
-}
-const resolveOptions = (el, binding) => {
-  const options = {
-    content: "",
-    target: el
-  };
-  if (typeof binding.value === "object") {
-    Object.assign(options, binding.value);
-  } else {
-    options.content = binding.value;
-  }
-  return options;
-};
-const createInstance = (el, binding) => {
-  let instance = null;
-  let createTimer = null;
-  let hidePopTimer = null;
-  const options = resolveOptions(el, binding);
-  const { disabled } = options;
-  if (disabled || instance) {
-    return;
-  }
-  const handleContentEnter = () => {
-    hidePopTimer && clearTimeout(hidePopTimer);
-    hidePopTimer = null;
-  };
-  const handleContentLeave = () => {
-    if (createTimer) {
-      clearTimeout(createTimer);
-    }
-    instance == null ? void 0 : instance.hide();
-    instance == null ? void 0 : instance.close();
-    instance = null;
-  };
-  const handleMouseEnter = () => {
-    createTimer && clearTimeout(createTimer);
-    createTimer = setTimeout(() => {
-      const targetOptions = resolveOptions(el, binding);
-      targetOptions.content = targetOptions.content || el.innerHTML;
-      Object.assign(targetOptions, {
-        onContentMouseenter: handleContentEnter,
-        onContentMouseleave: handleContentLeave
-      });
-      instance = createPopoverComponent(targetOptions);
-      setTimeout(() => {
-        instance.show();
-      });
-    }, 100);
-  };
-  const handleMouseLeave = () => {
-    hidePopTimer = setTimeout(() => {
-      if (createTimer) {
-        clearTimeout(createTimer);
-      }
-      instance == null ? void 0 : instance.hide();
-      instance == null ? void 0 : instance.close();
-      instance = null;
-    }, 120);
-  };
-  el.addEventListener("mouseenter", handleMouseEnter);
-  el.addEventListener("mouseleave", handleMouseLeave);
-  Object.assign(binding, {
-    __cached: {
-      handleMouseEnter,
-      handleMouseLeave
-    }
-  });
-  const destroyInstance = (element) => {
-    var _a, _b;
-    handleMouseLeave();
-    (_a = element != null ? element : el) == null ? void 0 : _a.removeEventListener("mouseenter", handleMouseEnter);
-    (_b = element != null ? element : el) == null ? void 0 : _b.removeEventListener("mouseleave", handleMouseLeave);
-  };
-  return {
-    destroyInstance,
-    instance
-  };
-};
-const ellipsis = {
-  mounted(el, binding) {
-    createInstance(el, binding);
-  },
-  beforeUnmount(el, binding) {
-    if (binding.__cached) {
-      const { handleMouseEnter, handleMouseLeave } = binding.__cached;
-      el.removeEventListener("mouseenter", handleMouseEnter);
-      el.removeEventListener("mouseleave", handleMouseLeave);
-      binding.__cached = null;
-    }
-  }
-};
-var Arrow = defineComponent({
-  name: "PopArrow",
-  render() {
-    const arrowClassName = resolveClassName("pop2-arrow");
-    return createVNode("div", {
-      "class": arrowClassName
-    }, null);
-  }
-});
-const EMPTY$2 = (..._args) => true;
-let EMIT_EVENTS$1;
-(function(EMIT_EVENTS2) {
-  EMIT_EVENTS2["SHOW"] = "show";
-  EMIT_EVENTS2["HIDE"] = "hide";
-  EMIT_EVENTS2["CLICK_OUTSIDE"] = "clickoutside";
-  EMIT_EVENTS2["CONTENT_MOUSEENTER"] = "contentMouseenter";
-  EMIT_EVENTS2["CONTENT_MOUSELEAVE"] = "contentMouseleave";
-  EMIT_EVENTS2["STOP_HIDE"] = "stopHide";
-})(EMIT_EVENTS$1 || (EMIT_EVENTS$1 = {}));
-const EMIT_EVENT_TYPES$1 = {
-  [EMIT_EVENTS$1.SHOW]: EMPTY$2,
-  [EMIT_EVENTS$1.HIDE]: EMPTY$2,
-  [EMIT_EVENTS$1.CLICK_OUTSIDE]: EMPTY$2,
-  [EMIT_EVENTS$1.CONTENT_MOUSEENTER]: EMPTY$2,
-  [EMIT_EVENTS$1.CONTENT_MOUSELEAVE]: EMPTY$2,
-  [EMIT_EVENTS$1.STOP_HIDE]: EMPTY$2
-};
-var Content = defineComponent({
-  name: "PopContent",
-  props: {
-    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
-    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
-    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto")
-  },
-  setup(props2) {
-    const resolveValToPix = (val) => {
-      if (/^\d+\.?\d*$/.test(`${val}`)) {
-        return `${val}px`;
-      }
-      return val;
-    };
-    const style2 = computed(() => ({
-      width: resolveValToPix(props2.width),
-      height: resolveValToPix(props2.height),
-      maxHeight: resolveValToPix(props2.maxHeight)
-    }));
-    return {
-      style: style2
-    };
-  },
-  render() {
-    var _a, _b, _c, _d, _e, _f;
-    const className = [resolveClassName("popover"), resolveClassName("pop2-content")];
-    return createVNode("div", {
-      "class": className,
-      "tabindex": "-1",
-      "style": this.style
-    }, [(_c = (_b = (_a = this.$slots).arrow) == null ? void 0 : _b.call(_a)) != null ? _c : "", (_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]);
-  }
-});
-const EventProps$1 = {
-  onAfterHidden: Function,
-  onAfterShow: Function
+});
+const EventProps$1 = {
+  onAfterHidden: Function,
+  onAfterShow: Function
 };
 const PopoverProps = __spreadValues({
   isShow: PropTypes.bool.def(false),
@@ -12408,7 +11627,7 @@ function getSideOffsets(overflow2, rect) {
 function isAnySideFullyClipped(overflow2) {
   return sides.some((side) => overflow2[side] >= 0);
 }
-const hide = function(_temp) {
+const hide$1 = function(_temp) {
   let _a = _temp === void 0 ? {} : _temp, {
     strategy = "referenceHidden"
   } = _a, detectOverflowOptions = __objRest(_a, [
@@ -13280,7 +12499,7 @@ var useFloating = (props2, ctx, {
       middleware.push(flip());
     }
     if (isHideMiddlewareAvailable()) {
-      options.middleware.push(hide());
+      options.middleware.push(hide$1());
     }
     if (isElementFullScreen() || props3.isVirtualEl) {
       const {
@@ -13519,6 +12738,17 @@ var useFloating = (props2, ctx, {
     cleanup
   };
 };
+const CachedConst = {};
+const isAvailableId = (query) => {
+  const container2 = document.querySelector(query);
+  return container2 instanceof HTMLElement;
+};
+const getFullscreenUid = () => {
+  if (!CachedConst.fullscreenReferId) {
+    CachedConst.fullscreenReferId = `id_${uuid_1.v4()}`;
+  }
+  return CachedConst.fullscreenReferId;
+};
 let popContainerId = null;
 let parentNodeReferId = null;
 var usePopperId = (props2, prefix = "#") => {
@@ -13850,8 +13080,169 @@ var Component$q = defineComponent({
     });
   }
 });
+function createPopoverComponent(options) {
+  let $PopoverInstance = null;
+  let $PopoverInstanceVm = null;
+  let $PopoverInstanceEl = null;
+  const resolvedOptions = __spreadProps(__spreadValues({
+    boundary: "body",
+    placement: "top",
+    autoVisibility: false
+  }, options), {
+    trigger: "manual"
+  });
+  const isElement2 = (element) => element instanceof Element || element instanceof HTMLDocument;
+  const popoverComponent = {
+    name: "$popover",
+    setup(_2, {
+      expose
+    }) {
+      const refProps = ref(resolvedOptions);
+      const refReference = ref();
+      const referStyle = ref({
+        position: "absolute",
+        pointerEvents: "none",
+        left: 0,
+        top: 0,
+        width: "auto",
+        height: "auto",
+        transform: ""
+      });
+      const updateStyle = (target) => {
+        if (isElement2(target)) {
+          const {
+            x: x2,
+            y: y2,
+            width,
+            height
+          } = target.getBoundingClientRect();
+          Object.assign(referStyle.value, {
+            width: `${width}px`,
+            height: `${height}px`,
+            transform: `translate3d(${x2}px,${y2}px,0)`
+          });
+          return;
+        }
+        const {
+          clientX,
+          clientY
+        } = target;
+        Object.assign(referStyle.value, {
+          transform: `translate3d(${clientX}px,${clientY}px,0)`,
+          width: "10px",
+          height: "10px"
+        });
+      };
+      updateStyle(refProps.value.target);
+      const show3 = () => {
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = refReference.value) == null ? void 0 : _a.show) == null ? void 0 : _b.call(_a);
+        });
+      };
+      const hide3 = () => {
+        var _a, _b;
+        (_b = (_a = refReference.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
+      };
+      const stopHide = () => {
+        var _a, _b;
+        (_b = (_a = refReference.value) == null ? void 0 : _a.stopHide) == null ? void 0 : _b.call(_a);
+      };
+      const attrs = computed(() => {
+        const excludeKeys = ["target"];
+        return Object.keys(refProps.value).filter((key2) => !excludeKeys.includes(key2)).reduce((out, curKey) => __spreadProps(__spreadValues({}, out), {
+          [curKey]: refProps.value[curKey]
+        }), {});
+      });
+      const updateTarget = (target) => {
+        var _a, _b;
+        refProps.value.target = target;
+        updateStyle(target);
+        (_b = (_a = refReference.value) == null ? void 0 : _a.updatePopover) == null ? void 0 : _b.call(_a);
+        nextTick(() => {
+          var _a2, _b2;
+          (_b2 = (_a2 = refReference.value) == null ? void 0 : _a2.updatePopover) == null ? void 0 : _b2.call(_a2);
+        });
+      };
+      const handleContentMouseenter = () => {
+        var _a;
+        (_a = resolvedOptions.onContentMouseenter) == null ? void 0 : _a.call(resolvedOptions);
+      };
+      const handleContentMouseleave = () => {
+        var _a;
+        (_a = resolvedOptions.onContentMouseleave) == null ? void 0 : _a.call(resolvedOptions);
+      };
+      expose({
+        show: show3,
+        hide: hide3,
+        updateTarget,
+        stopHide
+      });
+      return () => createVNode(Component$q, mergeProps(attrs.value, {
+        "ref": refReference,
+        "onContentMouseenter": handleContentMouseenter,
+        "onContentMouseleave": handleContentMouseleave
+      }), {
+        default: () => [createVNode("span", {
+          "style": referStyle.value
+        }, null)]
+      });
+    }
+  };
+  function getBoundaryDom(boundary) {
+    if (/^body$/i.test(boundary)) {
+      return document.body;
+    }
+    if (/^parent$/i.test(boundary)) {
+      if (isElement2(resolvedOptions.target)) {
+        return resolvedOptions.target.parentNode;
+      }
+      return resolvedOptions.target.target.parentNode;
+    }
+    if (typeof boundary === "string" && isAvailableId(boundary)) {
+      return document.querySelector(boundary);
+    }
+    return document.body;
+  }
+  if ($PopoverInstance === null) {
+    $PopoverInstanceEl = document.createElement("div");
+    getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
+    setTimeout(() => {
+      $PopoverInstance = createApp(popoverComponent);
+      $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
+    });
+  }
+  function close2() {
+    if ($PopoverInstance) {
+      $PopoverInstance.unmount();
+      $PopoverInstanceVm = null;
+      $PopoverInstance = null;
+      $PopoverInstanceEl.remove();
+    }
+  }
+  function show2() {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.show();
+  }
+  function update(e) {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.updateTarget(e);
+  }
+  function hide2() {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.hide();
+  }
+  return {
+    close: close2,
+    show: show2,
+    hide: hide2,
+    update,
+    get vm() {
+      return $PopoverInstanceVm;
+    },
+    get $el() {
+      return $PopoverInstanceVm.$el;
+    }
+  };
+}
 const BkPopover = withInstall(Component$q);
-var Popover = BkPopover;
 var popover = defineComponent({
   name: "Popover2",
   setup() {
@@ -14648,265 +14039,873 @@ function useHover() {
     isHover.value = false;
   };
   return {
-    isHover,
-    setHover,
-    cancelHover
+    isHover,
+    setHover,
+    cancelHover
+  };
+}
+function useRegistry(data2) {
+  const register = (key2, item) => {
+    if (!item)
+      return;
+    if (data2.value.has(key2)) {
+      console.warn(`repeat ${key2}`, item);
+      return;
+    }
+    return data2.value.set(key2, item);
+  };
+  const unregister = (key2) => {
+    data2.value.delete(key2);
+  };
+  return {
+    register,
+    unregister
+  };
+}
+function useDebouncedRef(value, delay = 200) {
+  let timeout;
+  let innerValue = value;
+  return customRef((track, trigger) => ({
+    get() {
+      track();
+      return innerValue;
+    },
+    set(newValue) {
+      clearTimeout(timeout);
+      if (newValue === void 0 || newValue === "") {
+        innerValue = newValue;
+        trigger();
+      } else {
+        timeout = setTimeout(() => {
+          innerValue = newValue;
+          trigger();
+        }, delay);
+      }
+    }
+  }));
+}
+function usePopover(config, triggerRef) {
+  const { popoverMinWidth } = config;
+  let observerIns = null;
+  const popperWidth = ref("auto");
+  const isPopoverShow = ref(false);
+  const togglePopover = () => {
+    isPopoverShow.value = !isPopoverShow.value;
+  };
+  const hidePopover = () => {
+    isPopoverShow.value = false;
+  };
+  const showPopover = () => {
+    isPopoverShow.value = true;
+  };
+  const triggerRefResize = () => {
+    var _a;
+    popperWidth.value = Math.max((_a = triggerRef.value) == null ? void 0 : _a.offsetWidth, popoverMinWidth);
+  };
+  onMounted(() => {
+    if (!triggerRef.value)
+      return;
+    observerIns = observerResize$1(triggerRef.value, triggerRefResize, 60, true);
+    observerIns.start();
+  });
+  onBeforeUnmount(() => {
+    observerIns == null ? void 0 : observerIns.stop();
+    observerIns = null;
+  });
+  return {
+    isPopoverShow,
+    popperWidth,
+    togglePopover,
+    hidePopover,
+    showPopover
+  };
+}
+function useRemoteSearch(method, callBack) {
+  const searchKey = useDebouncedRef("");
+  const searchLoading = ref(false);
+  watch(searchKey, async () => {
+    try {
+      searchLoading.value = true;
+      await method(searchKey.value);
+      searchLoading.value = false;
+    } catch (err) {
+      console.error(err);
+    } finally {
+      callBack == null ? void 0 : callBack();
+    }
+  });
+  return {
+    searchKey,
+    searchLoading
+  };
+}
+function toLowerCase(value = "") {
+  if (!value)
+    return value;
+  return String(value).trim().toLowerCase();
+}
+var BkOption = defineComponent({
+  name: "Option",
+  props: {
+    value: PropTypes.any,
+    label: PropTypes.string.def(""),
+    disabled: PropTypes.bool.def(false)
+  },
+  setup(props2) {
+    const {
+      proxy
+    } = getCurrentInstance();
+    const states = reactive({
+      visible: true
+    });
+    const {
+      disabled,
+      value
+    } = toRefs(props2);
+    const select2 = inject(selectKey, null);
+    const group = inject(optionGroupKey, null);
+    const selected = computed(() => {
+      var _a;
+      return (_a = select2 == null ? void 0 : select2.selected) == null ? void 0 : _a.some((item) => item.value === value.value);
+    });
+    const multiple = computed(() => select2 == null ? void 0 : select2.multiple);
+    const isHover = computed(() => (select2 == null ? void 0 : select2.activeOptionValue) === value.value);
+    const showSelectedIcon = computed(() => select2 == null ? void 0 : select2.showSelectedIcon);
+    const handleOptionClick = () => {
+      if (disabled.value)
+        return;
+      select2 == null ? void 0 : select2.handleOptionSelected(proxy);
+    };
+    const handleMouseEnter = () => {
+      select2.activeOptionValue = value.value;
+    };
+    onBeforeMount(() => {
+      select2 == null ? void 0 : select2.register(value.value, proxy);
+      group == null ? void 0 : group.register(value.value, proxy);
+    });
+    onBeforeUnmount(() => {
+      select2 == null ? void 0 : select2.unregister(value.value);
+      group == null ? void 0 : group.unregister(value.value);
+    });
+    return __spreadProps(__spreadValues({}, toRefs(states)), {
+      selected,
+      multiple,
+      isHover,
+      showSelectedIcon,
+      handleOptionClick,
+      handleMouseEnter
+    });
+  },
+  render() {
+    var _a, _b, _c;
+    const selectItemClass = classes({
+      "is-selected": this.selected,
+      "is-disabled": this.disabled,
+      "is-multiple": this.multiple,
+      "is-hover": this.isHover,
+      [resolveClassName("select-option")]: true
+    });
+    return withDirectives(createVNode("li", {
+      "class": selectItemClass,
+      "onClick": this.handleOptionClick,
+      "onMouseenter": this.handleMouseEnter
+    }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
+      "class": resolveClassName("select-option-item"),
+      "title": this.label
+    }, [this.label]), this.multiple && this.selected && this.showSelectedIcon && createVNode(done, {
+      "class": resolveClassName("select-selected-icon"),
+      "width": 22,
+      "height": 22
+    }, null)]), [[vShow, this.visible]]);
+  }
+});
+var OptionGroup = defineComponent({
+  name: "OptionGroup",
+  props: {
+    label: PropTypes.string.def(""),
+    disabled: PropTypes.bool.def(false),
+    collapsible: PropTypes.bool.def(false),
+    collapse: PropTypes.bool.def(false)
+  },
+  setup(props2, {
+    emit
+  }) {
+    const instance = getCurrentInstance();
+    const {
+      proxy
+    } = instance;
+    const select2 = inject(selectKey, null);
+    const states = reactive({
+      groupCollapse: props2.collapse,
+      visible: true
+    });
+    const optionsMap = ref(/* @__PURE__ */ new Map());
+    const {
+      register,
+      unregister
+    } = useRegistry(optionsMap);
+    const groupLabel = computed(() => `${props2.label} (${[...optionsMap.value.values()].filter((option) => option.visible).length})`);
+    const handleToggleCollapse = () => {
+      if (!props2.collapsible || props2.disabled)
+        return;
+      states.groupCollapse = !states.groupCollapse;
+      emit("update:collapse", states.groupCollapse);
+    };
+    provide(optionGroupKey, reactive(__spreadProps(__spreadValues({}, toRefs(props2)), {
+      register,
+      unregister,
+      groupCollapse: toRef(states, "groupCollapse")
+    })));
+    onBeforeMount(() => {
+      select2 == null ? void 0 : select2.registerGroup(instance.uid, proxy);
+    });
+    onBeforeUnmount(() => {
+      select2 == null ? void 0 : select2.unregisterGroup(instance.uid);
+    });
+    return __spreadProps(__spreadValues({}, toRefs(states)), {
+      groupLabel,
+      handleToggleCollapse
+    });
+  },
+  render() {
+    var _a, _b;
+    const groupClass = classes({
+      [resolveClassName("option-group")]: true,
+      collapsible: this.collapsible,
+      disabled: this.disabled
+    });
+    const groupLabelClass = classes({
+      [resolveClassName("option-group-label")]: true,
+      collapsible: this.collapsible
+    });
+    const groupLabelIconClass = classes({
+      "default-group-label-icon": true,
+      collapse: this.groupCollapse
+    });
+    return withDirectives(createVNode("ul", {
+      "class": groupClass
+    }, [createVNode("li", {
+      "class": groupLabelClass,
+      "onClick": this.handleToggleCollapse
+    }, [this.$slots.label ? this.$slots.label() : createVNode("span", {
+      "class": "default-group-label"
+    }, [this.collapsible && createVNode(angleUpFill, {
+      "class": groupLabelIconClass
+    }, null), createVNode("span", {
+      "class": "default-group-label-title"
+    }, [this.groupLabel])])]), withDirectives(createVNode("ul", {
+      "class": resolveClassName("option-group-content")
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
+  }
+});
+var props = {
+  content: String,
+  type: {
+    type: String,
+    default: "title"
+  },
+  calType: {
+    type: String,
+    default: "dom"
+  },
+  resizeable: Boolean
+};
+function getActualWidthByCanvas(text, options) {
+  const { fontSize = 14, fontFamily = "Microsoft YaHei" } = options;
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  ctx.font = `${fontSize}px ${fontFamily}`;
+  const metrics = ctx.measureText(text);
+  const actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
+  return Math.max(metrics.width, actual);
+}
+function getActualWidthByDom(text, options, dom = document.body) {
+  const { fontSize, fontFamily } = options || {};
+  const tempDom = document.createElement("div");
+  tempDom.style.cssText = `position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;
+    ${fontSize ? `font-size:${fontSize} ;` : ""}
+    ${fontFamily ? `font-family:${fontFamily} ` : ""}
+  `;
+  tempDom.innerText = text;
+  dom.append(tempDom);
+  const { clientWidth } = tempDom;
+  dom.removeChild(tempDom);
+  return clientWidth;
+}
+var overflow = "";
+var OverflowTitle = defineComponent({
+  name: "OverflowTitle",
+  props,
+  setup(props2, {
+    slots
+  }) {
+    const boxRef = ref(null);
+    const textRef = ref(null);
+    const isShowTips = ref(false);
+    const textProps = shallowRef();
+    const contentText = computed(() => {
+      var _a;
+      if (props2.content) {
+        return props2.content;
+      }
+      return (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+    });
+    onMounted(() => {
+      const {
+        clientWidth
+      } = boxRef.value;
+      const resizeHandler = debounce(500, () => {
+        isShowTips.value = false;
+        textProps.value = {};
+        let textWidth = 0;
+        if (props2.calType === "dom") {
+          textWidth = getActualWidthByDom(textRef.value.textContent, null, boxRef.value);
+        } else {
+          const {
+            fontSize,
+            fontFamily
+          } = getComputedStyle(boxRef.value);
+          textWidth = getActualWidthByCanvas(contentText.value, {
+            fontSize,
+            fontFamily
+          });
+        }
+        if (textWidth > clientWidth) {
+          isShowTips.value = true;
+          if (props2.type === "title") {
+            textProps.value = {
+              title: textRef.value.innerText
+            };
+          }
+        }
+      });
+      resizeHandler();
+      if (props2.resizeable) {
+        const observer = new ResizeObserver(resizeHandler);
+        observer.observe(boxRef.value);
+        onUnmounted(() => {
+          observer.unobserve(boxRef.value);
+          observer.disconnect();
+        });
+      }
+    });
+    return {
+      boxRef,
+      textRef,
+      isShowTips,
+      contentText,
+      textProps
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "boxRef",
+      "class": "position-relative"
+    }, [createVNode(BkPopover, {
+      "disabled": this.type === "title"
+    }, {
+      default: () => createVNode("div", mergeProps({
+        "ref": "textRef",
+        "class": "text-ov"
+      }, this.textProps), [this.contentText]),
+      content: () => this.contentText
+    })]);
+  }
+});
+const overflowTitle = {
+  mounted(el, { value = {} }) {
+    const { clientWidth } = el.parentElement;
+    if (!clientWidth) {
+      return;
+    }
+    const { content, calType = "dom" } = value;
+    const text = content || el.innerText;
+    let textWidth = 0;
+    if (calType === "dom") {
+      textWidth = getActualWidthByDom(el.textContent, null, el.parentElement);
+    } else {
+      const { fontSize, fontFamily } = getComputedStyle(el);
+      textWidth = getActualWidthByCanvas(text, { fontSize, fontFamily });
+    }
+    if (textWidth > clientWidth) {
+      el.setAttribute("title", text);
+    }
+  }
+};
+const BkOverflowTitle = withInstall(OverflowTitle);
+var _populated = false;
+var _ie, _firefox, _opera, _webkit, _chrome;
+var _ie_real_version;
+var _osx, _windows, _linux, _android;
+var _win64;
+var _iphone, _ipad, _native;
+var _mobile;
+function _populate() {
+  if (_populated) {
+    return;
+  }
+  _populated = true;
+  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);
+  _win64 = !!/Win64/.exec(uas);
+  if (agent) {
+    _ie = agent[1] ? parseFloat(agent[1]) : agent[5] ? parseFloat(agent[5]) : NaN;
+    if (_ie && document && document.documentMode) {
+      _ie = document.documentMode;
+    }
+    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) {
+      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]) {
+      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$1 = {
+  ie: function() {
+    return _populate() || _ie;
+  },
+  ieCompatibilityMode: function() {
+    return _populate() || _ie_real_version > _ie;
+  },
+  ie64: function() {
+    return UserAgent_DEPRECATED$1.ie() && _win64;
+  },
+  firefox: function() {
+    return _populate() || _firefox;
+  },
+  opera: function() {
+    return _populate() || _opera;
+  },
+  webkit: function() {
+    return _populate() || _webkit;
+  },
+  safari: function() {
+    return UserAgent_DEPRECATED$1.webkit();
+  },
+  chrome: function() {
+    return _populate() || _chrome;
+  },
+  windows: function() {
+    return _populate() || _windows;
+  },
+  osx: function() {
+    return _populate() || _osx;
+  },
+  linux: function() {
+    return _populate() || _linux;
+  },
+  iphone: function() {
+    return _populate() || _iphone;
+  },
+  mobile: function() {
+    return _populate() || (_iphone || _ipad || _android || _mobile);
+  },
+  nativeApp: function() {
+    return _populate() || _native;
+  },
+  android: function() {
+    return _populate() || _android;
+  },
+  ipad: function() {
+    return _populate() || _ipad;
+  }
+};
+var UserAgent_DEPRECATED_1 = UserAgent_DEPRECATED$1;
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+var ExecutionEnvironment$1 = {
+  canUseDOM,
+  canUseWorkers: typeof Worker !== "undefined",
+  canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
+  canUseViewport: canUseDOM && !!window.screen,
+  isInWorker: !canUseDOM
+};
+var ExecutionEnvironment_1 = ExecutionEnvironment$1;
+var ExecutionEnvironment = ExecutionEnvironment_1;
+var useHasFeature;
+if (ExecutionEnvironment.canUseDOM) {
+  useHasFeature = document.implementation && document.implementation.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$1(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") {
+    isSupported = document.implementation.hasFeature("Events.wheel", "3.0");
+  }
+  return isSupported;
+}
+var isEventSupported_1 = isEventSupported$1;
+var UserAgent_DEPRECATED = UserAgent_DEPRECATED_1;
+var isEventSupported = isEventSupported_1;
+var PIXEL_STEP = 10;
+var LINE_HEIGHT$1 = 40;
+var PAGE_HEIGHT = 800;
+function normalizeWheel$1(event) {
+  var sX = 0, sY = 0, pX = 0, pY = 0;
+  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;
+  }
+  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) {
+      pX *= LINE_HEIGHT$1;
+      pY *= LINE_HEIGHT$1;
+    } else {
+      pX *= PAGE_HEIGHT;
+      pY *= PAGE_HEIGHT;
+    }
+  }
+  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
   };
 }
-function useRegistry(data2) {
-  const register = (key2, item) => {
-    if (!item)
-      return;
-    if (data2.value.has(key2)) {
-      console.warn(`repeat ${key2}`, item);
-      return;
+normalizeWheel$1.getEventType = function() {
+  return UserAgent_DEPRECATED.firefox() ? "DOMMouseScroll" : isEventSupported("wheel") ? "wheel" : "mousewheel";
+};
+var normalizeWheel_1 = normalizeWheel$1;
+var normalizeWheel = normalizeWheel_1;
+const isFirefox = typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+const mousewheelHandler = function(element, callback) {
+  if (element == null ? void 0 : element.addEventListener) {
+    element.addEventListener(isFirefox ? "DOMMouseScroll" : "mousewheel", function(e) {
+      const normalized = normalizeWheel(e);
+      callback == null ? void 0 : callback.apply(this, [e, normalized]);
+    });
+  }
+};
+const mousewheel = {
+  beforeMount(el, binding) {
+    console.error(el, binding);
+    mousewheelHandler(el, binding.value);
+  }
+};
+const nodeList = /* @__PURE__ */ new Map();
+const tooltips = {
+  beforeMount(el, binding) {
+    const opts = getOpts(binding);
+    const { trigger } = opts;
+    const popper2 = renderContent(opts);
+    let delayTimeout = null;
+    if (trigger === "hover") {
+      let hideTimeout = null;
+      el.addEventListener("mouseenter", () => {
+        delayTimeout = setTimeout(() => {
+          show(el);
+          clearTimeout(hideTimeout);
+          clearTimeout(delayTimeout);
+        }, opts.delay);
+      });
+      popper2.addEventListener("mouseenter", () => {
+        clearTimeout(hideTimeout);
+      });
+      el.addEventListener("mouseleave", () => {
+        clearTimeout(delayTimeout);
+        hideTimeout = setTimeout(() => {
+          hide(el);
+        }, 100);
+      });
+      el.addEventListener("click", () => {
+        hide(el);
+      });
+      popper2.addEventListener("mouseleave", () => {
+        clearTimeout(delayTimeout);
+        hideTimeout = setTimeout(() => {
+          hide(el);
+        }, 100);
+      });
+    } else if (trigger === "click") {
+      document.body.addEventListener("click", (event) => {
+        if (el.contains(event.target) && !popper2.hasAttribute("data-show")) {
+          delayTimeout = setTimeout(() => {
+            show(el);
+            clearTimeout(delayTimeout);
+          }, opts.delay);
+        } else if (popper2.hasAttribute("data-show")) {
+          hide(el);
+        }
+      });
+    }
+    nodeList.set(el, {
+      opts,
+      popper: popper2,
+      popperInstance: null
+    });
+  },
+  updated(el, binding) {
+    nodeList.get(el).opts = getOpts(binding);
+  },
+  unmounted(el) {
+    hide(el);
+    nodeList.delete(el);
+  }
+};
+function initOptions() {
+  const defaultOpts = {
+    arrow: true,
+    disabled: false,
+    trigger: "hover",
+    theme: "dark",
+    content: "",
+    showOnInit: false,
+    placement: "top",
+    distance: 8,
+    extCls: "",
+    delay: 0,
+    onShow: () => {
+    },
+    onHide: () => {
     }
-    return data2.value.set(key2, item);
-  };
-  const unregister = (key2) => {
-    data2.value.delete(key2);
-  };
-  return {
-    register,
-    unregister
   };
+  return defaultOpts;
 }
-function useDebouncedRef(value, delay = 200) {
-  let timeout;
-  let innerValue = value;
-  return customRef((track, trigger) => ({
-    get() {
-      track();
-      return innerValue;
-    },
-    set(newValue) {
-      clearTimeout(timeout);
-      if (newValue === void 0 || newValue === "") {
-        innerValue = newValue;
-        trigger();
-      } else {
-        timeout = setTimeout(() => {
-          innerValue = newValue;
-          trigger();
-        }, delay);
+function getOpts(binding) {
+  const opts = initOptions();
+  if (typeof binding.value === "object") {
+    Object.assign(opts, binding.value);
+  } else {
+    opts.content = binding.value;
+  }
+  return opts;
+}
+function renderContent(opts) {
+  const { content: value, arrow: hasArrow, theme, extCls } = opts;
+  const isLight = theme === "light";
+  const zIndex = bkZIndexManager.getPopperIndex();
+  const content = document.createElement("div");
+  content.className = `${resolveClassName("popper")} ${isLight ? "light" : "dark"} ${extCls}`;
+  content.innerText = value;
+  content.style.zIndex = String(zIndex);
+  if (hasArrow) {
+    const arrow2 = renderArrow();
+    content.appendChild(arrow2);
+  }
+  return content;
+}
+function renderArrow() {
+  const arrow2 = document.createElement("div");
+  arrow2.className = resolveClassName("popper-arrow");
+  arrow2.setAttribute("data-popper-arrow", "");
+  return arrow2;
+}
+function createPopperInstance(el, popper2) {
+  const { opts } = nodeList.get(el);
+  const { placement, distance: distance2, showOnInit } = opts;
+  const popperInstance = createPopper(el, popper2, {
+    placement,
+    modifiers: [
+      {
+        name: "offset",
+        options: {
+          offset: [0, distance2]
+        }
       }
-    }
+    ]
+  });
+  if (showOnInit)
+    show(el);
+  return popperInstance;
+}
+function show(el) {
+  const { popper: popper2, opts } = nodeList.get(el);
+  const { disabled, content, arrow: hasArrow, onShow } = opts;
+  if (disabled)
+    return;
+  popper2.innerText = content;
+  if (hasArrow) {
+    const arrow2 = renderArrow();
+    popper2.appendChild(arrow2);
+  }
+  document.body.appendChild(popper2);
+  const popperInstance = createPopperInstance(el, popper2);
+  onShow();
+  popper2.setAttribute("data-show", "");
+  popperInstance.setOptions((options) => __spreadProps(__spreadValues({}, options), {
+    modifiers: [
+      ...options.modifiers,
+      { name: "eventListeners", enabled: true }
+    ]
   }));
+  popperInstance.forceUpdate();
+  nodeList.get(el).popperInstance = popperInstance;
 }
-function usePopover(config, triggerRef) {
-  const { popoverMinWidth } = config;
-  let observerIns = null;
-  const popperWidth = ref("auto");
-  const isPopoverShow = ref(false);
-  const togglePopover = () => {
-    isPopoverShow.value = !isPopoverShow.value;
+function hide(el) {
+  if (!nodeList.get(el))
+    return;
+  const { popper: popper2, popperInstance, opts } = nodeList.get(el);
+  const { onHide } = opts;
+  if (popper2 && document.body.contains(popper2)) {
+    popper2.removeAttribute("data-show");
+    popperInstance == null ? void 0 : popperInstance.destroy();
+    document.body.removeChild(popper2);
+    onHide();
+  }
+}
+const resolveOptions = (el, binding) => {
+  const options = {
+    content: "",
+    target: el
   };
-  const hidePopover = () => {
-    isPopoverShow.value = false;
+  if (typeof binding.value === "object") {
+    Object.assign(options, binding.value);
+  } else {
+    options.content = binding.value;
+  }
+  return options;
+};
+const createInstance = (el, binding) => {
+  let instance = null;
+  let createTimer = null;
+  let hidePopTimer = null;
+  const options = resolveOptions(el, binding);
+  const { disabled } = options;
+  if (disabled || instance) {
+    return;
+  }
+  const handleContentEnter = () => {
+    hidePopTimer && clearTimeout(hidePopTimer);
+    hidePopTimer = null;
   };
-  const showPopover = () => {
-    isPopoverShow.value = true;
+  const handleContentLeave = () => {
+    if (createTimer) {
+      clearTimeout(createTimer);
+    }
+    instance == null ? void 0 : instance.hide();
+    instance == null ? void 0 : instance.close();
+    instance = null;
   };
-  const triggerRefResize = () => {
-    var _a;
-    popperWidth.value = Math.max((_a = triggerRef.value) == null ? void 0 : _a.offsetWidth, popoverMinWidth);
+  const handleMouseEnter = () => {
+    createTimer && clearTimeout(createTimer);
+    createTimer = setTimeout(() => {
+      const targetOptions = resolveOptions(el, binding);
+      targetOptions.content = targetOptions.content || el.innerHTML;
+      Object.assign(targetOptions, {
+        onContentMouseenter: handleContentEnter,
+        onContentMouseleave: handleContentLeave
+      });
+      instance = createPopoverComponent(targetOptions);
+      setTimeout(() => {
+        instance.show();
+      });
+    }, 100);
   };
-  onMounted(() => {
-    if (!triggerRef.value)
-      return;
-    observerIns = observerResize$1(triggerRef.value, triggerRefResize, 60, true);
-    observerIns.start();
-  });
-  onBeforeUnmount(() => {
-    observerIns == null ? void 0 : observerIns.stop();
-    observerIns = null;
-  });
-  return {
-    isPopoverShow,
-    popperWidth,
-    togglePopover,
-    hidePopover,
-    showPopover
+  const handleMouseLeave = () => {
+    hidePopTimer = setTimeout(() => {
+      if (createTimer) {
+        clearTimeout(createTimer);
+      }
+      instance == null ? void 0 : instance.hide();
+      instance == null ? void 0 : instance.close();
+      instance = null;
+    }, 120);
   };
-}
-function useRemoteSearch(method, callBack) {
-  const searchKey = useDebouncedRef("");
-  const searchLoading = ref(false);
-  watch(searchKey, async () => {
-    try {
-      searchLoading.value = true;
-      await method(searchKey.value);
-      searchLoading.value = false;
-    } catch (err) {
-      console.error(err);
-    } finally {
-      callBack == null ? void 0 : callBack();
+  el.addEventListener("mouseenter", handleMouseEnter);
+  el.addEventListener("mouseleave", handleMouseLeave);
+  Object.assign(binding, {
+    __cached: {
+      handleMouseEnter,
+      handleMouseLeave
     }
   });
+  const destroyInstance = (element) => {
+    var _a, _b;
+    handleMouseLeave();
+    (_a = element != null ? element : el) == null ? void 0 : _a.removeEventListener("mouseenter", handleMouseEnter);
+    (_b = element != null ? element : el) == null ? void 0 : _b.removeEventListener("mouseleave", handleMouseLeave);
+  };
   return {
-    searchKey,
-    searchLoading
+    destroyInstance,
+    instance
   };
-}
-function toLowerCase(value = "") {
-  if (!value)
-    return value;
-  return String(value).trim().toLowerCase();
-}
-var BkOption = defineComponent({
-  name: "Option",
-  props: {
-    value: PropTypes.any,
-    label: PropTypes.string.def(""),
-    disabled: PropTypes.bool.def(false)
-  },
-  setup(props2) {
-    const {
-      proxy
-    } = getCurrentInstance();
-    const states = reactive({
-      visible: true
-    });
-    const {
-      disabled,
-      value
-    } = toRefs(props2);
-    const select2 = inject(selectKey, null);
-    const group = inject(optionGroupKey, null);
-    const selected = computed(() => {
-      var _a;
-      return (_a = select2 == null ? void 0 : select2.selected) == null ? void 0 : _a.some((item) => item.value === value.value);
-    });
-    const multiple = computed(() => select2 == null ? void 0 : select2.multiple);
-    const isHover = computed(() => (select2 == null ? void 0 : select2.activeOptionValue) === value.value);
-    const showSelectedIcon = computed(() => select2 == null ? void 0 : select2.showSelectedIcon);
-    const handleOptionClick = () => {
-      if (disabled.value)
-        return;
-      select2 == null ? void 0 : select2.handleOptionSelected(proxy);
-    };
-    const handleMouseEnter = () => {
-      select2.activeOptionValue = value.value;
-    };
-    onBeforeMount(() => {
-      select2 == null ? void 0 : select2.register(value.value, proxy);
-      group == null ? void 0 : group.register(value.value, proxy);
-    });
-    onBeforeUnmount(() => {
-      select2 == null ? void 0 : select2.unregister(value.value);
-      group == null ? void 0 : group.unregister(value.value);
-    });
-    return __spreadProps(__spreadValues({}, toRefs(states)), {
-      selected,
-      multiple,
-      isHover,
-      showSelectedIcon,
-      handleOptionClick,
-      handleMouseEnter
-    });
-  },
-  render() {
-    var _a, _b, _c;
-    const selectItemClass = classes({
-      "is-selected": this.selected,
-      "is-disabled": this.disabled,
-      "is-multiple": this.multiple,
-      "is-hover": this.isHover,
-      [resolveClassName("select-option")]: true
-    });
-    return withDirectives(createVNode("li", {
-      "class": selectItemClass,
-      "onClick": this.handleOptionClick,
-      "onMouseenter": this.handleMouseEnter
-    }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
-      "class": resolveClassName("select-option-item"),
-      "title": this.label
-    }, [this.label]), this.multiple && this.selected && this.showSelectedIcon && createVNode(done, {
-      "class": resolveClassName("select-selected-icon"),
-      "width": 22,
-      "height": 22
-    }, null)]), [[vShow, this.visible]]);
-  }
-});
-var OptionGroup = defineComponent({
-  name: "OptionGroup",
-  props: {
-    label: PropTypes.string.def(""),
-    disabled: PropTypes.bool.def(false),
-    collapsible: PropTypes.bool.def(false),
-    collapse: PropTypes.bool.def(false)
-  },
-  setup(props2, {
-    emit
-  }) {
-    const instance = getCurrentInstance();
-    const {
-      proxy
-    } = instance;
-    const select2 = inject(selectKey, null);
-    const states = reactive({
-      groupCollapse: props2.collapse,
-      visible: true
-    });
-    const optionsMap = ref(/* @__PURE__ */ new Map());
-    const {
-      register,
-      unregister
-    } = useRegistry(optionsMap);
-    const groupLabel = computed(() => `${props2.label} (${[...optionsMap.value.values()].filter((option) => option.visible).length})`);
-    const handleToggleCollapse = () => {
-      if (!props2.collapsible || props2.disabled)
-        return;
-      states.groupCollapse = !states.groupCollapse;
-      emit("update:collapse", states.groupCollapse);
-    };
-    provide(optionGroupKey, reactive(__spreadProps(__spreadValues({}, toRefs(props2)), {
-      register,
-      unregister,
-      groupCollapse: toRef(states, "groupCollapse")
-    })));
-    onBeforeMount(() => {
-      select2 == null ? void 0 : select2.registerGroup(instance.uid, proxy);
-    });
-    onBeforeUnmount(() => {
-      select2 == null ? void 0 : select2.unregisterGroup(instance.uid);
-    });
-    return __spreadProps(__spreadValues({}, toRefs(states)), {
-      groupLabel,
-      handleToggleCollapse
-    });
+};
+const ellipsis = {
+  mounted(el, binding) {
+    createInstance(el, binding);
   },
-  render() {
-    var _a, _b;
-    const groupClass = classes({
-      [resolveClassName("option-group")]: true,
-      collapsible: this.collapsible,
-      disabled: this.disabled
-    });
-    const groupLabelClass = classes({
-      [resolveClassName("option-group-label")]: true,
-      collapsible: this.collapsible
-    });
-    const groupLabelIconClass = classes({
-      "default-group-label-icon": true,
-      collapse: this.groupCollapse
-    });
-    return withDirectives(createVNode("ul", {
-      "class": groupClass
-    }, [createVNode("li", {
-      "class": groupLabelClass,
-      "onClick": this.handleToggleCollapse
-    }, [this.$slots.label ? this.$slots.label() : createVNode("span", {
-      "class": "default-group-label"
-    }, [this.collapsible && createVNode(angleUpFill, {
-      "class": groupLabelIconClass
-    }, null), createVNode("span", {
-      "class": "default-group-label-title"
-    }, [this.groupLabel])])]), withDirectives(createVNode("ul", {
-      "class": resolveClassName("option-group-content")
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
+  beforeUnmount(el, binding) {
+    if (binding.__cached) {
+      const { handleMouseEnter, handleMouseLeave } = binding.__cached;
+      el.removeEventListener("mouseenter", handleMouseEnter);
+      el.removeEventListener("mouseleave", handleMouseLeave);
+      binding.__cached = null;
+    }
   }
-});
+};
 const EventProps = {
   onContentScroll: Function
 };
@@ -14953,11 +14952,22 @@ var useTagRender = (props2, ctx) => {
     throttleDelay: props2.throttleDelay,
     onlyScroll: props2.scrollEvent
   };
+  const refRoot = ref(null);
+  const scrollTo = ({
+    left: left2 = 0,
+    top: top2 = 0
+  }) => {
+    refRoot.value.scrollTo(left2, top2);
+  };
+  ctx.expose({
+    scrollTo
+  });
   return {
     rendAsTag: () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       return h$1(renderAs, {
-        class: props2.className
+        class: props2.className,
+        ref: refRoot
       }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs, {
         class: props2.contentClassName,
         style: props2.contentStyle
@@ -15184,8 +15194,19 @@ var Component$l = defineComponent({
       handleChangeListConfig();
       afterListDataReset();
     };
+    const scrollTo = (option = {
+      left: 0,
+      top: 0
+    }) => {
+      const {
+        left: left2,
+        top: top2
+      } = option;
+      refRoot.value.scrollTo(left2, top2);
+    };
     ctx.expose({
-      reset: reset2
+      reset: reset2,
+      scrollTo
     });
     return () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
@@ -16074,7 +16095,7 @@ var Component$j = defineComponent({
     };
     return createVNode("div", {
       "class": selectClass
-    }, [createVNode(Popover, mergeProps(this.popoverConfig, {
+    }, [createVNode(BkPopover, mergeProps(this.popoverConfig, {
       "onClickoutside": this.handleClickOutside,
       "onAfterShow": this.handlePopoverShow,
       "ref": "popoverRef"
@@ -17138,7 +17159,7 @@ var useSmallList = () => {
       "is-disabled": isPagePreDisabled.value
     },
     "onClick": handlePrePage
-  }, [createVNode(angleLeft, null, null)]), createVNode(Popover, {
+  }, [createVNode(angleLeft, null, null)]), createVNode(BkPopover, {
     "theme": "light",
     "trigger": "click",
     "arrow": false,
@@ -18366,7 +18387,7 @@ var HeadFilter = defineComponent({
         "class": "list-item is-empty"
       }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
     };
-    return () => createVNode(Popover, mergeProps({
+    return () => createVNode(BkPopover, mergeProps({
       "trigger": "click",
       "isShow": state.isOpen,
       "placement": "bottom-start",
@@ -18592,7 +18613,7 @@ var Settings = defineComponent({
       immediate: true,
       deep: true
     });
-    return () => props2.settings ? createVNode(Popover, mergeProps({
+    return () => props2.settings ? createVNode(BkPopover, mergeProps({
       "trigger": "manual",
       "isShow": isShow.value,
       "placement": "bottom-end",
@@ -20134,6 +20155,13 @@ var Component$e = defineComponent({
       }
       updateOffsetRight();
     };
+    const scrollTo = (option = {
+      left: 0,
+      top: 0
+    }) => {
+      var _a, _b;
+      (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, option);
+    };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
         if (!root.value) {
@@ -20159,7 +20187,8 @@ var Component$e = defineComponent({
       toggleAllSelection,
       toggleRowSelection,
       getSelection,
-      clearSort
+      clearSort,
+      scrollTo
     });
     const tableBodyClass = computed(() => __spreadProps(__spreadValues({}, contentClass), {
       "__is-empty": !pageData.length
@@ -21177,7 +21206,7 @@ var Component$d = defineComponent({
       "onClick": this.focusInputTrigger,
       "onMouseenter": () => this.isHover = true,
       "onMouseleave": () => this.isHover = false
-    }, [createVNode(Popover, mergeProps({
+    }, [createVNode(BkPopover, mergeProps({
       "theme": "light bk-tag-input-popover-content",
       "trigger": "manual",
       "placement": "bottom-start",
@@ -30261,7 +30290,7 @@ var Dropdown = defineComponent({
     const popoverOptions = lodash.exports.merge(basePopoverOptions, this.popoverOptions);
     return createVNode("div", {
       "class": wrapperClasses
-    }, [createVNode(Popover, mergeProps({
+    }, [createVNode(BkPopover, mergeProps({
       "ref": "popoverRef"
     }, popoverOptions, {
       "onAfterShow": this.afterShow,
@@ -30706,7 +30735,7 @@ var Component$7 = defineComponent({
   },
   components: {
     CascaderPanel,
-    BkPopover: Popover
+    BkPopover
   },
   props: {
     modelValue: PropTypes.arrayOf(PropTypes.oneOfType([q(), String, Number])),
@@ -30899,7 +30928,7 @@ var Component$7 = defineComponent({
       "data-placeholder": this.placeholder,
       "onMouseenter": this.setHover,
       "onMouseleave": this.cancelHover
-    }, [suffixIcon(), createVNode(Popover, {
+    }, [suffixIcon(), createVNode(BkPopover, {
       "placement": "bottom-start",
       "theme": "light bk-cascader-popover",
       "trigger": "click",
@@ -31073,7 +31102,7 @@ var SliderButton = defineComponent({
       "style": wrapperStyle.value,
       "onClick": (event) => event.stopPropagation(),
       "onMousedown": onButtonDown
-    }, [Boolean(tip.value.content) ? createVNode(Popover, {
+    }, [Boolean(tip.value.content) ? createVNode(BkPopover, {
       "content": tip.value.content,
       "theme": "dark",
       "placement": tip.value.placement,
@@ -39069,7 +39098,7 @@ var SearchSelectInput = defineComponent({
         "onFooterClick": this.handleMenuFooterClick
       }, __spreadValues({}, menuSlots))]) : void 0;
     };
-    return createVNode(Popover, {
+    return createVNode(BkPopover, {
       "trigger": "manual",
       "theme": "light",
       "placement": "bottom-start",
@@ -39502,7 +39531,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Link: BkLink,
   Loading: BkLoading,
   Modal: BkModal,
-  Popover,
+  Popover: BkPopover,
   Popover2: BkPopover2,
   Progress: BkProgress,
   Radio: BkRadio,
@@ -39561,4 +39590,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel, overflowTitle };
+export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel, overflowTitle };