@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/modules/{shareSheet.js → sharePanel.js}

@@ -1,22 +1,22 @@
-import { defineComponent as N, ref as T, computed as c, watch as C, openBlock as t, createBlock as L, unref as b, withCtx as A, createElementVNode as p, normalizeClass as E, createElementBlock as o, toDisplayString as d, Fragment as r, renderList as $, createVNode as z } from "vue";
-import { C as l } from "./shared/base-C5l51ld_.js";
-import { C as I } from "./shared/index-wdK75uN2.js";
-import { _ as D } from "./shared/Index.vue_vue_type_script_setup_true_lang-Cukt_Rkd.js";
-import { _ as J } from "./shared/Index.vue_vue_type_script_setup_true_lang-CyKHq3tv.js";
-const R = {
+import { defineComponent as N, ref as T, computed as c, watch as f, openBlock as t, createBlock as L, unref as b, withCtx as A, createElementVNode as m, normalizeClass as E, createElementBlock as o, toDisplayString as d, Fragment as r, renderList as $, createVNode as z } from "vue";
+import { C as i } from "./shared/base-fr2I80sU.js";
+import { C as I } from "./shared/index-B477PjJ3.js";
+import { _ as D } from "./shared/Index.vue_vue_type_script_setup_true_lang-D8H72Fc9.js";
+import { _ as J } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
+const P = {
   key: 0,
-  class: "sharesheet-title"
-}, V = {
+  class: "sharepanel-title"
+}, R = {
   key: 2,
-  class: "sharesheet-description"
-}, j = { class: "sharesheet-options" }, F = ["onClick"], M = {
+  class: "sharepanel-description"
+}, V = { class: "sharepanel-options" }, j = ["onClick"], F = {
   key: 0,
-  class: "sharesheet-option-icon"
-}, P = { class: "sharesheet-option-name" }, U = {
+  class: "sharepanel-option-icon"
+}, M = { class: "sharepanel-option-name" }, U = {
   key: 2,
-  class: "sharesheet-option-desc"
+  class: "sharepanel-option-desc"
 }, X = /* @__PURE__ */ N({
-  name: "ClShareSheet",
+  name: "ClSharePanel",
   __name: "Index",
   props: {
     id: String,
@@ -30,7 +30,7 @@ const R = {
     description: String,
     // desc: 标题下方的描述文字
     optionsList: Array,
-    // desc: 分享选项列表（ShareSheetOptionItem[]，元素需含 name）
+    // desc: 分享选项列表（SharePanelOptionItem[]，元素需含 name）
     cancelText: String,
     // desc: 底部取消按钮文字（不传则不显示）
     isOverlay: {
@@ -67,40 +67,40 @@ const R = {
     }
   },
   emits: ["update:show", "onSelect", "onCancel", "onClickOverlay"],
-  setup(a, { emit: f }) {
-    const e = a, u = f, S = `sharesheet-${l.getRandom(5)}`, g = e.id, i = T(e.show), h = c(() => l.isNonEmptyString(e.title) ? e.title : ""), y = c(
-      () => l.isNonEmptyString(e.description) ? e.description : ""
-    ), k = c(
-      () => l.isNonEmptyString(e.cancelText) ? e.cancelText : ""
+  setup(a, { emit: h }) {
+    const e = a, p = h, S = `sharepanel-${i.getRandom(5)}`, g = e.id, l = T(e.show), y = c(() => i.isNonEmptyString(e.title) ? e.title : ""), k = c(
+      () => i.isNonEmptyString(e.description) ? e.description : ""
+    ), v = c(
+      () => i.isNonEmptyString(e.cancelText) ? e.cancelText : ""
     ), O = c(
       () => Array.isArray(e.optionsList) ? e.optionsList.filter(
-        (s) => l.isObject(s) && l.isNonEmptyString(s.name)
+        (n) => i.isObject(n) && i.isNonEmptyString(n.name)
       ) : []
     ), B = c(() => {
-      const s = {
-        "panel-share-sheet": !0
+      const n = {
+        "panel-share-panel": !0
       };
-      return l.getJsonMerge(s, I.getClassNameJson(e.className));
+      return i.getJsonMerge(n, I.getClassNameJson(e.className));
     });
-    C(i, (s) => {
-      s !== e.show && u("update:show", s);
-    }), C(
+    f(l, (n) => {
+      n !== e.show && p("update:show", n);
+    }), f(
       () => e.show,
-      (s) => {
-        i.value = s;
+      (n) => {
+        l.value = n;
       }
     );
-    const w = (s, m) => {
-      i.value && u("onSelect", s, m);
+    const w = (n, u) => {
+      l.value && p("onSelect", n, u);
     }, x = () => {
-      i.value && (u("onCancel"), i.value = !1);
+      l.value && (p("onCancel"), l.value = !1);
     }, _ = () => {
-      u("onClickOverlay");
+      p("onClickOverlay");
     };
-    return (s, m) => (t(), L(D, {
+    return (n, u) => (t(), L(D, {
       id: b(g),
-      show: i.value,
-      "onUpdate:show": m[0] || (m[0] = (n) => i.value = n),
+      show: l.value,
+      "onUpdate:show": u[0] || (u[0] = (s) => l.value = s),
       position: "bottom",
       isOverlay: a.isOverlay,
       isRound: !0,
@@ -113,33 +113,33 @@ const R = {
       onOnClickOverlay: _
     }, {
       default: A(() => [
-        p("div", {
+        m("div", {
           class: E(B.value)
         }, [
-          h.value ? (t(), o("div", R, d(h.value), 1)) : (t(), o(r, { key: 1 }, [], 64)),
-          y.value ? (t(), o("div", V, d(y.value), 1)) : (t(), o(r, { key: 3 }, [], 64)),
-          p("div", j, [
-            (t(!0), o(r, null, $(O.value, (n, v) => (t(), o("button", {
-              key: `${S}-${n.id}-${v}`,
+          y.value ? (t(), o("div", P, d(y.value), 1)) : (t(), o(r, { key: 1 }, [], 64)),
+          k.value ? (t(), o("div", R, d(k.value), 1)) : (t(), o(r, { key: 3 }, [], 64)),
+          m("div", V, [
+            (t(!0), o(r, null, $(O.value, (s, C) => (t(), o("button", {
+              key: `${S}-${s.id}-${C}`,
               type: "button",
-              class: "sharesheet-option",
-              onClick: (q) => w(n, v)
+              class: "sharepanel-option",
+              onClick: (q) => w(s, C)
             }, [
-              n.icon ? (t(), o("span", M, [
+              s.icon ? (t(), o("span", F, [
                 z(J, {
-                  name: n.icon
+                  name: s.icon
                 }, null, 8, ["name"])
               ])) : (t(), o(r, { key: 1 }, [], 64)),
-              p("span", P, d(n.name), 1),
-              n.description ? (t(), o("span", U, d(n.description), 1)) : (t(), o(r, { key: 3 }, [], 64))
-            ], 8, F))), 128))
+              m("span", M, d(s.name), 1),
+              s.description ? (t(), o("span", U, d(s.description), 1)) : (t(), o(r, { key: 3 }, [], 64))
+            ], 8, j))), 128))
           ]),
-          k.value ? (t(), o("button", {
+          v.value ? (t(), o("button", {
             key: 4,
             type: "button",
-            class: "sharesheet-cancel",
+            class: "sharepanel-cancel",
             onClick: x
-          }, d(k.value), 1)) : (t(), o(r, { key: 5 }, [], 64))
+          }, d(v.value), 1)) : (t(), o(r, { key: 5 }, [], 64))
         ], 2)
       ]),
       _: 1

package/buildLibs/modules/shared/{BallColor4-DLGMFp7g.js → BallColor4-Dw8bQzLW.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as u, openBlock as l, createElementBlock as r, unref as _, createElementVNode as f, Fragment as C, renderList as h, normalizeStyle as B } from "vue";
-import { C as g } from "./base-C5l51ld_.js";
+import { C as g } from "./base-fr2I80sU.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = ["id"], x = { class: "loader" }, y = /* @__PURE__ */ p({
   name: "ClLoadBallColor4",

package/buildLibs/{utils/Shared/Base.vue_vue_type_script_setup_true_lang-Z6sD7O6T.js → modules/shared/Base.vue_vue_type_script_setup_true_lang-DaZg8_tt.js}

@@ -1,9 +1,10 @@
-import { defineComponent as Le, useTemplateRef as W, reactive as Pe, ref as C, computed as O, onMounted as be, nextTick as u, onActivated as Ee, onDeactivated as Se, onUnmounted as Te, watch as Y, openBlock as L, createElementBlock as A, normalizeClass as z, unref as ke, createElementVNode as Z, withKeys as ee, withModifiers as oe, renderSlot as te, createBlock as xe, Transition as Be, withCtx as Ae, withDirectives as Re, normalizeStyle as ne, Fragment as re, vShow as _e } from "vue";
+import { defineComponent as Le, useTemplateRef as W, reactive as Pe, ref as C, computed as v, onMounted as Ee, nextTick as u, onActivated as be, onDeactivated as Se, onUnmounted as Te, watch as Z, openBlock as L, createElementBlock as A, normalizeClass as z, unref as ke, createElementVNode as ee, withKeys as oe, withModifiers as te, renderSlot as ne, createBlock as xe, Transition as Be, withCtx as Ae, withDirectives as Re, normalizeStyle as re, Fragment as se, vShow as _e } from "vue";
 import { c as P } from "./log-BbLqiWNM.js";
-import { C as s } from "./base-C5l51ld_.js";
-import { C as c } from "./index-wdK75uN2.js";
-import { R as Me } from "./resize-5FVpVwWr.js";
-const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le({
+import { C as s } from "./base-fr2I80sU.js";
+import { C as c } from "./index-B477PjJ3.js";
+import { R as Me } from "./resize-CyrJxi6F.js";
+import { a as Ue } from "./focusTrap-BYhFRjSm.js";
+const $e = ["id"], Fe = ["aria-expanded"], We = ["id"], Ve = /* @__PURE__ */ Le({
   name: "ClDropdownlayer",
   __name: "Base",
   props: {
@@ -79,6 +80,11 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       // desc: 触发方式 | enum: click, hover
       validator: (p) => ["click", "hover"].includes(p)
     },
+    isEscapeClose: {
+      type: Boolean,
+      default: !0
+      // desc: 是否允许按 Esc 关闭面板（键盘用户的主要退出方式）
+    },
     onOpenBeforeCallback: Function
     // desc: 打开前的回调，返回 false 阻止打开
   },
@@ -92,8 +98,8 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     onAfterLeave: () => !0
     // desc: 面板关闭动画结束、DOM 卸载完成时触发
   },
-  setup(p, { expose: se, emit: ie }) {
-    const n = p, b = ie, N = s.isNonEmptyString(n.id) ? n.id : `dropdownLayer-${s.getRandom(8)}`, f = W("refElTopParent"), E = W("refElText"), a = W("refElDropdown"), o = Pe({
+  setup(p, { expose: ie, emit: le }) {
+    const n = p, E = le, N = s.isNonEmptyString(n.id) ? n.id : `dropdownLayer-${s.getRandom(8)}`, f = W("refElTopParent"), b = W("refElText"), a = W("refElDropdown"), o = Pe({
       isOpen: !1,
       isShowOpen: !1,
       isInitFirstOpen: !1,
@@ -105,21 +111,21 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       isOpacity0: !1,
       dropdownId: `${N}-dropdown`
     }), S = C(!1), R = C(null), _ = C([]), h = C(null), T = C(null);
-    let v = null, M = null, k = null, x = null, m = !1;
-    const le = O(() => {
+    let y = null, M = null, k = null, x = null, m = !1;
+    const ae = v(() => {
       let e = {
         "panel-dropdownlayer": !0,
         "dropdownLayer-arrow": n.isUseDropdownArrow,
         "dropdownLayer-disabled": n.isDisabled
       };
       return s.isNonEmptyString(n.classParent) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classParent)) : s.isObject(n.classParent) && (e = s.getJsonMerge(e, n.classParent)), e;
-    }), ae = O(() => {
+    }), pe = v(() => {
       let e = {
         "dropdownLayer-text": !0,
         "dropdownLayer-text-open": o.isShowOpen
       };
       return !s.isEmpty(o.dropDownPos) && o.isShowOpen && (e[`dropdownLayer-text-${o.dropDownPos}`] = !0), s.isNonEmptyString(n.classText) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classText)) : s.isObject(n.classText) && (e = s.getJsonMerge(e, n.classText)), e;
-    }), pe = O(() => {
+    }), de = v(() => {
       let e = {
         "dropdownLayer-dropdown": !0,
         "dropdownLayer-dropdown-open": o.isShowOpen,
@@ -127,31 +133,31 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         "dropdownLayer-dropdown-opacity0": o.isOpacity0
       };
       return e[`dropdownLayer-dropdown-${o.dropDownPos}`] = !0, e[`dropdownLayer-dropdown-arrow-${o.arrowPos}`] = !0, s.isNonEmptyString(n.classDropDown) ? e = s.getJsonMerge(e, c.getClassNameJson(n.classDropDown)) : s.isObject(n.classDropDown) && (e = s.getJsonMerge(e, n.classDropDown)), e;
-    }), de = O(() => !s.isEmpty(n.appendContainer)), fe = O(() => {
+    }), fe = v(() => !s.isEmpty(n.appendContainer)), ce = v(() => {
       const e = {}, { dropDownPos: t, dropdownArrowPos: r } = n, { dropDownTop: l, dropDownLeft: i } = o;
-      return t === "down" || t === "up" ? (e.top = l, (r === "center" || r === "top" || r === "bottom" || de.value) && (e.left = i)) : (t === "left" || t === "right") && (e.left = i, e.top = l), e;
-    }), ce = O(() => {
+      return t === "down" || t === "up" ? (e.top = l, (r === "center" || r === "top" || r === "bottom" || fe.value) && (e.left = i)) : (t === "left" || t === "right") && (e.left = i, e.top = l), e;
+    }), ue = v(() => {
       const e = {};
       return (n.dropdownArrowPos === "center" || n.dropdownArrowPos === "top" || n.dropdownArrowPos === "bottom") && (e.left = o.arrowLeft), e;
-    }), ue = (e, t) => {
+    }), we = (e, t) => {
       const r = n.isUseDropdownArrow, l = {};
       return t === "down" ? l.top = r ? e.textHeight + e.arrowHeight - 1 : e.textHeight : t === "up" ? l.top = r ? -(e.dropDownHeight + e.arrowHeight - 3) : -e.dropDownHeight : t === "left" ? (l.left = r ? -(e.dropDownWidth + e.arrowWidth - 1) : -e.dropDownWidth, l.top = 0) : t === "right" && (l.left = r ? e.textWidth + e.arrowWidth - 1 : e.textWidth, l.top = 0), l;
-    }, we = (e) => {
+    }, ve = (e) => {
       !a.value || !f.value || (a.value.style.width = e && n.appendFollowWidth ? `${f.value.offsetWidth}px` : "");
     }, w = () => {
       o.isShowOpen && u(() => {
-        if (!f.value || !E.value || !a.value) return;
+        if (!f.value || !b.value || !a.value) return;
         const e = n.isUseDropdownArrow ? a.value.querySelector(".arrow") : null, t = !s.isEmpty(n.appendContainer), r = t ? n.appendContainer : null;
-        we(t);
-        let l = E.value;
+        ve(t);
+        let l = b.value;
         if (T.value) {
-          const X = c.getParent(
+          const Y = c.getParent(
             T.value,
             ".dropdownLayer-arrow-anchorPoint",
-            E.value,
+            b.value,
             !1
           );
-          s.isUndefined(X) || (l = X);
+          s.isUndefined(Y) || (l = Y);
         }
         const i = c.calculationDropdownPosition(
           f.value,
@@ -159,20 +165,20 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           a.value,
           e,
           r
-        ), y = i[{
+        ), g = i[{
           down: "dropDownPosDown",
           up: "dropDownPosUp",
           left: "dropDownPosLeft",
           right: "dropDownPosRight"
         }[n.dropDownPos] || "dropDownPosDown"];
-        o.dropDownPos = y;
-        const g = ve(i, y);
-        o.arrowPos = g;
-        const d = ue(i, y);
-        (g === "center" || g === "top" || g === "bottom") && (y === "down" || y === "up") && (d.left = i.arrowPosCenterLRInfo?.dropDownLeft, o.arrowLeft = i.arrowPosCenterLRInfo?.arrowLeft != null ? `${i.arrowPosCenterLRInfo.arrowLeft}px` : ""), t && (d.top = (d.top || 0) + (i.controlOffset?.top || 0), d.left = (d.left || 0) + (i.controlOffset?.left || 0), g === "right" && (d.left = (i.controlOffset?.left || 0) + f.value.offsetWidth - a.value.offsetWidth)), o.dropDownTop = d.top != null ? `${d.top}px` : "", o.dropDownLeft = d.left != null ? `${d.left}px` : "", b("onChangePosition", {
+        o.dropDownPos = g;
+        const O = ye(i, g);
+        o.arrowPos = O;
+        const d = we(i, g);
+        (O === "center" || O === "top" || O === "bottom") && (g === "down" || g === "up") && (d.left = i.arrowPosCenterLRInfo?.dropDownLeft, o.arrowLeft = i.arrowPosCenterLRInfo?.arrowLeft != null ? `${i.arrowPosCenterLRInfo.arrowLeft}px` : ""), t && (d.top = (d.top || 0) + (i.controlOffset?.top || 0), d.left = (d.left || 0) + (i.controlOffset?.left || 0), O === "right" && (d.left = (i.controlOffset?.left || 0) + f.value.offsetWidth - a.value.offsetWidth)), o.dropDownTop = d.top != null ? `${d.top}px` : "", o.dropDownLeft = d.left != null ? `${d.left}px` : "", E("onChangePosition", {
           use: {
-            dropDownPos: y,
-            arrowPos: g,
+            dropDownPos: g,
+            arrowPos: O,
             dropDownTop: d.top,
             dropDownLeft: d.left,
             arrowLeft: o.arrowLeft
@@ -180,7 +186,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           original: i
         });
       });
-    }, ve = (e, t) => {
+    }, ye = (e, t) => {
       switch (n.dropdownArrowPos) {
         case "left":
           return e.arrowPosLeft;
@@ -198,10 +204,10 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     }, J = (e) => {
       R.value = e;
     }, H = (e) => {
-      o.isShowOpen && e?.target && ye(e);
+      o.isShowOpen && e?.target && ge(e);
     }, I = (e) => e ? a.value && a.value.contains(e) ? !1 : s.isUndefined(
       c.getParent(e, `#${o.dropdownId}`, f.value)
-    ) : !0, ye = (e) => {
+    ) : !0, ge = (e) => {
       if (f.value) {
         I(e?.target) && I(R.value?.target) && (o.isOpen = !1);
         return;
@@ -243,11 +249,11 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       const { dropDownPos: e } = n;
       e === "down" || e === "up" ? (o.dropDownPos = "down", o.arrowPos = "left") : (e === "left" || e === "right") && (o.dropDownPos = "left", o.arrowPos = "top");
     }, K = () => {
-      v || !a.value || typeof window > "u" || !window.ResizeObserver || (v = new window.ResizeObserver(() => {
+      y || !a.value || typeof window > "u" || !window.ResizeObserver || (y = new window.ResizeObserver(() => {
         o.isOpen && a.value && w();
-      }), v.observe(a.value));
+      }), y.observe(a.value));
     }, G = () => {
-      v && (v.disconnect(), v = null);
+      y && (y.disconnect(), y = null);
     }, $ = (e) => {
       if (!n.isDisabled) {
         if (T.value = e.target, !o.isOpen && n.onOpenBeforeCallback)
@@ -257,30 +263,30 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
           } catch {
             P.warn("DropdownLayer", "onOpenBeforeCallback 执行异常，已按不阻止打开处理");
           }
-        o.isOpen ? ge() : Oe();
+        o.isOpen ? Q() : Oe();
       }
-    }, ge = () => {
+    }, Q = () => {
       o.isOpen = !1;
     }, Oe = () => {
       if (o.isShowOpen) {
-        Q();
+        V();
         return;
       }
       if (n.isCloseDestroy && o.isInitFirstOpen) {
-        Q();
+        V();
         return;
       }
       o.isOpen = !0;
-    }, Q = () => {
+    }, V = () => {
       S.value = !0, o.isInitFirstOpen = !1, o.isShowOpen = !1, u(() => {
         o.isOpen = !o.isOpen;
       });
     };
-    be(() => {
+    Ee(() => {
       u(() => {
         q();
       });
-    }), Ee(() => {
+    }), be(() => {
       h.value || u(() => {
         q();
       });
@@ -288,7 +294,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       clearTimeout(k), h.value?.destroy(), h.value = null, G(), B(), o.isOpen = !1;
     }), Te(() => {
       clearTimeout(k), h.value?.destroy(), B();
-    }), Y(
+    }), Z(
       () => o.isOpen,
       (e) => {
         o.isInitFirstOpen || (o.isInitFirstOpen = !0, s.isEmpty(n.appendContainer) || u(() => {
@@ -301,7 +307,7 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
             n.appendContainer,
             !1
           ), U();
-        })), e || B(), b("onChangeOpen", e), e && (o.isOpacity0 = !1, x = setTimeout(() => {
+        })), e || B(), E("onChangeOpen", e), e && (o.isOpacity0 = !1, x = setTimeout(() => {
           if (x = null, !o.isOpen || m) return;
           m = !0;
           const t = document.querySelector("body");
@@ -314,7 +320,12 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     const F = (e) => {
       (n.triggers === "click" || e instanceof KeyboardEvent) && $(e);
     };
-    Y(
+    Ue(v(() => o.isOpen && n.isEscapeClose), {
+      isEscapeClose: () => n.isEscapeClose,
+      onEscape: () => {
+        Q();
+      }
+    }), Z(
       () => a.value,
       (e) => {
         e && K();
@@ -322,12 +333,12 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
     );
     const he = (e) => {
       n.triggers === "hover" && (clearTimeout(k), o.isOpen || $(e));
-    }, V = (e) => {
+    }, X = (e) => {
       n.triggers === "hover" && (k = setTimeout(() => {
         a.value?.matches(":hover") || o.isOpen && $(e);
       }, 150));
     }, me = () => {
-      K(), b("onOpenComplete");
+      K(), E("onOpenComplete");
     }, De = () => {
       S.value = !1;
     }, Ce = () => {
@@ -335,9 +346,9 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         S.value = !1;
         return;
       }
-      n.isCloseDestroy && (o.isInitFirstOpen = !1), b("onAfterLeave");
+      n.isCloseDestroy && (o.isInitFirstOpen = !1), E("onAfterLeave");
     };
-    return se({
+    return ie({
       setOpen: (e) => {
         if (!s.isBoolean(e)) {
           P.warn("DropdownLayer", "setOpen 参数必须为 boolean，已忽略");
@@ -366,28 +377,28 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
       getIsShowOpen: () => o.isShowOpen
     }), (e, t) => (L(), A("div", {
       id: ke(N),
-      class: z(le.value),
+      class: z(ae.value),
       ref_key: "refElTopParent",
       ref: f
     }, [
-      Z("div", {
-        class: z(ae.value),
+      ee("div", {
+        class: z(pe.value),
         onClick: t[0] || (t[0] = (r) => F(r)),
         onMouseover: t[1] || (t[1] = (r) => he(r)),
-        onMouseleave: t[2] || (t[2] = (r) => V(r)),
+        onMouseleave: t[2] || (t[2] = (r) => X(r)),
         onKeydown: [
-          t[3] || (t[3] = ee(oe((r) => F(r), ["prevent"]), ["enter"])),
-          t[4] || (t[4] = ee(oe((r) => F(r), ["prevent"]), ["space"]))
+          t[3] || (t[3] = oe(te((r) => F(r), ["prevent"]), ["enter"])),
+          t[4] || (t[4] = oe(te((r) => F(r), ["prevent"]), ["space"]))
         ],
         role: "combobox",
         tabindex: "0",
         "aria-expanded": o.isOpen,
         "aria-haspopup": "listbox",
         ref_key: "refElText",
-        ref: E
+        ref: b
       }, [
-        te(e.$slots, "labelText")
-      ], 42, $e),
+        ne(e.$slots, "labelText")
+      ], 42, Fe),
       o.isInitFirstOpen ? (L(), xe(Be, {
         key: 0,
         name: "dropdown-transit",
@@ -398,29 +409,29 @@ const Ue = ["id"], $e = ["aria-expanded"], Fe = ["id"], Ge = /* @__PURE__ */ Le(
         onLeaveCancelled: De
       }, {
         default: Ae(() => [
-          Re(Z("div", {
+          Re(ee("div", {
             id: o.dropdownId,
-            class: z(pe.value),
-            style: ne(fe.value),
+            class: z(de.value),
+            style: re(ce.value),
             ref_key: "refElDropdown",
             ref: a,
-            onMouseleave: t[5] || (t[5] = (r) => V(r))
+            onMouseleave: t[5] || (t[5] = (r) => X(r))
           }, [
             p.isUseDropdownArrow ? (L(), A("div", {
               key: 0,
               class: "arrow",
-              style: ne(ce.value)
-            }, null, 4)) : (L(), A(re, { key: 1 }, [], 64)),
-            te(e.$slots, "dropdown")
-          ], 46, Fe), [
+              style: re(ue.value)
+            }, null, 4)) : (L(), A(se, { key: 1 }, [], 64)),
+            ne(e.$slots, "dropdown")
+          ], 46, We), [
             [_e, o.isShowOpen]
           ])
         ]),
         _: 3
-      }, 8, ["enter-active-class", "leave-active-class"])) : (L(), A(re, { key: 1 }, [], 64))
-    ], 10, Ue));
+      }, 8, ["enter-active-class", "leave-active-class"])) : (L(), A(se, { key: 1 }, [], 64))
+    ], 10, $e));
   }
 });
 export {
-  Ge as _
+  Ve as _
 };