@orchidui/core 0.4.0 → 0.5.0
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/Calendar.js +1 -1
- package/dist/DataTable/utils/editColumnsUtils.js +29 -0
- package/dist/{DatePicker-D3w435Ml.js → DatePicker-BLK16hYl.js} +1 -1
- package/dist/Draggable.js +19 -18
- package/dist/Form/DatePicker/OcDatePicker.js +1 -1
- package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
- package/dist/Form/index.js +2 -2
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/{OcFormBuilder-CRXWtt8I.js → OcFormBuilder-BUpEpDsU.js} +1 -1
- package/dist/{OcMultipleUploadFile-B8Wl9Fuq.js → OcMultipleUploadFile-BAmQHshA.js} +3 -2
- package/dist/index.js +948 -175
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/{OcComplexCalendar-x-_kg9Yk.js → OcComplexCalendar-DXl0ecZ-.js} +1 -1
package/dist/index.js
CHANGED
@@ -1,177 +1,950 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import { _ as
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
import { _ as
|
7
|
-
import {
|
8
|
-
import { _ as
|
9
|
-
import { _ as
|
10
|
-
import { _ as
|
11
|
-
import { _ as
|
12
|
-
import { _ as
|
13
|
-
import { _ as
|
14
|
-
import { _ as
|
15
|
-
import { _ as
|
16
|
-
import {
|
17
|
-
import {
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
import {
|
22
|
-
import { _ as
|
23
|
-
import { O as
|
24
|
-
import { _ as
|
25
|
-
import { _ as
|
26
|
-
import { _ as
|
27
|
-
import {
|
28
|
-
import {
|
29
|
-
import { _ as
|
30
|
-
import {
|
31
|
-
import {
|
32
|
-
import { _ as
|
33
|
-
import { _ as
|
34
|
-
import { _ as
|
35
|
-
import {
|
36
|
-
import { _ as
|
37
|
-
import { _ as
|
38
|
-
import {
|
39
|
-
import { _ as $
|
40
|
-
import { _ as
|
41
|
-
import {
|
42
|
-
import { _ as
|
43
|
-
import { _ as
|
44
|
-
import { _ as
|
45
|
-
import { _ as
|
46
|
-
import { _ as
|
47
|
-
import { _ as
|
48
|
-
import {
|
49
|
-
import { _ as
|
50
|
-
import {
|
51
|
-
import { _ as
|
52
|
-
import { _ as
|
53
|
-
import {
|
54
|
-
import {
|
55
|
-
import {
|
56
|
-
import {
|
57
|
-
import { _ as
|
58
|
-
import { _ as
|
59
|
-
import {
|
60
|
-
import { _ as
|
61
|
-
import {
|
62
|
-
import { _ as
|
63
|
-
import { _ as
|
64
|
-
import { _ as
|
65
|
-
import { _ as
|
66
|
-
import { _ as
|
67
|
-
import { _ as
|
68
|
-
import { _ as
|
69
|
-
import { _ as
|
70
|
-
import { _ as
|
71
|
-
import { _ as
|
72
|
-
import { _ as
|
73
|
-
import { _ as
|
1
|
+
import { _ as Qe, b as He } from "./OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js";
|
2
|
+
import { g as qa, a as za, f as Ga, c as Ja, d as Wa, e as Xa } from "./OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js";
|
3
|
+
import { _ as qe, a as ke } from "./OcPaginationNumber-IKPorX26.js";
|
4
|
+
import { b as el } from "./OcPaginationNumber-IKPorX26.js";
|
5
|
+
import { _ as ll, a as tl } from "./OcOverviewItem-DNr5tWnt.js";
|
6
|
+
import { _ as rl } from "./OcOverviewIcon-D702Ujka.js";
|
7
|
+
import { C as nl } from "./OcCustomerCard-DbDOBO03.js";
|
8
|
+
import { _ as ul } from "./OcTransferSummary-Bk2GXhrT.js";
|
9
|
+
import { _ as pl, a as ml } from "./OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js";
|
10
|
+
import { _ as fl } from "./OcListDetail-6XeME6ko.js";
|
11
|
+
import { _ as yl } from "./OcInfoCard-DpYUZOMZ.js";
|
12
|
+
import { _ as bl } from "./OcProgressBar-hiyC5XSc.js";
|
13
|
+
import { _ as kl } from "./OcFloatContent-BIKQOxSw.js";
|
14
|
+
import { _ as _l } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
|
15
|
+
import { _ as wl } from "./OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js";
|
16
|
+
import { _ as Ol } from "./OcAccordion-DdkNsXvN.js";
|
17
|
+
import { _ as Cl } from "./OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js";
|
18
|
+
import { _ as ze } from "./OcPaymentTab-Cna1IAhO.js";
|
19
|
+
import { a as jl } from "./OcPaymentTab-Cna1IAhO.js";
|
20
|
+
import { a as El, _ as Pl } from "./OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js";
|
21
|
+
import { a as Il, _ as Dl } from "./OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js";
|
22
|
+
import { _ as Bl } from "./OcSwitchTabs-CYp676bj.js";
|
23
|
+
import { O as Rl, _ as Kl, b as Ml, c as Nl, a as Yl, d as Ql } from "./OcTabToSelect-BHAz1Niv.js";
|
24
|
+
import { _ as ql, P as zl } from "./OcPageTitleRight-DMtJ1qmZ.js";
|
25
|
+
import { _ as Jl } from "./OcPrimaryActions-D5IprKsQ.js";
|
26
|
+
import { O as Xl, _ as Zl, a as et } from "./OcAccountSetup-BXDjf48o.js";
|
27
|
+
import { _ as lt } from "./OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js";
|
28
|
+
import { _ as ot } from "./OcEmptyPage-CTwgMzRp.js";
|
29
|
+
import { _ as st, a as nt } from "./OcAdditionalContent-BMSysCXu.js";
|
30
|
+
import { S as ut } from "./OcSkeleton-BdPTmGh0.js";
|
31
|
+
import { O as pt } from "./OcFeatureOverviewCard-RVyrWLVW.js";
|
32
|
+
import { _ as vt } from "./OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js";
|
33
|
+
import { _ as ct } from "./OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js";
|
34
|
+
import { _ as gt } from "./OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js";
|
35
|
+
import { _ as xt } from "./OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js";
|
36
|
+
import { _ as oe } from "./OcChip-B1hm2Qni.js";
|
37
|
+
import { _ as ht } from "./OcSnackbar-CKxY1-ej.js";
|
38
|
+
import { O as St } from "./OcBanner-Cg2WJV6e.js";
|
39
|
+
import { _ as $t } from "./OcShareIcon-BB-NPq0r.js";
|
40
|
+
import { _ as Ft } from "./OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js";
|
41
|
+
import { D as Ce, a as Ge, B as J } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
42
|
+
import { _ as Vt, b as jt, T as At } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
43
|
+
import { _ as Pt } from "./OcCardInput-BFE4Xu-S.js";
|
44
|
+
import { _ as It } from "./OcCheckboxesGroup-CLbquUO2.js";
|
45
|
+
import { _ as Lt } from "./OcCriteria-CpIohheZ.js";
|
46
|
+
import { _ as Je } from "./OcInput-tcRxG3Y2.js";
|
47
|
+
import { _ as Ut } from "./OcInputOption-CncASfNt.js";
|
48
|
+
import { _ as Kt } from "./OcPhoneInput-AC6BgQhN.js";
|
49
|
+
import { _ as Nt } from "./OcRadio-CRYfNwV9.js";
|
50
|
+
import { _ as Qt } from "./OcRadioGroup-DgfdWJos.js";
|
51
|
+
import { _ as qt } from "./OcRangeInput-C-hoHFhr.js";
|
52
|
+
import { _ as We } from "./OcOption-DK2FBGq7.js";
|
53
|
+
import { a as Gt } from "./OcOption-DK2FBGq7.js";
|
54
|
+
import { _ as Wt } from "./OcGroupOptions-ChGJvTXl.js";
|
55
|
+
import { T as Zt } from "./OcToggle-C0wTjM_Y.js";
|
56
|
+
import { _ as ao } from "./OcLinkInput-C2ixk-gk.js";
|
57
|
+
import { _ as to } from "./OcTextArea-BpV1Bnj_.js";
|
58
|
+
import { _ as ro } from "./DatePicker-BLK16hYl.js";
|
59
|
+
import { default as no } from "./OcTimePopup-zQFKCZLk.js";
|
60
|
+
import { _ as uo } from "./OcTimePicker-B61MCi0D.js";
|
61
|
+
import { S as mo } from "./OcSlider-Bsi-ckbP.js";
|
62
|
+
import { _ as fo } from "./OcSectionItem-BFgxO3se.js";
|
63
|
+
import { _ as yo } from "./OcSelectOptions-BQlG_EUA.js";
|
64
|
+
import { _ as bo } from "./OcSingleFileUpload-B8-e1H5t.js";
|
65
|
+
import { _ as ko } from "./OcMultipleUploadFile-BAmQHshA.js";
|
66
|
+
import { _ as _o } from "./OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js";
|
67
|
+
import { _ as wo } from "./OcAvatar-NDXQiZvz.js";
|
68
|
+
import { _ as he } from "./OcIcon-CJgBICxh.js";
|
69
|
+
import { _ as Oo } from "./OcDropdownItem-DAElmzEu.js";
|
70
|
+
import { _ as Co } from "./OcModal-DdD5VFEN.js";
|
71
|
+
import { _ as jo } from "./OcModalPage-BLVa-kcB.js";
|
72
|
+
import { _ as Eo } from "./OcConfirmationModal-BfCrRV9r.js";
|
73
|
+
import { _ as To } from "./OcPopper-C11OgQAj.js";
|
74
|
+
import { _ as Do } from "./OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js";
|
75
|
+
import { _ as Bo } from "./OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js";
|
76
|
+
import { _ as Ro } from "./OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js";
|
77
|
+
import { _ as Mo } from "./OcTheme-CWgrJh5Q.js";
|
78
|
+
import { _ as Xe } from "./OcFormBuilder-BUpEpDsU.js";
|
79
|
+
import { ref as F, onMounted as ne, openBlock as n, createBlock as E, unref as p, withCtx as P, createElementVNode as D, createElementBlock as w, createVNode as T, mergeProps as _e, Fragment as G, renderList as le, normalizeClass as te, toDisplayString as Se, createCommentVNode as $, computed as A, createSlots as Ze, renderSlot as U, normalizeProps as we, guardReactiveProps as $e, withKeys as ea, nextTick as aa } from "vue";
|
80
|
+
import re from "dayjs";
|
81
|
+
/* empty css */
|
82
|
+
import "libphonenumber-js";
|
83
|
+
/* empty css */
|
84
|
+
import "v-calendar";
|
85
|
+
/* empty css */
|
86
|
+
import "./Cropper.js";
|
87
|
+
import { VueDraggableNext as Oe } from "vue-draggable-next";
|
88
|
+
import "@popperjs/core";
|
89
|
+
import { getFromLocalStorage as se, formatHeadersFromLocalStorage as Ve, formatHeadersToLocalStorage as la, setInLocalStorage as Fe } from "./DataTable/utils/editColumnsUtils.js";
|
90
|
+
const ta = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, oa = {
|
91
|
+
key: 0,
|
92
|
+
class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
|
93
|
+
}, ra = { class: "gap-y-2 flex flex-col" }, sa = {
|
94
|
+
key: 0,
|
95
|
+
class: "flex items-center bg-white justify-between h-[26px]"
|
96
|
+
}, na = { class: "flex items-center w-full gap-x-3" }, ia = { class: "truncate w-full max-w-[160px]" }, ua = {
|
97
|
+
__name: "ColumnEdit",
|
98
|
+
props: {
|
99
|
+
options: {
|
100
|
+
type: Object,
|
101
|
+
default: () => ({})
|
102
|
+
},
|
103
|
+
headers: {
|
104
|
+
type: Array,
|
105
|
+
default: () => []
|
106
|
+
},
|
107
|
+
localKey: {
|
108
|
+
type: String,
|
109
|
+
default: ""
|
110
|
+
}
|
111
|
+
},
|
112
|
+
emits: ["change-active", "onMoved", "update-order"],
|
113
|
+
setup(g, { emit: K }) {
|
114
|
+
const m = K, f = g, o = F([]), v = F([]), c = F(!1), u = (l = !1) => {
|
115
|
+
v.value = v.value.map((y) => ({
|
116
|
+
...y,
|
117
|
+
isActive: !0
|
118
|
+
})), m("update-order", {
|
119
|
+
fixedHeaders: v.value,
|
120
|
+
activeHeaders: o.value,
|
121
|
+
isOnMount: l
|
122
|
+
});
|
123
|
+
}, s = {
|
124
|
+
handle: ".drag-el",
|
125
|
+
filter: ".is-disabled",
|
126
|
+
group: "headers",
|
127
|
+
animation: 500,
|
128
|
+
forceFallback: !1,
|
129
|
+
move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
|
130
|
+
"onUpdate:modelValue": () => u()
|
131
|
+
};
|
132
|
+
return ne(() => {
|
133
|
+
const l = se(f.localKey), { fixed: y, active: _ } = Ve(l, f.headers, f.localKey);
|
134
|
+
v.value = y || f.headers.slice(0, 1), o.value = _ || f.headers.slice(1).map((O) => {
|
135
|
+
var d, h, j;
|
136
|
+
return {
|
137
|
+
...O,
|
138
|
+
isActive: ((j = (h = (d = f.options) == null ? void 0 : d.active) == null ? void 0 : h.find((z) => z.key === O.key)) == null ? void 0 : j.isActive) ?? !0
|
139
|
+
};
|
140
|
+
}), u(!0);
|
141
|
+
}), (l, y) => (n(), E(p(Ce), {
|
142
|
+
modelValue: c.value,
|
143
|
+
"onUpdate:modelValue": y[3] || (y[3] = (_) => c.value = _),
|
144
|
+
class: "h-[36px]",
|
145
|
+
"is-attach-to-body": ""
|
146
|
+
}, {
|
147
|
+
menu: P(() => [
|
148
|
+
D("div", ta, [
|
149
|
+
v.value.length ? (n(), w("div", oa, [
|
150
|
+
y[4] || (y[4] = D("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
|
151
|
+
T(p(Oe), _e({
|
152
|
+
key: "key",
|
153
|
+
modelValue: v.value,
|
154
|
+
"onUpdate:modelValue": y[0] || (y[0] = (_) => v.value = _)
|
155
|
+
}, s), {
|
156
|
+
default: P(() => [
|
157
|
+
(n(!0), w(G, null, le(v.value, (_, O) => (n(), w("div", {
|
158
|
+
key: _.key,
|
159
|
+
class: te(["flex items-center justify-between h-[26px]", O ? "" : "is-disabled"])
|
160
|
+
}, [
|
161
|
+
D("span", null, Se(_.label), 1),
|
162
|
+
O ? (n(), E(p(he), {
|
163
|
+
key: 0,
|
164
|
+
width: "18",
|
165
|
+
height: "18",
|
166
|
+
class: "text-oc-text-400 drag-el cursor-move",
|
167
|
+
name: "draggable"
|
168
|
+
})) : $("", !0)
|
169
|
+
], 2))), 128))
|
170
|
+
]),
|
171
|
+
_: 1
|
172
|
+
}, 16, ["modelValue"])
|
173
|
+
])) : $("", !0),
|
174
|
+
D("div", ra, [
|
175
|
+
y[5] || (y[5] = D("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
|
176
|
+
T(p(Oe), _e({
|
177
|
+
key: "key",
|
178
|
+
modelValue: o.value,
|
179
|
+
"onUpdate:modelValue": y[2] || (y[2] = (_) => o.value = _)
|
180
|
+
}, s, { "data-active-headers": "true" }), {
|
181
|
+
default: P(() => [
|
182
|
+
(n(!0), w(G, null, le(o.value, (_) => (n(), w(G, {
|
183
|
+
key: _.key
|
184
|
+
}, [
|
185
|
+
_.key !== "actions" ? (n(), w("div", sa, [
|
186
|
+
D("div", na, [
|
187
|
+
T(p(Ge), {
|
188
|
+
modelValue: _.isActive,
|
189
|
+
"onUpdate:modelValue": [
|
190
|
+
(O) => _.isActive = O,
|
191
|
+
y[1] || (y[1] = (O) => u())
|
192
|
+
],
|
193
|
+
class: "!w-fit"
|
194
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue"]),
|
195
|
+
D("div", ia, Se(_.label), 1)
|
196
|
+
]),
|
197
|
+
o.value.length > 1 ? (n(), E(p(he), {
|
198
|
+
key: 0,
|
199
|
+
width: "18",
|
200
|
+
height: "18",
|
201
|
+
class: "text-oc-text-400 drag-el cursor-move",
|
202
|
+
name: "draggable"
|
203
|
+
})) : $("", !0)
|
204
|
+
])) : $("", !0)
|
205
|
+
], 64))), 128))
|
206
|
+
]),
|
207
|
+
_: 1
|
208
|
+
}, 16, ["modelValue"])
|
209
|
+
])
|
210
|
+
])
|
211
|
+
]),
|
212
|
+
default: P(() => [
|
213
|
+
T(p(J), {
|
214
|
+
label: "Edit Column",
|
215
|
+
"left-icon": "setting",
|
216
|
+
variant: "secondary"
|
217
|
+
})
|
218
|
+
]),
|
219
|
+
_: 1
|
220
|
+
}, 8, ["modelValue"]));
|
221
|
+
}
|
222
|
+
}, da = { class: "flex flex-col gap-9 relative" }, pa = {
|
223
|
+
key: 0,
|
224
|
+
class: "flex items-center px-4 min-h-[52px]"
|
225
|
+
}, ma = {
|
226
|
+
key: 0,
|
227
|
+
class: "flex gap-5 items-center absolute left-5"
|
228
|
+
}, va = {
|
229
|
+
key: 1,
|
230
|
+
class: "flex gap-3 absolute left-5"
|
231
|
+
}, fa = {
|
232
|
+
key: 1,
|
233
|
+
class: "flex w-full gap-5 md:justify-start justify-center"
|
234
|
+
}, ca = {
|
235
|
+
key: 2,
|
236
|
+
class: "hidden md:flex items-center"
|
237
|
+
}, Ya = {
|
238
|
+
__name: "OcDataTable",
|
239
|
+
props: {
|
240
|
+
isLoading: Boolean,
|
241
|
+
id: {
|
242
|
+
type: String,
|
243
|
+
required: !0
|
244
|
+
},
|
245
|
+
options: {
|
246
|
+
type: Object,
|
247
|
+
required: !0
|
248
|
+
},
|
249
|
+
filter: {
|
250
|
+
type: Object,
|
251
|
+
required: !0
|
252
|
+
},
|
253
|
+
selected: {
|
254
|
+
type: Array,
|
255
|
+
required: !1
|
256
|
+
},
|
257
|
+
rowClass: String,
|
258
|
+
rowKey: {
|
259
|
+
type: String,
|
260
|
+
Function,
|
261
|
+
default: "id"
|
262
|
+
},
|
263
|
+
rowLink: String
|
264
|
+
},
|
265
|
+
emits: {
|
266
|
+
"update:selected": [],
|
267
|
+
"update:filter": [],
|
268
|
+
"click:row": [],
|
269
|
+
"filter-fields-changed": [],
|
270
|
+
"filter-removed": [],
|
271
|
+
"search-query-changed": [],
|
272
|
+
"hover:cell": []
|
273
|
+
},
|
274
|
+
setup(g, { emit: K }) {
|
275
|
+
var de, pe, me, ve, fe, ce, ye, ge, be;
|
276
|
+
const m = g, f = K, o = A(() => {
|
277
|
+
var a;
|
278
|
+
return (a = m.options) == null ? void 0 : a.pagination;
|
279
|
+
}), v = A(() => {
|
280
|
+
var a;
|
281
|
+
return (a = m.options) == null ? void 0 : a.cursor;
|
282
|
+
}), c = F(), u = A(() => {
|
283
|
+
var a;
|
284
|
+
return (a = m.options) == null ? void 0 : a.tableOptions;
|
285
|
+
}), s = A(() => {
|
286
|
+
var a;
|
287
|
+
return {
|
288
|
+
...u.value,
|
289
|
+
headers: c.value ? c.value.filter((e) => ue(e.key)) : (a = u.value) == null ? void 0 : a.headers.filter((e) => ue(e.key))
|
290
|
+
};
|
291
|
+
}), l = A(() => {
|
292
|
+
var a;
|
293
|
+
return (a = m.options) == null ? void 0 : a.filterOptions;
|
294
|
+
}), y = A(() => {
|
295
|
+
var a;
|
296
|
+
return (a = m.options) == null ? void 0 : a.hidePerPageDropdown;
|
297
|
+
}), _ = A(() => {
|
298
|
+
var a;
|
299
|
+
return ((a = o.value) == null ? void 0 : a.last_page) === 1;
|
300
|
+
}), O = F(!1), d = F(m.filter[(pe = (de = l.value) == null ? void 0 : de.tabs) == null ? void 0 : pe.key]), h = F(m.filter.page), j = F(
|
301
|
+
(ve = (me = l.value) == null ? void 0 : me.per_page) != null && ve.key ? m.filter[(ce = (fe = l.value) == null ? void 0 : fe.per_page) == null ? void 0 : ce.key] : m.filter.per_page
|
302
|
+
), z = ((be = m.filter[(ge = (ye = l.value) == null ? void 0 : ye.search) == null ? void 0 : ge.key]) == null ? void 0 : be.trim()) ?? "", N = F(z ? z.split(",") : []), ie = F(!1), je = A(
|
303
|
+
() => {
|
304
|
+
var a, e;
|
305
|
+
return (e = (a = m.options) == null ? void 0 : a.perPageOptions) == null ? void 0 : e.map(
|
306
|
+
(i) => ({
|
307
|
+
label: `${i}`,
|
308
|
+
value: i
|
309
|
+
})
|
310
|
+
);
|
311
|
+
}
|
312
|
+
), Ae = A(() => {
|
313
|
+
let a = [
|
314
|
+
{
|
315
|
+
label: "10",
|
316
|
+
value: 10
|
317
|
+
},
|
318
|
+
{
|
319
|
+
label: "15",
|
320
|
+
value: 15
|
321
|
+
},
|
322
|
+
{
|
323
|
+
label: "20",
|
324
|
+
value: 20
|
325
|
+
},
|
326
|
+
{
|
327
|
+
label: "25",
|
328
|
+
value: 25
|
329
|
+
},
|
330
|
+
{
|
331
|
+
label: "40",
|
332
|
+
value: 40
|
333
|
+
},
|
334
|
+
{
|
335
|
+
label: "50",
|
336
|
+
value: 50
|
337
|
+
},
|
338
|
+
{
|
339
|
+
label: "75",
|
340
|
+
value: 75
|
341
|
+
},
|
342
|
+
{
|
343
|
+
label: "99",
|
344
|
+
value: 99
|
345
|
+
}
|
346
|
+
], e = je.value ?? a;
|
347
|
+
if (o.value) {
|
348
|
+
const i = o.value.total < 100 ? o.value.total : 100;
|
349
|
+
i > 10 && (e = e.filter((b) => b.value <= i));
|
350
|
+
}
|
351
|
+
return [...new Set(e)];
|
352
|
+
}), Ee = A(() => {
|
353
|
+
var a;
|
354
|
+
return ((a = m.selected) == null ? void 0 : a.length) > 0;
|
355
|
+
}), Pe = (a) => {
|
356
|
+
!a.trim() || N.value.includes(a) || (l.value ? N.value.push(a) : N.value = [a], L(), f("search-query-changed", a));
|
357
|
+
}, Te = (a) => {
|
358
|
+
N.value = N.value.filter((e) => e !== a), L();
|
359
|
+
}, H = m.filter;
|
360
|
+
!H && o ? H.page = 1 : !H && v && (H.cursor = "");
|
361
|
+
const r = F(H), Ie = () => {
|
362
|
+
var e, i, b, k, S, t, C, I;
|
363
|
+
N.value = [], d.value = "";
|
364
|
+
const a = {};
|
365
|
+
l.value ? H.page = 1 : H.cursor = "", (i = (e = l.value) == null ? void 0 : e.per_page) != null && i.key ? a[(k = (b = l.value) == null ? void 0 : b.per_page) == null ? void 0 : k.key] = j.value : a.per_page = j.value, (t = (S = l.value) == null ? void 0 : S.tabs) != null && t.key ? a[(I = (C = l.value) == null ? void 0 : C.tabs) == null ? void 0 : I.key] = d.value : a.tabs = d.value, r.value = a, L();
|
366
|
+
}, De = () => {
|
367
|
+
L(null, h.value);
|
368
|
+
}, Le = () => {
|
369
|
+
var a, e;
|
370
|
+
(e = (a = l.value) == null ? void 0 : a.columnEdit) != null && e.localStorageKey && Fe(m.id, JSON.stringify(r.value));
|
371
|
+
}, Be = () => m.id ? se(m.id) : null, L = (a = null, e = !1, i = "") => {
|
372
|
+
var b, k, S;
|
373
|
+
o.value && !e && (h.value = 1), o.value ? r.value.page = h.value : r.value.cursor = i, (b = l.value) != null && b.per_page ? r.value[l.value.per_page.key] = j.value : r.value.per_page = j.value, (k = l.value) != null && k.tabs && (r.value[l.value.tabs.key] = d.value), (S = l.value) != null && S.search && (r.value[l.value.search.key] = N.value.join()), a && (O.value = !1, r.value = { ...r.value, ...a }, Object.keys(r.value).forEach((t) => {
|
374
|
+
Array.isArray(r.value[t]) && r.value[t].length === 0 && delete r.value[t];
|
375
|
+
})), Le(), f("update:filter", r.value);
|
376
|
+
}, Ue = (a, e) => {
|
377
|
+
L(a), f("filter-removed", e);
|
378
|
+
}, Re = (a) => {
|
379
|
+
let e = [];
|
380
|
+
return a.forEach((i) => {
|
381
|
+
e.push(i.key);
|
382
|
+
}), e;
|
383
|
+
}, Ke = A(() => {
|
384
|
+
if (r.value) {
|
385
|
+
let a = [];
|
386
|
+
return Object.keys(r.value).forEach((e) => {
|
387
|
+
var S, t, C, I, q, Y, W, X, Z, ee, ae;
|
388
|
+
let i = (t = (S = l.value) == null ? void 0 : S.tabs) == null ? void 0 : t.key;
|
389
|
+
const b = (I = (C = l.value) == null ? void 0 : C.search) == null ? void 0 : I.key, k = ((Y = (q = l.value) == null ? void 0 : q.per_page) == null ? void 0 : Y.key) ?? "per_page";
|
390
|
+
if ((W = l.value.form) == null || W.find((V) => {
|
391
|
+
V.name === i && (i = "");
|
392
|
+
}), e !== "page" && e !== "cursor" && e !== k && e !== i && e !== b) {
|
393
|
+
let V = null, x = (X = l.value.form) == null ? void 0 : X.find((M) => {
|
394
|
+
if (typeof M.name == "object") {
|
395
|
+
let R = !1;
|
396
|
+
return M.name.forEach((Q) => {
|
397
|
+
Q.key === e && (R = !0, V = Re(M.name));
|
398
|
+
}), R;
|
399
|
+
} else
|
400
|
+
return M.name === e;
|
401
|
+
}), B = "";
|
402
|
+
if (x && r.value[e]) {
|
403
|
+
if (typeof x.name == "object" ? (Z = x.name) == null || Z.forEach((R) => {
|
404
|
+
B && (B += " - "), B += r.value[R.key];
|
405
|
+
}) : B = r.value[e], x.props.options && (B = (x.props.multiple ? r.value[e] : [r.value[e]]).map(
|
406
|
+
(Q) => {
|
407
|
+
var xe;
|
408
|
+
return (xe = x.props.options.find(({ value: Ye }) => Ye === Q)) == null ? void 0 : xe.label;
|
409
|
+
}
|
410
|
+
).join(", ")), x.type === "RangeInput" && Array.isArray(r.value[e]) && (B = r.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + r.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), x.type === "DatePicker")
|
411
|
+
if (((ee = x == null ? void 0 : x.props) == null ? void 0 : ee.type) === "range" && x.name && x.name[1]) {
|
412
|
+
const R = re(r.value[x.name[0].key]).format("MM/DD/YYYY"), Q = re(r.value[x.name[1].key]).format("MM/DD/YYYY");
|
413
|
+
B = R === Q ? R : R + " - " + Q;
|
414
|
+
} else B = re(r.value[x.name]).format("MM/DD/YYYY");
|
415
|
+
let M = `${(ae = x == null ? void 0 : x.props) == null ? void 0 : ae.label} : ${B}`;
|
416
|
+
x && x.name && typeof x.name == "object" && a.find((Q) => Q.name === V[0]) && (M = ""), a.push({
|
417
|
+
label: M,
|
418
|
+
name: e,
|
419
|
+
multiNames: V
|
420
|
+
});
|
421
|
+
}
|
422
|
+
}
|
423
|
+
}), a;
|
424
|
+
}
|
425
|
+
return [];
|
426
|
+
}), ue = (a) => {
|
427
|
+
var e, i, b, k, S, t;
|
428
|
+
return ((t = (S = (k = (b = r.value) == null ? void 0 : b[(i = (e = l.value) == null ? void 0 : e.columnEdit) == null ? void 0 : i.key]) == null ? void 0 : k.active) == null ? void 0 : S.find((C) => C.key === a)) == null ? void 0 : t.isActive) ?? !0;
|
429
|
+
}, Me = ({ fixedHeaders: a, activeHeaders: e, isOnMount: i }) => {
|
430
|
+
var b, k, S, t;
|
431
|
+
if (r.value[(k = (b = l.value) == null ? void 0 : b.columnEdit) == null ? void 0 : k.key].fixed = a, r.value[(t = (S = l.value) == null ? void 0 : S.columnEdit) == null ? void 0 : t.key].active = e, c.value = [...a, ...e], !i) {
|
432
|
+
const C = la(a, e);
|
433
|
+
Fe(l.value.columnEdit.localStorageKey, C);
|
434
|
+
}
|
435
|
+
}, Ne = () => {
|
436
|
+
var a, e, i, b, k, S;
|
437
|
+
if ((e = (a = l.value) == null ? void 0 : a.columnEdit) != null && e.localStorageKey) {
|
438
|
+
const t = se(l.value.columnEdit.localStorageKey);
|
439
|
+
if (t) {
|
440
|
+
const { fixed: C, active: I } = Ve(
|
441
|
+
t,
|
442
|
+
u.value.headers,
|
443
|
+
l.value.columnEdit.localStorageKey
|
444
|
+
);
|
445
|
+
r.value[(b = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : b.key].fixed = C, r.value[(S = (k = l.value) == null ? void 0 : k.columnEdit) == null ? void 0 : S.key].active = I, c.value = [...C, ...I];
|
446
|
+
}
|
447
|
+
}
|
448
|
+
};
|
449
|
+
return ne(() => {
|
450
|
+
var e, i, b, k;
|
451
|
+
Ne();
|
452
|
+
const a = Be();
|
453
|
+
a && (r.value = JSON.parse(a), d.value = d.value || ((e = r.value) == null ? void 0 : e.tabs) || ((k = r.value) == null ? void 0 : k[(b = (i = l.value) == null ? void 0 : i.tabs) == null ? void 0 : b.key]), L());
|
454
|
+
}), (a, e) => {
|
455
|
+
var i, b, k, S;
|
456
|
+
return n(), w("div", da, [
|
457
|
+
u.value ? (n(), E(p(Qe), {
|
458
|
+
key: 0,
|
459
|
+
selected: g.selected,
|
460
|
+
"row-key": g.rowKey,
|
461
|
+
options: s.value,
|
462
|
+
"is-loading": g.isLoading,
|
463
|
+
"loading-rows": j.value,
|
464
|
+
"row-class": g.rowClass,
|
465
|
+
"row-link": g.rowLink,
|
466
|
+
"is-sticky": u.value.isSticky,
|
467
|
+
"is-borderless": u.value.isBorderless,
|
468
|
+
"onUpdate:selected": e[7] || (e[7] = (t) => a.$emit("update:selected", t)),
|
469
|
+
"onClick:row": e[8] || (e[8] = (t) => a.$emit("click:row", t)),
|
470
|
+
"onHover:cell": e[9] || (e[9] = (t) => a.$emit("hover:cell", t))
|
471
|
+
}, Ze({
|
472
|
+
after: P(() => [
|
473
|
+
U(a.$slots, "after")
|
474
|
+
]),
|
475
|
+
empty: P(() => [
|
476
|
+
U(a.$slots, "empty")
|
477
|
+
]),
|
478
|
+
"table-header": P((t) => [
|
479
|
+
U(a.$slots, "table-header", we($e(t)))
|
480
|
+
]),
|
481
|
+
"table-body": P((t) => [
|
482
|
+
U(a.$slots, "table-body", we($e(t)))
|
483
|
+
]),
|
484
|
+
_: 2
|
485
|
+
}, [
|
486
|
+
a.$slots.before || (i = l.value) != null && i.search || (b = l.value) != null && b.form || (k = l.value) != null && k.tabs ? {
|
487
|
+
name: "before",
|
488
|
+
fn: P(() => {
|
489
|
+
var t, C, I, q;
|
490
|
+
return [
|
491
|
+
U(a.$slots, "before"),
|
492
|
+
(t = l.value) != null && t.search || (C = l.value) != null && C.form || (I = l.value) != null && I.tabs ? (n(), w("div", pa, [
|
493
|
+
Ee.value ? (n(), w("div", ma, [
|
494
|
+
U(a.$slots, "bulk-actions", { selectedRows: g.selected })
|
495
|
+
])) : (n(), w("div", va, [
|
496
|
+
(q = l.value) != null && q.tabs ? (n(), E(p(ze), {
|
497
|
+
key: 0,
|
498
|
+
modelValue: d.value,
|
499
|
+
"onUpdate:modelValue": [
|
500
|
+
e[0] || (e[0] = (Y) => d.value = Y),
|
501
|
+
e[1] || (e[1] = (Y) => L(null))
|
502
|
+
],
|
503
|
+
tabs: l.value.tabs.options,
|
504
|
+
variant: "pills"
|
505
|
+
}, null, 8, ["modelValue", "tabs"])) : $("", !0)
|
506
|
+
])),
|
507
|
+
U(a.$slots, "filter-options", {}, () => {
|
508
|
+
var Y, W, X, Z, ee, ae;
|
509
|
+
return [
|
510
|
+
(Y = l.value) != null && Y.search || (W = l.value) != null && W.form || (X = l.value) != null && X.columnEdit ? (n(), w("div", {
|
511
|
+
key: 0,
|
512
|
+
class: te([
|
513
|
+
"flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
|
514
|
+
l.value ? ie.value ? "md:w-fit w-full" : "" : "w-full justify-end"
|
515
|
+
])
|
516
|
+
}, [
|
517
|
+
(Z = l.value) != null && Z.search ? (n(), E(p(ga), {
|
518
|
+
key: 0,
|
519
|
+
"is-search-only": !l.value.tabs || l.value.isSearchOnly,
|
520
|
+
onAddQuery: Pe,
|
521
|
+
onToggle: e[2] || (e[2] = (V) => ie.value = V)
|
522
|
+
}, null, 8, ["is-search-only"])) : $("", !0),
|
523
|
+
(ee = l.value) != null && ee.form ? (n(), E(p(Ce), {
|
524
|
+
key: 1,
|
525
|
+
modelValue: O.value,
|
526
|
+
"onUpdate:modelValue": e[6] || (e[6] = (V) => O.value = V),
|
527
|
+
distance: 9,
|
528
|
+
placement: "bottom-end",
|
529
|
+
"is-attach-to-body": ""
|
530
|
+
}, {
|
531
|
+
menu: P(() => [
|
532
|
+
O.value ? (n(), E(p(Sa), {
|
533
|
+
key: 0,
|
534
|
+
id: g.id,
|
535
|
+
"json-form": l.value.form ?? [],
|
536
|
+
grid: l.value.grid ?? null,
|
537
|
+
values: m.filter,
|
538
|
+
actions: l.value.actions,
|
539
|
+
onApplyFilter: e[3] || (e[3] = (V) => L(V)),
|
540
|
+
onFilterFieldsChanged: e[4] || (e[4] = (V) => f("filter-fields-changed", V)),
|
541
|
+
onCancel: e[5] || (e[5] = (V) => O.value = !1)
|
542
|
+
}, {
|
543
|
+
default: P(({ errors: V, values: x, jsonForm: B, updateForm: M }) => [
|
544
|
+
U(a.$slots, "custom-filter-form", {
|
545
|
+
errors: V,
|
546
|
+
values: x,
|
547
|
+
jsonForm: B,
|
548
|
+
updateFilter: M
|
549
|
+
})
|
550
|
+
]),
|
551
|
+
_: 3
|
552
|
+
}, 8, ["id", "json-form", "grid", "values", "actions"])) : $("", !0)
|
553
|
+
]),
|
554
|
+
default: P(() => [
|
555
|
+
T(p(J), {
|
556
|
+
"is-active": O.value,
|
557
|
+
variant: "secondary",
|
558
|
+
"left-icon": "filter"
|
559
|
+
}, null, 8, ["is-active"])
|
560
|
+
]),
|
561
|
+
_: 3
|
562
|
+
}, 8, ["modelValue"])) : $("", !0),
|
563
|
+
l.value.columnEdit ? (n(), E(ua, {
|
564
|
+
key: 2,
|
565
|
+
options: r.value.columnEdit,
|
566
|
+
headers: ((ae = u.value) == null ? void 0 : ae.headers) || [],
|
567
|
+
"local-key": l.value.columnEdit.localStorageKey,
|
568
|
+
onUpdateOrder: Me
|
569
|
+
}, null, 8, ["options", "headers", "local-key"])) : $("", !0)
|
570
|
+
], 2)) : $("", !0)
|
571
|
+
];
|
572
|
+
})
|
573
|
+
])) : $("", !0),
|
574
|
+
T(p(xa), {
|
575
|
+
filters: Ke.value,
|
576
|
+
queries: N.value,
|
577
|
+
class: "border-t border-oc-gray-200",
|
578
|
+
onRemoveQuery: Te,
|
579
|
+
onRemoveAll: Ie,
|
580
|
+
onRemoveFilter: Ue
|
581
|
+
}, null, 8, ["filters", "queries"])
|
582
|
+
];
|
583
|
+
}),
|
584
|
+
key: "0"
|
585
|
+
} : void 0,
|
586
|
+
le((S = u.value) == null ? void 0 : S.headers, (t, C) => ({
|
587
|
+
name: t.key,
|
588
|
+
fn: P(({ data: I, item: q }) => [
|
589
|
+
U(a.$slots, t.key, {
|
590
|
+
data: I,
|
591
|
+
item: q
|
592
|
+
})
|
593
|
+
])
|
594
|
+
}))
|
595
|
+
]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : $("", !0),
|
596
|
+
U(a.$slots, "before-pagination"),
|
597
|
+
o.value || v.value ? (n(), w("div", {
|
598
|
+
key: 1,
|
599
|
+
class: te(["flex gap-3 items-center", o.value && o.value.last_page === 1 ? "justify-end" : ""])
|
600
|
+
}, [
|
601
|
+
o.value && !_.value ? (n(), E(p(qe), {
|
602
|
+
key: 0,
|
603
|
+
modelValue: h.value,
|
604
|
+
"onUpdate:modelValue": [
|
605
|
+
e[10] || (e[10] = (t) => h.value = t),
|
606
|
+
De
|
607
|
+
],
|
608
|
+
class: "justify-center",
|
609
|
+
"max-page": o.value.last_page,
|
610
|
+
strategy: o.value.strategy,
|
611
|
+
"total-visible": "5"
|
612
|
+
}, null, 8, ["modelValue", "max-page", "strategy"])) : $("", !0),
|
613
|
+
v.value ? (n(), w("div", fa, [
|
614
|
+
T(p(ke), {
|
615
|
+
disabled: !v.value.prev,
|
616
|
+
onClick: e[11] || (e[11] = (t) => v.value.prev ? L(null, !1, v.value.prev) : null)
|
617
|
+
}, null, 8, ["disabled"]),
|
618
|
+
T(p(ke), {
|
619
|
+
disabled: !v.value.next,
|
620
|
+
"is-next": "",
|
621
|
+
onClick: e[12] || (e[12] = (t) => v.value.next ? L(null, !1, v.value.next) : null)
|
622
|
+
}, null, 8, ["disabled"])
|
623
|
+
])) : $("", !0),
|
624
|
+
y.value ? $("", !0) : (n(), w("div", ca, [
|
625
|
+
T(p(We), {
|
626
|
+
modelValue: j.value,
|
627
|
+
"onUpdate:modelValue": [
|
628
|
+
e[13] || (e[13] = (t) => j.value = t),
|
629
|
+
e[14] || (e[14] = (t) => L(null))
|
630
|
+
],
|
631
|
+
label: "Item per page",
|
632
|
+
"is-inline-label": "",
|
633
|
+
"popper-options": { placement: "auto" },
|
634
|
+
options: Ae.value
|
635
|
+
}, null, 8, ["modelValue", "options"])
|
636
|
+
]))
|
637
|
+
], 2)) : $("", !0)
|
638
|
+
]);
|
639
|
+
};
|
640
|
+
}
|
641
|
+
}, ya = { class: "flex gap-x-4" }, ga = {
|
642
|
+
__name: "OcFilterSearch",
|
643
|
+
props: {
|
644
|
+
isSearchOnly: Boolean
|
645
|
+
},
|
646
|
+
emits: {
|
647
|
+
addQuery: [],
|
648
|
+
toggle: []
|
649
|
+
},
|
650
|
+
setup(g, { emit: K }) {
|
651
|
+
const m = K, f = F(!1), o = F(""), v = F(), c = async () => {
|
652
|
+
f.value = !0, m("toggle", f), await aa(), v.value.focus();
|
653
|
+
};
|
654
|
+
return (u, s) => (n(), w(G, null, [
|
655
|
+
D("div", {
|
656
|
+
class: te(["w-full", f.value || g.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
|
657
|
+
}, [
|
658
|
+
D("div", ya, [
|
659
|
+
T(p(Je), {
|
660
|
+
ref_key: "searchInput",
|
661
|
+
ref: v,
|
662
|
+
modelValue: o.value,
|
663
|
+
"onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
|
664
|
+
placeholder: "Search something here",
|
665
|
+
class: "md:min-w-[310px]",
|
666
|
+
icon: "search",
|
667
|
+
onKeyup: s[1] || (s[1] = ea(
|
668
|
+
() => {
|
669
|
+
u.$emit("addQuery", o.value), o.value = "";
|
670
|
+
},
|
671
|
+
["enter"]
|
672
|
+
))
|
673
|
+
}, null, 8, ["modelValue"]),
|
674
|
+
g.isSearchOnly ? (n(), E(p(J), {
|
675
|
+
key: 0,
|
676
|
+
label: "Search",
|
677
|
+
variant: "secondary",
|
678
|
+
class: "shrink-0",
|
679
|
+
onClick: s[2] || (s[2] = () => {
|
680
|
+
u.$emit("addQuery", o.value), o.value = "";
|
681
|
+
})
|
682
|
+
})) : (n(), w("span", {
|
683
|
+
key: 1,
|
684
|
+
class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
|
685
|
+
onClick: s[3] || (s[3] = () => {
|
686
|
+
f.value = !1, u.$emit("toggle", f.value), o.value = "";
|
687
|
+
})
|
688
|
+
}, " Clear "))
|
689
|
+
])
|
690
|
+
], 2),
|
691
|
+
g.isSearchOnly ? $("", !0) : (n(), w("div", {
|
692
|
+
key: 0,
|
693
|
+
class: te(f.value ? "max-w-0 overflow-hidden" : "")
|
694
|
+
}, [
|
695
|
+
f.value ? $("", !0) : (n(), E(p(J), {
|
696
|
+
key: 0,
|
697
|
+
variant: "secondary",
|
698
|
+
"left-icon": "search",
|
699
|
+
onClick: c
|
700
|
+
}))
|
701
|
+
], 2))
|
702
|
+
], 64));
|
703
|
+
}
|
704
|
+
}, ba = { class: "flex gap-1 items-center normal-case flex-wrap" }, xa = {
|
705
|
+
__name: "OcFilterSearchFor",
|
706
|
+
props: {
|
707
|
+
filters: Object,
|
708
|
+
queries: Object
|
709
|
+
},
|
710
|
+
emits: {
|
711
|
+
removeQuery: [],
|
712
|
+
removeFilter: [],
|
713
|
+
removeAll: []
|
714
|
+
},
|
715
|
+
setup(g, { emit: K }) {
|
716
|
+
const m = g, f = K, o = A(() => {
|
717
|
+
var u;
|
718
|
+
let c = [];
|
719
|
+
return (u = m.filters) == null || u.forEach((s) => {
|
720
|
+
if (s.multiNames) {
|
721
|
+
const l = c.find((y) => y.name === s.multiNames[0]);
|
722
|
+
l ? l.label = l.label + s.label : c.push(s);
|
723
|
+
} else
|
724
|
+
c.push(s);
|
725
|
+
}), c;
|
726
|
+
}), v = (c, u) => {
|
727
|
+
let s = {};
|
728
|
+
s[c] = "", u ? u.forEach((l) => {
|
729
|
+
let y = {};
|
730
|
+
y[l] = "", f("removeFilter", y, l);
|
731
|
+
}) : f("removeFilter", s, c);
|
732
|
+
};
|
733
|
+
return (c, u) => o.value.length > 0 || g.queries.length > 0 ? (n(), E(p(He), {
|
734
|
+
key: 0,
|
735
|
+
class: "!w-full !justify-start !bg-oc-bg-light"
|
736
|
+
}, {
|
737
|
+
default: P(() => [
|
738
|
+
D("div", ba, [
|
739
|
+
u[1] || (u[1] = D("span", { class: "pr-2 text-sm font-medium text-oc-text" }, "Search for:", -1)),
|
740
|
+
(n(!0), w(G, null, le(g.queries, (s) => (n(), E(p(oe), {
|
741
|
+
key: s,
|
742
|
+
variant: "accent-1",
|
743
|
+
closable: "",
|
744
|
+
label: s,
|
745
|
+
onRemove: (l) => c.$emit("removeQuery", s)
|
746
|
+
}, null, 8, ["label", "onRemove"]))), 128)),
|
747
|
+
(n(!0), w(G, null, le(o.value, (s) => (n(), E(p(oe), {
|
748
|
+
key: s.name,
|
749
|
+
variant: "accent-1",
|
750
|
+
closable: "",
|
751
|
+
label: s.label,
|
752
|
+
onRemove: (l) => v(s.name, s.multiNames)
|
753
|
+
}, null, 8, ["label", "onRemove"]))), 128)),
|
754
|
+
T(p(oe), {
|
755
|
+
variant: "gray",
|
756
|
+
class: "cursor-pointer",
|
757
|
+
label: "Clear all",
|
758
|
+
onClick: u[0] || (u[0] = (s) => c.$emit("removeAll"))
|
759
|
+
})
|
760
|
+
])
|
761
|
+
]),
|
762
|
+
_: 1
|
763
|
+
})) : $("", !0);
|
764
|
+
}
|
765
|
+
}, ka = { class: "flex w-[326px] flex-col gap-y-5" }, ha = { class: "max-h-[500px] overflow-y-auto p-5" }, _a = { class: "flex gap-x-5 px-5 pb-5" }, Sa = {
|
766
|
+
__name: "OcFilterForm",
|
767
|
+
props: {
|
768
|
+
id: {
|
769
|
+
type: String,
|
770
|
+
required: !0
|
771
|
+
},
|
772
|
+
jsonForm: {
|
773
|
+
type: Array
|
774
|
+
},
|
775
|
+
values: {
|
776
|
+
type: Object
|
777
|
+
},
|
778
|
+
actions: {
|
779
|
+
type: Object
|
780
|
+
},
|
781
|
+
grid: {
|
782
|
+
type: Object,
|
783
|
+
default: null
|
784
|
+
}
|
785
|
+
},
|
786
|
+
emits: ["applyFilter", "cancel", "filter-fields-changed"],
|
787
|
+
setup(g, { emit: K }) {
|
788
|
+
const m = g, f = K, o = F({}), v = F({}), c = F([]), u = (d) => {
|
789
|
+
c.value.findIndex((j) => j === d) >= 0 || c.value.push(d);
|
790
|
+
}, s = (d, h = null) => {
|
791
|
+
typeof d.name == "object" ? d.name.forEach((j, z) => {
|
792
|
+
o.value[j.key] = h[z];
|
793
|
+
}) : o.value[d.name] = h, u(d.name);
|
794
|
+
}, l = A(() => Object.values(o.value).length > 0), y = A(() => {
|
795
|
+
var d, h;
|
796
|
+
return ((h = (d = m.actions) == null ? void 0 : d.applyButton) == null ? void 0 : h.label) || "Apply";
|
797
|
+
}), _ = A(() => {
|
798
|
+
var d, h;
|
799
|
+
return ((h = (d = m.actions) == null ? void 0 : d.cancelButton) == null ? void 0 : h.label) || "Cancel";
|
800
|
+
});
|
801
|
+
ne(() => {
|
802
|
+
o.value = { ...m.values };
|
803
|
+
});
|
804
|
+
const O = () => {
|
805
|
+
f("applyFilter", o.value), f("filter-fields-changed", c.value), c.value = [];
|
806
|
+
};
|
807
|
+
return (d, h) => (n(), w("div", ka, [
|
808
|
+
U(d.$slots, "default", {
|
809
|
+
errors: v.value,
|
810
|
+
values: o.value,
|
811
|
+
jsonForm: g.jsonForm,
|
812
|
+
updateForm: s
|
813
|
+
}, () => [
|
814
|
+
D("div", ha, [
|
815
|
+
T(p(Xe), {
|
816
|
+
id: `filter-form-${g.id}`,
|
817
|
+
class: "grid gap-5",
|
818
|
+
errors: v.value,
|
819
|
+
values: o.value,
|
820
|
+
"json-form": g.jsonForm,
|
821
|
+
grid: g.grid ?? null,
|
822
|
+
onOnUpdate: s
|
823
|
+
}, null, 8, ["id", "errors", "values", "json-form", "grid"])
|
824
|
+
])
|
825
|
+
]),
|
826
|
+
D("div", _a, [
|
827
|
+
T(p(J), {
|
828
|
+
class: "w-full",
|
829
|
+
variant: "secondary",
|
830
|
+
label: _.value,
|
831
|
+
onClick: h[0] || (h[0] = (j) => d.$emit("cancel"))
|
832
|
+
}, null, 8, ["label"]),
|
833
|
+
T(p(J), {
|
834
|
+
class: "w-full",
|
835
|
+
"is-disabled": !l.value,
|
836
|
+
label: y.value,
|
837
|
+
onClick: O
|
838
|
+
}, null, 8, ["is-disabled", "label"])
|
839
|
+
])
|
840
|
+
]));
|
841
|
+
}
|
842
|
+
};
|
74
843
|
export {
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
844
|
+
Ol as Accordion,
|
845
|
+
Xl as AccountSetup,
|
846
|
+
st as AdditionalContent,
|
847
|
+
gt as AuthenticationOption,
|
848
|
+
wo as Avatar,
|
849
|
+
St as Banner,
|
850
|
+
Vt as BaseInput,
|
851
|
+
ct as Box,
|
852
|
+
J as Button,
|
853
|
+
jt as Calendar,
|
854
|
+
Pt as CardInput,
|
855
|
+
Ge as Checkbox,
|
856
|
+
It as CheckboxesGroup,
|
857
|
+
oe as Chip,
|
858
|
+
Eo as ConfirmationModal,
|
859
|
+
Bo as CopyTooltip,
|
860
|
+
Lt as Criteria,
|
861
|
+
nl as CustomerCard,
|
862
|
+
Ya as DataTable,
|
863
|
+
ro as DatePicker,
|
864
|
+
Ce as Dropdown,
|
865
|
+
Oo as DropdownItem,
|
866
|
+
ot as EmptyPage,
|
867
|
+
qa as ExpandingHeaderRow,
|
868
|
+
za as ExpandingTable,
|
869
|
+
Ga as ExpandingTableRow,
|
870
|
+
pt as FeatureOverviewCard,
|
871
|
+
Sa as FilterForm,
|
872
|
+
ga as FilterSearch,
|
873
|
+
xa as FilterSearchFor,
|
874
|
+
kl as FloatContent,
|
875
|
+
Xe as FormBuilder,
|
876
|
+
Wt as GroupOptions,
|
877
|
+
Rl as Header,
|
878
|
+
Kl as HeaderCenter,
|
879
|
+
Ml as HeaderLeft,
|
880
|
+
Nl as HeaderRight,
|
881
|
+
_l as HorizontalProgressbar,
|
882
|
+
he as Icon,
|
883
|
+
yl as InfoCard,
|
884
|
+
nt as InfoCardButton,
|
885
|
+
Je as Input,
|
886
|
+
Ut as InputOption,
|
887
|
+
ao as LinkInput,
|
888
|
+
fl as ListDetail,
|
889
|
+
pl as ListItem,
|
890
|
+
ml as ListUrl,
|
891
|
+
Co as Modal,
|
892
|
+
ko as MultipleUploadFile,
|
893
|
+
_o as NumberInput,
|
894
|
+
jo as OcModalPage,
|
895
|
+
wl as OcOnboardingListItem,
|
896
|
+
Cl as OnboardingAccordion,
|
897
|
+
Gt as Option,
|
898
|
+
ll as Overview,
|
899
|
+
rl as OverviewIcon,
|
900
|
+
tl as OverviewItem,
|
901
|
+
ql as PageTitle,
|
902
|
+
zl as PageTitleRight,
|
903
|
+
qe as Pagination,
|
904
|
+
el as PaginationNumber,
|
905
|
+
jl as PaymentTab,
|
906
|
+
Kt as PhoneInput,
|
907
|
+
To as Popper,
|
908
|
+
ke as PrevNext,
|
909
|
+
Jl as PrimaryActions,
|
910
|
+
bl as ProgressBar,
|
911
|
+
Nt as Radio,
|
912
|
+
Qt as RadioGroup,
|
913
|
+
qt as RangeInput,
|
914
|
+
vt as SandboxBanner,
|
915
|
+
fo as SectionItem,
|
916
|
+
We as Select,
|
917
|
+
yo as SelectOptions,
|
918
|
+
$t as ShareIcon,
|
919
|
+
Zl as Sidebar,
|
920
|
+
et as SidebarSubmenu,
|
921
|
+
bo as SingleFileUpload,
|
922
|
+
ut as Skeleton,
|
923
|
+
mo as Slider,
|
924
|
+
ht as Snackbar,
|
925
|
+
El as Step,
|
926
|
+
Pl as Steps,
|
927
|
+
Yl as SubHeader,
|
928
|
+
lt as SubSidebar,
|
929
|
+
Do as SupportMenu,
|
930
|
+
Bl as SwitchTabs,
|
931
|
+
Ql as TabToSelect,
|
932
|
+
Qe as Table,
|
933
|
+
Ja as TableCell,
|
934
|
+
Wa as TableCellContent,
|
935
|
+
He as TableHeader,
|
936
|
+
Xa as TableLink,
|
937
|
+
ze as Tabs,
|
938
|
+
Ft as Tag,
|
939
|
+
to as TextArea,
|
940
|
+
Mo as Theme,
|
941
|
+
uo as TimePicker,
|
942
|
+
no as TimePopup,
|
943
|
+
Zt as Toggle,
|
944
|
+
At as Tooltip,
|
945
|
+
ul as TransferSummary,
|
946
|
+
Il as Variant,
|
947
|
+
Dl as Variants,
|
948
|
+
xt as VerificationOption,
|
949
|
+
Ro as WhiteList
|
177
950
|
};
|