bkui-vue 0.0.1-beta.467 → 0.0.1-beta.468

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 var N8 = Object.defineProperty;
 var S8 = (e, t, n) => t in e ? N8(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Oe = (e, t, n) => (S8(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { inject as At, reactive as tt, watch as Me, provide as Pt, computed as Q, defineComponent as ve, createVNode as f, mergeProps as we, h as Bt, ref as G, onMounted as rt, onBeforeUnmount as St, getCurrentInstance as Ft, nextTick as at, Transition as ra, createApp as jf, createTextVNode as Ht, withDirectives as Je, vShow as Xe, isVNode as Wn, Fragment as xt, renderSlot as D8, toRefs as Mt, Teleport as Of, resolveDirective as Bn, shallowRef as fu, customRef as j8, onBeforeMount as Af, toRef as Ef, vModelText as vg, unref as Sa, watchEffect as hu, markRaw as O8, onUpdated as A8, render as I3, onUnmounted as zf, toRaw as L3, withModifiers as E8, TransitionGroup as k3 } from "vue";
+import { inject as At, reactive as tt, watch as Me, provide as Pt, computed as Q, defineComponent as ve, createVNode as f, mergeProps as we, h as Bt, ref as G, onMounted as rt, onBeforeUnmount as St, getCurrentInstance as Ft, nextTick as at, Transition as ra, createApp as jf, createTextVNode as Ht, withDirectives as Je, vShow as Xe, isVNode as Wn, Fragment as xt, renderSlot as D8, toRefs as Mt, Teleport as Of, resolveDirective as Bn, customRef as j8, onBeforeMount as Af, toRef as Ef, shallowRef as fu, vModelText as vg, unref as Sa, watchEffect as hu, markRaw as O8, onUpdated as A8, render as I3, onUnmounted as zf, toRaw as L3, withModifiers as E8, TransitionGroup as k3 } from "vue";
 function z8(e, t = 0, n, i = 500, s) {
   const r = Math.abs(t - n), o = Math.ceil(r / i * 50);
   function u(c, d, g) {
@@ -11479,31 +11479,250 @@ const N1 = () => {
       class: "bk-swiper-nav-icon"
     }, null)])]);
   }
-}), mL = qe(gL);
-function pL() {
+}), mL = qe(gL), $u = Symbol("BkSelect"), S1 = Symbol("BkOptionGroup");
+function D1() {
+  const e = G(!1);
+  return {
+    isHover: e,
+    setHover: () => {
+      e.value = !0;
+    },
+    cancelHover: () => {
+      e.value = !1;
+    }
+  };
+}
+function ef(e) {
+  return {
+    register: (i, s) => {
+      if (s) {
+        if (e.value.has(i)) {
+          console.warn(`repeat ${i}`, s);
+          return;
+        }
+        return e.value.set(i, s);
+      }
+    },
+    unregister: (i) => {
+      e.value.delete(i);
+    }
+  };
+}
+function pL(e, t = 200) {
+  let n, i = e;
+  return j8((s, r) => ({
+    get() {
+      return s(), i;
+    },
+    set(o) {
+      clearTimeout(n), o === void 0 || o === "" ? (i = o, r()) : n = setTimeout(() => {
+        i = o, r();
+      }, t);
+    }
+  }));
+}
+function vL(e, t) {
+  const { popoverMinWidth: n } = e;
+  let i = null;
+  const s = G("auto"), r = G(!1), o = () => {
+    r.value = !r.value;
+  }, u = () => {
+    r.value = !1;
+  }, c = () => {
+    r.value = !0;
+  }, d = () => {
+    var g;
+    s.value = Math.max((g = t.value) == null ? void 0 : g.offsetWidth, n);
+  };
+  return rt(() => {
+    t.value && (i = W8(t.value, d, 60, !0), i.start());
+  }), St(() => {
+    i == null || i.stop(), i = null;
+  }), {
+    isPopoverShow: r,
+    popperWidth: s,
+    togglePopover: o,
+    hidePopover: u,
+    showPopover: c
+  };
+}
+function yL(e, t) {
+  const n = pL(""), i = G(!1);
+  return Me(n, async () => {
+    try {
+      i.value = !0, await e(n.value), i.value = !1;
+    } catch (s) {
+      console.error(s);
+    } finally {
+      t == null || t();
+    }
+  }), {
+    searchKey: n,
+    searchLoading: i
+  };
+}
+function js(e = "") {
+  return e && String(e).trim().toLowerCase();
+}
+const Ko = /* @__PURE__ */ ve({
+  name: "Option",
+  props: {
+    value: {
+      type: [String, Number, Object],
+      require: !0
+    },
+    label: m.oneOfType([m.number, m.string]).def(""),
+    disabled: m.bool.def(!1)
+  },
+  setup(e) {
+    const {
+      proxy: t
+    } = Ft(), n = tt({
+      visible: !0
+    }), {
+      disabled: i,
+      value: s
+    } = Mt(e), r = At($u, null), o = At(S1, null), u = Q(() => {
+      var b;
+      return (b = r == null ? void 0 : r.selected) == null ? void 0 : b.some((I) => gt.isEqual(I.value, s.value));
+    }), c = Q(() => r == null ? void 0 : r.multiple), d = Q(() => (r == null ? void 0 : r.activeOptionValue) === s.value), g = Q(() => (r == null ? void 0 : r.showSelectedIcon) && c.value), p = Q(() => r == null ? void 0 : r.selectedStyle), v = () => {
+      i.value || r == null || r.handleOptionSelected(t);
+    }, y = () => {
+      r.activeOptionValue = s.value;
+    };
+    return Af(() => {
+      r == null || r.register(s.value, t), o == null || o.register(s.value, t);
+    }), St(() => {
+      r == null || r.unregister(s.value), o == null || o.unregister(s.value);
+    }), {
+      ...Mt(n),
+      selected: u,
+      multiple: c,
+      isHover: d,
+      showSelectedIcon: g,
+      selectedStyle: p,
+      handleOptionClick: v,
+      handleMouseEnter: y
+    };
+  },
+  render() {
+    var t, n;
+    const e = Qe({
+      "is-selected": this.selected,
+      "is-disabled": this.disabled,
+      "is-multiple": this.multiple,
+      "is-hover": this.isHover,
+      "is-checkbox": this.selectedStyle === Oo.CHECKBOX,
+      [$("select-option")]: !0
+    });
+    return Je(f("li", {
+      class: e,
+      onClick: this.handleOptionClick,
+      onMouseenter: this.handleMouseEnter
+    }, [this.showSelectedIcon && this.selectedStyle === Oo.CHECKBOX && f(Pi, {
+      class: $("select-checkbox"),
+      modelValue: this.selected
+    }, null), ((n = (t = this.$slots).default) == null ? void 0 : n.call(t)) ?? f("span", {
+      class: $("select-option-item"),
+      title: String(this.label)
+    }, [this.label]), this.showSelectedIcon && this.selected && this.selectedStyle === Oo.CHECK && f(Aa, {
+      class: $("select-selected-icon"),
+      width: 22,
+      height: 22
+    }, null)]), [[Xe, this.visible]]);
+  }
+}), bL = /* @__PURE__ */ ve({
+  name: "OptionGroup",
+  props: {
+    label: m.string.def(""),
+    disabled: m.bool.def(!1),
+    collapsible: m.bool.def(!1),
+    // 是否开启折叠
+    collapse: m.bool.def(!1)
+    // 是否折叠初始状态
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = Ft(), {
+      proxy: i
+    } = n, s = At($u, null), r = tt({
+      groupCollapse: e.collapse,
+      visible: !0
+    }), o = G(/* @__PURE__ */ new Map()), {
+      register: u,
+      unregister: c
+    } = ef(o), d = Q(() => `${e.label} (${[...o.value.values()].filter((p) => p.visible).length})`), g = () => {
+      !e.collapsible || e.disabled || (r.groupCollapse = !r.groupCollapse, t("update:collapse", r.groupCollapse));
+    };
+    return Pt(S1, tt({
+      ...Mt(e),
+      register: u,
+      unregister: c,
+      groupCollapse: Ef(r, "groupCollapse")
+    })), Af(() => {
+      s == null || s.registerGroup(n.uid, i);
+    }), St(() => {
+      s == null || s.unregisterGroup(n.uid);
+    }), {
+      ...Mt(r),
+      groupLabel: d,
+      handleToggleCollapse: g
+    };
+  },
+  render() {
+    var i, s;
+    const e = Qe({
+      [$("option-group")]: !0,
+      collapsible: this.collapsible,
+      disabled: this.disabled
+    }), t = Qe({
+      [$("option-group-label")]: !0,
+      collapsible: this.collapsible
+    }), n = Qe({
+      "default-group-label-icon": !0,
+      collapse: this.groupCollapse
+    });
+    return Je(f("ul", {
+      class: e
+    }, [f("li", {
+      class: t,
+      onClick: this.handleToggleCollapse
+    }, [this.$slots.label ? this.$slots.label() : f("span", {
+      class: "default-group-label"
+    }, [this.collapsible && f(gl, {
+      class: n
+    }, null), f("span", {
+      class: "default-group-label-title"
+    }, [this.groupLabel])])]), Je(f("ul", {
+      class: $("option-group-content")
+    }, [(s = (i = this.$slots).default) == null ? void 0 : s.call(i)]), [[Xe, !this.groupCollapse]])]), [[Xe, this.visible]]);
+  }
+});
+function CL() {
   return kn().def(
     "bottom"
     /* BOTTOM */
   );
 }
-const vL = {
+const wL = {
   content: m.string,
   type: m.oneOf(["tips", "title"]).def("title"),
   calType: m.oneOf(["dom", "canvas"]).def("dom"),
   boundary: m.oneOfType([m.string.def("parent"), m.instanceOf(HTMLElement)]).def(document.body),
-  placement: pL().def(
+  placement: CL().def(
     "top-start"
     /* TOP_START */
   ),
   resizeable: m.bool
 };
-function S1(e, t) {
+function j1(e, t) {
   const { fontSize: n = 14, fontFamily: i = "Microsoft YaHei" } = t, r = document.createElement("canvas").getContext("2d");
   r.font = `${n}px ${i}`;
   const o = r.measureText(e), u = Math.abs(o.actualBoundingBoxLeft) + Math.abs(o.actualBoundingBoxRight);
   return Math.max(o.width, u);
 }
-function D1(e, t, n = document.body) {
+function O1(e, t, n = document.body) {
   if (!n)
     return 0;
   const { fontSize: i, fontFamily: s } = t || {}, r = document.createElement("div");
@@ -11514,9 +11733,9 @@ function D1(e, t, n = document.body) {
   const { clientWidth: o } = r;
   return n.removeChild(r), o;
 }
-const yL = /* @__PURE__ */ ve({
+const ML = /* @__PURE__ */ ve({
   name: "OverflowTitle",
-  props: vL,
+  props: wL,
   setup(e, {
     slots: t
   }) {
@@ -11532,13 +11751,13 @@ const yL = /* @__PURE__ */ ve({
         s.value = !1, r.value = {};
         let d = 0;
         if (e.calType === "dom")
-          d = D1((g = i.value) == null ? void 0 : g.textContent, null, n.value);
+          d = O1((g = i.value) == null ? void 0 : g.textContent, null, n.value);
         else {
           const {
             fontSize: v,
             fontFamily: y
           } = getComputedStyle(n.value);
-          d = S1(o.value, {
+          d = j1(o.value, {
             fontSize: v,
             fontFamily: y
           });
@@ -11585,37 +11804,37 @@ const yL = /* @__PURE__ */ ve({
     const { content: i, calType: s = "dom" } = t, r = i || e.innerText;
     let o = 0;
     if (s === "dom")
-      o = D1(e.textContent, null, e.parentElement);
+      o = O1(e.textContent, null, e.parentElement);
     else {
       const { fontSize: u, fontFamily: c } = getComputedStyle(e);
-      o = S1(r, { fontSize: u, fontFamily: c });
+      o = j1(r, { fontSize: u, fontFamily: c });
     }
     o > n && e.setAttribute("title", r);
   }
-}, bL = qe(yL);
-var i6 = !1, Ua, ef, tf, Eo, zo, j1, Po, nf, af, sf, O1, rf, lf, A1, E1;
+}, IL = qe(ML);
+var i6 = !1, Ua, tf, nf, Eo, zo, A1, Po, af, sf, rf, E1, lf, of, z1, P1;
 function Cn() {
   if (!i6) {
     i6 = !0;
     var e = navigator.userAgent, t = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e), n = /(Mac OS X)|(Windows)|(Linux)/.exec(e);
-    if (rf = /\b(iPhone|iP[ao]d)/.exec(e), lf = /\b(iP[ao]d)/.exec(e), sf = /Android/i.exec(e), A1 = /FBAN\/\w+;/i.exec(e), E1 = /Mobile/i.exec(e), O1 = !!/Win64/.exec(e), t) {
+    if (lf = /\b(iPhone|iP[ao]d)/.exec(e), of = /\b(iP[ao]d)/.exec(e), rf = /Android/i.exec(e), z1 = /FBAN\/\w+;/i.exec(e), P1 = /Mobile/i.exec(e), E1 = !!/Win64/.exec(e), t) {
       Ua = t[1] ? parseFloat(t[1]) : t[5] ? parseFloat(t[5]) : NaN, Ua && document && document.documentMode && (Ua = document.documentMode);
       var i = /(?:Trident\/(\d+.\d+))/.exec(e);
-      j1 = i ? parseFloat(i[1]) + 4 : Ua, ef = t[2] ? parseFloat(t[2]) : NaN, tf = t[3] ? parseFloat(t[3]) : NaN, Eo = t[4] ? parseFloat(t[4]) : NaN, Eo ? (t = /(?:Chrome\/(\d+\.\d+))/.exec(e), zo = t && t[1] ? parseFloat(t[1]) : NaN) : zo = NaN;
+      A1 = i ? parseFloat(i[1]) + 4 : Ua, tf = t[2] ? parseFloat(t[2]) : NaN, nf = t[3] ? parseFloat(t[3]) : NaN, Eo = t[4] ? parseFloat(t[4]) : NaN, Eo ? (t = /(?:Chrome\/(\d+\.\d+))/.exec(e), zo = t && t[1] ? parseFloat(t[1]) : NaN) : zo = NaN;
     } else
-      Ua = ef = tf = zo = Eo = NaN;
+      Ua = tf = nf = zo = Eo = NaN;
     if (n) {
       if (n[1]) {
         var s = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);
         Po = s ? parseFloat(s[1].replace("_", ".")) : !0;
       } else
         Po = !1;
-      nf = !!n[2], af = !!n[3];
+      af = !!n[2], sf = !!n[3];
     } else
-      Po = nf = af = !1;
+      Po = af = sf = !1;
   }
 }
-var of = {
+var uf = {
   /**
    *  Check if the UA is Internet Explorer.
    *
@@ -11632,7 +11851,7 @@ var of = {
    * not compatibility mode or not ie
    */
   ieCompatibilityMode: function() {
-    return Cn() || j1 > Ua;
+    return Cn() || A1 > Ua;
   },
   /**
    * Whether the browser is 64-bit IE.  Really, this is kind of weak sauce;  we
@@ -11640,7 +11859,7 @@ var of = {
    * this when we don't need it -- tracked by #601957.
    */
   ie64: function() {
-    return of.ie() && O1;
+    return uf.ie() && E1;
   },
   /**
    *  Check if the UA is Firefox.
@@ -11649,7 +11868,7 @@ var of = {
    *  @return float|NaN Version number (if match) or NaN.
    */
   firefox: function() {
-    return Cn() || ef;
+    return Cn() || tf;
   },
   /**
    *  Check if the UA is Opera.
@@ -11658,7 +11877,7 @@ var of = {
    *  @return float|NaN Version number (if match) or NaN.
    */
   opera: function() {
-    return Cn() || tf;
+    return Cn() || nf;
   },
   /**
    *  Check if the UA is WebKit.
@@ -11674,7 +11893,7 @@ var of = {
    *  WILL BE REMOVED VERY SOON. Use UserAgent_DEPRECATED.webkit
    */
   safari: function() {
-    return of.webkit();
+    return uf.webkit();
   },
   /**
    *  Check if the UA is a Chrome browser.
@@ -11691,7 +11910,7 @@ var of = {
    *  @return bool `true' if the user's OS is Windows.
    */
   windows: function() {
-    return Cn() || nf;
+    return Cn() || af;
   },
   /**
    *  Check if the user is running Mac OS X.
@@ -11708,7 +11927,7 @@ var of = {
    * @return bool `true' if the user's OS is some flavor of Linux.
    */
   linux: function() {
-    return Cn() || af;
+    return Cn() || sf;
   },
   /**
    * Check if the user is running on an iPhone or iPod platform.
@@ -11717,29 +11936,29 @@ var of = {
    *    iPhone OS.
    */
   iphone: function() {
-    return Cn() || rf;
+    return Cn() || lf;
   },
   mobile: function() {
-    return Cn() || rf || lf || sf || E1;
+    return Cn() || lf || of || rf || P1;
   },
   nativeApp: function() {
-    return Cn() || A1;
+    return Cn() || z1;
   },
   android: function() {
-    return Cn() || sf;
+    return Cn() || rf;
   },
   ipad: function() {
-    return Cn() || lf;
+    return Cn() || of;
   }
-}, CL = of, To = !!(typeof window < "u" && window.document && window.document.createElement), wL = {
+}, LL = uf, To = !!(typeof window < "u" && window.document && window.document.createElement), kL = {
   canUseDOM: To,
   canUseWorkers: typeof Worker < "u",
   canUseEventListeners: To && !!(window.addEventListener || window.attachEvent),
   canUseViewport: To && !!window.screen,
   isInWorker: !To
   // For now, this is true - might change in the future.
-}, ML = wL, z1 = ML, P1;
-z1.canUseDOM && (P1 = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.
+}, TL = kL, J1 = TL, R1;
+J1.canUseDOM && (R1 = 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("", "") !== !0);
 /**
@@ -11756,18 +11975,18 @@ document.implementation.hasFeature("", "") !== !0);
  * @internal
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-function IL(e, t) {
-  if (!z1.canUseDOM || t && !("addEventListener" in document))
+function xL(e, t) {
+  if (!J1.canUseDOM || t && !("addEventListener" in document))
     return !1;
   var n = "on" + e, i = n in document;
   if (!i) {
     var s = document.createElement("div");
     s.setAttribute(n, "return;"), i = typeof s[n] == "function";
   }
-  return !i && P1 && e === "wheel" && (i = document.implementation.hasFeature("Events.wheel", "3.0")), i;
+  return !i && R1 && e === "wheel" && (i = document.implementation.hasFeature("Events.wheel", "3.0")), i;
 }
-var LL = IL, kL = CL, TL = LL, a6 = 10, s6 = 40, r6 = 800;
-function J1(e) {
+var NL = xL, SL = LL, DL = NL, a6 = 10, s6 = 40, r6 = 800;
+function Q1(e) {
   var t = 0, n = 0, i = 0, s = 0;
   return "detail" in e && (n = e.detail), "wheelDelta" in e && (n = -e.wheelDelta / 120), "wheelDeltaY" in e && (n = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = n, n = 0), i = t * a6, s = n * a6, "deltaY" in e && (s = e.deltaY), "deltaX" in e && (i = e.deltaX), (i || s) && e.deltaMode && (e.deltaMode == 1 ? (i *= s6, s *= s6) : (i *= r6, s *= r6)), i && !t && (t = i < 1 ? -1 : 1), s && !n && (n = s < 1 ? -1 : 1), {
     spinX: t,
@@ -11776,28 +11995,28 @@ function J1(e) {
     pixelY: s
   };
 }
-J1.getEventType = function() {
-  return kL.firefox() ? "DOMMouseScroll" : TL("wheel") ? "wheel" : "mousewheel";
+Q1.getEventType = function() {
+  return SL.firefox() ? "DOMMouseScroll" : DL("wheel") ? "wheel" : "mousewheel";
 };
-var xL = J1, NL = xL;
-const SL = /* @__PURE__ */ ul(NL), DL = typeof navigator < "u" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1, jL = function(e, t) {
-  e != null && e.addEventListener && e.addEventListener(DL ? "DOMMouseScroll" : "mousewheel", function(n) {
-    const i = SL(n);
+var jL = Q1, OL = jL;
+const AL = /* @__PURE__ */ ul(OL), EL = typeof navigator < "u" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1, zL = function(e, t) {
+  e != null && e.addEventListener && e.addEventListener(EL ? "DOMMouseScroll" : "mousewheel", function(n) {
+    const i = AL(n);
     t == null || t.apply(this, [n, i]);
   });
 }, dO = {
   beforeMount(e, t) {
-    console.error(e, t), jL(e, t.value);
+    console.error(e, t), zL(e, t.value);
   }
 }, Na = /* @__PURE__ */ new Map(), Ll = {
   beforeMount(e, t) {
-    const n = l6(t), { trigger: i } = n, s = AL(n);
+    const n = l6(t), { trigger: i } = n, s = JL(n);
     let r = null;
     if (i === "hover") {
       let o = null;
       e.addEventListener("mouseenter", () => {
         r = setTimeout(() => {
-          uf(e), clearTimeout(o), clearTimeout(r);
+          cf(e), clearTimeout(o), clearTimeout(r);
         }, n.delay);
       }), s.addEventListener("mouseenter", () => {
         clearTimeout(o);
@@ -11815,7 +12034,7 @@ const SL = /* @__PURE__ */ ul(NL), DL = typeof navigator < "u" && navigator.user
     } else
       i === "click" && document.body.addEventListener("click", (o) => {
         e.contains(o.target) && !s.hasAttribute("data-show") ? r = setTimeout(() => {
-          uf(e), clearTimeout(r);
+          cf(e), clearTimeout(r);
         }, n.delay) : s.hasAttribute("data-show") && Or(e);
       });
     Na.set(e, {
@@ -11831,7 +12050,7 @@ const SL = /* @__PURE__ */ ul(NL), DL = typeof navigator < "u" && navigator.user
     Or(e), Na.delete(e);
   }
 };
-function OL() {
+function PL() {
   return {
     arrow: !0,
     disabled: !1,
@@ -11850,22 +12069,22 @@ function OL() {
   };
 }
 function l6(e) {
-  const t = OL();
+  const t = PL();
   return typeof e.value == "object" ? Object.assign(t, e.value) : t.content = e.value, t;
 }
-function AL(e) {
+function JL(e) {
   const { content: t, arrow: n, theme: i, extCls: s } = e, r = i === "light", o = Ai.getPopperIndex(), u = document.createElement("div");
   if (u.className = `${$("popper")} ${r ? "light" : "dark"} ${s}`, u.innerText = t, u.style.zIndex = String(o), n) {
-    const c = R1();
+    const c = _1();
     u.appendChild(c);
   }
   return u;
 }
-function R1() {
+function _1() {
   const e = document.createElement("div");
   return e.className = $("popper-arrow"), e.setAttribute("data-popper-arrow", ""), e;
 }
-function EL(e, t) {
+function RL(e, t) {
   const { opts: n } = Na.get(e), { placement: i, distance: s, showOnInit: r } = n, o = Rg(e, t, {
     placement: i,
     modifiers: [
@@ -11877,18 +12096,18 @@ function EL(e, t) {
       }
     ]
   });
-  return r && uf(e), o;
+  return r && cf(e), o;
 }
-function uf(e) {
+function cf(e) {
   const { popper: t, opts: n } = Na.get(e), { disabled: i, content: s, arrow: r, onShow: o } = n;
   if (i)
     return;
   if (t.innerText = s, r) {
-    const c = R1();
+    const c = _1();
     t.appendChild(c);
   }
   document.body.appendChild(t);
-  const u = EL(e, t);
+  const u = RL(e, t);
   o(), t.setAttribute("data-show", ""), u.setOptions((c) => ({
     ...c,
     modifiers: [
@@ -11909,7 +12128,7 @@ const o6 = (e, t) => {
     target: e
   };
   return typeof t == "object" ? Object.assign(n, t) : n.content = t, n;
-}, Q1 = (e, t) => {
+}, W1 = (e, t) => {
   let n = null, i = null, s = null;
   const r = o6(e, t), { disabled: o } = r;
   if (o || n)
@@ -11940,7 +12159,7 @@ const o6 = (e, t) => {
   };
 }, fO = {
   mounted(e, t) {
-    Q1(e, t);
+    W1(e, t);
   }
   // beforeUnmount(el: HTMLElement, binding: any) {
   //   if (binding.cache) {
@@ -11950,226 +12169,7 @@ const o6 = (e, t) => {
   //     binding.__cached = null;
   //   }
   // },
-}, $u = Symbol("BkSelect"), _1 = Symbol("BkOptionGroup");
-function W1() {
-  const e = G(!1);
-  return {
-    isHover: e,
-    setHover: () => {
-      e.value = !0;
-    },
-    cancelHover: () => {
-      e.value = !1;
-    }
-  };
-}
-function cf(e) {
-  return {
-    register: (i, s) => {
-      if (s) {
-        if (e.value.has(i)) {
-          console.warn(`repeat ${i}`, s);
-          return;
-        }
-        return e.value.set(i, s);
-      }
-    },
-    unregister: (i) => {
-      e.value.delete(i);
-    }
-  };
-}
-function zL(e, t = 200) {
-  let n, i = e;
-  return j8((s, r) => ({
-    get() {
-      return s(), i;
-    },
-    set(o) {
-      clearTimeout(n), o === void 0 || o === "" ? (i = o, r()) : n = setTimeout(() => {
-        i = o, r();
-      }, t);
-    }
-  }));
-}
-function PL(e, t) {
-  const { popoverMinWidth: n } = e;
-  let i = null;
-  const s = G("auto"), r = G(!1), o = () => {
-    r.value = !r.value;
-  }, u = () => {
-    r.value = !1;
-  }, c = () => {
-    r.value = !0;
-  }, d = () => {
-    var g;
-    s.value = Math.max((g = t.value) == null ? void 0 : g.offsetWidth, n);
-  };
-  return rt(() => {
-    t.value && (i = W8(t.value, d, 60, !0), i.start());
-  }), St(() => {
-    i == null || i.stop(), i = null;
-  }), {
-    isPopoverShow: r,
-    popperWidth: s,
-    togglePopover: o,
-    hidePopover: u,
-    showPopover: c
-  };
-}
-function JL(e, t) {
-  const n = zL(""), i = G(!1);
-  return Me(n, async () => {
-    try {
-      i.value = !0, await e(n.value), i.value = !1;
-    } catch (s) {
-      console.error(s);
-    } finally {
-      t == null || t();
-    }
-  }), {
-    searchKey: n,
-    searchLoading: i
-  };
-}
-function js(e = "") {
-  return e && String(e).trim().toLowerCase();
-}
-const Ko = /* @__PURE__ */ ve({
-  name: "Option",
-  props: {
-    value: {
-      type: [String, Number, Object],
-      require: !0
-    },
-    label: m.oneOfType([m.number, m.string]).def(""),
-    disabled: m.bool.def(!1)
-  },
-  setup(e) {
-    const {
-      proxy: t
-    } = Ft(), n = tt({
-      visible: !0
-    }), {
-      disabled: i,
-      value: s
-    } = Mt(e), r = At($u, null), o = At(_1, null), u = Q(() => {
-      var b;
-      return (b = r == null ? void 0 : r.selected) == null ? void 0 : b.some((I) => gt.isEqual(I.value, s.value));
-    }), c = Q(() => r == null ? void 0 : r.multiple), d = Q(() => (r == null ? void 0 : r.activeOptionValue) === s.value), g = Q(() => (r == null ? void 0 : r.showSelectedIcon) && c.value), p = Q(() => r == null ? void 0 : r.selectedStyle), v = () => {
-      i.value || r == null || r.handleOptionSelected(t);
-    }, y = () => {
-      r.activeOptionValue = s.value;
-    };
-    return Af(() => {
-      r == null || r.register(s.value, t), o == null || o.register(s.value, t);
-    }), St(() => {
-      r == null || r.unregister(s.value), o == null || o.unregister(s.value);
-    }), {
-      ...Mt(n),
-      selected: u,
-      multiple: c,
-      isHover: d,
-      showSelectedIcon: g,
-      selectedStyle: p,
-      handleOptionClick: v,
-      handleMouseEnter: y
-    };
-  },
-  render() {
-    var t, n;
-    const e = Qe({
-      "is-selected": this.selected,
-      "is-disabled": this.disabled,
-      "is-multiple": this.multiple,
-      "is-hover": this.isHover,
-      "is-checkbox": this.selectedStyle === Oo.CHECKBOX,
-      [$("select-option")]: !0
-    });
-    return Je(f("li", {
-      class: e,
-      onClick: this.handleOptionClick,
-      onMouseenter: this.handleMouseEnter
-    }, [this.showSelectedIcon && this.selectedStyle === Oo.CHECKBOX && f(Pi, {
-      class: $("select-checkbox"),
-      modelValue: this.selected
-    }, null), ((n = (t = this.$slots).default) == null ? void 0 : n.call(t)) ?? f("span", {
-      class: $("select-option-item"),
-      title: String(this.label)
-    }, [this.label]), this.showSelectedIcon && this.selected && this.selectedStyle === Oo.CHECK && f(Aa, {
-      class: $("select-selected-icon"),
-      width: 22,
-      height: 22
-    }, null)]), [[Xe, this.visible]]);
-  }
-}), RL = /* @__PURE__ */ ve({
-  name: "OptionGroup",
-  props: {
-    label: m.string.def(""),
-    disabled: m.bool.def(!1),
-    collapsible: m.bool.def(!1),
-    // 是否开启折叠
-    collapse: m.bool.def(!1)
-    // 是否折叠初始状态
-  },
-  setup(e, {
-    emit: t
-  }) {
-    const n = Ft(), {
-      proxy: i
-    } = n, s = At($u, null), r = tt({
-      groupCollapse: e.collapse,
-      visible: !0
-    }), o = G(/* @__PURE__ */ new Map()), {
-      register: u,
-      unregister: c
-    } = cf(o), d = Q(() => `${e.label} (${[...o.value.values()].filter((p) => p.visible).length})`), g = () => {
-      !e.collapsible || e.disabled || (r.groupCollapse = !r.groupCollapse, t("update:collapse", r.groupCollapse));
-    };
-    return Pt(_1, tt({
-      ...Mt(e),
-      register: u,
-      unregister: c,
-      groupCollapse: Ef(r, "groupCollapse")
-    })), Af(() => {
-      s == null || s.registerGroup(n.uid, i);
-    }), St(() => {
-      s == null || s.unregisterGroup(n.uid);
-    }), {
-      ...Mt(r),
-      groupLabel: d,
-      handleToggleCollapse: g
-    };
-  },
-  render() {
-    var i, s;
-    const e = Qe({
-      [$("option-group")]: !0,
-      collapsible: this.collapsible,
-      disabled: this.disabled
-    }), t = Qe({
-      [$("option-group-label")]: !0,
-      collapsible: this.collapsible
-    }), n = Qe({
-      "default-group-label-icon": !0,
-      collapse: this.groupCollapse
-    });
-    return Je(f("ul", {
-      class: e
-    }, [f("li", {
-      class: t,
-      onClick: this.handleToggleCollapse
-    }, [this.$slots.label ? this.$slots.label() : f("span", {
-      class: "default-group-label"
-    }, [this.collapsible && f(gl, {
-      class: n
-    }, null), f("span", {
-      class: "default-group-label-title"
-    }, [this.groupLabel])])]), Je(f("ul", {
-      class: $("option-group-content")
-    }, [(s = (i = this.$slots).default) == null ? void 0 : s.call(i)]), [[Xe, !this.groupCollapse]])]), [[Xe, this.visible]]);
-  }
-}), QL = {
+}, QL = {
   onContentScroll: Function
 }, _L = {
   /** 传入原始数据源 */
@@ -12787,14 +12787,14 @@ const ZL = /* @__PURE__ */ ve({
     }, S.value)), {
       register: He,
       unregister: Re
-    } = cf(me), {
+    } = ef(me), {
       register: Ue,
       unregister: pt
-    } = cf(q), {
+    } = ef(q), {
       isHover: ut,
       setHover: kt,
       cancelHover: nt
-    } = W1(), sn = G(!1), ua = () => {
+    } = D1(), sn = G(!1), ua = () => {
       sn.value || (sn.value = !0, t("focus"));
     }, hs = () => {
       sn.value && (sn.value = !1, t("blur"));
@@ -12804,7 +12804,7 @@ const ZL = /* @__PURE__ */ ve({
       hidePopover: Pa,
       showPopover: fr,
       togglePopover: xl
-    } = PL({
+    } = vL({
       popoverMinWidth: d.value
     }, K);
     Me(yi, () => {
@@ -12828,7 +12828,7 @@ const ZL = /* @__PURE__ */ ve({
     }, {
       searchKey: Ri,
       searchLoading: gs
-    } = JL(ue.value ? u.value : lc, Nl), bi = (xe) => {
+    } = yL(ue.value ? u.value : lc, Nl), bi = (xe) => {
       xe !== i.value && (t("update:modelValue", xe, i.value), t("change", xe, i.value));
     }, oc = () => {
       le.value || (ua(), xl());
@@ -13187,7 +13187,7 @@ const ZL = /* @__PURE__ */ ve({
       content: () => s()
     })]);
   }
-}), G1 = Dn(YL, { Option: Ko, Group: RL });
+}), G1 = Dn(YL, { Option: Ko, Group: bL });
 function UL(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Wn(e);
 }
@@ -14820,7 +14820,7 @@ const nn = (e, t, n) => {
       } = c();
       if (i.value = !p, g === "auto" && (i.value = R8(n.value)), g === "static" && (i.value = !0), i.value) {
         const v = G(c());
-        u === null && (u = Q1(n.value, {
+        u === null && (u = W1(n.value, {
           disabled: v.value.disabled,
           content: v.value.content,
           mode: v.value.mode
@@ -25966,7 +25966,7 @@ const ES = /* @__PURE__ */ ve({
       isHover: o,
       setHover: u,
       cancelHover: c
-    } = W1(), d = G(new F6(e)), g = G(""), p = G([]), {
+    } = D1(), d = G(new F6(e)), g = G(""), p = G([]), {
       modelValue: v
     } = Mt(e), y = G(), b = G(""), I = G([]), T = G(!1), k = G(!1), N = G(!1), w = Q({
       get: () => v.value,
@@ -32053,7 +32053,7 @@ const iO = {
   Modal: ar,
   Navigation: UT,
   Notify: zT,
-  OverflowTitle: bL,
+  OverflowTitle: IL,
   Pagination: n4,
   PopConfirm: sO,
   Popover: Sn,
@@ -32126,7 +32126,7 @@ export {
   ar as Modal,
   UT as Navigation,
   zT as Notify,
-  bL as OverflowTitle,
+  IL as OverflowTitle,
   n4 as Pagination,
   sO as PopConfirm,
   Sn as Popover,
@@ -32155,7 +32155,7 @@ export {
   eD as Upload,
   kl as VirtualRender,
   fO as bkEllipsis,
-  Q1 as bkEllipsisInstance,
+  W1 as bkEllipsisInstance,
   Ll as bkTooltips,
   ia as clickoutside,
   H6 as containerProps,