@pantograph/vue 0.26.0 → 0.27.1

package/dist/MenuItem.vue_vue_type_script_setup_true_lang-BhAWfw04.js

@@ -0,0 +1,616 @@
+import { defineComponent as U, useSlots as Q, computed as y, useAttrs as ve, createBlock as w, openBlock as B, h as T, ref as J, getCurrentInstance as ee, unref as g, resolveDynamicComponent as Ce, mergeProps as O, withCtx as P, createElementVNode as fe, createVNode as he, createSlots as V, renderList as A, renderSlot as D, normalizeProps as F, guardReactiveProps as E, createElementBlock as N, Fragment as re, watch as le, withModifiers as be, normalizeClass as H, createCommentVNode as Y, createTextVNode as ke, toDisplayString as Se } from "vue";
+import { getBemBlock as te, generateVariantClassList as K, normCls as S, getBemElement as _, usePCId as ne } from "@pantograph/utils";
+import { a as X } from "./options-J8HfRMSU.js";
+import { g as L, e as Be, u as se, w as Me } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { U as ie, u as _e } from "./useInputDataStates-DCxDvkM-.js";
+import { createContext as ue } from "reka-ui";
+import "@vueuse/core";
+import { omit as ze, cloneDeep as Z, isString as Ie } from "es-toolkit";
+import "@tanstack/vue-virtual";
+import { cva as ce } from "class-variance-authority";
+import { i as Ke } from "./isEmpty-CgVXdsCr.js";
+import "@pantograph/tokens";
+import { _ as De } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
+import { _ as Oe } from "./HoverCard.vue_vue_type_script_setup_true_lang-DBOk4tYh.js";
+import de from "@pantograph/style/menu_item.css?raw";
+import $e from "@pantograph/style/menu.css?raw";
+const pe = ["sm", "md", "lg"], m = te("menu_item"), oe = (a) => {
+  switch (a) {
+    case "sm":
+      return "2xsm";
+    default:
+      return "xsm";
+  }
+}, Te = (a) => {
+  switch (a) {
+    case "lg":
+      return "md";
+    default:
+      return "sm";
+  }
+}, ae = (a) => {
+  switch (a) {
+    case "sm":
+      return "2xsm";
+    case "md":
+      return "xsm";
+    default:
+      return "sm";
+  }
+}, x = (a) => {
+  switch (a) {
+    case "lg":
+      return "md";
+    case "md":
+      return "xsm";
+    default:
+      return "2xsm";
+  }
+}, Pe = (a, e) => ({
+  iconSize: oe(a),
+  buttonSize: Te(a),
+  checkIconSize: ae(a),
+  switchSize: ae(a),
+  checkboxSize: oe(a),
+  avatarSize: x(a),
+  graphicalObjectSize: x(a),
+  badgeSize: x(a),
+  ...e ?? {}
+}), ge = /* @__PURE__ */ U({
+  ...X("MenuItemContent"),
+  __name: "MenuItemContent",
+  props: {
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hover: { type: Boolean },
+    hasChildren: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(a) {
+    const e = a, s = Q(), o = ce(m, {
+      variants: {
+        size: K(pe, m),
+        selected: K("selected", m),
+        unFocusable: K("un-focusable", m),
+        danger: K("danger", m),
+        disabled: K("disabled", m),
+        hoverTrailing: K("hover-trailing", m),
+        description: K("description", m),
+        leadingCenter: K("leading-center", m),
+        staticStyle: K("static-style", m)
+      }
+    }), v = y(() => Pe(e.size, e.slotProps)), n = ve(), i = () => {
+      var p;
+      const C = (p = s.description) == null ? void 0 : p.call(s, e.slotProps ?? {}), d = !L(C), f = () => {
+        var j, G, R, W;
+        const r = [], z = (j = s.leading) == null ? void 0 : j.call(s, v.value), t = !L(z);
+        (t || e.leading) && r.push(
+          T(
+            "div",
+            { class: S(_(m, "leading"), e.leadingCls) },
+            T(
+              "div",
+              {
+                class: S(
+                  _(m, "leading_content"),
+                  e.leadingContentCls
+                )
+              },
+              t ? z : e.leading
+            )
+          )
+        );
+        const c = (G = s.title) == null ? void 0 : G.call(s, e.slotProps ?? {}), u = !L(c);
+        if (u || e.title || d || e.description) {
+          const $ = [];
+          (u || e.title) && $.push(
+            T(
+              "div",
+              { class: S(_(m, "title"), e.titleCls) },
+              u ? c : e.title
+            )
+          ), (d || e.description) && $.push(
+            T(
+              "div",
+              {
+                class: S(_(m, "description"), e.descriptionCls)
+              },
+              d ? C : e.description
+            )
+          ), r.push(
+            T(
+              "div",
+              { class: S(_(m, "content"), e.contentCls) },
+              $
+            )
+          );
+        }
+        const b = (R = s.trailing) == null ? void 0 : R.call(s, v.value), h = !L(b);
+        if (e.hasChildren) {
+          const $ = (W = s.branchIcon) == null ? void 0 : W.call(s, v.value);
+          r.push(
+            T(
+              Be,
+              {
+                class: S(_(m, "branch"), e.branchCls ?? ""),
+                flipOnDir: "rtl",
+                size: v.value.checkIconSize,
+                icon: e.branchIcon
+              },
+              {
+                default: L($) ? null : $
+              }
+            )
+          );
+        } else (h || e.trailing) && r.push(
+          T(
+            "div",
+            { class: S(_(m, "trailing"), e.trailingCls) },
+            h ? b : e.trailing
+          )
+        );
+        return r;
+      };
+      return T(
+        "div",
+        {
+          ...n,
+          role: "menuitem",
+          tabindex: e.unFocusable ? void 0 : n.tabindex ?? 0,
+          "data-hover": e.hover ? "" : void 0,
+          class: S(
+            o({
+              size: e.size,
+              selected: e.selected,
+              unFocusable: e.unFocusable,
+              staticStyle: e.staticStyle,
+              danger: e.danger,
+              disabled: e.disabled,
+              hoverTrailing: e.hoverTrailing,
+              leadingCenter: e.leadingCenter,
+              description: !!(d || e.description)
+            }),
+            e.class
+          )
+        },
+        f()
+      );
+    };
+    return (C, d) => (B(), w(i));
+  }
+}), Fe = [...pe, "none"], [Ae, je] = ue("SubMenu"), we = /* @__PURE__ */ U({
+  ...X("SubMenu"),
+  __name: "SubMenu",
+  props: {
+    subMenuCloseDelay: { default: 300 },
+    subMenuOpenDelay: { default: 700 },
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean, default: void 0 },
+    items: {},
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean, default: void 0 },
+    description: {},
+    selected: { type: Boolean, default: void 0 },
+    unFocusable: { type: Boolean, default: void 0 },
+    danger: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: { default: "tabler:chevron-right" },
+    hover: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(a) {
+    se("menu_item", de);
+    const e = a, s = Q(), o = y(() => {
+      switch (e.size) {
+        case "lg":
+          return 10;
+        case "md":
+          return 8;
+        default:
+          return 6;
+      }
+    }), v = J(), n = ye(), i = y(() => {
+      var l;
+      return e.triggerSubMenuAction ?? ((l = n.props) == null ? void 0 : l.triggerSubMenuAction);
+    }), C = Ae({
+      parentKeys: []
+    }), d = (l) => {
+      var I;
+      (i.value === "click" || (I = g(C.parentKeys)) != null && I.length) && (l.stopPropagation(), l.preventDefault());
+    }, f = te("sub_menu"), p = ne(f), r = y(() => {
+      var l;
+      return ((l = ee()) == null ? void 0 : l.vnode.key) ?? p;
+    });
+    je({
+      parentKeys: y(() => [...g(C.parentKeys), r.value])
+    });
+    const z = y(() => ({
+      ...e,
+      key: r.value,
+      hasChildren: !0,
+      parentKeys: g(C.parentKeys)
+    })), t = y(() => {
+      var l;
+      return ((l = n.props) == null ? void 0 : l.size) ?? e.size;
+    }), c = () => {
+      var l;
+      return !!((l = n.getDisabled) != null && l.value || e.disabled);
+    }, { rootBindings: u, inputBindings: b } = ie({
+      getDisabled: c
+    }), h = J(!1), j = y(() => {
+      var l;
+      return ((l = n.isOpen) == null ? void 0 : l.call(n, r.value)) ?? h.value;
+    }), G = y(() => {
+      var l, I, k;
+      return {
+        ...ze(e, [
+          "subMenuOpenDelay",
+          "triggerSubMenuAction",
+          "submenuTriggerCls",
+          "submenuCls",
+          "forceMountSubmenu",
+          "items"
+        ]),
+        size: t.value,
+        selected: ((l = n.isItemSelected) == null ? void 0 : l.call(n, z.value)) ?? e.selected,
+        hoverTrailing: e.hoverTrailing ?? ((I = n.props) == null ? void 0 : I.hoverTrailing),
+        leadingCenter: e.leadingCenter ?? ((k = n.props) == null ? void 0 : k.leadingCenter),
+        hasChildren: !0,
+        unFocusable: c(),
+        onClick: (M) => {
+          var q;
+          return (q = n.onClick) == null ? void 0 : q.call(n, z.value, M);
+        },
+        hover: j.value,
+        ...b.value
+      };
+    }), R = (l) => {
+      var k, M;
+      (((k = n.isOpen) == null ? void 0 : k.call(n, r.value)) ?? h.value) !== l && (n.onChildrenOpenChange ? (M = n.onChildrenOpenChange) == null || M.call(n, z.value, l) : h.value = l);
+    }, W = y(() => {
+      var l, I, k, M;
+      return {
+        size: t.value,
+        containerProps: {
+          onClick: d
+        },
+        to: v.value,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerCls: [
+          _(f, "items"),
+          (l = n.props) == null ? void 0 : l.submenuCls,
+          e.submenuCls
+        ],
+        sideOffset: o.value,
+        forceMount: e.forceMountSubmenu ?? ((I = n.props) == null ? void 0 : I.forceMountSubmenu),
+        trigger: i.value,
+        closeDelay: ((k = n.props) == null ? void 0 : k.subMenuCloseDelay) ?? e.subMenuCloseDelay,
+        openDelay: ((M = n.props) == null ? void 0 : M.subMenuOpenDelay) ?? e.subMenuOpenDelay,
+        open: j.value
+      };
+    }), $ = y(() => i.value === "click" ? De : Oe);
+    return (l, I) => (B(), w(Ce($.value), O(W.value, {
+      "onUpdate:open": R,
+      key: String(i.value)
+    }), {
+      content: P(() => [
+        D(l.$slots, "items", F(E({ ...e, key: r.value })), () => [
+          (B(!0), N(re, null, A(l.items, (k) => (B(), w(me, O({ ref_for: !0 }, k), V({ _: 2 }, [
+            A(Object.keys(s), (M) => ({
+              name: M,
+              fn: P((q) => [
+                D(l.$slots, M, O({ ref_for: !0 }, q))
+              ])
+            }))
+          ]), 1040))), 256))
+        ])
+      ]),
+      default: P(() => [
+        fe("div", O({
+          class: g(S)(g(f), e.submenuTriggerCls),
+          ref_key: "root",
+          ref: v
+        }, g(u)), [
+          he(ge, O(G.value, {
+            class: g(_)(g(f), "trigger")
+          }), V({ _: 2 }, [
+            A(Object.keys(s), (k) => ({
+              name: k,
+              fn: P((M) => [
+                D(l.$slots, k, F(E(M)))
+              ])
+            }))
+          ]), 1040, ["class"])
+        ], 16)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), me = /* @__PURE__ */ U({
+  __name: "MenuItemWrapper",
+  props: {
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean },
+    items: {},
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hover: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(a) {
+    const e = a, s = Q(), o = y(() => {
+      var i;
+      return !!((i = e.items) != null && i.length || s.items);
+    }), v = ne("menu-item"), n = y(() => {
+      var i;
+      return ((i = ee()) == null ? void 0 : i.vnode.key) ?? v;
+    });
+    return (i, C) => o.value ? (B(), w(we, F(O({ key: 0 }, { ...e, key: n.value })), V({ _: 2 }, [
+      A(Object.keys(i.$slots), (d) => ({
+        name: d,
+        fn: P((f) => [
+          D(i.$slots, d, F(E(f)))
+        ])
+      }))
+    ]), 1040)) : (B(), w(Ee, F(O({ key: 1 }, { ...e, key: n.value })), V({ _: 2 }, [
+      A(Object.keys(i.$slots), (d) => ({
+        name: d,
+        fn: P((f) => [
+          D(i.$slots, d, F(E(f)))
+        ])
+      }))
+    ]), 1040));
+  }
+}), [Ne, Ve] = ue("Menu"), ye = () => Ne({}), st = /* @__PURE__ */ U({
+  ...X("Menu"),
+  __name: "Menu",
+  props: {
+    size: { default: "md" },
+    header: {},
+    forceMountSubmenu: { type: Boolean },
+    multiple: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    hoverTrailing: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    leadingCenter: { type: Boolean },
+    items: {},
+    class: {},
+    submenuCls: {},
+    openKeys: {},
+    selectedKeys: {},
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: { default: "hover" },
+    gap: {}
+  },
+  emits: [
+    "update:openKeys",
+    "update:selectedKeys",
+    "openChange",
+    "click",
+    "headerClick",
+    "deselect",
+    "select"
+  ],
+  setup(a, { emit: e }) {
+    se("menu", $e);
+    const s = a, o = e, { getDisabled: v } = _e(), n = te("menu"), i = ce(n, {
+      variants: {
+        gap: K(Fe, n)
+      }
+    }), C = J(s.openKeys ?? []);
+    le(
+      () => s.openKeys,
+      () => {
+        C.value = s.openKeys ?? [];
+      }
+    );
+    const d = (t, c) => {
+      let u = Z(C.value);
+      c ? u = [...t.parentKeys ?? [], t.key] : u = u.filter((b) => b !== t.key), s.openKeys || (C.value = u), o("update:openKeys", u), o("openChange", u);
+    }, f = (t) => C.value.includes(t), p = J(s.selectedKeys ?? []);
+    return le(
+      () => s.selectedKeys,
+      () => {
+        p.value = s.selectedKeys ?? [];
+      }
+    ), Ve({
+      props: s,
+      getDisabled: v,
+      onClick: (t, c) => {
+        const u = ![void 0, null].includes(t.key) && (Ie(t.key) && !Ke(t.key) || Me(t.key));
+        if (!v.value && !t.danger && !t.disabled && u && s.selectable && !t.hasChildren) {
+          if (s.multiple)
+            if (p.value.indexOf(t.key) > -1) {
+              if (p.value.length > 1) {
+                const h = Z(p.value).filter((j) => j !== t.key);
+                s.selectedKeys || (p.value = h), o("update:selectedKeys", h), o("deselect", { item: t, selectedKeys: p.value });
+              }
+            } else {
+              const h = [...Z(p.value), t.key];
+              s.selectedKeys || (p.value = h), o("update:selectedKeys", h), o("select", { item: t, selectedKeys: p.value });
+            }
+          else {
+            const b = [t.key];
+            s.selectedKeys || (p.value = b), o("update:selectedKeys", b), o("select", { item: t, selectedKeys: p.value });
+          }
+          o("click", t, c);
+        }
+      },
+      isItemSelected: (t) => !v.value && !t.danger && !t.disabled && p.value.includes(t.key),
+      onChildrenOpenChange: d,
+      isOpen: f
+    }), (t, c) => (B(), N("div", {
+      class: H(g(S)(g(i)({ gap: t.gap ?? t.size }), s.class)),
+      onClick: c[1] || (c[1] = be(() => {
+      }, ["stop"]))
+    }, [
+      t.$slots.header || t.header || t.$slots.headerActions ? (B(), N("div", {
+        key: 0,
+        class: H(g(S)(g(_)(g(n), "header"))),
+        onClick: c[0] || (c[0] = (u) => o("headerClick", u))
+      }, [
+        t.$slots.header || t.header ? (B(), N("div", {
+          key: 0,
+          class: H(g(S)(g(_)(g(n), "header__title")))
+        }, [
+          D(t.$slots, "header", {}, () => [
+            ke(Se(t.header), 1)
+          ])
+        ], 2)) : Y("", !0),
+        t.$slots.headerActions ? (B(), N("div", {
+          key: 1,
+          class: H(g(S)(g(_)(g(n), "header__actions")))
+        }, [
+          D(t.$slots, "headerActions")
+        ], 2)) : Y("", !0)
+      ], 2)) : Y("", !0),
+      D(t.$slots, "default", {}, () => [
+        (B(!0), N(re, null, A(t.items, (u) => (B(), w(me, O({ ref_for: !0 }, u), V({ _: 2 }, [
+          A(Object.keys(t.$slots), (b) => ({
+            name: b,
+            fn: P((h) => [
+              D(t.$slots, b, O({ ref_for: !0 }, h))
+            ])
+          }))
+        ]), 1040))), 256))
+      ])
+    ], 2));
+  }
+}), Ee = /* @__PURE__ */ U({
+  ...X("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean, default: void 0 },
+    description: {},
+    selected: { type: Boolean, default: void 0 },
+    unFocusable: { type: Boolean, default: void 0 },
+    danger: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    hover: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(a) {
+    se("menu_item", de);
+    const e = a, s = Q(), o = ye(), v = ne(m), n = y(() => {
+      var r;
+      return ((r = ee()) == null ? void 0 : r.vnode.key) ?? v;
+    }), i = y(() => ({
+      ...e,
+      key: n.value
+    })), C = y(() => {
+      var r;
+      return ((r = o.props) == null ? void 0 : r.size) ?? e.size;
+    }), d = () => {
+      var r;
+      return (r = o.getDisabled) != null && r.value ? !0 : e.disabled;
+    }, { inputBindings: f } = ie({
+      getDisabled: d
+    }), p = y(() => {
+      var r, z, t;
+      return {
+        ...e,
+        size: C.value,
+        selected: ((r = o.isItemSelected) == null ? void 0 : r.call(o, i.value)) ?? e.selected,
+        unFocusable: o.onClick ? void 0 : e.unFocusable,
+        hoverTrailing: e.hoverTrailing ?? ((z = o.props) == null ? void 0 : z.hoverTrailing),
+        leadingCenter: e.leadingCenter ?? ((t = o.props) == null ? void 0 : t.leadingCenter),
+        disabled: d(),
+        onClick: (c) => {
+          var u;
+          d() && (c.preventDefault(), c.stopPropagation()), (u = o.onClick) == null || u.call(o, i.value, c);
+        },
+        ...f.value
+      };
+    });
+    return (r, z) => (B(), w(ge, F(E(p.value)), V({ _: 2 }, [
+      A(Object.keys(s), (t) => ({
+        name: t,
+        fn: P((c) => [
+          D(r.$slots, t, F(E({ ...c, key: n.value })))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  Fe as M,
+  st as _,
+  Ee as a,
+  pe as b,
+  we as c,
+  Pe as g,
+  ye as i,
+  Ve as p
+};

package/dist/MenuItem.vue_vue_type_script_setup_true_lang-DweYhLgr.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),$=require("./options-CY2uxp5A.js"),M=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js"),L=require("./useInputDataStates-CVQJAe1K.js"),A=require("reka-ui");require("@vueuse/core");const I=require("es-toolkit");require("@tanstack/vue-virtual");const j=require("class-variance-authority"),Q=require("./isEmpty-cyU2mCRb.js");require("@pantograph/tokens");const X=require("./Popover.vue_vue_type_script_setup_true_lang-Bye1k1gb.js"),Y=require("./HoverCard.vue_vue_type_script_setup_true_lang-CbT9IDH_.js"),N=require("@pantograph/style/menu_item.css?raw"),Z=require("@pantograph/style/menu.css?raw"),V=["sm","md","lg"],C=s.getBemBlock("menu_item"),q=i=>{switch(i){case"sm":return"2xsm";default:return"xsm"}},ee=i=>{switch(i){case"lg":return"md";default:return"sm"}},F=i=>{switch(i){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},T=i=>{switch(i){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}},R=(i,t)=>({iconSize:q(i),buttonSize:ee(i),checkIconSize:F(i),switchSize:F(i),checkboxSize:q(i),avatarSize:T(i),graphicalObjectSize:T(i),badgeSize:T(i),...t??{}}),U=e.defineComponent({...$.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hover:{type:Boolean},hasChildren:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){const t=i,l=e.useSlots(),a=j.cva(C,{variants:{size:s.generateVariantClassList(V,C),selected:s.generateVariantClassList("selected",C),unFocusable:s.generateVariantClassList("un-focusable",C),danger:s.generateVariantClassList("danger",C),disabled:s.generateVariantClassList("disabled",C),hoverTrailing:s.generateVariantClassList("hover-trailing",C),description:s.generateVariantClassList("description",C),leadingCenter:s.generateVariantClassList("leading-center",C),staticStyle:s.generateVariantClassList("static-style",C)}}),y=e.computed(()=>R(t.size,t.slotProps)),o=e.useAttrs(),c=()=>{var g;const v=(g=l.description)==null?void 0:g.call(l,t.slotProps??{}),m=!M.isEmptyElement(v),f=()=>{var z,D,E,O;const u=[],S=(z=l.leading)==null?void 0:z.call(l,y.value),n=!M.isEmptyElement(S);(n||t.leading)&&u.push(e.h("div",{class:s.normCls(s.getBemElement(C,"leading"),t.leadingCls)},e.h("div",{class:s.normCls(s.getBemElement(C,"leading_content"),t.leadingContentCls)},n?S:t.leading)));const p=(D=l.title)==null?void 0:D.call(l,t.slotProps??{}),d=!M.isEmptyElement(p);if(d||t.title||m||t.description){const P=[];(d||t.title)&&P.push(e.h("div",{class:s.normCls(s.getBemElement(C,"title"),t.titleCls)},d?p:t.title)),(m||t.description)&&P.push(e.h("div",{class:s.normCls(s.getBemElement(C,"description"),t.descriptionCls)},m?v:t.description)),u.push(e.h("div",{class:s.normCls(s.getBemElement(C,"content"),t.contentCls)},P))}const b=(E=l.trailing)==null?void 0:E.call(l,y.value),h=!M.isEmptyElement(b);if(t.hasChildren){const P=(O=l.branchIcon)==null?void 0:O.call(l,y.value);u.push(e.h(M._sfc_main$2,{class:s.normCls(s.getBemElement(C,"branch"),t.branchCls??""),flipOnDir:"rtl",size:y.value.checkIconSize,icon:t.branchIcon},{default:M.isEmptyElement(P)?null:P}))}else(h||t.trailing)&&u.push(e.h("div",{class:s.normCls(s.getBemElement(C,"trailing"),t.trailingCls)},h?b:t.trailing));return u};return e.h("div",{...o,role:"menuitem",tabindex:t.unFocusable?void 0:o.tabindex??0,"data-hover":t.hover?"":void 0,class:s.normCls(a({size:t.size,selected:t.selected,unFocusable:t.unFocusable,staticStyle:t.staticStyle,danger:t.danger,disabled:t.disabled,hoverTrailing:t.hoverTrailing,leadingCenter:t.leadingCenter,description:!!(m||t.description)}),t.class)},f())};return(v,m)=>(e.openBlock(),e.createBlock(c))}}),x=[...V,"none"],[te,ne]=A.createContext("SubMenu"),G=e.defineComponent({...$.getComponentOptions("SubMenu"),__name:"SubMenu",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"},hover:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){M.useComponentStyle("menu_item",N);const t=i,l=e.useSlots(),a=e.computed(()=>{switch(t.size){case"lg":return 10;case"md":return 8;default:return 6}}),y=e.ref(),o=w(),c=e.computed(()=>{var r;return t.triggerSubMenuAction??((r=o.props)==null?void 0:r.triggerSubMenuAction)}),v=te({parentKeys:[]}),m=r=>{var _;(c.value==="click"||(_=e.unref(v.parentKeys))!=null&&_.length)&&(r.stopPropagation(),r.preventDefault())},f=s.getBemBlock("sub_menu"),g=s.usePCId(f),u=e.computed(()=>{var r;return((r=e.getCurrentInstance())==null?void 0:r.vnode.key)??g});ne({parentKeys:e.computed(()=>[...e.unref(v.parentKeys),u.value])});const S=e.computed(()=>({...t,key:u.value,hasChildren:!0,parentKeys:e.unref(v.parentKeys)})),n=e.computed(()=>{var r;return((r=o.props)==null?void 0:r.size)??t.size}),p=()=>{var r;return!!((r=o.getDisabled)!=null&&r.value||t.disabled)},{rootBindings:d,inputBindings:b}=L.UseInputDataStates({getDisabled:p}),h=e.ref(!1),z=e.computed(()=>{var r;return((r=o.isOpen)==null?void 0:r.call(o,u.value))??h.value}),D=e.computed(()=>{var r,_,k;return{...I.omit(t,["subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"]),size:n.value,selected:((r=o.isItemSelected)==null?void 0:r.call(o,S.value))??t.selected,hoverTrailing:t.hoverTrailing??((_=o.props)==null?void 0:_.hoverTrailing),leadingCenter:t.leadingCenter??((k=o.props)==null?void 0:k.leadingCenter),hasChildren:!0,unFocusable:p(),onClick:B=>{var K;return(K=o.onClick)==null?void 0:K.call(o,S.value,B)},hover:z.value,...b.value}}),E=r=>{var k,B;(((k=o.isOpen)==null?void 0:k.call(o,u.value))??h.value)!==r&&(o.onChildrenOpenChange?(B=o.onChildrenOpenChange)==null||B.call(o,S.value,r):h.value=r)},O=e.computed(()=>{var r,_,k,B;return{size:n.value,containerProps:{onClick:m},to:y.value,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[s.getBemElement(f,"items"),(r=o.props)==null?void 0:r.submenuCls,t.submenuCls],sideOffset:a.value,forceMount:t.forceMountSubmenu??((_=o.props)==null?void 0:_.forceMountSubmenu),trigger:c.value,closeDelay:((k=o.props)==null?void 0:k.subMenuCloseDelay)??t.subMenuCloseDelay,openDelay:((B=o.props)==null?void 0:B.subMenuOpenDelay)??t.subMenuOpenDelay,open:z.value}}),P=e.computed(()=>c.value==="click"?X._sfc_main:Y._sfc_main);return(r,_)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P.value),e.mergeProps(O.value,{"onUpdate:open":E,key:String(c.value)}),{content:e.withCtx(()=>[e.renderSlot(r.$slots,"items",e.normalizeProps(e.guardReactiveProps({...t,key:u.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,k=>(e.openBlock(),e.createBlock(H,e.mergeProps({ref_for:!0},k),e.createSlots({_:2},[e.renderList(Object.keys(l),B=>({name:B,fn:e.withCtx(K=>[e.renderSlot(r.$slots,B,e.mergeProps({ref_for:!0},K))])}))]),1040))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:e.unref(s.normCls)(e.unref(f),t.submenuTriggerCls),ref_key:"root",ref:y},e.unref(d)),[e.createVNode(U,e.mergeProps(D.value,{class:e.unref(s.getBemElement)(e.unref(f),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(l),k=>({name:k,fn:e.withCtx(B=>[e.renderSlot(r.$slots,k,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["class"])],16)]),_:3},16))}}),H=e.defineComponent({__name:"MenuItemWrapper",props:{subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean},items:{},size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hover:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){const t=i,l=e.useSlots(),a=e.computed(()=>{var c;return!!((c=t.items)!=null&&c.length||l.items)}),y=s.usePCId("menu-item"),o=e.computed(()=>{var c;return((c=e.getCurrentInstance())==null?void 0:c.vnode.key)??y});return(c,v)=>a.value?(e.openBlock(),e.createBlock(G,e.normalizeProps(e.mergeProps({key:0},{...t,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),m=>({name:m,fn:e.withCtx(f=>[e.renderSlot(c.$slots,m,e.normalizeProps(e.guardReactiveProps(f)))])}))]),1040)):(e.openBlock(),e.createBlock(J,e.normalizeProps(e.mergeProps({key:1},{...t,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),m=>({name:m,fn:e.withCtx(f=>[e.renderSlot(c.$slots,m,e.normalizeProps(e.guardReactiveProps(f)))])}))]),1040))}}),[se,W]=A.createContext("Menu"),w=()=>se({}),oe=e.defineComponent({...$.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},disabled:{type:Boolean,default:void 0},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(i,{emit:t}){M.useComponentStyle("menu",Z);const l=i,a=t,{getDisabled:y}=L.useFormInput(),o=s.getBemBlock("menu"),c=j.cva(o,{variants:{gap:s.generateVariantClassList(x,o)}}),v=e.ref(l.openKeys??[]);e.watch(()=>l.openKeys,()=>{v.value=l.openKeys??[]});const m=(n,p)=>{let d=I.cloneDeep(v.value);p?d=[...n.parentKeys??[],n.key]:d=d.filter(b=>b!==n.key),l.openKeys||(v.value=d),a("update:openKeys",d),a("openChange",d)},f=n=>v.value.includes(n),g=e.ref(l.selectedKeys??[]);return e.watch(()=>l.selectedKeys,()=>{g.value=l.selectedKeys??[]}),W({props:l,getDisabled:y,onClick:(n,p)=>{const d=![void 0,null].includes(n.key)&&(I.isString(n.key)&&!Q.isEmptyLikeLodash(n.key)||M.isNumber(n.key));if(!y.value&&!n.danger&&!n.disabled&&d&&l.selectable&&!n.hasChildren){if(l.multiple)if(g.value.indexOf(n.key)>-1){if(g.value.length>1){const h=I.cloneDeep(g.value).filter(z=>z!==n.key);l.selectedKeys||(g.value=h),a("update:selectedKeys",h),a("deselect",{item:n,selectedKeys:g.value})}}else{const h=[...I.cloneDeep(g.value),n.key];l.selectedKeys||(g.value=h),a("update:selectedKeys",h),a("select",{item:n,selectedKeys:g.value})}else{const b=[n.key];l.selectedKeys||(g.value=b),a("update:selectedKeys",b),a("select",{item:n,selectedKeys:g.value})}a("click",n,p)}},isItemSelected:n=>!y.value&&!n.danger&&!n.disabled&&g.value.includes(n.key),onChildrenOpenChange:m,isOpen:f}),(n,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(c)({gap:n.gap??n.size}),l.class)),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(o),"header"))),onClick:p[0]||(p[0]=d=>a("headerClick",d))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(o),"header__title")))},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(o),"header__actions")))},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,d=>(e.openBlock(),e.createBlock(H,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),b=>({name:b,fn:e.withCtx(h=>[e.renderSlot(n.$slots,b,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}}),J=e.defineComponent({...$.getComponentOptions("MenuItem"),__name:"MenuItem",props:{size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},hover:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){M.useComponentStyle("menu_item",N);const t=i,l=e.useSlots(),a=w(),y=s.usePCId(C),o=e.computed(()=>{var u;return((u=e.getCurrentInstance())==null?void 0:u.vnode.key)??y}),c=e.computed(()=>({...t,key:o.value})),v=e.computed(()=>{var u;return((u=a.props)==null?void 0:u.size)??t.size}),m=()=>{var u;return(u=a.getDisabled)!=null&&u.value?!0:t.disabled},{inputBindings:f}=L.UseInputDataStates({getDisabled:m}),g=e.computed(()=>{var u,S,n;return{...t,size:v.value,selected:((u=a.isItemSelected)==null?void 0:u.call(a,c.value))??t.selected,unFocusable:a.onClick?void 0:t.unFocusable,hoverTrailing:t.hoverTrailing??((S=a.props)==null?void 0:S.hoverTrailing),leadingCenter:t.leadingCenter??((n=a.props)==null?void 0:n.leadingCenter),disabled:m(),onClick:p=>{var d;m()&&(p.preventDefault(),p.stopPropagation()),(d=a.onClick)==null||d.call(a,c.value,p)},...f.value}});return(u,S)=>(e.openBlock(),e.createBlock(U,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(l),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(u.$slots,n,e.normalizeProps(e.guardReactiveProps({...p,key:o.value})))])}))]),1040))}});exports.MenuGaps=x;exports.MenuItemSizes=V;exports._sfc_main=oe;exports._sfc_main$1=J;exports._sfc_main$2=G;exports.getMenuContentSlotProps=R;exports.injectMenuContext=w;exports.provideMenuContext=W;

package/dist/Pagination/Pagination.d.ts

@@ -4,6 +4,7 @@ export interface PaginationProps {
     page?: number;
     total?: number;
     showInput?: boolean;
+    disabled?: boolean;
     iconButton?: boolean;
     simple?: boolean;
     hidePerv?: boolean;
@@ -38,11 +39,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pa
     "onUpdate:pageSize"?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
+    disabled: boolean;
+    justify: PaginationJustify;
     total: number;
     pervText: string;
     nextText: string;
     pageText: string;
-    justify: PaginationJustify;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     total?(_: {
         start: number;

package/dist/Pagination/index.js

@@ -1,4 +1,4 @@
-import { _ as s, P as t, _ as n } from "../Pagination.vue_vue_type_style_index_0_lang-Dgx-vviE.js";
+import { _ as s, P as t, _ as n } from "../Pagination.vue_vue_type_script_setup_true_lang-CH2sZBOw.js";
 export {
   s as Pagination,
   t as PaginationJustifies,

package/dist/Pagination/index.umd.cjs

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