yuyeon 0.3.0-rc.4 → 0.3.0-rc.5

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var lr = Object.defineProperty;
 var or = (e, t, n) => t in e ? lr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => or(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as te, capitalize as ur, inject as ue, computed as C, shallowRef as re, watchEffect as Be, ref as E, provide as ce, h as se, watch as F, onScopeDispose as Ce, effectScope as Tt, toRaw as _a, toRef as oe, onBeforeUnmount as Ot, reactive as Te, onMounted as bn, nextTick as ye, resolveDynamicComponent as cr, createVNode as d, withDirectives as ze, mergeProps as z, resolveDirective as Et, unref as ve, readonly as tn, onBeforeMount as Da, Fragment as X, createTextVNode as Mt, withKeys as sr, Transition as It, toRefs as dr, withModifiers as pn, Teleport as fr, vShow as wn, watchPostEffect as vr, defineComponent as xn, resolveComponent as yr, onBeforeUpdate as mr, isVNode as Yt } from "vue";
+import { getCurrentInstance as te, capitalize as ur, inject as ue, computed as C, shallowRef as re, watchEffect as Be, ref as E, provide as ce, h as se, watch as F, onScopeDispose as be, effectScope as Tt, toRaw as _a, toRef as oe, onBeforeUnmount as Ot, reactive as Te, onMounted as bn, nextTick as ye, resolveDynamicComponent as cr, createVNode as d, withDirectives as ze, mergeProps as z, resolveDirective as Et, unref as ve, readonly as tn, onBeforeMount as Da, Fragment as X, createTextVNode as Mt, withKeys as sr, Transition as It, toRefs as dr, withModifiers as pn, Teleport as fr, vShow as wn, watchPostEffect as vr, defineComponent as xn, resolveComponent as yr, onBeforeUpdate as mr, isVNode as Yt } from "vue";
 function Je(e, t) {
   return e ? Object.prototype.hasOwnProperty.call(e, t) : !1;
 }
@@ -16,12 +16,12 @@ function Aa(e, t, n) {
   }
   return i == null || i[t[a]] === void 0 ? n : i[t[a]];
 }
-function pe(e = {}, t = {}, n) {
+function we(e = {}, t = {}, n) {
   const a = { ...e };
   for (const i in t) {
     const r = a[i], l = t[i];
     if (typeof r == "object" && typeof l == "object") {
-      a[i] = pe(r, l);
+      a[i] = we(r, l);
       continue;
     }
     a[i] = l;
@@ -52,12 +52,12 @@ function Le(e, t = 0, n = 1) {
 function ke(e, t = 0) {
   return Array.from({ length: e }, (n, a) => t + a);
 }
-function xe(e, t) {
+function Se(e, t) {
   if (e === t) return !0;
   if (e instanceof Date && t instanceof Date && e.getTime() !== t.getTime() || e !== Object(e) || t !== Object(t))
     return !1;
   const n = Object.keys(e);
-  return n.length !== Object.keys(t).length ? !1 : n.every((a) => xe(e[a], t[a]));
+  return n.length !== Object.keys(t).length ? !1 : n.every((a) => Se(e[a], t[a]));
 }
 function hr(e) {
   const t = typeof e;
@@ -175,7 +175,7 @@ function Sr(e = {}, t, n = Oa()) {
     const u = gr(bt, a);
     ce(
       bt,
-      C(() => r.value ? pe((u == null ? void 0 : u.value) ?? {}, r.value) : u == null ? void 0 : u.value)
+      C(() => r.value ? we((u == null ? void 0 : u.value) ?? {}, r.value) : u == null ? void 0 : u.value)
     );
   }
   return { props: l, provideSubDefaults: o };
@@ -258,7 +258,7 @@ function Sn(e, t) {
       i && !n ? a() : i || (n == null || n.stop(), n = void 0);
     },
     { immediate: !0 }
-  ), Ce(() => {
+  ), be(() => {
     n == null || n.stop();
   });
 }
@@ -451,7 +451,7 @@ function Tr(e, t) {
 function Ea(e, t) {
   const n = [];
   return t.forEach((a) => {
-    const i = e.find((l) => xe(a, l.value)), r = e[a];
+    const i = e.find((l) => Se(a, l.value)), r = e[a];
     (i == null ? void 0 : i.value) != null ? n.push(i.id) : r != null && n.push(r.id);
   }), n;
 }
@@ -983,14 +983,14 @@ function Hr(e) {
   return e ? {
     scheme: Zn.light,
     theme: ["light", "dark"],
-    themes: { ...pe(Qn, e.themes) },
-    palette: { ...pe(Jn, e.palette) },
+    themes: { ...we(Qn, e.themes) },
+    palette: { ...we(Jn, e.palette) },
     separation: e == null ? void 0 : e.separation
   } : {
     scheme: Zn.light,
     theme: ["light", "dark"],
-    themes: { ...pe(Qn) },
-    palette: { ...pe(Jn) }
+    themes: { ...we(Qn) },
+    palette: { ...we(Jn) }
   };
 }
 const pt = Symbol.for("yuyeon.theme"), qe = K(
@@ -2587,7 +2587,7 @@ class dl {
   }
 }
 function fl(e) {
-  return pe(
+  return we(
     {
       adapter: dl,
       locale: rl
@@ -3431,7 +3431,7 @@ function Yl(e, t, n, a) {
       h && !Array.isArray(h) && h.nodeType === 1 && x.unobserve(h), g && !Array.isArray(g) && g.nodeType === 1 && x.observe(g), p && x.unobserve(p), b && x.observe(b);
     },
     { immediate: !0 }
-  ), Ce(() => {
+  ), be(() => {
     x.disconnect();
   });
   function v(g) {
@@ -3636,7 +3636,7 @@ function Bl(e, t) {
     () => !!(t.active.value && e.coordinateStrategy),
     (l) => {
       var o, c;
-      if (F(() => e.coordinateStrategy, l), Ce(() => {
+      if (F(() => e.coordinateStrategy, l), be(() => {
         n.value = void 0;
       }), typeof e.coordinateStrategy == "function")
         n.value = (o = e.coordinateStrategy(
@@ -3655,7 +3655,7 @@ function Bl(e, t) {
         )) == null ? void 0 : c.updateCoordinate;
       }
     }
-  ), window.addEventListener("resize", r, { passive: !0 }), Ce(() => {
+  ), window.addEventListener("resize", r, { passive: !0 }), be(() => {
     window.removeEventListener("resize", r), n.value = void 0;
   });
   function r(l) {
@@ -3691,7 +3691,7 @@ function Vl(e) {
     }))
   };
 }
-const sa = "y-layer-group", be = /* @__PURE__ */ new WeakMap();
+const sa = "y-layer-group", pe = /* @__PURE__ */ new WeakMap();
 function Ll(e) {
   const t = te();
   qu();
@@ -3715,12 +3715,12 @@ function Ll(e) {
     n,
     (r, l) => {
       var o, c;
-      l && be.has(l) && ((o = be.get(l)) == null || o.delete(t)), be.has(r) && be.get(r) || be.set(r, /* @__PURE__ */ new Set()), (c = be.get(r)) == null || c.add(t);
+      l && pe.has(l) && ((o = pe.get(l)) == null || o.delete(t)), pe.has(r) && pe.get(r) || pe.set(r, /* @__PURE__ */ new Set()), (c = pe.get(r)) == null || c.add(t);
     },
     { immediate: !0 }
   );
   function a() {
-    const r = [], l = be.get(n.value);
+    const r = [], l = pe.get(n.value);
     return l == null || l.forEach((o) => {
       var c;
       (c = o == null ? void 0 : o.ctx) != null && c.active && !(o != null && o.isUnmounted) && r.push(o);
@@ -3728,11 +3728,11 @@ function Ll(e) {
   }
   function i() {
     var r;
-    (r = be.get(n.value)) == null || r.delete(t);
+    (r = pe.get(n.value)) == null || r.delete(t);
   }
   return Ot(() => {
     i();
-  }), { layerGroup: n, layerGroupState: be, getActiveLayers: a };
+  }), { layerGroup: n, layerGroupState: pe, getActiveLayers: a };
 }
 function Rl() {
   return !0;
@@ -3886,7 +3886,7 @@ function Xl(e, t) {
       var a;
       typeof e.scrollStrategy == "function" ? e.scrollStrategy(t, e, n) : (a = ht[e.scrollStrategy]) == null || a.call(ht, t, e, n);
     }));
-  }), Ce(() => {
+  }), be(() => {
     n == null || n.stop();
   });
 }
@@ -3924,7 +3924,7 @@ function Jl(e, t) {
       va,
       U(i) ?? null
     ), o.classList.add(qt);
-  }), Ce(() => {
+  }), be(() => {
     a.forEach((o, c) => {
       const s = parseFloat(o.style.getPropertyValue(Gt)), u = parseFloat(o.style.getPropertyValue(Xt));
       o.style.removeProperty(Gt), o.style.removeProperty(Xt), o.style.removeProperty(va), o.classList.remove(fa), o.scrollLeft = -s, o.scrollTop = -u;
@@ -3950,7 +3950,7 @@ function Ql(e, t, n) {
         })) : l(o);
       });
     });
-  }), Ce(() => {
+  }), be(() => {
     typeof cancelIdleCallback < "u" && cancelIdleCallback(r), cancelAnimationFrame(i);
   });
 }
@@ -3958,7 +3958,7 @@ function Ja(e, t) {
   const n = [document, ...xt(e)];
   n.forEach((a) => {
     a.addEventListener("scroll", t, { passive: !0 });
-  }), Ce(() => {
+  }), be(() => {
     n.forEach((a) => {
       a.removeEventListener("scroll", t);
     });
@@ -4386,6 +4386,8 @@ const ei = K({
       f ? f.addEventListener("click", v) : g && g.removeEventListener("click", v);
     }), r.value && (m(), x(!0)), F(r, (f) => {
       f ? m() : y(), x(f);
+    }), be(() => {
+      y(), x(!1);
     }), H(() => d(X, null, [d(me, z({
       modelValue: r.value,
       "onUpdate:modelValue": (f) => r.value = f,
@@ -5310,7 +5312,7 @@ const hi = mi(!1), Uo = mi(!0), qo = /* @__PURE__ */ xn({
     }
   },
   "abstract.items"
-), Se = /* @__PURE__ */ V({
+), Ce = /* @__PURE__ */ V({
   name: "YIconCheckbox",
   props: {
     checked: Boolean,
@@ -5370,7 +5372,7 @@ const hi = mi(!1), Uo = mi(!0), qo = /* @__PURE__ */ xn({
   prev: "m19.82 23.585-7.6399-7.5489 7.4693-7.622",
   last: "m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659",
   first: "m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659"
-}, we = /* @__PURE__ */ V({
+}, xe = /* @__PURE__ */ V({
   name: "YIconPageControl",
   props: {
     type: {
@@ -5436,16 +5438,16 @@ const hi = mi(!1), Uo = mi(!0), qo = /* @__PURE__ */ xn({
   expand: rt,
   dropdown: Go,
   clear: _n,
-  checkbox: Se,
-  pageControl: we,
+  checkbox: Ce,
+  pageControl: xe,
   next: {
-    component: we,
+    component: xe,
     props: {
       type: "next"
     }
   },
   prev: {
-    component: we,
+    component: xe,
     props: {
       type: "prev"
     }
@@ -5544,7 +5546,7 @@ const hi = mi(!1), Uo = mi(!0), qo = /* @__PURE__ */ xn({
     YButton: ee,
     YIconExpand: rt,
     YPlate: We,
-    YIconCheckbox: Se
+    YIconCheckbox: Ce
   },
   props: {
     item: {
@@ -5639,7 +5641,7 @@ const hi = mi(!1), Uo = mi(!0), qo = /* @__PURE__ */ xn({
       }, null), e.enableSelect && d("div", {
         class: "y-tree-view-node__select",
         onClick: p
-      }, [d(Se, {
+      }, [d(Ce, {
         checked: s.value
       }, null)]), d("div", {
         class: "y-tree-view-node__content"
@@ -5888,7 +5890,7 @@ const xa = Bn(), Jo = /* @__PURE__ */ xn({
     }
     function Y(T, M, N, I) {
       const j = e.returnItem ? T.map((J) => Z(J, e.itemKey)) : T, W = [...M.value];
-      xe(W, j) || (W.forEach((J) => N(J, !1)), j.forEach((J) => N(J, !0)), I());
+      Se(W, j) || (W.forEach((J) => N(J, !1)), j.forEach((J) => N(J, !0)), I());
     }
     F(r, (T) => {
       Y(T, c, b, A);
@@ -5902,7 +5904,7 @@ const xa = Bn(), Jo = /* @__PURE__ */ xn({
         return;
       I.forEach((J) => delete i.value[J]);
       const j = [...s.value], W = [...u.value];
-      s.value.clear(), c.value.clear(), u.value.clear(), g(T), xe(j, [...s.value]) || R(), xe(W, [...u.value]) || P();
+      s.value.clear(), c.value.clear(), u.value.clear(), g(T), Se(j, [...s.value]) || R(), Se(W, [...u.value]) || P();
     }, {
       deep: !0,
       flush: "sync"
@@ -6313,7 +6315,7 @@ const tu = K(
     },
     itemComparator: {
       type: [Function, String],
-      default: () => xe
+      default: () => Se
     }
   },
   "YDataTable--selection"
@@ -6533,7 +6535,7 @@ const Ai = K({
               P.stopPropagation(), v.selectable && r(v);
             }
           }, {
-            default: () => [d(Se, {
+            default: () => [d(Ce, {
               checked: i(v),
               disabled: !v.selectable
             }, null)]
@@ -6855,14 +6857,14 @@ const Oi = K({
       key: "first",
       class: "y-pagination__first"
     }, [t.first ? t.first(u.value.first) : d(ee, u.value.first, {
-      default: () => [t["first-icon"] ? t["first-icon"]() : d(we, {
+      default: () => [t["first-icon"] ? t["first-icon"]() : d(xe, {
         type: "first"
       }, null)]
     })]), d("li", {
       key: "prev",
       class: "y-pagination__prev"
     }, [t.prev ? t.prev(u.value.prev) : d(ee, u.value.prev, {
-      default: () => [t["prev-icon"] ? t["prev-icon"]() : d(we, {
+      default: () => [t["prev-icon"] ? t["prev-icon"]() : d(xe, {
         type: "prev"
       }, null)]
     })]), x.value.map((f, g) => d("li", {
@@ -6876,14 +6878,14 @@ const Oi = K({
       key: "next",
       class: "y-pagination__next"
     }, [t.next ? t.next(u.value.next) : d(ee, u.value.next, {
-      default: () => [t["next-icon"] ? t["next-icon"]() : d(we, {
+      default: () => [t["next-icon"] ? t["next-icon"]() : d(xe, {
         type: "next"
       }, null)]
     })]), e.showEndButton && d("li", {
       key: "last",
       class: "y-pagination__last"
     }, [t.last ? t.last(u.value.last) : d(ee, u.value.last, {
-      default: () => [t["last-icon"] ? t["last-icon"]() : d(we, {
+      default: () => [t["last-icon"] ? t["last-icon"]() : d(xe, {
         type: "last"
       }, null)]
     })])])])), {
@@ -6965,7 +6967,7 @@ const Yi = K({
     YButton: ee,
     YIconExpand: rt,
     YFieldInput: wt,
-    YIconPageControl: we
+    YIconPageControl: xe
   },
   props: Yi(),
   setup(e, {
@@ -7122,7 +7124,7 @@ const $i = K({
             P.stopPropagation(), o(!l.value);
           }
         }, {
-          default: () => [d(Se, {
+          default: () => [d(Ce, {
             checked: l.value,
             indeterminate: !l.value && r.value,
             disabled: s.value.length < 1
@@ -7233,7 +7235,7 @@ function Vi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
   F(
     r,
     () => {
-      xe(l, r.value) || (i("update:options", r.value), l = r.value);
+      Se(l, r.value) || (i("update:options", r.value), l = r.value);
     },
     { deep: !0, immediate: !0 }
   );
@@ -7715,7 +7717,7 @@ const Hn = {
 }), hn = /* @__PURE__ */ V({
   name: "YInputCheckbox",
   components: {
-    YIconCheckbox: Se
+    YIconCheckbox: Ce
   },
   props: {
     id: String,
@@ -7755,7 +7757,7 @@ const Hn = {
       return this.id && (e = this.id), `input-${e}`;
     },
     iconComponent() {
-      return this.icon ? null : Se;
+      return this.icon ? null : Ce;
     }
   },
   methods: {
@@ -7804,7 +7806,7 @@ const Hn = {
       readonly: o
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : c ? se(c) : d(Se, null, null)])]);
+    }) : c ? se(c) : d(Ce, null, null)])]);
   }
 }), mu = /* @__PURE__ */ V({
   name: "YCheckbox",
@@ -7966,7 +7968,7 @@ const Hn = {
   }
 }), Ki = Symbol.for("yuyeon.icon");
 function hu(e) {
-  return pe({
+  return we({
     defaultSet: "built",
     sets: {
       svg: {
@@ -7999,7 +8001,7 @@ function gu(e) {
         const s = ve(e);
         return s && typeof s == "object" && "iconProps" in s && (i = {
           component: "component" in i ? i.component : i,
-          props: "props" in i ? pe(i.props, (s == null ? void 0 : s.iconProps) ?? {}) : s.iconProps
+          props: "props" in i ? we(i.props, (s == null ? void 0 : s.iconProps) ?? {}) : s.iconProps
         }), {
           component: en,
           icon: i
@@ -8219,7 +8221,7 @@ function Cu(e) {
   function n(i) {
     return i.filter(
       (r) => r !== null || t.value.some((l) => l.value === null)
-    ).map((r) => t.value.find((o) => xe(r, o.value)) ?? Ui(e, r));
+    ).map((r) => t.value.find((o) => Se(r, o.value)) ?? Ui(e, r));
   }
   function a(i) {
     return e.returnItem ? i.map(({ raw: r }) => r) : i.map(({ value: r }) => r);
@@ -8239,7 +8241,7 @@ const qi = K({
   multiple: Boolean,
   itemComparator: {
     type: Function,
-    default: xe
+    default: Se
   },
   defaultSelect: Boolean,
   menuProps: {
@@ -9443,7 +9445,7 @@ function Fu(e, t) {
     i && !n ? a() : i || (n == null || n.stop(), n = void 0);
   }, {
     immediate: !0
-  }), Ce(() => {
+  }), be(() => {
     n == null || n.stop();
   });
 }
@@ -9587,10 +9589,10 @@ const rr = K({
   YForm: tl,
   YHover: Ku,
   YIcon: Me,
-  YIconCheckbox: Se,
+  YIconCheckbox: Ce,
   YIconClear: _n,
   YIconExpand: rt,
-  YIconPageControl: we,
+  YIconPageControl: xe,
   YIconSort: Pn,
   YInput: Ye,
   YInputCheckbox: hn,