vlite3 0.6.7 → 0.6.8

package/components/PermissionMatrix/PermissionEditorMatrix.vue.js

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

package/components/PermissionMatrix/PermissionEditorMatrix.vue2.js

@@ -1,4 +1,206 @@
-import f from "./PermissionEditorMatrix.vue.js";
+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 {
-  f as default
+  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
 };