@pantograph/vue 0.22.5 → 0.23.0

package/dist/Select.vue_vue_type_style_index_0_lang-DCJ67w-X.js

@@ -0,0 +1,696 @@
+import { defineComponent as ae, computed as g, h as i, createElementBlock as Te, openBlock as _e, normalizeClass as Ie, unref as pe, renderSlot as Be, ref as me, watch as ze, useSlots as we, useAttrs as ke, createBlock as De, normalizeProps as ve, guardReactiveProps as Ce, withCtx as ye, createVNode as Ae, createSlots as Fe, renderList as We } from "vue";
+import { createContext as Pe, SelectTrigger as $e, Primitive as Ge, SelectItem as Ne, SelectItemIndicator as Re, injectSelectRootContext as Ee, SelectPortal as je, SelectContent as Ke, useEmitAsProps as Me, SelectRoot as qe } from "reka-ui";
+import { g as re, t as J, x as oe, r as Se, h as ne, f as ue, u as Ue, o as he, w as be, q as He, j as Ve, s as Je } from "./Icon.vue_vue_type_style_index_0_lang-DwTaEYnw.js";
+import { a as ce, g as Qe } from "./options-D4et5euX.js";
+import { _ as Xe } from "./ChipGroup.vue_vue_type_style_index_0_lang-DWT3Gtws.js";
+import { _ as Ye } from "./Chip.vue_vue_type_style_index_0_lang-CRT0bmU6.js";
+import { getBemBlock as Ze, getBemElement as m, generateVariantClassList as $ } from "@pantograph/utils";
+import { g as et, b as tt, c as ot } from "./Popover.vue_vue_type_style_index_0_lang-1N-p2jeN.js";
+import { cva as ge } from "class-variance-authority";
+import { b as l, d as Oe } from "./element-BfQuKSll.js";
+import { _ as nt } from "./Empty.vue_vue_type_style_index_0_lang-CuQcDV5E.js";
+import { _ as rt } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
+import { _ as Le } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
+import { u as at } from "./useInputDataStates-DdGDk2Hm.js";
+import { u as it } from "./useLazyLoading-Zo-PEp2E.js";
+import { _ as lt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CSLCU0p6.js";
+const [xe, pt] = Pe("Select"), [st, ut] = Pe("_Select"), k = Ze("select"), de = ["sm", "md", "lg"], ct = ["error", "warning", "success"], gt = /* @__PURE__ */ ae({
+  name: ce("SelectTrigger"),
+  props: {
+    getOptionSlot: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(u, {
+    slots: t,
+    attrs: o
+  }) {
+    const B = et(), e = xe(), D = ({
+      value: a
+    }, h) => {
+      if (h.stopPropagation(), a && oe(e.modelValue.value) && !e.getDisabled.value) {
+        const W = e.modelValue.value.filter((H) => H !== a);
+        e.modelValue.value = W, e.emit("update:modelValue", W);
+      }
+    }, p = m(k, "trigger"), U = ge(p, {
+      variants: {
+        size: $(de, p),
+        status: $(ct, p),
+        bordered: $("bordered", p),
+        multiple: $("multiple", p),
+        contentFit: $("content-fit", p),
+        wrapped: $("wrapped", p),
+        filled: $("filled", p)
+      }
+    }), x = g(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "xsm";
+        case "lg":
+          return "md";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), Q = g(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), G = g(() => {
+      if (!e.props.multiple && re(e.modelValue.value) && !J(e.modelValue.value))
+        return e.getOptionByValue(e.modelValue.value);
+    }), N = (a = G.value) => {
+      if (e.props.selectedItemIconAsTrailingIcon && ne(a) && "icon" in a)
+        return a.icon;
+    }, y = g(() => N()), S = g(() => {
+      if (!e.props.noTrailing)
+        return e.props.trailingIcon;
+    }), R = g(() => !J(e.modelValue.value) && e.props.multiple && oe(e.modelValue.value)), A = g(() => ({
+      modelValue: Se(e.modelValue.value),
+      open: Se(e.open.value)
+    })), z = (a) => ({
+      ...A.value,
+      option: e.getOptionByValue(a)
+    }), X = g(() => ({
+      disabled: e.getDisabled.value,
+      reference: e.props.reference,
+      tabindex: e.getDisabled.value ? void 0 : 0,
+      asChild: B.value,
+      as: "div",
+      class: [U({
+        size: e.getSize.value,
+        status: e.getStatus.value === "success" && J(e.modelValue.value) ? void 0 : e.getStatus.value,
+        bordered: e.props.bordered,
+        multiple: e.props.multiple,
+        contentFit: e.props.contentFit,
+        wrapped: e.props.wrapped,
+        filled: !J(e.modelValue.value)
+      }), e.props.triggerCls],
+      ...o
+    })), F = (a, h = Q.value) => i(ue, {
+      icon: a,
+      size: h
+    }), E = () => {
+      var W;
+      let a;
+      const h = (W = t.triggerTrailing) == null ? void 0 : W.call(t, A.value);
+      if (l(h) ? S.value && (a = F(S.value)) : a = h, a)
+        return i("div", {
+          class: [m(p, "trailing"), e.props.triggerTrailingCls]
+        }, a);
+    };
+    return () => i($e, X.value, {
+      default: () => {
+        var Z;
+        const a = (Z = t.triggerLeading) == null ? void 0 : Z.call(t, A.value), h = !l(a), W = () => {
+          var j;
+          if (!e.props.multiple && !oe(e.modelValue.value)) {
+            const K = (j = u.getOptionSlot("leading", e.modelValue.value)) == null ? void 0 : j();
+            if (h || K || y.value || e.props.leadingIcon) {
+              let O;
+              return l(K) ? y.value ? O = F(y.value) : h ? O = a : e.props.leadingIcon && (O = F(e.props.leadingIcon)) : O = K, i("div", {
+                class: [m(p, "leading"), e.props.triggerLeadingCls]
+              }, O);
+            }
+          }
+        }, H = () => {
+          const j = [];
+          if (J(e.modelValue.value)) {
+            if (e.props.placeholder && !e.props.multiple) {
+              const K = () => {
+                var M;
+                const O = (M = t.placeholder) == null ? void 0 : M.call(t, A.value);
+                return l(O) ? e.props.placeholder : O;
+              };
+              j.push(K());
+            }
+          } else {
+            const O = (() => {
+              var M, le;
+              if (e.props.multiple && oe(e.modelValue.value))
+                return i(Xe, {
+                  maxCount: e.props.maxCount,
+                  size: x.value,
+                  color: "primary",
+                  closeable: !e.getDisabled.value,
+                  noPopover: !0,
+                  noWrap: !e.props.wrapped,
+                  class: [m(p, "tag_list"), e.props.tagListCls],
+                  onClose: D
+                }, () => e.modelValue.value.map((n) => {
+                  var P;
+                  const b = (C) => {
+                    var T;
+                    const _ = (T = t.tagClose) == null ? void 0 : T.call(t, {
+                      ...z(n),
+                      onClose: C
+                    });
+                    return l(_) ? null : _;
+                  }, L = (P = u.getOptionSlot("default", n)) == null ? void 0 : P(), d = () => {
+                    var T, q;
+                    const C = (T = u.getOptionSlot("text", n)) == null ? void 0 : T(), _ = (q = t.tagText) == null ? void 0 : q.call(t, z(n));
+                    return l(_) ? l(L) ? l(C) ? e.getLabelByValue(n) : C : L : _;
+                  }, c = ({
+                    size: C
+                  }) => {
+                    var te, r;
+                    if (!l(L)) return null;
+                    const _ = (te = u.getOptionSlot("leading", n)) == null ? void 0 : te(), T = (r = t.tagLeading) == null ? void 0 : r.call(t, z(n)), q = N(e.getOptionByValue(n)) ?? e.props.leadingIcon;
+                    return l(T) ? l(_) ? q ? F(q, C) : l(a) ? null : a : _ : T;
+                  }, w = () => {
+                    var _;
+                    const C = (_ = t.tagTrailing) == null ? void 0 : _.call(t, z(n));
+                    return l(C) ? null : C;
+                  };
+                  return i(Ye, {
+                    value: n,
+                    class: [m(p, "tag"), e.props.tagCls],
+                    closeIconCls: m(p, "tag__close")
+                  }, {
+                    text: d,
+                    leading: c,
+                    trailing: w,
+                    close: b
+                  });
+                }));
+              if (!oe(e.modelValue.value)) {
+                const n = (M = u.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : M(), b = (le = u.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : le();
+                return l(n) ? l(b) ? re(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : b : n;
+              }
+            })();
+            O && j.push(O);
+          }
+          return j;
+        }, Y = [], ee = W();
+        l(ee) || Y.push(ee), Y.push(i(Ge, {
+          class: [m(p, "content"), e.props.triggerContentCls, J(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls],
+          as: "div",
+          key: String(R.value),
+          asChild: R.value
+        }, {
+          default: H
+        }));
+        const ie = E();
+        return l(ie) || Y.push(ie), Y;
+      }
+    });
+  }
+}), se = /* @__PURE__ */ ae({
+  name: ce("SelectOption"),
+  props: {
+    option: {
+      type: [Object, String],
+      required: !0
+    }
+  },
+  slots: Object,
+  setup(u, {
+    slots: t
+  }) {
+    const o = xe(), B = g(() => {
+      switch (o.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "lg":
+          return "sm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), e = g(() => o.getOptionValue(u.option)), D = g(() => o.getOptionLabel(u.option)), p = g(() => o.getOptionIcon(u.option)), U = g(() => o.getOptionDisabled(u.option)), x = m(k, "option"), Q = ge(x, {
+      variants: {
+        size: $(de, x)
+      }
+    });
+    if (!u.option) throw new Error("option is required");
+    const G = () => {
+      var S;
+      const y = (S = t.indicator) == null ? void 0 : S.call(t, {
+        option: u.option
+      });
+      return l(y) ? i(Re, {
+        asChild: !0
+      }, () => i(ue, {
+        icon: o.props.indicatorIcon,
+        size: B.value
+      })) : y;
+    }, N = () => {
+      var R, A, z;
+      const y = (R = t.default) == null ? void 0 : R.call(t, {
+        option: u.option
+      }), S = [];
+      if (!l(y)) S.push(y);
+      else {
+        const X = (A = t.leading) == null ? void 0 : A.call(t, {
+          option: u.option
+        }), F = !l(X);
+        if (p.value || F) {
+          let h;
+          F ? h = X : h = i(ue, {
+            icon: p.value,
+            size: B.value
+          }), S.push(i("div", {
+            class: [m(x, "leading"), o.props.itemLeadingCls]
+          }, h));
+        }
+        let E;
+        const a = (z = t.text) == null ? void 0 : z.call(t, {
+          option: u.option
+        });
+        l(a) ? E = D.value : E = a, S.push(i("div", {
+          class: [m(x, "text"), o.props.optionTextCls]
+        }, E));
+      }
+      return i("div", {
+        class: [m(x, "content"), o.props.optionContentCls]
+      }, S);
+    };
+    return () => i(Ne, {
+      value: e.value,
+      textValue: D.value,
+      disabled: U.value,
+      class: [Q({
+        size: o.getSize.value
+      }), o.props.optionCls]
+    }, () => [N(), G()]);
+  }
+}), dt = /* @__PURE__ */ ae({
+  __name: "SelectLabel",
+  setup(u) {
+    return (t, o) => (_e(), Te("div", {
+      class: Ie(pe(m)(pe(k), "label"))
+    }, [
+      Be(t.$slots, "default")
+    ], 2));
+  }
+}), ft = /* @__PURE__ */ ae({
+  name: ce("SelectWrapper"),
+  setup(u, {
+    slots: t
+  }) {
+    const o = st(), B = Ee(), e = me();
+    it({
+      target: e
+    });
+    const D = me(), p = tt({
+      triggerRef: D,
+      props: o.props
+    }), {
+      getFlipOnDir: U,
+      getDir: x
+    } = Ue(), Q = U("reversePlacementOnDir"), G = x(), N = ot({
+      props: o.props,
+      flip: Q,
+      emitsAsProps: o.emitsAsProps,
+      _dir: G,
+      controlAutoFocus: !1,
+      extraPropNames: ["bodyLock", "position"]
+    }), y = ({
+      key: n,
+      getterKey: b,
+      defaultValue: L,
+      noReturnOption: d
+    }) => (c) => {
+      const w = be(L) ? L(c) : L;
+      if (ne(c)) {
+        const P = c[n] ?? w, C = b && o.props[b];
+        if (C) {
+          if (re(C))
+            return c[C] ?? P;
+          if (be(C)) return C(c) ?? P;
+        }
+        return P;
+      }
+      return re(c) && !d ? c ?? w : w;
+    }, S = y({
+      getterKey: "getValue",
+      key: "value"
+    }), R = y({
+      getterKey: "getLabel",
+      key: "label",
+      defaultValue: S
+    }), A = y({
+      getterKey: "getIcon",
+      key: "icon",
+      noReturnOption: !0
+    }), z = (n) => {
+      var b;
+      if ((b = o.props.options) != null && b.length)
+        for (const L of o.props.options) {
+          if (S(L) === n) return L;
+          const d = a(L);
+          if (d != null && d.length) {
+            for (const c of d)
+              if (S(c) === n) return c;
+          }
+        }
+      return n;
+    }, X = (n) => {
+      const b = z(n);
+      return b ? R(b) ?? n : n;
+    }, F = y({
+      getterKey: "getDisabled",
+      key: "disabled",
+      defaultValue: !1,
+      noReturnOption: !0
+    }), E = y({
+      getterKey: "getGroupLabel",
+      key: "label",
+      noReturnOption: !0
+    }), a = y({
+      getterKey: "getGroupOptions",
+      key: "options",
+      noReturnOption: !0
+    }), {
+      getDisabled: h,
+      getStatus: W,
+      getSize: H
+    } = at({
+      getDisabled: () => o.props.disabled,
+      getSize: () => o.props.size,
+      getStatus: () => o.props.status
+    });
+    pt({
+      props: o.props,
+      attrs: o.attrs,
+      emit: o.emit,
+      getOptionValue: S,
+      getOptionLabel: R,
+      getOptionDisabled: F,
+      getOptionIcon: A,
+      getOptionGroupLabel: E,
+      getOptionGroupOptions: a,
+      getOptionByValue: z,
+      getLabelByValue: X,
+      getDisabled: h,
+      getStatus: W,
+      getSize: H,
+      ...B,
+      modelValue: B.modelValue
+    }), ze(() => [o.props.clearOnChangeMultiple, o.props.multiple], () => {
+      o.props.clearOnChangeMultiple && (B.modelValue.value = void 0, o.emit("update:modelValue", void 0));
+    });
+    const Y = g(() => {
+      const n = o.props.scrollContainerProps ?? {};
+      return {
+        ...n,
+        areaCls: [m(k, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
+      };
+    }), ee = m(k, "popup"), ie = ge(ee, {
+      variants: {
+        size: $(de, ee)
+      }
+    }), Z = (n) => {
+      if (Number(n) > 0)
+        return `${n}px`;
+      if (typeof n == "string")
+        return n;
+    }, j = g(() => Z(o.props.popupWidth)), K = g(() => Z(o.props.popupHeight)), O = g(() => Z(o.props.minWidth)), M = g(() => ({
+      type: H.value === "sm" ? "simple" : "advance",
+      ...he(o.props.emptyProps ?? {}, "class")
+    })), le = g(() => he(o.props.skeletonProps ?? {}, "class"));
+    return () => {
+      var T, q, te;
+      const n = (r) => {
+        var s;
+        if ((s = o.props.options) != null && s.length && r > 0)
+          return !!o.props.options[r - 1];
+      }, b = (r) => {
+        var s, I;
+        if ((s = o.props.options) != null && s.length && r > 0) {
+          const f = o.props.options[r - 1];
+          return !!(f && ((I = a(f)) != null && I.length));
+        }
+      }, L = (T = t.default) == null ? void 0 : T.call(t, {}), d = (q = Oe(L, se)) == null ? void 0 : q.filter((r) => {
+        var s;
+        return ne(r == null ? void 0 : r.props) && ((s = r == null ? void 0 : r.props) == null ? void 0 : s.option);
+      }), c = [];
+      (o.props.options ?? []).forEach((r, s) => {
+        const I = (V) => i(se, {
+          option: V
+        }, {
+          default: () => {
+            var v;
+            return (v = t.option) == null ? void 0 : v.call(t, {
+              option: V
+            });
+          },
+          leading: () => {
+            var v;
+            return (v = t.optionLeading) == null ? void 0 : v.call(t, {
+              option: V
+            });
+          },
+          indicator: () => {
+            var v;
+            return (v = t.optionIndicator) == null ? void 0 : v.call(t, {
+              option: V
+            });
+          },
+          text: () => {
+            var v;
+            return (v = t.optionText) == null ? void 0 : v.call(t, {
+              option: V
+            });
+          }
+        }), f = a(r);
+        if (f != null && f.length) {
+          n(s) && c.push(i(Le));
+          const V = E(r);
+          V && c.push(i(dt, {
+            class: o.props.labelCls
+          }, () => V)), f.forEach((v) => {
+            c.push(I(v));
+          });
+        } else b(s) ? c.push(i(Le)) : c.push(I(r));
+      });
+      const w = Oe(c, se).filter((r) => {
+        var s;
+        return ne(r == null ? void 0 : r.props) && ((s = r == null ? void 0 : r.props) == null ? void 0 : s.option);
+      }), P = !!(w != null && w.length || d != null && d.length), C = (r, s) => {
+        var I;
+        if (P && !J(s) && re(s)) {
+          const f = d != null && d.length ? d : w;
+          if (f.length) {
+            const V = f.find((v) => {
+              var fe;
+              return ne(v.props) && S((fe = v.props) == null ? void 0 : fe.option) === s;
+            });
+            return (I = V == null ? void 0 : V.children) == null ? void 0 : I[r];
+          }
+        }
+      }, _ = () => {
+        var s, I;
+        const r = [];
+        if (P || o.props.loading) {
+          const f = [];
+          if (P && (d != null && d.length ? f.push(L) : f.push(...c)), o.props.loading) {
+            const V = (s = t.loading) == null ? void 0 : s.call(t, {});
+            if (!l(V)) f.push(V);
+            else {
+              const v = new Array(P ? 2 : o.props.loadingRowCount).fill(1);
+              f.push(...v.map(() => i(rt, {
+                size: H.value,
+                class: [m(k, "skeleton"), o.props.skeletonCls],
+                ...le.value
+              })));
+            }
+          }
+          r.push(i("div", {
+            class: [m(k, "options"), o.props.optionsCls]
+          }, f));
+        } else if (!P) {
+          const f = (I = t.empty) == null ? void 0 : I.call(t, M.value);
+          l(f) ? r.push(i(nt, {
+            class: [m(k, "empty"), o.props.emptyCls],
+            ...M.value
+          }, {
+            title: t.emptyTitle,
+            description: t.emptyDescription,
+            actions: t.emptyActions,
+            image: t.emptyImage
+          })) : r.push(f);
+        }
+        return o.props.lazyLoading && r.push(i("div", {
+          class: m(k, "lazy_loading")
+        }, i("div", {
+          class: m(k, "lazy_loading_trigger"),
+          ref: e
+        }))), r;
+      };
+      return [i(gt, {
+        getOptionSlot: C,
+        ref: D,
+        ...o.attrs,
+        style: {
+          ...((te = o.attrs) == null ? void 0 : te.style) ?? {},
+          "--ptc-select-trigger-min-w": O.value
+        }
+      }, {
+        triggerLeading: t.triggerLeading,
+        placeholder: t.placeholder,
+        triggerValue: t.triggerValue,
+        triggerTrailing: t.triggerTrailing,
+        tagClose: t.tagClose,
+        tagTrailing: t.tagTrailing,
+        tagLeading: t.tagLeading,
+        tagText: t.tagText
+      }), i(je, p.value, () => i(Ke, {
+        ...N.value,
+        vShow: B.open.value,
+        class: [ie(o.props), o.props.popupCls],
+        style: {
+          "--ptc-select-popup-width": o.props.samePopupWidth ? void 0 : j.value,
+          "--ptc-select-popup-height": K.value,
+          "--ptc-select-trigger-min-w": O.value
+        }
+      }, () => i(lt, Y.value, _)))];
+    };
+  }
+}), zt = /* @__PURE__ */ ae({
+  ...Qe("Select"),
+  __name: "Select",
+  props: {
+    status: {},
+    size: { default: "md" },
+    multiple: { type: Boolean, default: void 0 },
+    contentFit: { type: Boolean },
+    wrapped: { type: Boolean },
+    noTrailing: { type: Boolean },
+    leadingIcon: {},
+    trailingIcon: { default: "tabler:chevron-down" },
+    selectedItemIconAsTrailingIcon: { type: Boolean, default: !0 },
+    maxCount: {},
+    to: {},
+    placeholder: {},
+    indicatorIcon: { default: "tabler:check" },
+    options: {},
+    getDisabled: {},
+    getLabel: {},
+    getValue: {},
+    getGroupOptions: {},
+    getGroupLabel: {},
+    getIcon: {},
+    placement: { default: "bottom" },
+    reversePlacementOnDir: {},
+    loading: { type: Boolean },
+    skeletonProps: {},
+    loadingRowCount: { default: 10 },
+    lazyLoading: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    clearOnChangeMultiple: { type: Boolean, default: !0 },
+    triggerCls: {},
+    triggerLeadingCls: {},
+    triggerContentCls: {},
+    triggerContentPlaceholderCls: {},
+    triggerContentValueCls: {},
+    triggerTrailingCls: {},
+    itemLeadingCls: {},
+    optionCls: {},
+    tagListCls: {},
+    tagCls: {},
+    popupCls: {},
+    labelCls: {},
+    optionsCls: {},
+    optionTextCls: {},
+    optionContentCls: {},
+    emptyCls: {},
+    skeletonCls: {},
+    scrollContainerProps: {},
+    emptyProps: {},
+    samePopupWidth: { type: Boolean, default: !0 },
+    popupHeight: { default: 384 },
+    popupWidth: {},
+    minWidth: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    defaultValue: {},
+    modelValue: {},
+    by: {},
+    dir: {},
+    autocomplete: {},
+    disabled: { type: Boolean, default: void 0 },
+    name: {},
+    required: { type: Boolean },
+    reference: {},
+    forceMount: { type: Boolean, default: void 0 },
+    position: { default: "popper" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean, default: void 0 },
+    collisionBoundary: {},
+    collisionPadding: { default: 4 },
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean, default: void 0 },
+    positionStrategy: { default: "fixed" },
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean, default: void 0 },
+    prioritizePosition: { type: Boolean, default: void 0 },
+    asChild: { type: Boolean },
+    as: {},
+    defer: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:open", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
+  setup(u, { emit: t }) {
+    const o = u, B = t, e = Me(B), D = g(
+      () => He(
+        {
+          ...Ve(
+            o,
+            "open",
+            "defaultOpen",
+            "defaultValue",
+            "modelValue",
+            "by",
+            "dir",
+            "multiple",
+            "autocomplete",
+            "disabled"
+          ),
+          ...Ve(
+            e,
+            "onUpdate:modelValue",
+            "onUpdate:open"
+          )
+        },
+        Je
+      )
+    ), p = we(), U = ke();
+    return ut({
+      attrs: U,
+      props: o,
+      emit: B,
+      emitsAsProps: e
+    }), (x, Q) => (_e(), De(pe(qe), ve(Ce(D.value)), {
+      default: ye(() => [
+        Ae(pe(ft), null, Fe({ _: 2 }, [
+          We(Object.keys(p), (G) => ({
+            name: G,
+            fn: ye((N) => [
+              Be(x.$slots, G, ve(Ce(N)))
+            ])
+          }))
+        ]), 1024)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  se as S,
+  zt as _,
+  dt as a,
+  de as b,
+  ct as c,
+  xe as i,
+  pt as p
+};

package/dist/Shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-CPjV7eLg.js";
+import { _ as o, _ as r } from "../Shortcut.vue_vue_type_style_index_0_lang-CiUggE_F.js";
 export {
   o as Shortcut,
   r as default

package/dist/Shortcut/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Shortcut.vue_vue_type_style_index_0_lang-DH3I9lTB.js");exports.Shortcut=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Shortcut.vue_vue_type_style_index_0_lang-CciPWuSf.js");exports.Shortcut=e._sfc_main;exports.default=e._sfc_main;