vlite3 0.7.13 → 0.7.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button.vue.js +1 -1
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +18 -17
- package/components/{CommandPaletteContent.vue.d.ts → CommandPalette/CommandPaletteContent.vue.d.ts} +3 -3
- package/components/CommandPalette/CommandPaletteContent.vue.js +7 -0
- package/components/CommandPalette/CommandPaletteContent.vue2.js +180 -0
- package/components/CommandPalette/CommandPaletteItem.vue.d.ts +15 -0
- package/components/CommandPalette/CommandPaletteItem.vue2.js +7 -0
- package/components/CommandPalette/CommandPaletteItem.vue3.js +60 -0
- package/components/CommandPalette/index.d.ts +5 -0
- package/components/CommandPalette/types.d.ts +40 -0
- package/components/CommandPalette/useCommandPaletteItems.d.ts +15 -0
- package/components/CommandPalette/useCommandPaletteItems.js +99 -0
- package/components/CommandPalette/useCommandPaletteNav.d.ts +13 -0
- package/components/CommandPalette/useCommandPaletteNav.js +49 -0
- package/components/DataList/DataList.vue.js +53 -50
- package/components/DataTable/DataTable.vue.js +185 -173
- package/components/DatePicker.vue.js +3 -2
- package/components/DateRangePicker.vue.js +26 -25
- package/components/Dropdown/Dropdown.vue.js +20 -20
- package/components/Dropdown/DropdownMenu.vue.js +5 -256
- package/components/Dropdown/DropdownMenu.vue2.js +256 -2
- package/components/Form/CustomFields.vue.js +1 -1
- package/components/Form/CustomFields.vue2.js +102 -97
- package/components/Form/Form.vue.d.ts +0 -1
- package/components/Form/Form.vue.js +2 -2
- package/components/Form/Form.vue2.js +20 -20
- package/components/Form/FormFields.vue.js +2 -2
- package/components/Form/FormFields.vue2.js +90 -78
- package/components/IconPicker.vue.js +3 -2
- package/components/ImportData/ImportStep2.vue.js +10 -9
- package/components/List/List.vue.js +205 -180
- package/components/Modal.vue.js +2 -2
- package/components/Modal.vue2.js +82 -96
- package/components/MultiSelect/MultiSelect.vue.js +7 -7
- package/components/Navbar/Navbar.vue.js +12 -12
- package/components/NavbarCommandPalette.vue.d.ts +7 -30
- package/components/NavbarCommandPalette.vue.js +40 -40
- package/components/PermissionMatrix/PermissionEditorList.vue.js +1 -1
- package/components/PermissionMatrix/PermissionEditorList.vue2.js +84 -75
- package/components/PermissionMatrix/PermissionEditorMatrix.vue.js +2 -2
- package/components/PermissionMatrix/PermissionEditorMatrix.vue2.js +122 -107
- package/components/PermissionMatrix/PermissionMatrix.vue.js +2 -2
- package/components/PermissionMatrix/PermissionMatrix.vue2.js +161 -138
- package/components/PermissionMatrix/PermissionTopBar.vue.js +19 -18
- package/components/Screen/Screen.vue.js +169 -166
- package/components/Screen/ScreenFilter.vue.js +4 -3
- package/components/SidePanel.vue.js +5 -146
- package/components/SidePanel.vue2.js +146 -2
- package/components/SidebarMenu/SidebarMenuItem.vue.js +26 -25
- package/components/Workbook/Sheet.vue.js +3 -2
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
- package/components/CommandPaletteContent.vue.js +0 -7
- package/components/CommandPaletteContent.vue2.js +0 -311
- /package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +0 -0
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { usePermissionState as
|
|
7
|
-
const
|
|
1
|
+
import { defineComponent as T, computed as w, openBlock as o, createElementBlock as s, createVNode as M, createElementVNode as n, normalizeClass as r, normalizeStyle as D, Fragment as h, renderList as V, withMemo as F, unref as i, createBlock as a, createCommentVNode as k, toDisplayString as v, withModifiers as $, isMemoSame as q, withCtx as A } from "vue";
|
|
2
|
+
import G from "../CheckBox.vue.js";
|
|
3
|
+
import S from "../Switch.vue.js";
|
|
4
|
+
import g from "../Icon.vue.js";
|
|
5
|
+
import H from "../Tooltip.vue.js";
|
|
6
|
+
import { usePermissionState as I } from "./usePermissionState.js";
|
|
7
|
+
const J = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "text-center py-12 text-muted-foreground"
|
|
10
|
-
},
|
|
10
|
+
}, K = { class: "flex items-center gap-2" }, O = ["onClick"], Q = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "custom-list-group-content"
|
|
13
|
-
},
|
|
13
|
+
}, R = { class: "flex items-center gap-2 pl-6" }, U = { class: "flex items-center pointer-events-none" }, oe = /* @__PURE__ */ T({
|
|
14
14
|
__name: "PermissionEditorList",
|
|
15
15
|
props: {
|
|
16
16
|
groups: {},
|
|
@@ -23,125 +23,134 @@ const H = {
|
|
|
23
23
|
},
|
|
24
24
|
emits: ["update:modelValue", "toggleCollapse"],
|
|
25
25
|
setup(e, { emit: B }) {
|
|
26
|
-
const
|
|
27
|
-
() =>
|
|
28
|
-
),
|
|
29
|
-
"--cell-py":
|
|
30
|
-
"--cell-px":
|
|
26
|
+
const c = e, b = B, { hasPerm: m, togglePerm: P, getGroupState: u, toggleGroup: N } = I(
|
|
27
|
+
() => c.modelValue
|
|
28
|
+
), x = w(() => c.size === "sm" ? "text-xs" : "text-sm"), E = w(() => ({
|
|
29
|
+
"--cell-py": c.size === "sm" ? "0.5rem" : "0.625rem",
|
|
30
|
+
"--cell-px": c.size === "sm" ? "0.75rem" : "1rem"
|
|
31
31
|
}));
|
|
32
|
-
function E(d) {
|
|
33
|
-
r.readonly || b("update:modelValue", M(d));
|
|
34
|
-
}
|
|
35
32
|
function j(d) {
|
|
36
|
-
|
|
33
|
+
c.readonly || b("update:modelValue", P(d));
|
|
34
|
+
}
|
|
35
|
+
function L(d) {
|
|
36
|
+
c.readonly || b("update:modelValue", N(d));
|
|
37
37
|
}
|
|
38
|
-
return (d,
|
|
39
|
-
|
|
38
|
+
return (d, y) => e.groups.length === 0 ? (o(), s("div", J, [
|
|
39
|
+
M(g, {
|
|
40
40
|
icon: "lucide:search-x",
|
|
41
41
|
class: "w-8 h-8 mx-auto mb-3 opacity-50"
|
|
42
42
|
}),
|
|
43
|
-
|
|
44
|
-
class:
|
|
43
|
+
n("p", {
|
|
44
|
+
class: r(x.value)
|
|
45
45
|
}, "No permissions match your filters.", 2)
|
|
46
|
-
])) : (
|
|
46
|
+
])) : (o(), s("div", {
|
|
47
47
|
key: 1,
|
|
48
48
|
class: "permission-list-wrapper",
|
|
49
|
-
style:
|
|
49
|
+
style: D(E.value)
|
|
50
50
|
}, [
|
|
51
|
-
(
|
|
52
|
-
key:
|
|
51
|
+
(o(!0), s(h, null, V(e.groups, (l) => (o(), s(h, {
|
|
52
|
+
key: l.key
|
|
53
53
|
}, [
|
|
54
|
-
|
|
54
|
+
F([
|
|
55
|
+
e.collapsedGroups.has(l.key),
|
|
56
|
+
i(u)(l),
|
|
57
|
+
e.readonly,
|
|
58
|
+
e.size,
|
|
59
|
+
e.toggleMode,
|
|
60
|
+
e.collapsible,
|
|
61
|
+
l.label,
|
|
62
|
+
l.icon
|
|
63
|
+
], () => (o(), s("div", {
|
|
55
64
|
class: "custom-list-header flex items-center justify-between cursor-pointer select-none",
|
|
56
|
-
onClick: (
|
|
65
|
+
onClick: (t) => d.$emit("toggleCollapse", l.key)
|
|
57
66
|
}, [
|
|
58
|
-
|
|
59
|
-
e.collapsible ? (
|
|
67
|
+
n("div", K, [
|
|
68
|
+
e.collapsible ? (o(), a(g, {
|
|
60
69
|
key: 0,
|
|
61
70
|
icon: "lucide:chevron-right",
|
|
62
|
-
class:
|
|
71
|
+
class: r(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !e.collapsedGroups.has(l.key) }]),
|
|
63
72
|
style: { color: "var(--color-muted-foreground)" }
|
|
64
|
-
}, null, 8, ["class"])) :
|
|
65
|
-
|
|
73
|
+
}, null, 8, ["class"])) : k("", !0),
|
|
74
|
+
l.icon ? (o(), a(g, {
|
|
66
75
|
key: 1,
|
|
67
|
-
icon:
|
|
76
|
+
icon: l.icon,
|
|
68
77
|
class: "w-4 h-4",
|
|
69
78
|
style: { color: "var(--color-muted-foreground)" }
|
|
70
|
-
}, null, 8, ["icon"])) :
|
|
71
|
-
|
|
72
|
-
class:
|
|
79
|
+
}, null, 8, ["icon"])) : k("", !0),
|
|
80
|
+
n("span", {
|
|
81
|
+
class: r([x.value, "font-semibold"]),
|
|
73
82
|
style: { color: "var(--color-foreground)" }
|
|
74
|
-
},
|
|
75
|
-
|
|
76
|
-
class:
|
|
83
|
+
}, v(l.label), 3),
|
|
84
|
+
n("span", {
|
|
85
|
+
class: r([e.size === "sm" ? "text-[10px]" : "text-xs"]),
|
|
77
86
|
style: { color: "var(--color-muted-foreground)" }
|
|
78
|
-
}, " (" +
|
|
87
|
+
}, " (" + v(l.permissions.filter((t) => i(m)(t.key)).length) + "/" + v(l.permissions.length) + ") ", 3)
|
|
79
88
|
]),
|
|
80
|
-
|
|
89
|
+
n("div", {
|
|
81
90
|
class: "flex items-center",
|
|
82
|
-
onClick: $((
|
|
91
|
+
onClick: $((t) => L(l), ["stop"])
|
|
83
92
|
}, [
|
|
84
|
-
e.toggleMode === "checkbox" ? (
|
|
93
|
+
e.toggleMode === "checkbox" ? (o(), a(G, {
|
|
85
94
|
key: 0,
|
|
86
|
-
"model-value":
|
|
87
|
-
indeterminate:
|
|
95
|
+
"model-value": i(u)(l) === "all",
|
|
96
|
+
indeterminate: i(u)(l) === "indeterminate",
|
|
88
97
|
disabled: e.readonly,
|
|
89
98
|
size: e.size === "sm" ? "xs" : "sm",
|
|
90
99
|
class: "pointer-events-none"
|
|
91
|
-
}, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (
|
|
100
|
+
}, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (o(), a(S, {
|
|
92
101
|
key: 1,
|
|
93
|
-
"model-value":
|
|
102
|
+
"model-value": i(u)(l) === "all",
|
|
94
103
|
disabled: e.readonly,
|
|
95
104
|
class: "pointer-events-none"
|
|
96
105
|
}, null, 8, ["model-value", "disabled"]))
|
|
97
|
-
], 8,
|
|
98
|
-
], 8,
|
|
99
|
-
e.collapsedGroups.has(
|
|
100
|
-
(
|
|
101
|
-
const
|
|
102
|
-
if (
|
|
103
|
-
const
|
|
104
|
-
key:
|
|
105
|
-
class:
|
|
106
|
-
onClick: (
|
|
106
|
+
], 8, O)
|
|
107
|
+
], 8, ["onClick"])), y, 0),
|
|
108
|
+
e.collapsedGroups.has(l.key) ? k("", !0) : (o(), s("div", Q, [
|
|
109
|
+
(o(!0), s(h, null, V(l.permissions, (t, W, X, f) => {
|
|
110
|
+
const z = [i(m)(t.key), e.readonly, e.size, e.toggleMode, t.label, t.description];
|
|
111
|
+
if (f && f.key === t.key && q(f, z)) return f;
|
|
112
|
+
const C = (o(), s("div", {
|
|
113
|
+
key: t.key,
|
|
114
|
+
class: r(["custom-list-item flex items-center justify-between transition-colors duration-100", { "cursor-pointer": !e.readonly }]),
|
|
115
|
+
onClick: (Y) => j(t.key)
|
|
107
116
|
}, [
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
class:
|
|
117
|
+
n("div", R, [
|
|
118
|
+
n("span", {
|
|
119
|
+
class: r([x.value]),
|
|
111
120
|
style: { color: "var(--color-foreground)" }
|
|
112
|
-
},
|
|
113
|
-
|
|
121
|
+
}, v(t.label), 3),
|
|
122
|
+
t.description ? (o(), a(H, {
|
|
114
123
|
key: 0,
|
|
115
|
-
content:
|
|
124
|
+
content: t.description,
|
|
116
125
|
placement: "top"
|
|
117
126
|
}, {
|
|
118
|
-
default:
|
|
119
|
-
|
|
127
|
+
default: A(() => [
|
|
128
|
+
M(g, {
|
|
120
129
|
icon: "lucide:info",
|
|
121
130
|
class: "w-3 h-3 cursor-auto shrink-0",
|
|
122
131
|
style: { color: "var(--color-muted-foreground)" },
|
|
123
|
-
onClick:
|
|
132
|
+
onClick: y[1] || (y[1] = $(() => {
|
|
124
133
|
}, ["stop"]))
|
|
125
134
|
})
|
|
126
135
|
]),
|
|
127
136
|
_: 1
|
|
128
|
-
}, 8, ["content"])) :
|
|
137
|
+
}, 8, ["content"])) : k("", !0)
|
|
129
138
|
]),
|
|
130
|
-
|
|
131
|
-
e.toggleMode === "checkbox" ? (
|
|
139
|
+
n("div", U, [
|
|
140
|
+
e.toggleMode === "checkbox" ? (o(), a(G, {
|
|
132
141
|
key: 0,
|
|
133
|
-
"model-value":
|
|
142
|
+
"model-value": i(m)(t.key),
|
|
134
143
|
disabled: e.readonly,
|
|
135
144
|
size: e.size === "sm" ? "xs" : "sm"
|
|
136
|
-
}, null, 8, ["model-value", "disabled", "size"])) : (
|
|
145
|
+
}, null, 8, ["model-value", "disabled", "size"])) : (o(), a(S, {
|
|
137
146
|
key: 1,
|
|
138
|
-
"model-value":
|
|
147
|
+
"model-value": i(m)(t.key),
|
|
139
148
|
disabled: e.readonly
|
|
140
149
|
}, null, 8, ["model-value", "disabled"]))
|
|
141
150
|
])
|
|
142
151
|
], 10, ["onClick"]));
|
|
143
|
-
return
|
|
144
|
-
},
|
|
152
|
+
return C.memo = z, C;
|
|
153
|
+
}, y, 2), 128))
|
|
145
154
|
]))
|
|
146
155
|
], 64))), 128))
|
|
147
156
|
], 4));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./PermissionEditorMatrix.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dc61aeee"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { isActionEnabled as
|
|
7
|
-
import { usePermissionState as
|
|
8
|
-
const
|
|
1
|
+
import { defineComponent as I, computed as C, openBlock as s, createElementBlock as i, createVNode as N, createElementVNode as n, normalizeClass as d, normalizeStyle as J, Fragment as f, renderList as h, toDisplayString as G, withMemo as O, unref as y, createBlock as m, createCommentVNode as b, withModifiers as Q, isMemoSame as R, withCtx as U } from "vue";
|
|
2
|
+
import j from "../CheckBox.vue.js";
|
|
3
|
+
import A from "../Switch.vue.js";
|
|
4
|
+
import g from "../Icon.vue.js";
|
|
5
|
+
import W from "../Tooltip.vue.js";
|
|
6
|
+
import { isActionEnabled as z, getMatrixPermKey as D } from "./utils.js";
|
|
7
|
+
import { usePermissionState as X } from "./usePermissionState.js";
|
|
8
|
+
const Y = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "text-center py-12 text-muted-foreground"
|
|
11
|
-
},
|
|
11
|
+
}, Z = { class: "custom-table" }, w = { class: "sticky top-0 z-10" }, K = ["colspan"], _ = { class: "flex items-center justify-between" }, ee = { class: "flex items-center gap-2" }, te = ["onClick"], le = { class: "custom-td" }, se = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ne = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "flex items-center justify-center"
|
|
14
14
|
}, ie = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "flex items-center justify-center pointer-events-none"
|
|
17
|
-
}, fe = /* @__PURE__ */
|
|
17
|
+
}, fe = /* @__PURE__ */ I({
|
|
18
18
|
__name: "PermissionEditorMatrix",
|
|
19
19
|
props: {
|
|
20
20
|
matrixGroups: {},
|
|
@@ -26,171 +26,186 @@ const U = {
|
|
|
26
26
|
collapsible: { type: Boolean }
|
|
27
27
|
},
|
|
28
28
|
emits: ["update:modelValue", "toggleCollapse"],
|
|
29
|
-
setup(
|
|
30
|
-
const
|
|
31
|
-
() =>
|
|
32
|
-
),
|
|
33
|
-
"--cell-py":
|
|
34
|
-
"--cell-px":
|
|
35
|
-
})),
|
|
36
|
-
const
|
|
37
|
-
for (const e of
|
|
38
|
-
for (const
|
|
39
|
-
|
|
40
|
-
return
|
|
29
|
+
setup(t, { emit: F }) {
|
|
30
|
+
const r = t, V = F, { hasPerm: p, getMatrixGroupState: v, toggleMatrixGroup: H } = X(
|
|
31
|
+
() => r.modelValue
|
|
32
|
+
), k = C(() => r.size === "sm" ? "text-xs" : "text-sm"), L = C(() => ({
|
|
33
|
+
"--cell-py": r.size === "sm" ? "0.5rem" : "0.625rem",
|
|
34
|
+
"--cell-px": r.size === "sm" ? "0.75rem" : "1rem"
|
|
35
|
+
})), u = C(() => {
|
|
36
|
+
const a = /* @__PURE__ */ new Set(), o = [];
|
|
37
|
+
for (const e of r.matrixGroups)
|
|
38
|
+
for (const l of e.actions)
|
|
39
|
+
a.has(l.key) || (a.add(l.key), o.push(l));
|
|
40
|
+
return o;
|
|
41
41
|
});
|
|
42
|
-
function
|
|
43
|
-
return
|
|
42
|
+
function S(a, o) {
|
|
43
|
+
return a.actions.some((e) => e.key === o);
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
return
|
|
45
|
+
function M(a, o, e) {
|
|
46
|
+
return z(o, e) ? p(D(a, o, e)) : !1;
|
|
47
47
|
}
|
|
48
|
-
function
|
|
49
|
-
if (
|
|
50
|
-
const
|
|
51
|
-
|
|
48
|
+
function T(a, o, e) {
|
|
49
|
+
if (r.readonly || !z(o, e)) return;
|
|
50
|
+
const l = D(a, o, e), $ = p(l) ? r.modelValue.filter((P) => P !== l) : [...r.modelValue, l];
|
|
51
|
+
V("update:modelValue", $);
|
|
52
52
|
}
|
|
53
|
-
function
|
|
54
|
-
|
|
53
|
+
function q(a) {
|
|
54
|
+
r.readonly || V("update:modelValue", H(a));
|
|
55
55
|
}
|
|
56
|
-
return (
|
|
57
|
-
|
|
56
|
+
return (a, o) => t.matrixGroups.length === 0 ? (s(), i("div", Y, [
|
|
57
|
+
N(g, {
|
|
58
58
|
icon: "lucide:search-x",
|
|
59
59
|
class: "w-8 h-8 mx-auto mb-3 opacity-50"
|
|
60
60
|
}),
|
|
61
|
-
|
|
62
|
-
class: d(
|
|
61
|
+
n("p", {
|
|
62
|
+
class: d(k.value)
|
|
63
63
|
}, "No permissions match your filters.", 2)
|
|
64
|
-
])) : (s(),
|
|
64
|
+
])) : (s(), i("div", {
|
|
65
65
|
key: 1,
|
|
66
66
|
class: "permission-matrix-wrapper",
|
|
67
|
-
style:
|
|
67
|
+
style: J(L.value)
|
|
68
68
|
}, [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
class: d([
|
|
69
|
+
n("table", Z, [
|
|
70
|
+
n("thead", w, [
|
|
71
|
+
n("tr", null, [
|
|
72
|
+
n("th", {
|
|
73
|
+
class: d([k.value, "custom-th"])
|
|
74
74
|
}, "Permission", 2),
|
|
75
|
-
(s(!0),
|
|
75
|
+
(s(!0), i(f, null, h(u.value, (e) => (s(), i("th", {
|
|
76
76
|
key: e.key,
|
|
77
|
-
class: d([
|
|
78
|
-
},
|
|
77
|
+
class: d([k.value, "custom-th text-center"])
|
|
78
|
+
}, G(e.label), 3))), 128))
|
|
79
79
|
])
|
|
80
80
|
]),
|
|
81
|
-
|
|
82
|
-
(s(!0),
|
|
81
|
+
n("tbody", null, [
|
|
82
|
+
(s(!0), i(f, null, h(t.matrixGroups, (e) => (s(), i(f, {
|
|
83
83
|
key: e.key
|
|
84
84
|
}, [
|
|
85
|
-
|
|
85
|
+
O([
|
|
86
|
+
t.collapsedGroups.has(e.key),
|
|
87
|
+
y(v)(e),
|
|
88
|
+
t.readonly,
|
|
89
|
+
t.size,
|
|
90
|
+
t.toggleMode,
|
|
91
|
+
t.collapsible,
|
|
92
|
+
e.label,
|
|
93
|
+
e.icon,
|
|
94
|
+
u.value.length
|
|
95
|
+
], () => (s(), i("tr", {
|
|
86
96
|
class: "custom-group-row cursor-pointer select-none",
|
|
87
|
-
onClick: (
|
|
97
|
+
onClick: (l) => a.$emit("toggleCollapse", e.key)
|
|
88
98
|
}, [
|
|
89
|
-
|
|
90
|
-
colspan:
|
|
99
|
+
n("td", {
|
|
100
|
+
colspan: u.value.length + 1,
|
|
91
101
|
class: "custom-td"
|
|
92
102
|
}, [
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
103
|
+
n("div", _, [
|
|
104
|
+
n("div", ee, [
|
|
105
|
+
t.collapsible ? (s(), m(g, {
|
|
96
106
|
key: 0,
|
|
97
107
|
icon: "lucide:chevron-right",
|
|
98
|
-
class: d(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !
|
|
108
|
+
class: d(["w-3.5 h-3.5 transition-transform duration-200", { "rotate-90": !t.collapsedGroups.has(e.key) }]),
|
|
99
109
|
style: { color: "var(--color-muted-foreground)" }
|
|
100
|
-
}, null, 8, ["class"])) :
|
|
101
|
-
e.icon ? (s(), m(
|
|
110
|
+
}, null, 8, ["class"])) : b("", !0),
|
|
111
|
+
e.icon ? (s(), m(g, {
|
|
102
112
|
key: 1,
|
|
103
113
|
icon: e.icon,
|
|
104
114
|
class: "w-4 h-4",
|
|
105
115
|
style: { color: "var(--color-muted-foreground)" }
|
|
106
|
-
}, null, 8, ["icon"])) :
|
|
107
|
-
|
|
108
|
-
class: d([
|
|
116
|
+
}, null, 8, ["icon"])) : b("", !0),
|
|
117
|
+
n("span", {
|
|
118
|
+
class: d([k.value, "font-semibold"]),
|
|
109
119
|
style: { color: "var(--color-foreground)" }
|
|
110
|
-
},
|
|
120
|
+
}, G(e.label), 3)
|
|
111
121
|
]),
|
|
112
|
-
|
|
122
|
+
n("div", {
|
|
113
123
|
class: "flex items-center",
|
|
114
|
-
onClick:
|
|
124
|
+
onClick: Q((l) => q(e), ["stop"])
|
|
115
125
|
}, [
|
|
116
|
-
|
|
126
|
+
t.toggleMode === "checkbox" ? (s(), m(j, {
|
|
117
127
|
key: 0,
|
|
118
|
-
"model-value":
|
|
119
|
-
indeterminate:
|
|
120
|
-
disabled:
|
|
121
|
-
size:
|
|
128
|
+
"model-value": y(v)(e) === "all",
|
|
129
|
+
indeterminate: y(v)(e) === "indeterminate",
|
|
130
|
+
disabled: t.readonly,
|
|
131
|
+
size: t.size === "sm" ? "xs" : "sm",
|
|
122
132
|
class: "pointer-events-none"
|
|
123
|
-
}, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), m(
|
|
133
|
+
}, null, 8, ["model-value", "indeterminate", "disabled", "size"])) : (s(), m(A, {
|
|
124
134
|
key: 1,
|
|
125
|
-
"model-value":
|
|
126
|
-
disabled:
|
|
135
|
+
"model-value": y(v)(e) === "all",
|
|
136
|
+
disabled: t.readonly,
|
|
127
137
|
class: "pointer-events-none"
|
|
128
138
|
}, null, 8, ["model-value", "disabled"]))
|
|
129
139
|
], 8, te)
|
|
130
140
|
])
|
|
131
|
-
], 8,
|
|
132
|
-
], 8,
|
|
133
|
-
|
|
134
|
-
const
|
|
135
|
-
...
|
|
136
|
-
|
|
141
|
+
], 8, K)
|
|
142
|
+
], 8, ["onClick"])), o, 0),
|
|
143
|
+
t.collapsedGroups.has(e.key) ? b("", !0) : (s(!0), i(f, { key: 0 }, h(e.rows, (l, $, P, x) => {
|
|
144
|
+
const B = [
|
|
145
|
+
...u.value.map((c) => M(e.key, l, c.key)),
|
|
146
|
+
t.readonly,
|
|
147
|
+
t.size,
|
|
148
|
+
t.toggleMode,
|
|
149
|
+
l.label,
|
|
150
|
+
l.description,
|
|
151
|
+
u.value.length
|
|
137
152
|
];
|
|
138
|
-
if (
|
|
139
|
-
const
|
|
140
|
-
key: e.key + "-" +
|
|
153
|
+
if (x && x.key === e.key + "-" + l.key && R(x, B)) return x;
|
|
154
|
+
const E = (s(), i("tr", {
|
|
155
|
+
key: e.key + "-" + l.key,
|
|
141
156
|
class: "custom-entity-row"
|
|
142
157
|
}, [
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
class: d([
|
|
158
|
+
n("td", le, [
|
|
159
|
+
n("div", se, [
|
|
160
|
+
n("span", {
|
|
161
|
+
class: d([k.value]),
|
|
147
162
|
style: { color: "var(--color-foreground)" }
|
|
148
|
-
},
|
|
149
|
-
|
|
163
|
+
}, G(l.label), 3),
|
|
164
|
+
l.description ? (s(), m(W, {
|
|
150
165
|
key: 0,
|
|
151
|
-
content:
|
|
166
|
+
content: l.description,
|
|
152
167
|
placement: "top"
|
|
153
168
|
}, {
|
|
154
|
-
default:
|
|
155
|
-
|
|
169
|
+
default: U(() => [
|
|
170
|
+
N(g, {
|
|
156
171
|
icon: "lucide:info",
|
|
157
172
|
class: "w-3 h-3 cursor-auto shrink-0",
|
|
158
173
|
style: { color: "var(--color-muted-foreground)" }
|
|
159
174
|
})
|
|
160
175
|
]),
|
|
161
176
|
_: 1
|
|
162
|
-
}, 8, ["content"])) :
|
|
177
|
+
}, 8, ["content"])) : b("", !0)
|
|
163
178
|
])
|
|
164
179
|
]),
|
|
165
|
-
(s(!0),
|
|
166
|
-
key:
|
|
180
|
+
(s(!0), i(f, null, h(u.value, (c) => (s(), i("td", {
|
|
181
|
+
key: c.key,
|
|
167
182
|
class: d([
|
|
168
183
|
"custom-td text-center",
|
|
169
|
-
!
|
|
184
|
+
!S(e, c.key) || !y(z)(l, c.key) ? "custom-disabled-cell" : t.readonly ? "" : "custom-active-cell"
|
|
170
185
|
]),
|
|
171
|
-
onClick: (ae) =>
|
|
186
|
+
onClick: (ae) => T(e.key, l, c.key)
|
|
172
187
|
}, [
|
|
173
|
-
!
|
|
174
|
-
|
|
188
|
+
!S(e, c.key) || !y(z)(l, c.key) ? (s(), i("div", ne, [...o[3] || (o[3] = [
|
|
189
|
+
n("span", {
|
|
175
190
|
class: "text-xs select-none",
|
|
176
191
|
style: { color: "var(--color-muted-foreground)", opacity: "0.4" }
|
|
177
192
|
}, " — ", -1)
|
|
178
|
-
])])) : (s(),
|
|
179
|
-
|
|
193
|
+
])])) : (s(), i("div", ie, [
|
|
194
|
+
t.toggleMode === "checkbox" ? (s(), m(j, {
|
|
180
195
|
key: 0,
|
|
181
|
-
"model-value":
|
|
182
|
-
disabled:
|
|
183
|
-
size:
|
|
184
|
-
}, null, 8, ["model-value", "disabled", "size"])) : (s(), m(
|
|
196
|
+
"model-value": M(e.key, l, c.key),
|
|
197
|
+
disabled: t.readonly,
|
|
198
|
+
size: t.size === "sm" ? "xs" : "sm"
|
|
199
|
+
}, null, 8, ["model-value", "disabled", "size"])) : (s(), m(A, {
|
|
185
200
|
key: 1,
|
|
186
|
-
"model-value":
|
|
187
|
-
disabled:
|
|
201
|
+
"model-value": M(e.key, l, c.key),
|
|
202
|
+
disabled: t.readonly
|
|
188
203
|
}, null, 8, ["model-value", "disabled"]))
|
|
189
204
|
]))
|
|
190
205
|
], 10, oe))), 128))
|
|
191
206
|
]));
|
|
192
|
-
return
|
|
193
|
-
},
|
|
207
|
+
return E.memo = B, E;
|
|
208
|
+
}, o, 1), 128))
|
|
194
209
|
], 64))), 128))
|
|
195
210
|
])
|
|
196
211
|
])
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./PermissionMatrix.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ba68e64a"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|