@agrotools1/at-components 0.6.98-test-33 → 0.6.98-test-35
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/dist/DataTable/Column/Column.vue.js +6 -6
- package/dist/DataTable/Column/Column.vue2.js +10 -8
- package/dist/DataTable/Column/Column.vue3.js +2 -2
- package/dist/DataTable/DataTable.d.ts +9 -0
- package/dist/DataTable/DataTable.vue.js +22 -19
- package/dist/DataTable/DataTable.vue2.js +12 -8
- package/dist/DataTable/index.d.ts +9 -0
- package/dist/Dropdown/Checklist/Dropdown.Checklist.d.ts +2 -1
- package/dist/Dropdown/Checklist/Dropdown.Checklist.vue.js +48 -43
- package/dist/Dropdown/Checklist/Dropdown.Checklist.vue2.js +18 -18
- package/dist/Dropdown/Checklist/Dropdown.Checklist.vue3.js +2 -2
- package/dist/Dropdown/Dropdown.core.d.ts +9 -0
- package/dist/Dropdown/Dropdown.core.vue.js +4 -4
- package/dist/Dropdown/Dropdown.core.vue2.js +34 -30
- package/dist/Dropdown/Dropdown.types.d.ts +1 -0
- package/dist/Filter/Filter.vue.js +54 -53
- package/dist/Filter/index.d.ts +1 -0
- package/dist/TableConfig/TableConfig.d.ts +13 -1
- package/dist/TableConfig/TableConfig.vue.js +45 -39
- package/dist/TableConfig/TableConfig.vue2.js +43 -36
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import "./Dropdown.core.vue3.js";
|
|
|
4
4
|
import y from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const $ = { class: "container-dialog" }, v = ["id"];
|
|
6
6
|
function D(e, t, k, B, w, E) {
|
|
7
|
-
const
|
|
7
|
+
const d = g("DropdownContent");
|
|
8
8
|
return o(), r("section", $, [
|
|
9
9
|
l("div", {
|
|
10
10
|
class: i(e.getDialogClass)
|
|
@@ -13,7 +13,7 @@ function D(e, t, k, B, w, E) {
|
|
|
13
13
|
key: 0,
|
|
14
14
|
id: "trigger",
|
|
15
15
|
ref: "triggerElem",
|
|
16
|
-
onClick: t[0] || (t[0] = (...
|
|
16
|
+
onClick: t[0] || (t[0] = (...s) => e.toggleDialog && e.toggleDialog(...s))
|
|
17
17
|
}, [
|
|
18
18
|
n(e.$slots, "trigger", {}, void 0, !0)
|
|
19
19
|
], 512)) : p("", !0),
|
|
@@ -21,7 +21,7 @@ function D(e, t, k, B, w, E) {
|
|
|
21
21
|
to: "body",
|
|
22
22
|
disabled: !e.teleportToBody
|
|
23
23
|
}, [
|
|
24
|
-
f(
|
|
24
|
+
f(d, null, {
|
|
25
25
|
default: u(() => [
|
|
26
26
|
l("div", {
|
|
27
27
|
id: e.id,
|
|
@@ -41,7 +41,7 @@ function D(e, t, k, B, w, E) {
|
|
|
41
41
|
], 2)
|
|
42
42
|
]);
|
|
43
43
|
}
|
|
44
|
-
const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-
|
|
44
|
+
const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-7e3ddf63"]]);
|
|
45
45
|
export {
|
|
46
46
|
T as default
|
|
47
47
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as H, ref as
|
|
1
|
+
import { defineComponent as H, ref as n, watch as G, onMounted as J, onUnmounted as K, computed as M } from "vue";
|
|
2
2
|
import Q from "./DropdownContent/DropdownContent.vue.js";
|
|
3
3
|
const V = H({
|
|
4
4
|
name: "AtDropdown",
|
|
@@ -20,84 +20,88 @@ const V = H({
|
|
|
20
20
|
type: Boolean,
|
|
21
21
|
default: !0
|
|
22
22
|
},
|
|
23
|
+
preventClickOutside: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: !1
|
|
26
|
+
},
|
|
23
27
|
id: {
|
|
24
28
|
type: String,
|
|
25
29
|
default: ""
|
|
26
30
|
}
|
|
27
31
|
},
|
|
28
32
|
emits: ["update:isOpen"],
|
|
29
|
-
setup(
|
|
30
|
-
const c =
|
|
31
|
-
c.value =
|
|
32
|
-
const a =
|
|
33
|
-
var S, b,
|
|
34
|
-
y.value = ((
|
|
35
|
-
const e = (
|
|
33
|
+
setup(l, { emit: g }) {
|
|
34
|
+
const c = n(!1);
|
|
35
|
+
c.value = l.isOpen;
|
|
36
|
+
const a = n(), u = n(), s = n(), y = n(0), i = n(), f = n(), d = n(null), r = () => {
|
|
37
|
+
var O, S, b, C, z, B, T, D, E, L, k, W, $;
|
|
38
|
+
y.value = ((O = d.value) == null ? void 0 : O.scrollTop) ?? window.scrollY;
|
|
39
|
+
const e = (b = (S = u.value) == null ? void 0 : S.children[0]) == null ? void 0 : b.querySelector(
|
|
36
40
|
".AT-INPUT_error-message"
|
|
37
|
-
), o = 1 / (Number.parseFloat((
|
|
38
|
-
i.value = (
|
|
41
|
+
), o = 1 / (Number.parseFloat((C = window.getComputedStyle(document.body)) == null ? void 0 : C.zoom) || 1);
|
|
42
|
+
i.value = (z = u.value) == null ? void 0 : z.getBoundingClientRect();
|
|
39
43
|
const N = {
|
|
40
44
|
y: y.value * o
|
|
41
45
|
}, t = {
|
|
42
|
-
top: (((
|
|
46
|
+
top: (((B = i.value) == null ? void 0 : B.top) ?? 0) * o,
|
|
43
47
|
right: (((T = i.value) == null ? void 0 : T.right) ?? 0) * o,
|
|
44
48
|
bottom: (((D = i.value) == null ? void 0 : D.bottom) ?? 0) * o,
|
|
45
49
|
left: (((E = i.value) == null ? void 0 : E.left) ?? 0) * o,
|
|
46
50
|
width: (((L = i.value) == null ? void 0 : L.width) ?? 0) * o,
|
|
47
|
-
height: (((
|
|
51
|
+
height: (((k = i.value) == null ? void 0 : k.height) ?? 0) * o
|
|
48
52
|
}, x = ((t == null ? void 0 : t.bottom) ?? 0) + ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + A(N), U = {
|
|
49
53
|
left: () => {
|
|
50
|
-
var
|
|
51
|
-
|
|
54
|
+
var v, p;
|
|
55
|
+
s.value = {
|
|
52
56
|
x: (t == null ? void 0 : t.left) ?? 0,
|
|
53
57
|
y: x
|
|
54
58
|
}, f.value = {
|
|
55
|
-
top: `${((
|
|
56
|
-
left: `${((p =
|
|
59
|
+
top: `${((v = s.value) == null ? void 0 : v.y) || 0}px`,
|
|
60
|
+
left: `${((p = s.value) == null ? void 0 : p.x) || 0}px`,
|
|
57
61
|
zIndex: "2147483641",
|
|
58
62
|
position: "absolute"
|
|
59
63
|
};
|
|
60
64
|
},
|
|
61
65
|
right: () => {
|
|
62
|
-
var
|
|
63
|
-
|
|
64
|
-
x: ((t == null ? void 0 : t.left) ?? 0) - ((((
|
|
66
|
+
var v, p, I, P;
|
|
67
|
+
s.value = {
|
|
68
|
+
x: ((t == null ? void 0 : t.left) ?? 0) - ((((v = a.value) == null ? void 0 : v.clientWidth) ?? 0) - (((p = u.value) == null ? void 0 : p.clientWidth) ?? 0)),
|
|
65
69
|
y: x
|
|
66
70
|
}, f.value = {
|
|
67
|
-
top: `${((
|
|
68
|
-
left: `${((
|
|
71
|
+
top: `${((I = s.value) == null ? void 0 : I.y) || 0}px`,
|
|
72
|
+
left: `${((P = s.value) == null ? void 0 : P.x) || 0}px`,
|
|
69
73
|
zIndex: "2147483641",
|
|
70
74
|
position: "absolute"
|
|
71
75
|
};
|
|
72
76
|
}
|
|
73
|
-
}, F = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((
|
|
74
|
-
U[F](),
|
|
75
|
-
}, A = (e) =>
|
|
77
|
+
}, F = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((W = a.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : l.position;
|
|
78
|
+
U[F](), l.fullSize && (f.value.width = `${(($ = u.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
|
|
79
|
+
}, A = (e) => d.value ? 0 : e.y;
|
|
76
80
|
G(
|
|
77
|
-
() =>
|
|
81
|
+
() => l.isOpen,
|
|
78
82
|
(e) => {
|
|
79
83
|
c.value = e, e && setTimeout(() => {
|
|
80
|
-
|
|
84
|
+
l.teleportToBody && r();
|
|
81
85
|
}, 10);
|
|
82
86
|
}
|
|
83
87
|
);
|
|
84
88
|
const Y = async () => g("update:isOpen", !0), h = async () => g("update:isOpen", !1), w = (e) => {
|
|
85
89
|
var m, o;
|
|
86
|
-
c.value && !((m = a == null ? void 0 : a.value) != null && m.contains(e.target)) && !((o =
|
|
90
|
+
l.preventClickOutside || c.value && !((m = a == null ? void 0 : a.value) != null && m.contains(e.target)) && !((o = u.value) != null && o.contains(e.target)) && h();
|
|
87
91
|
}, _ = () => g("update:isOpen", !c.value);
|
|
88
92
|
J(() => {
|
|
89
93
|
var e;
|
|
90
|
-
document.addEventListener("click", w),
|
|
94
|
+
document.addEventListener("click", w), l.teleportToBody && (window.addEventListener("resize", r), d.value = document.querySelector(".at-scrollable-container") || null, (e = d.value) == null || e.addEventListener("scroll", r), r());
|
|
91
95
|
}), K(() => {
|
|
92
96
|
var e;
|
|
93
|
-
document.removeEventListener("click", w),
|
|
97
|
+
document.removeEventListener("click", w), l.teleportToBody && (window.removeEventListener("resize", r), (e = d.value) == null || e.removeEventListener("scroll", r));
|
|
94
98
|
});
|
|
95
99
|
const q = M(() => ["dialog"]);
|
|
96
100
|
return {
|
|
97
101
|
dialogIsOpen: c,
|
|
98
102
|
getDialogClass: q,
|
|
99
103
|
dialogElem: a,
|
|
100
|
-
triggerElem:
|
|
104
|
+
triggerElem: u,
|
|
101
105
|
dialogStyle: f,
|
|
102
106
|
toggleDialog: _,
|
|
103
107
|
openDialog: Y,
|
|
@@ -1,37 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as m, openBlock as t, createElementBlock as s, createVNode as l, withCtx as
|
|
1
|
+
import S from "./Filter.vue2.js";
|
|
2
|
+
import { resolveComponent as m, openBlock as t, createElementBlock as s, createVNode as l, withCtx as n, createElementVNode as a, createTextVNode as d, toDisplayString as i, createCommentVNode as I, renderSlot as D, Fragment as k, renderList as b, pushScopeId as T, popScopeId as $ } from "vue";
|
|
3
3
|
import "./Filter.vue3.js";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
4
|
+
import B from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const C = (e) => (T("data-v-4d0535a3"), e = e(), $(), e), F = { class: "d-flex align-items-center gap-2" }, U = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "badge"
|
|
8
|
-
},
|
|
8
|
+
}, N = { class: "filter" }, O = { class: "at-dropdown-header" }, E = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "at-dropdown-content"
|
|
11
|
-
},
|
|
11
|
+
}, L = {
|
|
12
12
|
key: 1,
|
|
13
13
|
class: "at-dropdown-content"
|
|
14
|
-
},
|
|
15
|
-
function
|
|
16
|
-
var y;
|
|
17
|
-
const
|
|
14
|
+
}, M = { class: "item" }, P = ["for"], R = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), j = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), q = ["for"], G = ["for"], H = { class: "at-dropdown-footer" };
|
|
15
|
+
function J(e, r, K, Q, W, X) {
|
|
16
|
+
var y, A;
|
|
17
|
+
const V = m("AtFilterRegularIcon"), h = m("AtCloseSolidIcon"), c = m("AtParagraph"), f = m("AtButton"), v = m("AtCheckbox"), w = m("AtDropDown");
|
|
18
18
|
return t(), s("div", { key: e.keyValue }, [
|
|
19
|
-
l(
|
|
19
|
+
l(w, {
|
|
20
20
|
id: e.id,
|
|
21
21
|
"is-open": e.isOpen,
|
|
22
22
|
position: (y = e.options) == null ? void 0 : y.position,
|
|
23
|
+
"prevent-click-outside": (A = e.options) == null ? void 0 : A.preventClickOutside,
|
|
23
24
|
"onUpdate:isOpen": r[3] || (r[3] = (u) => e.isOpen = u)
|
|
24
25
|
}, {
|
|
25
|
-
trigger:
|
|
26
|
-
l(
|
|
26
|
+
trigger: n(() => [
|
|
27
|
+
l(f, {
|
|
27
28
|
id: "dropdown-button",
|
|
28
29
|
variant: e.getButtonColor
|
|
29
30
|
}, {
|
|
30
|
-
default:
|
|
31
|
+
default: n(() => {
|
|
31
32
|
var u;
|
|
32
33
|
return [
|
|
33
|
-
|
|
34
|
-
l(
|
|
34
|
+
a("section", F, [
|
|
35
|
+
l(V, { size: "16" }),
|
|
35
36
|
d(" " + i(((u = e.options) == null ? void 0 : u.buttonText) ?? "Filtros"), 1)
|
|
36
37
|
]),
|
|
37
38
|
e.count > 0 ? (t(), s("span", {
|
|
@@ -44,9 +45,9 @@ function H(e, r, J, K, Q, W) {
|
|
|
44
45
|
onClick: e.closeDialog
|
|
45
46
|
}, null, 8, ["onClick"])
|
|
46
47
|
])) : I("", !0),
|
|
47
|
-
e.count > 0 ? (t(), s("span",
|
|
48
|
+
e.count > 0 ? (t(), s("span", U, [
|
|
48
49
|
l(c, { size: "p3" }, {
|
|
49
|
-
default:
|
|
50
|
+
default: n(() => [
|
|
50
51
|
d(i(e.count), 1)
|
|
51
52
|
]),
|
|
52
53
|
_: 1
|
|
@@ -57,16 +58,16 @@ function H(e, r, J, K, Q, W) {
|
|
|
57
58
|
_: 1
|
|
58
59
|
}, 8, ["variant"])
|
|
59
60
|
]),
|
|
60
|
-
default:
|
|
61
|
+
default: n(() => {
|
|
61
62
|
var u;
|
|
62
63
|
return [
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
a("div", N, [
|
|
65
|
+
a("div", O, [
|
|
65
66
|
l(c, {
|
|
66
67
|
size: "p1",
|
|
67
68
|
weight: "bold"
|
|
68
69
|
}, {
|
|
69
|
-
default:
|
|
70
|
+
default: n(() => {
|
|
70
71
|
var o;
|
|
71
72
|
return [
|
|
72
73
|
d(i((o = e.options) == null ? void 0 : o.title), 1)
|
|
@@ -74,7 +75,7 @@ function H(e, r, J, K, Q, W) {
|
|
|
74
75
|
}),
|
|
75
76
|
_: 1
|
|
76
77
|
}),
|
|
77
|
-
|
|
78
|
+
a("span", {
|
|
78
79
|
style: { cursor: "pointer" },
|
|
79
80
|
class: "closeIcon",
|
|
80
81
|
onClick: r[1] || (r[1] = (...o) => e.closeDialog && e.closeDialog(...o))
|
|
@@ -82,11 +83,11 @@ function H(e, r, J, K, Q, W) {
|
|
|
82
83
|
l(h, { size: "20" })
|
|
83
84
|
])
|
|
84
85
|
]),
|
|
85
|
-
e.withSlot ? (t(), s("div",
|
|
86
|
-
|
|
87
|
-
])) : (t(), s("div",
|
|
88
|
-
(u = e.options) != null && u.checkAllText ? (t(), s(
|
|
89
|
-
|
|
86
|
+
e.withSlot ? (t(), s("div", E, [
|
|
87
|
+
D(e.$slots, "default", {}, void 0, !0)
|
|
88
|
+
])) : (t(), s("div", L, [
|
|
89
|
+
(u = e.options) != null && u.checkAllText ? (t(), s(k, { key: 0 }, [
|
|
90
|
+
a("div", M, [
|
|
90
91
|
l(v, {
|
|
91
92
|
id: e.getItemId({ text: "checkAll", value: !1 }),
|
|
92
93
|
modelValue: e.checkAllModel,
|
|
@@ -95,12 +96,12 @@ function H(e, r, J, K, Q, W) {
|
|
|
95
96
|
size: "12",
|
|
96
97
|
labelledby: "checkAll"
|
|
97
98
|
}, null, 8, ["id", "modelValue"]),
|
|
98
|
-
|
|
99
|
+
a("label", {
|
|
99
100
|
for: e.getItemId({ text: "checkAll", value: !1 }),
|
|
100
101
|
class: "checkall-label"
|
|
101
102
|
}, [
|
|
102
103
|
l(c, { size: "p2" }, {
|
|
103
|
-
default:
|
|
104
|
+
default: n(() => {
|
|
104
105
|
var o;
|
|
105
106
|
return [
|
|
106
107
|
d(i((o = e.options) == null ? void 0 : o.checkAllText), 1)
|
|
@@ -108,11 +109,11 @@ function H(e, r, J, K, Q, W) {
|
|
|
108
109
|
}),
|
|
109
110
|
_: 1
|
|
110
111
|
})
|
|
111
|
-
], 8,
|
|
112
|
+
], 8, P)
|
|
112
113
|
]),
|
|
113
|
-
|
|
114
|
+
R
|
|
114
115
|
], 64)) : I("", !0),
|
|
115
|
-
(t(!0), s(
|
|
116
|
+
(t(!0), s(k, null, b(e.listSeparator, (o, g) => (t(), s("div", {
|
|
116
117
|
key: `${g}`,
|
|
117
118
|
class: "item-separator"
|
|
118
119
|
}, [
|
|
@@ -120,37 +121,37 @@ function H(e, r, J, K, Q, W) {
|
|
|
120
121
|
size: "p2",
|
|
121
122
|
weight: "bold"
|
|
122
123
|
}, {
|
|
123
|
-
default:
|
|
124
|
+
default: n(() => [
|
|
124
125
|
d(i(o.key), 1)
|
|
125
126
|
]),
|
|
126
127
|
_: 2
|
|
127
128
|
}, 1024),
|
|
128
|
-
|
|
129
|
-
(t(!0), s(
|
|
130
|
-
key: `${
|
|
129
|
+
j,
|
|
130
|
+
(t(!0), s(k, null, b(o.value, (p, _) => (t(), s("div", {
|
|
131
|
+
key: `${_}`,
|
|
131
132
|
class: "item"
|
|
132
133
|
}, [
|
|
133
134
|
l(v, {
|
|
134
135
|
id: e.getItemId(p),
|
|
135
136
|
modelValue: p.value,
|
|
136
|
-
"onUpdate:modelValue": (
|
|
137
|
+
"onUpdate:modelValue": (z) => p.value = z,
|
|
137
138
|
labelledby: e.getItemId(p),
|
|
138
139
|
size: "12"
|
|
139
140
|
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
|
|
140
|
-
|
|
141
|
+
a("label", {
|
|
141
142
|
for: e.getItemId(p),
|
|
142
143
|
class: "item-label"
|
|
143
144
|
}, [
|
|
144
145
|
l(c, { size: "p2" }, {
|
|
145
|
-
default:
|
|
146
|
+
default: n(() => [
|
|
146
147
|
d(i(e.getItemText(p)), 1)
|
|
147
148
|
]),
|
|
148
149
|
_: 2
|
|
149
150
|
}, 1024)
|
|
150
|
-
], 8,
|
|
151
|
+
], 8, q)
|
|
151
152
|
]))), 128))
|
|
152
153
|
]))), 128)),
|
|
153
|
-
(t(!0), s(
|
|
154
|
+
(t(!0), s(k, null, b(e.listArray, (o, g) => (t(), s("div", {
|
|
154
155
|
key: `${g}`,
|
|
155
156
|
class: "item"
|
|
156
157
|
}, [
|
|
@@ -161,26 +162,26 @@ function H(e, r, J, K, Q, W) {
|
|
|
161
162
|
size: "12",
|
|
162
163
|
labelledby: e.getItemId(o)
|
|
163
164
|
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
|
|
164
|
-
|
|
165
|
+
a("label", {
|
|
165
166
|
for: e.getItemId(o),
|
|
166
167
|
class: "item-label"
|
|
167
168
|
}, [
|
|
168
169
|
l(c, { size: "p2" }, {
|
|
169
|
-
default:
|
|
170
|
+
default: n(() => [
|
|
170
171
|
d(i(e.getItemText(o)), 1)
|
|
171
172
|
]),
|
|
172
173
|
_: 2
|
|
173
174
|
}, 1024)
|
|
174
|
-
], 8,
|
|
175
|
+
], 8, G)
|
|
175
176
|
]))), 128))
|
|
176
177
|
])),
|
|
177
|
-
|
|
178
|
-
l(
|
|
178
|
+
a("div", H, [
|
|
179
|
+
l(f, {
|
|
179
180
|
variant: "secondary",
|
|
180
181
|
class: "clear-button w-100",
|
|
181
182
|
onClick: e.clear
|
|
182
183
|
}, {
|
|
183
|
-
default:
|
|
184
|
+
default: n(() => {
|
|
184
185
|
var o;
|
|
185
186
|
return [
|
|
186
187
|
d(i(((o = e.options) == null ? void 0 : o.cancelBtnText) ?? "Limpar"), 1)
|
|
@@ -188,11 +189,11 @@ function H(e, r, J, K, Q, W) {
|
|
|
188
189
|
}),
|
|
189
190
|
_: 1
|
|
190
191
|
}, 8, ["onClick"]),
|
|
191
|
-
l(
|
|
192
|
+
l(f, {
|
|
192
193
|
class: "save-button w-100",
|
|
193
194
|
onClick: e.save
|
|
194
195
|
}, {
|
|
195
|
-
default:
|
|
196
|
+
default: n(() => {
|
|
196
197
|
var o;
|
|
197
198
|
return [
|
|
198
199
|
d(i(((o = e.options) == null ? void 0 : o.saveBtnText) ?? "Filtrar"), 1)
|
|
@@ -205,10 +206,10 @@ function H(e, r, J, K, Q, W) {
|
|
|
205
206
|
];
|
|
206
207
|
}),
|
|
207
208
|
_: 3
|
|
208
|
-
}, 8, ["id", "is-open", "position"])
|
|
209
|
+
}, 8, ["id", "is-open", "position", "prevent-click-outside"])
|
|
209
210
|
]);
|
|
210
211
|
}
|
|
211
|
-
const
|
|
212
|
+
const oe = /* @__PURE__ */ B(S, [["render", J], ["__scopeId", "data-v-4d0535a3"]]);
|
|
212
213
|
export {
|
|
213
|
-
|
|
214
|
+
oe as default
|
|
214
215
|
};
|
package/dist/Filter/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export interface TableConfigProps {
|
|
|
13
13
|
checkAllText?: string;
|
|
14
14
|
position?: "left" | "right";
|
|
15
15
|
id?: string;
|
|
16
|
+
hideFooter?: boolean;
|
|
16
17
|
}
|
|
17
18
|
declare const _default: import('vue').DefineComponent<{
|
|
18
19
|
dropDownList: {
|
|
@@ -55,9 +56,14 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
55
56
|
type: PropType<string | undefined>;
|
|
56
57
|
required: false;
|
|
57
58
|
};
|
|
59
|
+
hideFooter: {
|
|
60
|
+
type: PropType<boolean | undefined>;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
58
63
|
}, {
|
|
59
64
|
isDialogOpen: import('vue').Ref<boolean>;
|
|
60
65
|
getButtonColor: import('vue').ComputedRef<"primary" | "secondary">;
|
|
66
|
+
formatResponse: () => string[] | DropdownListItem[];
|
|
61
67
|
list: import('vue').Ref<{
|
|
62
68
|
value: boolean | string[];
|
|
63
69
|
text: string;
|
|
@@ -81,7 +87,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
81
87
|
save: () => void;
|
|
82
88
|
cancel: () => void;
|
|
83
89
|
resetList: () => void;
|
|
84
|
-
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "onSave"[], "onSave", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
|
|
90
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onSave" | "onUpdate")[], "onSave" | "onUpdate", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
|
|
85
91
|
dropDownList: {
|
|
86
92
|
type: PropType<DropdownListItem[] | import('..').DropdownList[]>;
|
|
87
93
|
required: true;
|
|
@@ -122,13 +128,19 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
122
128
|
type: PropType<string | undefined>;
|
|
123
129
|
required: false;
|
|
124
130
|
};
|
|
131
|
+
hideFooter: {
|
|
132
|
+
type: PropType<boolean | undefined>;
|
|
133
|
+
default: boolean;
|
|
134
|
+
};
|
|
125
135
|
}>> & {
|
|
126
136
|
onOnSave?: ((...args: any[]) => any) | undefined;
|
|
137
|
+
onOnUpdate?: ((...args: any[]) => any) | undefined;
|
|
127
138
|
}, {
|
|
128
139
|
title: string | undefined;
|
|
129
140
|
position: "left" | "right" | undefined;
|
|
130
141
|
buttonText: string | undefined;
|
|
131
142
|
cancelBtnText: string | undefined;
|
|
143
|
+
hideFooter: boolean | undefined;
|
|
132
144
|
sortable: boolean | undefined;
|
|
133
145
|
saveBtnText: string | undefined;
|
|
134
146
|
resumedResponse: boolean | undefined;
|
|
@@ -1,66 +1,72 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
1
|
+
import C from "./TableConfig.vue2.js";
|
|
2
|
+
import { resolveComponent as s, openBlock as r, createElementBlock as d, createVNode as o, withCtx as t, createElementVNode as p, createTextVNode as l, toDisplayString as a, createCommentVNode as g } from "vue";
|
|
3
3
|
import "./TableConfig.vue3.js";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
import k from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const h = { class: "d-flex align-items-center gap-2" }, v = { class: "tableConfig" }, b = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "at-dropdown-footer"
|
|
8
|
+
};
|
|
9
|
+
function A(e, n, w, O, B, S) {
|
|
10
|
+
const c = s("AtSettingsRegularIcon"), i = s("AtButton"), m = s("AtChecklist"), u = s("AtDropdown");
|
|
11
|
+
return r(), d("section", null, [
|
|
12
|
+
o(u, {
|
|
13
|
+
id: e.id,
|
|
14
|
+
"is-open": e.isDialogOpen,
|
|
15
|
+
"onUpdate:isOpen": n[1] || (n[1] = (f) => e.isDialogOpen = f),
|
|
16
|
+
position: e.position
|
|
14
17
|
}, {
|
|
15
|
-
trigger:
|
|
16
|
-
|
|
17
|
-
default:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
trigger: t(() => [
|
|
19
|
+
o(i, { variant: e.getButtonColor }, {
|
|
20
|
+
default: t(() => [
|
|
21
|
+
p("section", h, [
|
|
22
|
+
o(c, { size: "16" }),
|
|
23
|
+
l(" " + a(e.buttonText), 1)
|
|
21
24
|
])
|
|
22
25
|
]),
|
|
23
26
|
_: 1
|
|
24
27
|
}, 8, ["variant"])
|
|
25
28
|
]),
|
|
26
|
-
default:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"drop-down-list":
|
|
30
|
-
title:
|
|
31
|
-
sortable:
|
|
32
|
-
"check-all-text":
|
|
33
|
-
onOnClose:
|
|
34
|
-
onOnSorted:
|
|
29
|
+
default: t(() => [
|
|
30
|
+
p("div", v, [
|
|
31
|
+
o(m, {
|
|
32
|
+
"drop-down-list": e.list,
|
|
33
|
+
title: e.title,
|
|
34
|
+
sortable: e.sortable,
|
|
35
|
+
"check-all-text": e.checkAllText,
|
|
36
|
+
onOnClose: e.handleClose,
|
|
37
|
+
onOnSorted: e.handleSorted,
|
|
38
|
+
onOnUpdateCheckbox: n[0] || (n[0] = () => {
|
|
39
|
+
e.$emit("onUpdate", e.formatResponse());
|
|
40
|
+
})
|
|
35
41
|
}, null, 8, ["drop-down-list", "title", "sortable", "check-all-text", "onOnClose", "onOnSorted"]),
|
|
36
|
-
|
|
37
|
-
|
|
42
|
+
e.hideFooter ? g("", !0) : (r(), d("div", b, [
|
|
43
|
+
o(i, {
|
|
38
44
|
variant: "secondary",
|
|
39
45
|
class: "clear-button w-100",
|
|
40
|
-
onClick:
|
|
46
|
+
onClick: e.cancel
|
|
41
47
|
}, {
|
|
42
|
-
default:
|
|
43
|
-
|
|
48
|
+
default: t(() => [
|
|
49
|
+
l(a(e.cancelBtnText), 1)
|
|
44
50
|
]),
|
|
45
51
|
_: 1
|
|
46
52
|
}, 8, ["onClick"]),
|
|
47
|
-
|
|
53
|
+
o(i, {
|
|
48
54
|
class: "save-button w-100",
|
|
49
|
-
onClick:
|
|
55
|
+
onClick: e.save
|
|
50
56
|
}, {
|
|
51
|
-
default:
|
|
52
|
-
|
|
57
|
+
default: t(() => [
|
|
58
|
+
l(a(e.saveBtnText), 1)
|
|
53
59
|
]),
|
|
54
60
|
_: 1
|
|
55
61
|
}, 8, ["onClick"])
|
|
56
|
-
])
|
|
62
|
+
]))
|
|
57
63
|
])
|
|
58
64
|
]),
|
|
59
65
|
_: 1
|
|
60
66
|
}, 8, ["id", "is-open", "position"])
|
|
61
67
|
]);
|
|
62
68
|
}
|
|
63
|
-
const
|
|
69
|
+
const N = /* @__PURE__ */ k(C, [["render", A], ["__scopeId", "data-v-7d4e3063"]]);
|
|
64
70
|
export {
|
|
65
|
-
|
|
71
|
+
N as default
|
|
66
72
|
};
|