vlite3 0.6.6 → 0.6.8

package/components/PermissionMatrix/PermissionEditorList.vue.d.ts

@@ -0,0 +1,18 @@
+import { PermissionGroup, PermissionToggleMode, PermissionMatrixSize } from './types';
+type __VLS_Props = {
+    groups: PermissionGroup[];
+    modelValue: string[];
+    collapsedGroups: Set<string>;
+    toggleMode: PermissionToggleMode;
+    readonly: boolean;
+    size: PermissionMatrixSize;
+    collapsible: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string[]) => any;
+    toggleCollapse: (groupKey: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (val: string[]) => any;
+    onToggleCollapse?: (groupKey: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/PermissionMatrix/PermissionEditorList.vue.js

@@ -0,0 +1,7 @@
+import o from "./PermissionEditorList.vue2.js";
+/* empty css                          */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3adbf210"]]);
+export {
+  m as default
+};

package/components/PermissionMatrix/PermissionEditorList.vue2.js

@@ -0,0 +1,162 @@
+import { defineComponent as N, computed as b, openBlock as s, createElementBlock as r, createVNode as p, createElementVNode as a, normalizeClass as m, normalizeStyle as E, Fragment as x, renderList as z, createBlock as c, createCommentVNode as f, toDisplayString as k, withModifiers as C, withCtx as P } from "vue";
+import V from "../CheckBox.vue.js";
+import w from "../Switch.vue.js";
+import v from "../Icon.vue.js";
+import j from "../Tooltip.vue.js";
+const L = {
+  key: 0,
+  class: "text-center py-12 text-muted-foreground"
+}, A = ["onClick"], D = { class: "flex items-center gap-2" }, F = ["onClick"], q = {
+  key: 0,
+  class: "custom-list-group-content"
+}, H = ["onClick"], I = { class: "flex items-center gap-2 pl-6" }, J = { class: "flex items-center pointer-events-none" }, W = /* @__PURE__ */ N({
+  __name: "PermissionEditorList",
+  props: {
+    groups: {},
+    modelValue: {},
+    collapsedGroups: {},
+    toggleMode: {},
+    readonly: { type: Boolean },
+    size: {},
+    collapsible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "toggleCollapse"],
+  setup(t, { emit: $ }) {
+    const n = t, g = $, h = b(() => n.size === "sm" ? "text-xs" : "text-sm"), B = b(() => ({
+      "--cell-py": n.size === "sm" ? "0.5rem" : "0.625rem",
+      "--cell-px": n.size === "sm" ? "0.75rem" : "1rem"
+    }));
+    function u(o) {
+      return n.modelValue.includes(o);
+    }
+    function G(o) {
+      if (n.readonly) return;
+      const i = u(o) ? n.modelValue.filter((e) => e !== o) : [...n.modelValue, o];
+      g("update:modelValue", i);
+    }
+    function y(o) {
+      const i = o.permissions.filter((e) => u(e.key));
+      return i.length === 0 ? "none" : i.length === o.permissions.length ? "all" : "indeterminate";
+    }
+    function S(o) {
+      if (n.readonly) return;
+      const i = y(o), e = o.permissions.map((d) => d.key);
+      let l;
+      if (i === "all")
+        l = n.modelValue.filter((d) => !e.includes(d));
+      else {
+        const d = e.filter((M) => !n.modelValue.includes(M));
+        l = [...n.modelValue, ...d];
+      }
+      g("update:modelValue", l);
+    }
+    return (o, i) => t.groups.length === 0 ? (s(), r("div", L, [
+      p(v, {
+        icon: "lucide:search-x",
+        class: "w-8 h-8 mx-auto mb-3 opacity-50"
+      }),
+      a("p", {
+        class: m(h.value)
+      }, "No permissions match your filters.", 2)
+    ])) : (s(), r("div", {
+      key: 1,
+      class: "permission-list-wrapper",
+      style: E(B.value)
+    }, [
+      (s(!0), r(x, null, z(t.groups, (e) => (s(), r(x, {
+        key: e.key
+      }, [
+        a("div", {
+          class: "custom-list-header flex items-center justify-between cursor-pointer select-none",
+          onClick: (l) => o.$emit("toggleCollapse", e.key)
+        }, [
+          a("div", D, [
+            t.collapsible ? (s(), c(v, {
+              key: 0,
+              icon: "lucide:chevron-right",
+              class: m(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !t.collapsedGroups.has(e.key) }]),
+              style: { color: "var(--color-muted-foreground)" }
+            }, null, 8, ["class"])) : f("", !0),
+            e.icon ? (s(), c(v, {
+              key: 1,
+              icon: e.icon,
+              class: "w-4 h-4",
+              style: { color: "var(--color-muted-foreground)" }
+            }, null, 8, ["icon"])) : f("", !0),
+            a("span", {
+              class: m([h.value, "font-semibold"]),
+              style: { color: "var(--color-foreground)" }
+            }, k(e.label), 3),
+            a("span", {
+              class: m([t.size === "sm" ? "text-[10px]" : "text-xs"]),
+              style: { color: "var(--color-muted-foreground)" }
+            }, " (" + k(e.permissions.filter((l) => u(l.key)).length) + "/" + k(e.permissions.length) + ") ", 3)
+          ]),
+          a("div", {
+            class: "flex items-center",
+            onClick: C((l) => S(e), ["stop"])
+          }, [
+            t.toggleMode === "checkbox" ? (s(), c(V, {
+              key: 0,
+              "model-value": y(e) === "all",
+              indeterminate: y(e) === "indeterminate",
+              disabled: t.readonly,
+              size: t.size === "sm" ? "xs" : "sm",
+              class: "pointer-events-none"
+            }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), c(w, {
+              key: 1,
+              "model-value": y(e) === "all",
+              disabled: t.readonly,
+              class: "pointer-events-none"
+            }, null, 8, ["model-value", "disabled"]))
+          ], 8, F)
+        ], 8, A),
+        t.collapsedGroups.has(e.key) ? f("", !0) : (s(), r("div", q, [
+          (s(!0), r(x, null, z(e.permissions, (l) => (s(), r("div", {
+            key: l.key,
+            class: m(["custom-list-item flex items-center justify-between transition-colors duration-100", { "cursor-pointer": !t.readonly }]),
+            onClick: (d) => G(l.key)
+          }, [
+            a("div", I, [
+              a("span", {
+                class: m([h.value]),
+                style: { color: "var(--color-foreground)" }
+              }, k(l.label), 3),
+              l.description ? (s(), c(j, {
+                key: 0,
+                content: l.description,
+                placement: "top"
+              }, {
+                default: P(() => [
+                  p(v, {
+                    icon: "lucide:info",
+                    class: "w-3 h-3 cursor-auto shrink-0",
+                    style: { color: "var(--color-muted-foreground)" },
+                    onClick: i[0] || (i[0] = C(() => {
+                    }, ["stop"]))
+                  })
+                ]),
+                _: 1
+              }, 8, ["content"])) : f("", !0)
+            ]),
+            a("div", J, [
+              t.toggleMode === "checkbox" ? (s(), c(V, {
+                key: 0,
+                "model-value": u(l.key),
+                disabled: t.readonly,
+                size: t.size === "sm" ? "xs" : "sm"
+              }, null, 8, ["model-value", "disabled", "size"])) : (s(), c(w, {
+                key: 1,
+                "model-value": u(l.key),
+                disabled: t.readonly
+              }, null, 8, ["model-value", "disabled"]))
+            ])
+          ], 10, H))), 128))
+        ]))
+      ], 64))), 128))
+    ], 4));
+  }
+});
+export {
+  W as default
+};

package/components/PermissionMatrix/PermissionEditorMatrix.vue.d.ts

@@ -0,0 +1,18 @@
+import { PermissionMatrixGroup, PermissionToggleMode, PermissionMatrixSize } from './types';
+type __VLS_Props = {
+    matrixGroups: PermissionMatrixGroup[];
+    modelValue: string[];
+    collapsedGroups: Set<string>;
+    toggleMode: PermissionToggleMode;
+    readonly: boolean;
+    size: PermissionMatrixSize;
+    collapsible: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string[]) => any;
+    toggleCollapse: (groupKey: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (val: string[]) => any;
+    onToggleCollapse?: (groupKey: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/PermissionMatrix/PermissionEditorMatrix.vue.js

@@ -0,0 +1,7 @@
+import o from "./PermissionEditorMatrix.vue2.js";
+/* empty css                            */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3bbb236a"]]);
+export {
+  m as default
+};

package/components/PermissionMatrix/PermissionEditorMatrix.vue2.js

@@ -0,0 +1,206 @@
+import { defineComponent as j, computed as g, openBlock as o, createElementBlock as r, createVNode as _, createElementVNode as a, normalizeClass as d, normalizeStyle as K, Fragment as y, renderList as h, toDisplayString as V, createBlock as m, createCommentVNode as x, withModifiers as D, withCtx as F, unref as G } from "vue";
+import $ from "../CheckBox.vue.js";
+import P from "../Switch.vue.js";
+import v from "../Icon.vue.js";
+import H from "../Tooltip.vue.js";
+import { isActionEnabled as b, getMatrixPermKey as S, getMatrixRowPermKeys as w } from "./utils.js";
+const L = {
+  key: 0,
+  class: "text-center py-12 text-muted-foreground"
+}, R = { class: "custom-table" }, q = { class: "sticky top-0 z-10" }, I = ["onClick"], J = ["colspan"], O = { class: "flex items-center justify-between" }, Q = { class: "flex items-center gap-2" }, T = ["onClick"], U = { class: "custom-td" }, W = { class: "flex items-center gap-2 pl-6" }, X = ["onClick"], Y = {
+  key: 0,
+  class: "flex items-center justify-center"
+}, Z = {
+  key: 1,
+  class: "flex items-center justify-center pointer-events-none"
+}, ae = /* @__PURE__ */ j({
+  __name: "PermissionEditorMatrix",
+  props: {
+    matrixGroups: {},
+    modelValue: {},
+    collapsedGroups: {},
+    toggleMode: {},
+    readonly: { type: Boolean },
+    size: {},
+    collapsible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "toggleCollapse"],
+  setup(i, { emit: B }) {
+    const c = i, z = B, u = g(() => c.size === "sm" ? "text-xs" : "text-sm"), A = g(() => ({
+      "--cell-py": c.size === "sm" ? "0.5rem" : "0.625rem",
+      "--cell-px": c.size === "sm" ? "0.75rem" : "1rem"
+    })), p = g(() => {
+      const s = /* @__PURE__ */ new Set(), l = [];
+      for (const e of c.matrixGroups)
+        for (const t of e.actions)
+          s.has(t.key) || (s.add(t.key), l.push(t));
+      return l;
+    });
+    function M(s, l) {
+      return s.actions.some((e) => e.key === l);
+    }
+    function C(s, l, e) {
+      return b(l, e) ? c.modelValue.includes(S(s, l, e)) : !1;
+    }
+    function E(s, l, e) {
+      if (c.readonly || !b(l, e)) return;
+      const t = S(s, l, e), n = c.modelValue.includes(t) ? c.modelValue.filter((k) => k !== t) : [...c.modelValue, t];
+      z("update:modelValue", n);
+    }
+    function f(s) {
+      const l = s.rows.flatMap((t) => w(s.key, t, s.actions));
+      if (l.length === 0) return "none";
+      const e = l.filter((t) => c.modelValue.includes(t));
+      return e.length === 0 ? "none" : e.length === l.length ? "all" : "indeterminate";
+    }
+    function N(s) {
+      if (c.readonly) return;
+      const l = s.rows.flatMap((n) => w(s.key, n, s.actions)), e = f(s);
+      let t;
+      if (e === "all")
+        t = c.modelValue.filter((n) => !l.includes(n));
+      else {
+        const n = l.filter((k) => !c.modelValue.includes(k));
+        t = [...c.modelValue, ...n];
+      }
+      z("update:modelValue", t);
+    }
+    return (s, l) => i.matrixGroups.length === 0 ? (o(), r("div", L, [
+      _(v, {
+        icon: "lucide:search-x",
+        class: "w-8 h-8 mx-auto mb-3 opacity-50"
+      }),
+      a("p", {
+        class: d(u.value)
+      }, "No permissions match your filters.", 2)
+    ])) : (o(), r("div", {
+      key: 1,
+      class: "permission-matrix-wrapper",
+      style: K(A.value)
+    }, [
+      a("table", R, [
+        a("thead", q, [
+          a("tr", null, [
+            a("th", {
+              class: d([u.value, "custom-th"])
+            }, "Permission", 2),
+            (o(!0), r(y, null, h(p.value, (e) => (o(), r("th", {
+              key: e.key,
+              class: d([u.value, "custom-th text-center"])
+            }, V(e.label), 3))), 128))
+          ])
+        ]),
+        a("tbody", null, [
+          (o(!0), r(y, null, h(i.matrixGroups, (e) => (o(), r(y, {
+            key: e.key
+          }, [
+            a("tr", {
+              class: "custom-group-row cursor-pointer select-none",
+              onClick: (t) => s.$emit("toggleCollapse", e.key)
+            }, [
+              a("td", {
+                colspan: p.value.length + 1,
+                class: "custom-td"
+              }, [
+                a("div", O, [
+                  a("div", Q, [
+                    i.collapsible ? (o(), m(v, {
+                      key: 0,
+                      icon: "lucide:chevron-right",
+                      class: d(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !i.collapsedGroups.has(e.key) }]),
+                      style: { color: "var(--color-muted-foreground)" }
+                    }, null, 8, ["class"])) : x("", !0),
+                    e.icon ? (o(), m(v, {
+                      key: 1,
+                      icon: e.icon,
+                      class: "w-4 h-4",
+                      style: { color: "var(--color-muted-foreground)" }
+                    }, null, 8, ["icon"])) : x("", !0),
+                    a("span", {
+                      class: d([u.value, "font-semibold"]),
+                      style: { color: "var(--color-foreground)" }
+                    }, V(e.label), 3)
+                  ]),
+                  a("div", {
+                    class: "flex items-center",
+                    onClick: D((t) => N(e), ["stop"])
+                  }, [
+                    i.toggleMode === "checkbox" ? (o(), m($, {
+                      key: 0,
+                      "model-value": f(e) === "all",
+                      indeterminate: f(e) === "indeterminate",
+                      disabled: i.readonly,
+                      size: i.size === "sm" ? "xs" : "sm",
+                      class: "pointer-events-none"
+                    }, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (o(), m(P, {
+                      key: 1,
+                      "model-value": f(e) === "all",
+                      disabled: i.readonly,
+                      class: "pointer-events-none"
+                    }, null, 8, ["model-value", "disabled"]))
+                  ], 8, T)
+                ])
+              ], 8, J)
+            ], 8, I),
+            i.collapsedGroups.has(e.key) ? x("", !0) : (o(!0), r(y, { key: 0 }, h(e.rows, (t) => (o(), r("tr", {
+              key: e.key + "-" + t.key,
+              class: "custom-entity-row"
+            }, [
+              a("td", U, [
+                a("div", W, [
+                  a("span", {
+                    class: d([u.value]),
+                    style: { color: "var(--color-foreground)" }
+                  }, V(t.label), 3),
+                  t.description ? (o(), m(H, {
+                    key: 0,
+                    content: t.description,
+                    placement: "top"
+                  }, {
+                    default: F(() => [
+                      _(v, {
+                        icon: "lucide:info",
+                        class: "w-3 h-3 cursor-auto shrink-0",
+                        style: { color: "var(--color-muted-foreground)" }
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["content"])) : x("", !0)
+                ])
+              ]),
+              (o(!0), r(y, null, h(p.value, (n) => (o(), r("td", {
+                key: n.key,
+                class: d([
+                  "custom-td text-center",
+                  !M(e, n.key) || !G(b)(t, n.key) ? "custom-disabled-cell" : i.readonly ? "" : "custom-active-cell"
+                ]),
+                onClick: (k) => E(e.key, t, n.key)
+              }, [
+                !M(e, n.key) || !G(b)(t, n.key) ? (o(), r("div", Y, [...l[0] || (l[0] = [
+                  a("span", {
+                    class: "text-xs select-none",
+                    style: { color: "var(--color-muted-foreground)", opacity: "0.4" }
+                  }, " — ", -1)
+                ])])) : (o(), r("div", Z, [
+                  i.toggleMode === "checkbox" ? (o(), m($, {
+                    key: 0,
+                    "model-value": C(e.key, t, n.key),
+                    disabled: i.readonly,
+                    size: i.size === "sm" ? "xs" : "sm"
+                  }, null, 8, ["model-value", "disabled", "size"])) : (o(), m(P, {
+                    key: 1,
+                    "model-value": C(e.key, t, n.key),
+                    disabled: i.readonly
+                  }, null, 8, ["model-value", "disabled"]))
+                ]))
+              ], 10, X))), 128))
+            ]))), 128))
+          ], 64))), 128))
+        ])
+      ])
+    ], 4));
+  }
+});
+export {
+  ae as default
+};

package/components/PermissionMatrix/PermissionMatrix.vue.js

@@ -1,7 +1,7 @@
 import o from "./PermissionMatrix.vue2.js";
 /* empty css                      */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c5641678"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4b13b586"]]);
 export {
   s as default
 };