@onereach/ui-components 26.4.1-beta.5886.0 → 26.4.1-beta.5888.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/esm/{OrDataGrid-Ci188YMU.mjs → OrDataGrid-Pa3hElOa.mjs} +477 -459
- package/dist/esm/OrDataGrid-Pa3hElOa.mjs.map +1 -0
- package/dist/esm/components/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/types/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue.d.ts +10 -1
- package/package.json +3 -3
- package/dist/esm/OrDataGrid-Ci188YMU.mjs.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { O as
|
|
2
|
-
import { O as
|
|
3
|
-
import { O as
|
|
4
|
-
import { O as
|
|
5
|
-
import { defineComponent as M, ref as S, computed as n, openBlock as
|
|
1
|
+
import { O as se } from "./OrCheckbox-WPBzlvaV.mjs";
|
|
2
|
+
import { O as ue } from "./OrPagination-BXzDa-Su.mjs";
|
|
3
|
+
import { O as me } from "./OrSearch-CRFuNmg2.mjs";
|
|
4
|
+
import { O as fe } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
|
|
5
|
+
import { defineComponent as M, ref as S, computed as n, openBlock as r, createElementBlock as p, normalizeClass as f, renderSlot as c, createCommentVNode as y, resolveComponent as g, normalizeStyle as A, createBlock as O, watch as le, createElementVNode as ge, withModifiers as ne, createVNode as N, mergeProps as he, withCtx as b, onMounted as pe, createSlots as _, normalizeProps as ve, guardReactiveProps as ye, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
|
|
6
6
|
import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
7
|
-
import { O as
|
|
8
|
-
import { O as
|
|
7
|
+
import { O as ke } from "./OrDatePicker-D-Do0tSf.mjs";
|
|
8
|
+
import { O as be } from "./OrDateTimePicker-myqJkQxy.mjs";
|
|
9
9
|
import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
|
|
10
10
|
import "@onereach/ui-components-common/types";
|
|
11
11
|
import { O as Oe } from "./OrInput-nExtCSw8.mjs";
|
|
@@ -52,27 +52,27 @@ const Me = [
|
|
|
52
52
|
statusStyles: s
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
|
-
}),
|
|
55
|
+
}), He = {
|
|
56
56
|
key: 1,
|
|
57
|
-
class: /* @__PURE__ */
|
|
57
|
+
class: /* @__PURE__ */ f(["grow"])
|
|
58
58
|
};
|
|
59
|
-
function
|
|
60
|
-
return
|
|
59
|
+
function Ee(e, t, s, k, h, d) {
|
|
60
|
+
return r(), p("div", {
|
|
61
61
|
ref: "root",
|
|
62
|
-
class:
|
|
62
|
+
class: f(e.rootStyles)
|
|
63
63
|
}, [
|
|
64
|
-
e.$slots.status ? (
|
|
64
|
+
e.$slots.status ? (r(), p("div", {
|
|
65
65
|
key: 0,
|
|
66
|
-
class:
|
|
66
|
+
class: f(e.statusStyles)
|
|
67
67
|
}, [
|
|
68
68
|
c(e.$slots, "status")
|
|
69
|
-
], 2)) :
|
|
69
|
+
], 2)) : y("", !0),
|
|
70
70
|
c(e.$slots, "actions"),
|
|
71
|
-
e.$slots.paging ? (
|
|
71
|
+
e.$slots.paging ? (r(), p("div", He)) : y("", !0),
|
|
72
72
|
c(e.$slots, "paging")
|
|
73
73
|
], 2);
|
|
74
74
|
}
|
|
75
|
-
const
|
|
75
|
+
const We = /* @__PURE__ */ R(Ie, [["render", Ee]]), ze = [
|
|
76
76
|
// Layout
|
|
77
77
|
"layout-row items-start gap-md",
|
|
78
78
|
// Interactivity
|
|
@@ -90,7 +90,7 @@ const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
|
|
|
90
90
|
setup() {
|
|
91
91
|
const e = S(), t = n(() => [
|
|
92
92
|
"or-data-grid-header-v3",
|
|
93
|
-
...
|
|
93
|
+
...ze
|
|
94
94
|
]), s = n(() => [
|
|
95
95
|
...Fe
|
|
96
96
|
]);
|
|
@@ -102,26 +102,26 @@ const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
|
|
|
102
102
|
}
|
|
103
103
|
}), Pe = {
|
|
104
104
|
key: 1,
|
|
105
|
-
class: /* @__PURE__ */
|
|
105
|
+
class: /* @__PURE__ */ f(["grow"])
|
|
106
106
|
};
|
|
107
|
-
function Ue(e, t, s, k,
|
|
108
|
-
return
|
|
107
|
+
function Ue(e, t, s, k, h, d) {
|
|
108
|
+
return r(), p("div", {
|
|
109
109
|
ref: "root",
|
|
110
|
-
class:
|
|
110
|
+
class: f(e.rootStyles)
|
|
111
111
|
}, [
|
|
112
|
-
e.$slots.title ? (
|
|
112
|
+
e.$slots.title ? (r(), p("div", {
|
|
113
113
|
key: 0,
|
|
114
|
-
class:
|
|
114
|
+
class: f(e.titleStyles)
|
|
115
115
|
}, [
|
|
116
116
|
c(e.$slots, "title")
|
|
117
|
-
], 2)) :
|
|
118
|
-
e.$slots.searching || e.$slots.extraActions ? (
|
|
117
|
+
], 2)) : y("", !0),
|
|
118
|
+
e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Pe)) : y("", !0),
|
|
119
119
|
c(e.$slots, "searching"),
|
|
120
|
-
e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) :
|
|
120
|
+
e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) : y("", !0)
|
|
121
121
|
], 2);
|
|
122
122
|
}
|
|
123
123
|
const je = /* @__PURE__ */ R(Ne, [["render", Ue]]);
|
|
124
|
-
var
|
|
124
|
+
var $ = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))($ || {});
|
|
125
125
|
const K = "52px", Z = "42px", Le = [
|
|
126
126
|
// Layout
|
|
127
127
|
"layout-row items-center",
|
|
@@ -130,11 +130,8 @@ const K = "52px", Z = "42px", Le = [
|
|
|
130
130
|
"py-xs",
|
|
131
131
|
"gap-xs",
|
|
132
132
|
// Theme
|
|
133
|
-
"theme-border-disabled border-b-1 border-
|
|
133
|
+
"theme-border-disabled border-b-1 border-solid",
|
|
134
134
|
"dark:theme-border-disabled-dark",
|
|
135
|
-
// Border (conditional override for last row/column)
|
|
136
|
-
"group-last:border-b-0",
|
|
137
|
-
"last:border-e-0",
|
|
138
135
|
"theme-outline-transparent outline-2 -outline-offset-1",
|
|
139
136
|
"dark:theme-outline-transparent-dark",
|
|
140
137
|
// Theme (focus)
|
|
@@ -145,20 +142,22 @@ const K = "52px", Z = "42px", Le = [
|
|
|
145
142
|
// Theme (Stacking)
|
|
146
143
|
"relative",
|
|
147
144
|
// Theme (.sticky-start)
|
|
148
|
-
"[&.sticky-start]:theme-background-default
|
|
149
|
-
"dark:[&.sticky-start]:theme-background-default-dark
|
|
145
|
+
"[&.sticky-start]:theme-background-default",
|
|
146
|
+
"dark:[&.sticky-start]:theme-background-default-dark",
|
|
150
147
|
"hover:[&.sticky-start]:theme-background-surface-1 dark:hover:[&.sticky-start]:theme-background-surface-1-dark",
|
|
151
148
|
"selected:[&.sticky-start]:theme-background-surface-2 dark:selected:[&.sticky-start]:theme-background-surface-2-dark",
|
|
152
149
|
"hover:selected:[&.sticky-start]:theme-background-surface-3 dark:hover:selected:[&.sticky-start]:theme-background-surface-3-dark",
|
|
153
150
|
// Theme (.sticky-end)
|
|
154
|
-
"[&.sticky-end]:theme-background-default
|
|
155
|
-
"dark:[&.sticky-end]:theme-background-default-dark
|
|
151
|
+
"[&.sticky-end]:theme-background-default",
|
|
152
|
+
"dark:[&.sticky-end]:theme-background-default-dark",
|
|
156
153
|
"hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark",
|
|
157
154
|
"selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark",
|
|
158
155
|
"hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark",
|
|
159
156
|
// Theme (.resizable)
|
|
160
|
-
"
|
|
161
|
-
|
|
157
|
+
"relative",
|
|
158
|
+
// Border (conditional override for last row/column)
|
|
159
|
+
"group-last:border-b-0",
|
|
160
|
+
"last:border-r-0"
|
|
162
161
|
], Ae = [
|
|
163
162
|
// interactivity
|
|
164
163
|
"interactivity-select",
|
|
@@ -167,9 +166,9 @@ const K = "52px", Z = "42px", Le = [
|
|
|
167
166
|
], qe = M({
|
|
168
167
|
name: "OrDataGridTableContentCell",
|
|
169
168
|
components: {
|
|
170
|
-
OrCheckbox:
|
|
171
|
-
OrDatePicker:
|
|
172
|
-
OrDateTimePicker:
|
|
169
|
+
OrCheckbox: se,
|
|
170
|
+
OrDatePicker: ke,
|
|
171
|
+
OrDateTimePicker: be,
|
|
173
172
|
OrInput: Oe,
|
|
174
173
|
OrRating: $e,
|
|
175
174
|
OrSelect: we,
|
|
@@ -197,7 +196,7 @@ const K = "52px", Z = "42px", Le = [
|
|
|
197
196
|
},
|
|
198
197
|
variant: {
|
|
199
198
|
type: String,
|
|
200
|
-
default:
|
|
199
|
+
default: $.Standard
|
|
201
200
|
},
|
|
202
201
|
override: {
|
|
203
202
|
type: Boolean,
|
|
@@ -216,149 +215,156 @@ const K = "52px", Z = "42px", Le = [
|
|
|
216
215
|
],
|
|
217
216
|
setup(e, t) {
|
|
218
217
|
const s = S(), k = n(() => {
|
|
219
|
-
var
|
|
218
|
+
var u, D, I, G, F, z, o, i, v;
|
|
220
219
|
return [
|
|
221
220
|
"or-data-grid-table-content-cell-v3",
|
|
222
221
|
...Le,
|
|
223
|
-
...(
|
|
224
|
-
...(D = e.features) != null && D.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
|
|
222
|
+
...(u = e.column) != null && u.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
|
|
223
|
+
...(D = e.features) != null && D.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : [],
|
|
224
|
+
...((F = e.column) == null ? void 0 : F.stickiness) === "start" ? ["border-r-1"] : [],
|
|
225
|
+
...((z = e.column) == null ? void 0 : z.stickiness) === "end" ? ["border-l-1"] : [],
|
|
226
|
+
...(o = e.features) != null && o.resizing && ((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.resizing) !== !1 ? ["border-r-1"] : []
|
|
225
227
|
];
|
|
226
|
-
}),
|
|
228
|
+
}), h = n(() => {
|
|
229
|
+
var D;
|
|
230
|
+
const u = {
|
|
231
|
+
justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
|
|
232
|
+
};
|
|
227
233
|
if (e.column)
|
|
228
234
|
switch (e.column.stickiness) {
|
|
229
235
|
case "start":
|
|
230
|
-
|
|
236
|
+
Object.assign(u, {
|
|
231
237
|
position: "sticky",
|
|
232
238
|
insetInlineStart: `${e.stickyOffset}px`,
|
|
233
239
|
zIndex: "30"
|
|
234
|
-
};
|
|
240
|
+
});
|
|
241
|
+
break;
|
|
235
242
|
case "end":
|
|
236
|
-
|
|
243
|
+
Object.assign(u, {
|
|
237
244
|
position: "sticky",
|
|
238
245
|
insetInlineEnd: `${e.stickyOffset}px`,
|
|
239
246
|
zIndex: "30"
|
|
240
|
-
};
|
|
241
|
-
|
|
242
|
-
return {};
|
|
247
|
+
});
|
|
248
|
+
break;
|
|
243
249
|
}
|
|
244
|
-
return
|
|
245
|
-
}),
|
|
246
|
-
var G,
|
|
247
|
-
const
|
|
250
|
+
return u;
|
|
251
|
+
}), d = n(() => {
|
|
252
|
+
var G, F, z, o, i;
|
|
253
|
+
const u = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === $.Dynamic && !((F = e.column) != null && F.control)), D = ((o = (z = e.column) == null ? void 0 : z.control) == null ? void 0 : o.type) === "tags", I = (i = e.column) == null ? void 0 : i.fitContent;
|
|
248
254
|
return [
|
|
249
255
|
"layout-row items-center w-full min-w-0",
|
|
250
256
|
...D ? ["overflow-hidden"] : [],
|
|
251
|
-
...Ae.filter((
|
|
252
|
-
...
|
|
257
|
+
...Ae.filter((v) => v !== "truncate"),
|
|
258
|
+
...u ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
|
|
253
259
|
];
|
|
254
260
|
}), T = n(() => {
|
|
255
|
-
var
|
|
261
|
+
var u, D;
|
|
256
262
|
return {
|
|
257
|
-
minWidth: e.column && e.column.minWidth || (((
|
|
263
|
+
minWidth: e.column && e.column.minWidth || (((u = e.column) == null ? void 0 : u.name) === "_check" ? Z : K),
|
|
258
264
|
maxWidth: e.column && e.column.maxWidth,
|
|
259
265
|
justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
|
|
260
266
|
};
|
|
261
|
-
}),
|
|
267
|
+
}), W = n({
|
|
262
268
|
get: () => e.modelValue,
|
|
263
|
-
set: (
|
|
264
|
-
t.emit("input",
|
|
269
|
+
set: (u) => {
|
|
270
|
+
t.emit("input", u);
|
|
265
271
|
}
|
|
266
272
|
}), C = n(() => {
|
|
267
|
-
var
|
|
268
|
-
return (
|
|
273
|
+
var u;
|
|
274
|
+
return (u = e.column) == null ? void 0 : u.control;
|
|
269
275
|
});
|
|
270
276
|
return {
|
|
271
277
|
root: s,
|
|
272
278
|
rootStyles: k,
|
|
273
|
-
rootInlineStyles:
|
|
274
|
-
contentStyles:
|
|
279
|
+
rootInlineStyles: h,
|
|
280
|
+
contentStyles: d,
|
|
275
281
|
contentInlineStyles: T,
|
|
276
|
-
model:
|
|
282
|
+
model: W,
|
|
277
283
|
control: C,
|
|
278
284
|
DATA_GRID_DEFAULT_MIN_WIDTH: K
|
|
279
285
|
};
|
|
280
286
|
}
|
|
281
287
|
});
|
|
282
|
-
function Be(e, t, s, k,
|
|
283
|
-
const T =
|
|
284
|
-
return
|
|
288
|
+
function Be(e, t, s, k, h, d) {
|
|
289
|
+
const T = g("OrInput"), W = g("OrRating"), C = g("OrSelect"), u = g("OrCheckbox"), D = g("OrSwitch"), I = g("OrDatePicker"), G = g("OrTimePicker"), F = g("OrDateTimePicker"), z = g("OrTagInput");
|
|
290
|
+
return r(), p("div", {
|
|
285
291
|
ref: "root",
|
|
286
|
-
class:
|
|
292
|
+
class: f(e.rootStyles),
|
|
287
293
|
style: A(e.rootInlineStyles)
|
|
288
294
|
}, [
|
|
289
|
-
e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (
|
|
295
|
+
e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (r(), p("div", {
|
|
290
296
|
key: 1,
|
|
291
|
-
class:
|
|
297
|
+
class: f(e.contentStyles),
|
|
292
298
|
style: A(e.contentInlineStyles)
|
|
293
299
|
}, [
|
|
294
|
-
e.control.type === "text" ? (
|
|
300
|
+
e.control.type === "text" ? (r(), O(T, {
|
|
295
301
|
key: 0,
|
|
296
302
|
modelValue: e.model,
|
|
297
|
-
"onUpdate:modelValue": t[0] || (t[0] = (
|
|
303
|
+
"onUpdate:modelValue": t[0] || (t[0] = (o) => e.model = o),
|
|
298
304
|
type: "text",
|
|
299
305
|
variant: "embedded"
|
|
300
|
-
}, null, 8, ["modelValue"])) :
|
|
301
|
-
e.control.type === "number" ? (
|
|
306
|
+
}, null, 8, ["modelValue"])) : y("", !0),
|
|
307
|
+
e.control.type === "number" ? (r(), O(T, {
|
|
302
308
|
key: 1,
|
|
303
309
|
modelValue: e.model,
|
|
304
|
-
"onUpdate:modelValue": t[1] || (t[1] = (
|
|
310
|
+
"onUpdate:modelValue": t[1] || (t[1] = (o) => e.model = o),
|
|
305
311
|
type: "number",
|
|
306
312
|
variant: "embedded"
|
|
307
|
-
}, null, 8, ["modelValue"])) :
|
|
308
|
-
e.control.type === "rating" ? (
|
|
313
|
+
}, null, 8, ["modelValue"])) : y("", !0),
|
|
314
|
+
e.control.type === "rating" ? (r(), O(W, {
|
|
309
315
|
key: 2,
|
|
310
316
|
modelValue: e.model,
|
|
311
|
-
"onUpdate:modelValue": t[2] || (t[2] = (
|
|
312
|
-
}, null, 8, ["modelValue"])) :
|
|
313
|
-
e.control.type === "select" ? (
|
|
317
|
+
"onUpdate:modelValue": t[2] || (t[2] = (o) => e.model = o)
|
|
318
|
+
}, null, 8, ["modelValue"])) : y("", !0),
|
|
319
|
+
e.control.type === "select" ? (r(), O(C, {
|
|
314
320
|
key: 3,
|
|
315
321
|
modelValue: e.model,
|
|
316
|
-
"onUpdate:modelValue": t[3] || (t[3] = (
|
|
322
|
+
"onUpdate:modelValue": t[3] || (t[3] = (o) => e.model = o),
|
|
317
323
|
options: e.control.options,
|
|
318
324
|
variant: "embedded",
|
|
319
325
|
anchor: e.root
|
|
320
|
-
}, null, 8, ["modelValue", "options", "anchor"])) :
|
|
321
|
-
e.control.type === "checkbox" ? (
|
|
326
|
+
}, null, 8, ["modelValue", "options", "anchor"])) : y("", !0),
|
|
327
|
+
e.control.type === "checkbox" ? (r(), O(u, {
|
|
322
328
|
key: 4,
|
|
323
329
|
modelValue: e.model,
|
|
324
|
-
"onUpdate:modelValue": t[4] || (t[4] = (
|
|
325
|
-
}, null, 8, ["modelValue"])) :
|
|
326
|
-
e.control.type === "switch" ? (
|
|
330
|
+
"onUpdate:modelValue": t[4] || (t[4] = (o) => e.model = o)
|
|
331
|
+
}, null, 8, ["modelValue"])) : y("", !0),
|
|
332
|
+
e.control.type === "switch" ? (r(), O(D, {
|
|
327
333
|
key: 5,
|
|
328
334
|
modelValue: e.model,
|
|
329
|
-
"onUpdate:modelValue": t[5] || (t[5] = (
|
|
330
|
-
}, null, 8, ["modelValue"])) :
|
|
331
|
-
e.control.type === "date" ? (
|
|
335
|
+
"onUpdate:modelValue": t[5] || (t[5] = (o) => e.model = o)
|
|
336
|
+
}, null, 8, ["modelValue"])) : y("", !0),
|
|
337
|
+
e.control.type === "date" ? (r(), O(I, {
|
|
332
338
|
key: 6,
|
|
333
339
|
modelValue: e.model,
|
|
334
|
-
"onUpdate:modelValue": t[6] || (t[6] = (
|
|
340
|
+
"onUpdate:modelValue": t[6] || (t[6] = (o) => e.model = o),
|
|
335
341
|
variant: "embedded",
|
|
336
342
|
anchor: e.root
|
|
337
|
-
}, null, 8, ["modelValue", "anchor"])) :
|
|
338
|
-
e.control.type === "time" ? (
|
|
343
|
+
}, null, 8, ["modelValue", "anchor"])) : y("", !0),
|
|
344
|
+
e.control.type === "time" ? (r(), O(G, {
|
|
339
345
|
key: 7,
|
|
340
346
|
modelValue: e.model,
|
|
341
|
-
"onUpdate:modelValue": t[7] || (t[7] = (
|
|
347
|
+
"onUpdate:modelValue": t[7] || (t[7] = (o) => e.model = o),
|
|
342
348
|
variant: "embedded",
|
|
343
349
|
anchor: e.root
|
|
344
|
-
}, null, 8, ["modelValue", "anchor"])) :
|
|
345
|
-
e.control.type === "datetime" ? (
|
|
350
|
+
}, null, 8, ["modelValue", "anchor"])) : y("", !0),
|
|
351
|
+
e.control.type === "datetime" ? (r(), O(F, {
|
|
346
352
|
key: 8,
|
|
347
353
|
modelValue: e.model,
|
|
348
|
-
"onUpdate:modelValue": t[8] || (t[8] = (
|
|
354
|
+
"onUpdate:modelValue": t[8] || (t[8] = (o) => e.model = o),
|
|
349
355
|
variant: "embedded",
|
|
350
356
|
anchor: e.root
|
|
351
|
-
}, null, 8, ["modelValue", "anchor"])) :
|
|
352
|
-
e.control.type === "tags" ? (
|
|
357
|
+
}, null, 8, ["modelValue", "anchor"])) : y("", !0),
|
|
358
|
+
e.control.type === "tags" ? (r(), O(z, {
|
|
353
359
|
key: 9,
|
|
354
360
|
modelValue: e.model,
|
|
355
|
-
"onUpdate:modelValue": t[9] || (t[9] = (
|
|
361
|
+
"onUpdate:modelValue": t[9] || (t[9] = (o) => e.model = o),
|
|
356
362
|
variant: "embedded",
|
|
357
|
-
class:
|
|
358
|
-
}, null, 8, ["modelValue"])) :
|
|
359
|
-
], 6)) : (
|
|
363
|
+
class: f(["grow min-w-0"])
|
|
364
|
+
}, null, 8, ["modelValue"])) : y("", !0)
|
|
365
|
+
], 6)) : (r(), p("div", {
|
|
360
366
|
key: 2,
|
|
361
|
-
class:
|
|
367
|
+
class: f(e.contentStyles),
|
|
362
368
|
style: A(e.contentInlineStyles)
|
|
363
369
|
}, [
|
|
364
370
|
c(e.$slots, "default")
|
|
@@ -387,19 +393,19 @@ const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
|
|
|
387
393
|
"children:hover:selected:theme-background-surface-3",
|
|
388
394
|
"dark:children:hover:selected:theme-background-surface-3-dark"
|
|
389
395
|
], Je = {
|
|
390
|
-
[
|
|
396
|
+
[$.Standard]: [
|
|
391
397
|
// Box
|
|
392
398
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
393
399
|
],
|
|
394
|
-
[
|
|
400
|
+
[$.Comfortable]: [
|
|
395
401
|
// Box
|
|
396
402
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
397
403
|
],
|
|
398
|
-
[
|
|
404
|
+
[$.Compact]: [
|
|
399
405
|
// Box
|
|
400
406
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
401
407
|
],
|
|
402
|
-
[
|
|
408
|
+
[$.Dynamic]: [
|
|
403
409
|
// Box
|
|
404
410
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
405
411
|
]
|
|
@@ -435,10 +441,10 @@ const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
|
|
|
435
441
|
};
|
|
436
442
|
}
|
|
437
443
|
}), Ye = ["selected"];
|
|
438
|
-
function Ze(e, t, s, k,
|
|
439
|
-
return
|
|
444
|
+
function Ze(e, t, s, k, h, d) {
|
|
445
|
+
return r(), p("div", {
|
|
440
446
|
ref: "root",
|
|
441
|
-
class:
|
|
447
|
+
class: f(e.rootStyles),
|
|
442
448
|
selected: e.selected
|
|
443
449
|
}, [
|
|
444
450
|
c(e.$slots, "default")
|
|
@@ -463,15 +469,15 @@ const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
|
|
|
463
469
|
};
|
|
464
470
|
}
|
|
465
471
|
});
|
|
466
|
-
function tt(e, t, s, k,
|
|
467
|
-
return
|
|
472
|
+
function tt(e, t, s, k, h, d) {
|
|
473
|
+
return r(), p("div", {
|
|
468
474
|
ref: "root",
|
|
469
|
-
class:
|
|
475
|
+
class: f(e.rootStyles)
|
|
470
476
|
}, [
|
|
471
477
|
c(e.$slots, "default")
|
|
472
478
|
], 2);
|
|
473
479
|
}
|
|
474
|
-
const at = /* @__PURE__ */ R(et, [["render", tt]]),
|
|
480
|
+
const at = /* @__PURE__ */ R(et, [["render", tt]]), ot = [
|
|
475
481
|
// Layout
|
|
476
482
|
"layout-row",
|
|
477
483
|
// Spacing
|
|
@@ -481,7 +487,7 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
|
|
|
481
487
|
// Theme
|
|
482
488
|
"theme-border-transparent border-1",
|
|
483
489
|
"dark:theme-border-transparent-dark"
|
|
484
|
-
],
|
|
490
|
+
], rt = M({
|
|
485
491
|
name: "OrDataGridTableFooterCell",
|
|
486
492
|
expose: [
|
|
487
493
|
"root"
|
|
@@ -489,7 +495,7 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
|
|
|
489
495
|
setup() {
|
|
490
496
|
const e = S(), t = n(() => [
|
|
491
497
|
"or-data-grid-table-footer-cell-v3",
|
|
492
|
-
...
|
|
498
|
+
...ot
|
|
493
499
|
]);
|
|
494
500
|
return {
|
|
495
501
|
root: e,
|
|
@@ -497,15 +503,15 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
|
|
|
497
503
|
};
|
|
498
504
|
}
|
|
499
505
|
});
|
|
500
|
-
function nt(e, t, s, k,
|
|
501
|
-
return
|
|
506
|
+
function nt(e, t, s, k, h, d) {
|
|
507
|
+
return r(), p("div", {
|
|
502
508
|
ref: "root",
|
|
503
|
-
class:
|
|
509
|
+
class: f(e.rootStyles)
|
|
504
510
|
}, [
|
|
505
511
|
c(e.$slots, "default")
|
|
506
512
|
], 2);
|
|
507
513
|
}
|
|
508
|
-
const st = /* @__PURE__ */ R(
|
|
514
|
+
const st = /* @__PURE__ */ R(rt, [["render", nt]]), lt = [
|
|
509
515
|
// Layout
|
|
510
516
|
"grid grid-cols-1",
|
|
511
517
|
// Typography
|
|
@@ -519,19 +525,19 @@ const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
|
|
|
519
525
|
"children:theme-background-default",
|
|
520
526
|
"dark:children:theme-background-default-dark"
|
|
521
527
|
], it = {
|
|
522
|
-
[
|
|
528
|
+
[$.Standard]: [
|
|
523
529
|
// Box
|
|
524
530
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
525
531
|
],
|
|
526
|
-
[
|
|
532
|
+
[$.Comfortable]: [
|
|
527
533
|
// Box
|
|
528
534
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
529
535
|
],
|
|
530
|
-
[
|
|
536
|
+
[$.Compact]: [
|
|
531
537
|
// Box
|
|
532
538
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
533
539
|
],
|
|
534
|
-
[
|
|
540
|
+
[$.Dynamic]: [
|
|
535
541
|
// Box
|
|
536
542
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
537
543
|
]
|
|
@@ -558,10 +564,10 @@ const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
|
|
|
558
564
|
};
|
|
559
565
|
}
|
|
560
566
|
});
|
|
561
|
-
function ct(e, t, s, k,
|
|
562
|
-
return
|
|
567
|
+
function ct(e, t, s, k, h, d) {
|
|
568
|
+
return r(), p("div", {
|
|
563
569
|
ref: "root",
|
|
564
|
-
class:
|
|
570
|
+
class: f(e.rootStyles)
|
|
565
571
|
}, [
|
|
566
572
|
c(e.$slots, "default")
|
|
567
573
|
], 2);
|
|
@@ -585,10 +591,10 @@ const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
|
|
|
585
591
|
};
|
|
586
592
|
}
|
|
587
593
|
});
|
|
588
|
-
function gt(e, t, s, k,
|
|
589
|
-
return
|
|
594
|
+
function gt(e, t, s, k, h, d) {
|
|
595
|
+
return r(), p("div", {
|
|
590
596
|
ref: "root",
|
|
591
|
-
class:
|
|
597
|
+
class: f(e.rootStyles)
|
|
592
598
|
}, [
|
|
593
599
|
c(e.$slots, "default")
|
|
594
600
|
], 2);
|
|
@@ -601,24 +607,23 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
|
|
|
601
607
|
"py-xs",
|
|
602
608
|
"gap-xs",
|
|
603
609
|
// Theme
|
|
604
|
-
"theme-border-disabled border-b-1 border-
|
|
610
|
+
"theme-border-disabled border-b-1 border-solid",
|
|
605
611
|
"dark:theme-border-disabled-dark",
|
|
606
|
-
// Border (conditional override for last column)
|
|
607
|
-
"last:border-e-0",
|
|
608
612
|
"theme-outline-transparent outline-2 -outline-offset-1",
|
|
609
613
|
"dark:theme-outline-transparent-dark",
|
|
610
614
|
// Theme (Stacking)
|
|
611
615
|
"relative hover:z-[2]",
|
|
612
616
|
// Theme (.sticky-start)
|
|
613
|
-
"[&.sticky-start]:theme-background-surface-variant-1
|
|
614
|
-
"dark:[&.sticky-start]:theme-background-surface-variant-1-dark
|
|
617
|
+
"[&.sticky-start]:theme-background-surface-variant-1",
|
|
618
|
+
"dark:[&.sticky-start]:theme-background-surface-variant-1-dark",
|
|
615
619
|
// Theme (.sticky-end)
|
|
616
|
-
"[&.sticky-end]:theme-background-surface-variant-1
|
|
617
|
-
"dark:[&.sticky-end]:theme-background-surface-variant-1-dark
|
|
620
|
+
"[&.sticky-end]:theme-background-surface-variant-1",
|
|
621
|
+
"dark:[&.sticky-end]:theme-background-surface-variant-1-dark",
|
|
618
622
|
// Theme (.resizable)
|
|
619
|
-
"
|
|
620
|
-
|
|
621
|
-
|
|
623
|
+
"relative",
|
|
624
|
+
// Border (conditional override for last column)
|
|
625
|
+
"last:border-r-0"
|
|
626
|
+
], vt = [
|
|
622
627
|
// Position
|
|
623
628
|
"absolute top-0 bottom-0 end-0 z-50",
|
|
624
629
|
// Box
|
|
@@ -629,7 +634,7 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
|
|
|
629
634
|
"dark:hover:theme-background-primary-dark",
|
|
630
635
|
"active:theme-background-primary",
|
|
631
636
|
"dark:active:theme-background-primary-dark"
|
|
632
|
-
],
|
|
637
|
+
], yt = M({
|
|
633
638
|
name: "OrDataGridTableHeaderCell",
|
|
634
639
|
components: {
|
|
635
640
|
OrIcon: Ce
|
|
@@ -654,6 +659,10 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
|
|
|
654
659
|
stickyOffset: {
|
|
655
660
|
type: Number,
|
|
656
661
|
default: 0
|
|
662
|
+
},
|
|
663
|
+
override: {
|
|
664
|
+
type: Boolean,
|
|
665
|
+
default: !1
|
|
657
666
|
}
|
|
658
667
|
},
|
|
659
668
|
emits: [
|
|
@@ -667,176 +676,182 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
|
|
|
667
676
|
],
|
|
668
677
|
setup(e, t) {
|
|
669
678
|
const s = S(), k = n(() => {
|
|
670
|
-
var
|
|
671
|
-
return !!((
|
|
672
|
-
}),
|
|
673
|
-
var
|
|
674
|
-
return !!((
|
|
675
|
-
}),
|
|
676
|
-
var
|
|
679
|
+
var o, i, v;
|
|
680
|
+
return !!((o = e.features) != null && o.sorting) && !!((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.sorting) !== !1;
|
|
681
|
+
}), h = n(() => {
|
|
682
|
+
var o, i, v;
|
|
683
|
+
return !!((o = e.features) != null && o.resizing) && !!((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.resizing) !== !1;
|
|
684
|
+
}), d = n(() => {
|
|
685
|
+
var o, i, v;
|
|
677
686
|
return [
|
|
678
687
|
"or-data-grid-table-header-cell-v3",
|
|
679
688
|
"relative",
|
|
680
689
|
...pt,
|
|
681
|
-
...(
|
|
682
|
-
...
|
|
683
|
-
...k.value ? ["interactivity-click"] : []
|
|
690
|
+
...(o = e.column) != null && o.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
|
|
691
|
+
...h.value ? ["resizable"] : [],
|
|
692
|
+
...k.value ? ["interactivity-click"] : [],
|
|
693
|
+
...((i = e.column) == null ? void 0 : i.stickiness) === "start" ? ["border-r-1"] : [],
|
|
694
|
+
...((v = e.column) == null ? void 0 : v.stickiness) === "end" ? ["border-l-1"] : [],
|
|
695
|
+
...h.value ? ["border-r-1"] : []
|
|
684
696
|
];
|
|
685
697
|
}), T = n(() => [
|
|
686
698
|
"or-data-grid-table-header-cell-resize-handle-v3",
|
|
687
|
-
...
|
|
688
|
-
]),
|
|
689
|
-
var
|
|
699
|
+
...vt
|
|
700
|
+
]), W = n(() => {
|
|
701
|
+
var o, i, v;
|
|
690
702
|
return {
|
|
691
|
-
minWidth: ((
|
|
692
|
-
maxWidth: (
|
|
703
|
+
minWidth: ((o = e.column) == null ? void 0 : o.minWidth) || (((i = e.column) == null ? void 0 : i.name) === "_check" ? Z : K),
|
|
704
|
+
maxWidth: (v = e.column) == null ? void 0 : v.maxWidth,
|
|
693
705
|
overflow: "hidden"
|
|
694
706
|
};
|
|
695
707
|
}), C = n(() => {
|
|
708
|
+
var i;
|
|
709
|
+
const o = {
|
|
710
|
+
justifyContent: ((i = e.column) == null ? void 0 : i.alignment) || (e.column ? void 0 : "center")
|
|
711
|
+
};
|
|
696
712
|
if (e.column)
|
|
697
713
|
switch (e.column.stickiness) {
|
|
698
714
|
case "start":
|
|
699
|
-
|
|
715
|
+
Object.assign(o, {
|
|
700
716
|
position: "sticky",
|
|
701
717
|
insetInlineStart: `${e.stickyOffset}px`,
|
|
702
718
|
zIndex: "120"
|
|
703
|
-
};
|
|
719
|
+
});
|
|
720
|
+
break;
|
|
704
721
|
case "end":
|
|
705
|
-
|
|
722
|
+
Object.assign(o, {
|
|
706
723
|
position: "sticky",
|
|
707
724
|
insetInlineEnd: `${e.stickyOffset}px`,
|
|
708
725
|
zIndex: "120"
|
|
709
|
-
};
|
|
710
|
-
|
|
711
|
-
return {};
|
|
726
|
+
});
|
|
727
|
+
break;
|
|
712
728
|
}
|
|
713
|
-
return
|
|
714
|
-
|
|
715
|
-
};
|
|
716
|
-
}), f = n({
|
|
729
|
+
return o;
|
|
730
|
+
}), u = n({
|
|
717
731
|
get: () => {
|
|
718
|
-
var
|
|
732
|
+
var o, i;
|
|
719
733
|
if (k.value)
|
|
720
|
-
return ((
|
|
734
|
+
return ((o = e.modelValue) == null ? void 0 : o.column) === ((i = e.column) == null ? void 0 : i.name) ? e.modelValue : void 0;
|
|
721
735
|
},
|
|
722
|
-
set: (
|
|
723
|
-
t.emit("update:modelValue",
|
|
736
|
+
set: (o) => {
|
|
737
|
+
t.emit("update:modelValue", o);
|
|
724
738
|
}
|
|
725
739
|
}), D = n(() => {
|
|
726
|
-
var
|
|
740
|
+
var o;
|
|
727
741
|
return [
|
|
728
742
|
"layout-row items-center w-full min-w-0",
|
|
729
|
-
...((
|
|
743
|
+
...((o = e.column) == null ? void 0 : o.alignment) === "end" ? ["flex-row-reverse"] : []
|
|
730
744
|
];
|
|
731
745
|
}), I = n(() => {
|
|
732
|
-
var
|
|
746
|
+
var o, i;
|
|
733
747
|
return {
|
|
734
|
-
justifyContent: (
|
|
748
|
+
justifyContent: ((o = e.column) == null ? void 0 : o.alignment) === "end" || (i = e.column) == null ? void 0 : i.alignment
|
|
735
749
|
};
|
|
736
750
|
});
|
|
737
751
|
function G() {
|
|
738
|
-
var
|
|
752
|
+
var o;
|
|
739
753
|
if (k.value)
|
|
740
|
-
if (
|
|
741
|
-
|
|
742
|
-
...
|
|
743
|
-
direction:
|
|
754
|
+
if (u.value)
|
|
755
|
+
u.value = {
|
|
756
|
+
...u.value,
|
|
757
|
+
direction: u.value.direction === "asc" ? "desc" : "asc"
|
|
744
758
|
};
|
|
745
759
|
else {
|
|
746
760
|
if (!e.column)
|
|
747
761
|
throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
|
|
748
|
-
|
|
749
|
-
column: ((
|
|
762
|
+
u.value = {
|
|
763
|
+
column: ((o = e.column) == null ? void 0 : o.name) || "_check",
|
|
750
764
|
direction: "asc"
|
|
751
765
|
};
|
|
752
766
|
}
|
|
753
767
|
}
|
|
754
|
-
function
|
|
768
|
+
function F(o) {
|
|
755
769
|
var q;
|
|
756
|
-
const
|
|
757
|
-
var B, l,
|
|
758
|
-
const J = X.pageX -
|
|
759
|
-
let U = Math.max(0,
|
|
770
|
+
const i = o.pageX, v = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
|
|
771
|
+
var B, l, m;
|
|
772
|
+
const J = X.pageX - i;
|
|
773
|
+
let U = Math.max(0, v + J);
|
|
760
774
|
const L = ((B = e.column) == null ? void 0 : B.minWidth) || (((l = e.column) == null ? void 0 : l.name) === "_check" ? Z : K);
|
|
761
775
|
if (L && (L.endsWith("px") || !isNaN(Number(L)))) {
|
|
762
776
|
const j = parseInt(L, 10);
|
|
763
777
|
U = Math.max(U, j);
|
|
764
778
|
}
|
|
765
|
-
if ((
|
|
779
|
+
if ((m = e.column) != null && m.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
|
|
766
780
|
const j = parseInt(e.column.maxWidth, 10);
|
|
767
781
|
U = Math.min(U, j);
|
|
768
782
|
}
|
|
769
783
|
t.emit("update:column-width", U);
|
|
770
|
-
},
|
|
771
|
-
document.removeEventListener("mousemove", V), document.removeEventListener("mouseup",
|
|
784
|
+
}, H = () => {
|
|
785
|
+
document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", H);
|
|
772
786
|
};
|
|
773
|
-
document.addEventListener("mousemove", V), document.addEventListener("mouseup",
|
|
787
|
+
document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
|
|
774
788
|
}
|
|
775
|
-
const { width:
|
|
776
|
-
return
|
|
789
|
+
const { width: z } = Ge(s, void 0, { box: "border-box" });
|
|
790
|
+
return le([
|
|
777
791
|
s,
|
|
778
|
-
|
|
792
|
+
z,
|
|
779
793
|
() => {
|
|
780
|
-
var
|
|
781
|
-
return (
|
|
794
|
+
var o;
|
|
795
|
+
return (o = e.column) == null ? void 0 : o.stickiness;
|
|
782
796
|
}
|
|
783
797
|
], ([
|
|
784
|
-
|
|
785
|
-
|
|
798
|
+
o,
|
|
799
|
+
i
|
|
786
800
|
], [
|
|
787
|
-
|
|
801
|
+
v
|
|
788
802
|
]) => {
|
|
789
|
-
|
|
803
|
+
v && v !== o && t.emit("remove:scrollOffset", v), t.emit("update:scrollOffset", o, i, e.column);
|
|
790
804
|
}), {
|
|
791
805
|
root: s,
|
|
792
|
-
rootStyles:
|
|
806
|
+
rootStyles: d,
|
|
793
807
|
rootInlineStyles: C,
|
|
794
808
|
headerContentStyles: D,
|
|
795
809
|
headerContentInlineStyles: I,
|
|
796
|
-
wrapInlineStyle:
|
|
810
|
+
wrapInlineStyle: W,
|
|
797
811
|
resizeHandleStyles: T,
|
|
798
812
|
isSortable: k,
|
|
799
|
-
isResizable:
|
|
800
|
-
model:
|
|
813
|
+
isResizable: h,
|
|
814
|
+
model: u,
|
|
801
815
|
toggleSorting: G,
|
|
802
|
-
onResizeStart:
|
|
816
|
+
onResizeStart: F,
|
|
803
817
|
DATA_GRID_DEFAULT_MIN_WIDTH: K
|
|
804
818
|
};
|
|
805
819
|
}
|
|
806
820
|
});
|
|
807
|
-
function
|
|
808
|
-
const T =
|
|
809
|
-
return
|
|
821
|
+
function kt(e, t, s, k, h, d) {
|
|
822
|
+
const T = g("OrIcon");
|
|
823
|
+
return r(), p("div", {
|
|
810
824
|
ref: "root",
|
|
811
|
-
class:
|
|
825
|
+
class: f(e.rootStyles),
|
|
812
826
|
style: A(e.rootInlineStyles),
|
|
813
|
-
onClick: t[2] || (t[2] = (
|
|
827
|
+
onClick: t[2] || (t[2] = (W) => e.toggleSorting())
|
|
814
828
|
}, [
|
|
815
|
-
|
|
816
|
-
|
|
829
|
+
e.override ? c(e.$slots, "default", { key: 0 }) : (r(), p("div", {
|
|
830
|
+
key: 1,
|
|
831
|
+
class: f(e.headerContentStyles),
|
|
817
832
|
style: A(e.headerContentInlineStyles)
|
|
818
833
|
}, [
|
|
819
|
-
|
|
820
|
-
class:
|
|
834
|
+
ge("div", {
|
|
835
|
+
class: f(["truncate"]),
|
|
821
836
|
style: A(e.wrapInlineStyle)
|
|
822
837
|
}, [
|
|
823
838
|
c(e.$slots, "default")
|
|
824
839
|
], 4),
|
|
825
|
-
e.model ? (
|
|
840
|
+
e.model ? (r(), O(T, {
|
|
826
841
|
key: 0,
|
|
827
842
|
icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
|
|
828
|
-
}, null, 8, ["icon"])) :
|
|
829
|
-
], 6),
|
|
830
|
-
e.isResizable ? (
|
|
831
|
-
key:
|
|
832
|
-
class:
|
|
833
|
-
onMousedown: t[0] || (t[0] =
|
|
834
|
-
onClick: t[1] || (t[1] =
|
|
843
|
+
}, null, 8, ["icon"])) : y("", !0)
|
|
844
|
+
], 6)),
|
|
845
|
+
e.isResizable ? (r(), p("div", {
|
|
846
|
+
key: 2,
|
|
847
|
+
class: f(e.resizeHandleStyles),
|
|
848
|
+
onMousedown: t[0] || (t[0] = ne((...W) => e.onResizeStart && e.onResizeStart(...W), ["stop", "prevent"])),
|
|
849
|
+
onClick: t[1] || (t[1] = ne(() => {
|
|
835
850
|
}, ["stop"]))
|
|
836
|
-
}, null, 34)) :
|
|
851
|
+
}, null, 34)) : y("", !0)
|
|
837
852
|
], 6);
|
|
838
853
|
}
|
|
839
|
-
const
|
|
854
|
+
const bt = /* @__PURE__ */ R(yt, [["render", kt]]), Ot = [
|
|
840
855
|
// Position
|
|
841
856
|
"sticky top-0 z-[110]",
|
|
842
857
|
// Layout
|
|
@@ -849,19 +864,19 @@ const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
|
|
|
849
864
|
"children:theme-background-surface-variant-1",
|
|
850
865
|
"dark:children:theme-background-surface-variant-1-dark"
|
|
851
866
|
], $t = {
|
|
852
|
-
[
|
|
867
|
+
[$.Standard]: [
|
|
853
868
|
// Box
|
|
854
869
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
855
870
|
],
|
|
856
|
-
[
|
|
871
|
+
[$.Comfortable]: [
|
|
857
872
|
// Box
|
|
858
873
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
859
874
|
],
|
|
860
|
-
[
|
|
875
|
+
[$.Compact]: [
|
|
861
876
|
// Box
|
|
862
877
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
863
878
|
],
|
|
864
|
-
[
|
|
879
|
+
[$.Dynamic]: [
|
|
865
880
|
// Box
|
|
866
881
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
867
882
|
]
|
|
@@ -888,10 +903,10 @@ const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
|
|
|
888
903
|
};
|
|
889
904
|
}
|
|
890
905
|
});
|
|
891
|
-
function Dt(e, t, s, k,
|
|
892
|
-
return
|
|
906
|
+
function Dt(e, t, s, k, h, d) {
|
|
907
|
+
return r(), p("div", {
|
|
893
908
|
ref: "root",
|
|
894
|
-
class:
|
|
909
|
+
class: f(e.rootStyles)
|
|
895
910
|
}, [
|
|
896
911
|
c(e.$slots, "default")
|
|
897
912
|
], 2);
|
|
@@ -915,10 +930,10 @@ const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
|
|
|
915
930
|
};
|
|
916
931
|
}
|
|
917
932
|
});
|
|
918
|
-
function Gt(e, t, s, k,
|
|
919
|
-
return
|
|
933
|
+
function Gt(e, t, s, k, h, d) {
|
|
934
|
+
return r(), p("div", {
|
|
920
935
|
ref: "root",
|
|
921
|
-
class:
|
|
936
|
+
class: f(e.rootStyles)
|
|
922
937
|
}, [
|
|
923
938
|
c(e.$slots, "default")
|
|
924
939
|
], 2);
|
|
@@ -938,19 +953,19 @@ const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
|
|
|
938
953
|
"theme-background-default",
|
|
939
954
|
"dark:theme-background-default-dark"
|
|
940
955
|
], Rt = {
|
|
941
|
-
[
|
|
956
|
+
[$.Standard]: [
|
|
942
957
|
// Box
|
|
943
958
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
944
959
|
],
|
|
945
|
-
[
|
|
960
|
+
[$.Comfortable]: [
|
|
946
961
|
// Box
|
|
947
962
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
948
963
|
],
|
|
949
|
-
[
|
|
964
|
+
[$.Compact]: [
|
|
950
965
|
// Box
|
|
951
966
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
952
967
|
],
|
|
953
|
-
[
|
|
968
|
+
[$.Dynamic]: [
|
|
954
969
|
// Box
|
|
955
970
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
956
971
|
]
|
|
@@ -977,15 +992,15 @@ const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
|
|
|
977
992
|
};
|
|
978
993
|
}
|
|
979
994
|
});
|
|
980
|
-
function
|
|
981
|
-
return
|
|
995
|
+
function Ht(e, t, s, k, h, d) {
|
|
996
|
+
return r(), p("div", {
|
|
982
997
|
ref: "root",
|
|
983
|
-
class:
|
|
998
|
+
class: f(e.rootStyles)
|
|
984
999
|
}, [
|
|
985
1000
|
c(e.$slots, "default")
|
|
986
1001
|
], 2);
|
|
987
1002
|
}
|
|
988
|
-
const
|
|
1003
|
+
const Et = /* @__PURE__ */ R(It, [["render", Ht]]), Wt = [
|
|
989
1004
|
// Layout
|
|
990
1005
|
"grid content-start",
|
|
991
1006
|
"w-full min-w-0 min-h-0",
|
|
@@ -993,7 +1008,7 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
|
|
|
993
1008
|
"overflow-auto",
|
|
994
1009
|
// Interactivity
|
|
995
1010
|
"interactivity-default"
|
|
996
|
-
],
|
|
1011
|
+
], zt = M({
|
|
997
1012
|
name: "OrDataGridTable",
|
|
998
1013
|
props: {
|
|
999
1014
|
columns: {
|
|
@@ -1011,15 +1026,15 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
|
|
|
1011
1026
|
setup(e) {
|
|
1012
1027
|
const t = S(), s = n(() => [
|
|
1013
1028
|
"or-data-grid-table-v3",
|
|
1014
|
-
...
|
|
1029
|
+
...Wt
|
|
1015
1030
|
]), k = n(() => {
|
|
1016
|
-
const
|
|
1017
|
-
if (
|
|
1018
|
-
return
|
|
1019
|
-
const T =
|
|
1020
|
-
return
|
|
1031
|
+
const h = e.columns.map((d) => {
|
|
1032
|
+
if (d.width && (d.width.includes("minmax") || d.width.includes("calc")))
|
|
1033
|
+
return d.width;
|
|
1034
|
+
const T = d.width ?? "1fr", W = d.minWidth || (d.width ? K : d.fitContent || d.stickiness ? "max-content" : "120px"), C = d.maxWidth || (d.width ? T === "max-content" ? "max-content" : T : d.fitContent || d.minWidth || d.stickiness ? "max-content" : "1fr");
|
|
1035
|
+
return d.fitContent ? "max-content" : T.endsWith("px") ? T : `minmax(${W}, ${C})`;
|
|
1021
1036
|
});
|
|
1022
|
-
return e.features.selecting ? { gridTemplateColumns: `${Z} ${
|
|
1037
|
+
return e.features.selecting ? { gridTemplateColumns: `${Z} ${h.join(" ")}` } : { gridTemplateColumns: h.join(" ") };
|
|
1023
1038
|
});
|
|
1024
1039
|
return {
|
|
1025
1040
|
root: t,
|
|
@@ -1028,16 +1043,16 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
|
|
|
1028
1043
|
};
|
|
1029
1044
|
}
|
|
1030
1045
|
});
|
|
1031
|
-
function Ft(e, t, s, k,
|
|
1032
|
-
return
|
|
1046
|
+
function Ft(e, t, s, k, h, d) {
|
|
1047
|
+
return r(), p("div", {
|
|
1033
1048
|
ref: "root",
|
|
1034
|
-
class:
|
|
1049
|
+
class: f(e.rootStyles),
|
|
1035
1050
|
style: A(e.rootInlineStyles)
|
|
1036
1051
|
}, [
|
|
1037
1052
|
c(e.$slots, "default")
|
|
1038
1053
|
], 6);
|
|
1039
1054
|
}
|
|
1040
|
-
const Nt = /* @__PURE__ */ R(
|
|
1055
|
+
const Nt = /* @__PURE__ */ R(zt, [["render", Ft]]), Pt = [
|
|
1041
1056
|
// Layout
|
|
1042
1057
|
"layout-row",
|
|
1043
1058
|
// Box
|
|
@@ -1060,10 +1075,10 @@ const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
|
|
|
1060
1075
|
};
|
|
1061
1076
|
}
|
|
1062
1077
|
});
|
|
1063
|
-
function jt(e, t, s, k,
|
|
1064
|
-
return
|
|
1078
|
+
function jt(e, t, s, k, h, d) {
|
|
1079
|
+
return r(), p("div", {
|
|
1065
1080
|
ref: "root",
|
|
1066
|
-
class:
|
|
1081
|
+
class: f(e.rootStyles)
|
|
1067
1082
|
}, [
|
|
1068
1083
|
c(e.$slots, "default")
|
|
1069
1084
|
], 2);
|
|
@@ -1074,19 +1089,19 @@ const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
|
|
|
1074
1089
|
// Layout
|
|
1075
1090
|
"col-span-full"
|
|
1076
1091
|
], qt = {
|
|
1077
|
-
[
|
|
1092
|
+
[$.Standard]: [
|
|
1078
1093
|
// Position
|
|
1079
1094
|
"top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
1080
1095
|
],
|
|
1081
|
-
[
|
|
1096
|
+
[$.Comfortable]: [
|
|
1082
1097
|
// Position
|
|
1083
1098
|
"top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
1084
1099
|
],
|
|
1085
|
-
[
|
|
1100
|
+
[$.Compact]: [
|
|
1086
1101
|
// Position
|
|
1087
1102
|
"top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
1088
1103
|
],
|
|
1089
|
-
[
|
|
1104
|
+
[$.Dynamic]: [
|
|
1090
1105
|
// Position
|
|
1091
1106
|
"top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
1092
1107
|
]
|
|
@@ -1117,17 +1132,17 @@ const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
|
|
|
1117
1132
|
};
|
|
1118
1133
|
}
|
|
1119
1134
|
});
|
|
1120
|
-
function Kt(e, t, s, k,
|
|
1121
|
-
const T =
|
|
1122
|
-
return
|
|
1123
|
-
class:
|
|
1135
|
+
function Kt(e, t, s, k, h, d) {
|
|
1136
|
+
const T = g("OrNotification");
|
|
1137
|
+
return r(), p("div", {
|
|
1138
|
+
class: f(e.rootStyles)
|
|
1124
1139
|
}, [
|
|
1125
|
-
|
|
1140
|
+
N(T, he(e.notification, {
|
|
1126
1141
|
class: "rounded-0 shadow-none",
|
|
1127
|
-
onClose: t[0] || (t[0] = (
|
|
1142
|
+
onClose: t[0] || (t[0] = (W) => e.$emit("close-notification"))
|
|
1128
1143
|
}), {
|
|
1129
|
-
default:
|
|
1130
|
-
e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) :
|
|
1144
|
+
default: b(() => [
|
|
1145
|
+
e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) : y("", !0)
|
|
1131
1146
|
]),
|
|
1132
1147
|
_: 3
|
|
1133
1148
|
}, 16)
|
|
@@ -1147,19 +1162,19 @@ const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
|
|
|
1147
1162
|
"children:theme-background-default",
|
|
1148
1163
|
"dark:children:theme-background-default-dark"
|
|
1149
1164
|
], Qt = {
|
|
1150
|
-
[
|
|
1165
|
+
[$.Standard]: [
|
|
1151
1166
|
// Box
|
|
1152
1167
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
1153
1168
|
],
|
|
1154
|
-
[
|
|
1169
|
+
[$.Comfortable]: [
|
|
1155
1170
|
// Box
|
|
1156
1171
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
1157
1172
|
],
|
|
1158
|
-
[
|
|
1173
|
+
[$.Compact]: [
|
|
1159
1174
|
// Box
|
|
1160
1175
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
1161
1176
|
],
|
|
1162
|
-
[
|
|
1177
|
+
[$.Dynamic]: [
|
|
1163
1178
|
// Box
|
|
1164
1179
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
1165
1180
|
]
|
|
@@ -1186,10 +1201,10 @@ const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
|
|
|
1186
1201
|
};
|
|
1187
1202
|
}
|
|
1188
1203
|
});
|
|
1189
|
-
function Zt(e, t, s, k,
|
|
1190
|
-
return
|
|
1204
|
+
function Zt(e, t, s, k, h, d) {
|
|
1205
|
+
return r(), p("div", {
|
|
1191
1206
|
ref: "root",
|
|
1192
|
-
class:
|
|
1207
|
+
class: f(e.rootStyles)
|
|
1193
1208
|
}, [
|
|
1194
1209
|
c(e.$slots, "default")
|
|
1195
1210
|
], 2);
|
|
@@ -1200,8 +1215,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1200
1215
|
], ea = M({
|
|
1201
1216
|
name: "OrDataGrid",
|
|
1202
1217
|
components: {
|
|
1203
|
-
OrCheckbox:
|
|
1204
|
-
OrDataGridFooter:
|
|
1218
|
+
OrCheckbox: se,
|
|
1219
|
+
OrDataGridFooter: We,
|
|
1205
1220
|
OrDataGridHeader: je,
|
|
1206
1221
|
OrDataGridTable: Nt,
|
|
1207
1222
|
OrDataGridTableContent: at,
|
|
@@ -1212,14 +1227,14 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1212
1227
|
OrDataGridTableFooterRow: ut,
|
|
1213
1228
|
OrDataGridTableExtraRow: _t,
|
|
1214
1229
|
OrDataGridTableHeader: Vt,
|
|
1215
|
-
OrDataGridTableHeaderCell:
|
|
1230
|
+
OrDataGridTableHeaderCell: bt,
|
|
1216
1231
|
OrDataGridTableHeaderRow: St,
|
|
1217
|
-
OrDataGridTablePlaceholder:
|
|
1232
|
+
OrDataGridTablePlaceholder: Et,
|
|
1218
1233
|
OrDataGridToolbar: Lt,
|
|
1219
1234
|
OrDataGridNotification: Xt,
|
|
1220
|
-
OrPagination:
|
|
1221
|
-
OrSearch:
|
|
1222
|
-
OrSkeletonText:
|
|
1235
|
+
OrPagination: ue,
|
|
1236
|
+
OrSearch: me,
|
|
1237
|
+
OrSkeletonText: fe
|
|
1223
1238
|
},
|
|
1224
1239
|
model: {
|
|
1225
1240
|
prop: "modelValue",
|
|
@@ -1240,7 +1255,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1240
1255
|
},
|
|
1241
1256
|
variant: {
|
|
1242
1257
|
type: String,
|
|
1243
|
-
default: () =>
|
|
1258
|
+
default: () => $.Standard
|
|
1244
1259
|
},
|
|
1245
1260
|
features: {
|
|
1246
1261
|
type: Object,
|
|
@@ -1273,19 +1288,19 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1273
1288
|
"root"
|
|
1274
1289
|
],
|
|
1275
1290
|
setup(e, t) {
|
|
1276
|
-
const s = S(), k = S(),
|
|
1291
|
+
const s = S(), k = S(), h = S(), d = n(() => [
|
|
1277
1292
|
"or-data-grid-v3",
|
|
1278
1293
|
...xt
|
|
1279
1294
|
]), T = n(() => ({
|
|
1280
|
-
scrollPaddingInlineStart: `${[...V.value.values()].reduce((a,
|
|
1281
|
-
scrollPaddingInlineEnd: `${[...
|
|
1282
|
-
})),
|
|
1295
|
+
scrollPaddingInlineStart: `${[...V.value.values()].reduce((a, w) => a + w, 0)}px`,
|
|
1296
|
+
scrollPaddingInlineEnd: `${[...H.value.values()].reduce((a, w) => a + w, 0)}px`
|
|
1297
|
+
})), W = n({
|
|
1283
1298
|
get: () => !!e.items.length && e.items.every((a) => C.value.includes(a.id)),
|
|
1284
1299
|
set: (a) => {
|
|
1285
1300
|
a ? C.value = [
|
|
1286
1301
|
.../* @__PURE__ */ new Set([
|
|
1287
1302
|
...C.value,
|
|
1288
|
-
...e.items.map((
|
|
1303
|
+
...e.items.map((w) => w.id)
|
|
1289
1304
|
])
|
|
1290
1305
|
] : C.value = [];
|
|
1291
1306
|
}
|
|
@@ -1297,13 +1312,13 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1297
1312
|
set: (a) => {
|
|
1298
1313
|
t.emit("update:modelValue", {
|
|
1299
1314
|
selecting: a,
|
|
1300
|
-
filtering:
|
|
1315
|
+
filtering: u.value,
|
|
1301
1316
|
searching: D.value,
|
|
1302
1317
|
sorting: I.value,
|
|
1303
1318
|
paging: G.value
|
|
1304
1319
|
});
|
|
1305
1320
|
}
|
|
1306
|
-
}),
|
|
1321
|
+
}), u = n({
|
|
1307
1322
|
get: () => {
|
|
1308
1323
|
var a;
|
|
1309
1324
|
return (a = e.modelValue) == null ? void 0 : a.filtering;
|
|
@@ -1328,7 +1343,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1328
1343
|
set: (a) => {
|
|
1329
1344
|
t.emit("update:modelValue", {
|
|
1330
1345
|
selecting: C.value,
|
|
1331
|
-
filtering:
|
|
1346
|
+
filtering: u.value,
|
|
1332
1347
|
searching: a,
|
|
1333
1348
|
sorting: I.value,
|
|
1334
1349
|
paging: {
|
|
@@ -1345,7 +1360,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1345
1360
|
set: (a) => {
|
|
1346
1361
|
t.emit("update:modelValue", {
|
|
1347
1362
|
selecting: C.value,
|
|
1348
|
-
filtering:
|
|
1363
|
+
filtering: u.value,
|
|
1349
1364
|
searching: D.value,
|
|
1350
1365
|
sorting: a,
|
|
1351
1366
|
paging: {
|
|
@@ -1362,62 +1377,63 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1362
1377
|
set: (a) => {
|
|
1363
1378
|
t.emit("update:modelValue", {
|
|
1364
1379
|
selecting: C.value,
|
|
1365
|
-
filtering:
|
|
1380
|
+
filtering: u.value,
|
|
1366
1381
|
searching: D.value,
|
|
1367
1382
|
sorting: I.value,
|
|
1368
1383
|
paging: a
|
|
1369
1384
|
});
|
|
1370
1385
|
}
|
|
1371
1386
|
});
|
|
1372
|
-
|
|
1387
|
+
le(() => {
|
|
1373
1388
|
var a;
|
|
1374
1389
|
return (a = G.value) == null ? void 0 : a.offset;
|
|
1375
1390
|
}, () => {
|
|
1376
1391
|
var a;
|
|
1377
|
-
(a =
|
|
1392
|
+
(a = h.value) != null && a.root && h.value.root.scrollTo({
|
|
1378
1393
|
top: 0,
|
|
1379
1394
|
behavior: "smooth"
|
|
1380
1395
|
});
|
|
1381
1396
|
});
|
|
1382
|
-
const
|
|
1397
|
+
const F = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), z = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), o = n(() => {
|
|
1383
1398
|
var a;
|
|
1384
1399
|
return ((a = k.value) == null ? void 0 : a.currentLimit) || 10;
|
|
1385
|
-
}),
|
|
1400
|
+
}), i = S({}), v = n(() => e.columns.map((a) => ({
|
|
1386
1401
|
...a,
|
|
1387
|
-
width:
|
|
1388
|
-
}))), V = S(/* @__PURE__ */ new Map()),
|
|
1389
|
-
const a = /* @__PURE__ */ new Map(),
|
|
1390
|
-
e.features.selecting &&
|
|
1402
|
+
width: i.value[a.name] || a.width
|
|
1403
|
+
}))), V = S(/* @__PURE__ */ new Map()), H = S(/* @__PURE__ */ new Map()), q = n(() => {
|
|
1404
|
+
const a = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), E = [], ae = [];
|
|
1405
|
+
e.features.selecting && E.push({
|
|
1391
1406
|
name: "_check",
|
|
1392
|
-
stickiness: "start"
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
let re = 0;
|
|
1397
|
-
H.forEach((P) => {
|
|
1398
|
-
a.set(P.name, re), re += V.value.get(P.name) || 0;
|
|
1407
|
+
stickiness: "start",
|
|
1408
|
+
alignment: "center"
|
|
1409
|
+
}), v.value.forEach((P) => {
|
|
1410
|
+
P.stickiness === "start" ? E.push(P) : P.stickiness === "end" && ae.push(P);
|
|
1399
1411
|
});
|
|
1400
1412
|
let oe = 0;
|
|
1413
|
+
E.forEach((P) => {
|
|
1414
|
+
a.set(P.name, oe), oe += V.value.get(P.name) || 0;
|
|
1415
|
+
});
|
|
1416
|
+
let re = 0;
|
|
1401
1417
|
return [...ae].reverse().forEach((P) => {
|
|
1402
|
-
|
|
1418
|
+
w.set(P.name, re), re += H.value.get(P.name) || 0;
|
|
1403
1419
|
}), {
|
|
1404
1420
|
start: a,
|
|
1405
|
-
end:
|
|
1421
|
+
end: w
|
|
1406
1422
|
};
|
|
1407
1423
|
});
|
|
1408
1424
|
function X(a) {
|
|
1409
1425
|
D.value = a;
|
|
1410
1426
|
}
|
|
1411
|
-
function J(a,
|
|
1412
|
-
switch (
|
|
1427
|
+
function J(a, w, E) {
|
|
1428
|
+
switch (E.stickiness) {
|
|
1413
1429
|
case "start":
|
|
1414
|
-
V.value.set(
|
|
1430
|
+
V.value.set(E.name, w), V.value = new Map(V.value), H.value.delete(E.name), H.value = new Map(H.value);
|
|
1415
1431
|
break;
|
|
1416
1432
|
case "end":
|
|
1417
|
-
V.value.delete(
|
|
1433
|
+
V.value.delete(E.name), V.value = new Map(V.value), H.value.set(E.name, w), H.value = new Map(H.value);
|
|
1418
1434
|
break;
|
|
1419
1435
|
default:
|
|
1420
|
-
te(
|
|
1436
|
+
te(E.name);
|
|
1421
1437
|
break;
|
|
1422
1438
|
}
|
|
1423
1439
|
}
|
|
@@ -1427,75 +1443,75 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1427
1443
|
function L(a) {
|
|
1428
1444
|
e.interactiveRows && t.emit("blur:row", a);
|
|
1429
1445
|
}
|
|
1430
|
-
function B(a,
|
|
1446
|
+
function B(a, w, E) {
|
|
1431
1447
|
e.interactiveRows && t.emit("hover:cell", {
|
|
1432
1448
|
item: a,
|
|
1433
|
-
columnName:
|
|
1434
|
-
value:
|
|
1449
|
+
columnName: w,
|
|
1450
|
+
value: E
|
|
1435
1451
|
});
|
|
1436
1452
|
}
|
|
1437
|
-
function l(a,
|
|
1453
|
+
function l(a, w, E) {
|
|
1438
1454
|
e.interactiveRows && t.emit("blur:cell", {
|
|
1439
1455
|
item: a,
|
|
1440
|
-
columnName:
|
|
1441
|
-
value:
|
|
1456
|
+
columnName: w,
|
|
1457
|
+
value: E
|
|
1442
1458
|
});
|
|
1443
1459
|
}
|
|
1444
|
-
function
|
|
1460
|
+
function m(a) {
|
|
1445
1461
|
e.interactiveRows && t.emit("click:row", a);
|
|
1446
1462
|
}
|
|
1447
|
-
function j(a,
|
|
1448
|
-
|
|
1449
|
-
...
|
|
1450
|
-
[a.name]: `${
|
|
1451
|
-
}, e.features.storageKey &&
|
|
1463
|
+
function j(a, w) {
|
|
1464
|
+
i.value = {
|
|
1465
|
+
...i.value,
|
|
1466
|
+
[a.name]: `${w}px`
|
|
1467
|
+
}, e.features.storageKey && ie();
|
|
1452
1468
|
}
|
|
1453
|
-
function
|
|
1469
|
+
function ie() {
|
|
1454
1470
|
if (typeof window > "u" || !e.features.storageKey) return;
|
|
1455
1471
|
const a = {};
|
|
1456
|
-
|
|
1457
|
-
|
|
1472
|
+
v.value.forEach((w) => {
|
|
1473
|
+
w.name && w.width && (a[w.name] = w.width);
|
|
1458
1474
|
}), localStorage.setItem(`or-data-grid-v3-widths-${e.features.storageKey}`, JSON.stringify(a));
|
|
1459
1475
|
}
|
|
1460
|
-
function
|
|
1476
|
+
function de() {
|
|
1461
1477
|
if (!(typeof window > "u" || !e.features.storageKey))
|
|
1462
1478
|
try {
|
|
1463
1479
|
const a = localStorage.getItem(`or-data-grid-v3-widths-${e.features.storageKey}`);
|
|
1464
1480
|
if (a) {
|
|
1465
|
-
const
|
|
1466
|
-
|
|
1481
|
+
const w = JSON.parse(a);
|
|
1482
|
+
i.value = w;
|
|
1467
1483
|
}
|
|
1468
1484
|
} catch (a) {
|
|
1469
1485
|
console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
|
|
1470
1486
|
}
|
|
1471
1487
|
}
|
|
1472
1488
|
pe(() => {
|
|
1473
|
-
|
|
1489
|
+
de();
|
|
1474
1490
|
});
|
|
1475
1491
|
function te(a) {
|
|
1476
|
-
V.value.delete(a), V.value = new Map(V.value),
|
|
1492
|
+
V.value.delete(a), V.value = new Map(V.value), H.value.delete(a), H.value = new Map(H.value);
|
|
1477
1493
|
}
|
|
1478
|
-
function
|
|
1494
|
+
function ce(a) {
|
|
1479
1495
|
a.currentTarget.scrollIntoView({ block: "nearest" });
|
|
1480
1496
|
}
|
|
1481
1497
|
return {
|
|
1482
1498
|
root: s,
|
|
1483
|
-
rootStyles:
|
|
1499
|
+
rootStyles: d,
|
|
1484
1500
|
pagination: k,
|
|
1485
1501
|
tableInlineStyles: T,
|
|
1486
|
-
selectingIndicator:
|
|
1487
|
-
showSelectingCouter:
|
|
1488
|
-
selectingDisabled:
|
|
1489
|
-
skeletonsLength:
|
|
1490
|
-
actualColumns:
|
|
1502
|
+
selectingIndicator: W,
|
|
1503
|
+
showSelectingCouter: F,
|
|
1504
|
+
selectingDisabled: z,
|
|
1505
|
+
skeletonsLength: o,
|
|
1506
|
+
actualColumns: v,
|
|
1491
1507
|
handleMouseEnterRow: U,
|
|
1492
1508
|
handleMouseLeaveRow: L,
|
|
1493
1509
|
handleMouseEnterCell: B,
|
|
1494
1510
|
handleMouseLeaveCell: l,
|
|
1495
|
-
handleRowClick:
|
|
1511
|
+
handleRowClick: m,
|
|
1496
1512
|
updateColumnWidth: j,
|
|
1497
1513
|
selectingModel: C,
|
|
1498
|
-
filteringModel:
|
|
1514
|
+
filteringModel: u,
|
|
1499
1515
|
searchingModel: D,
|
|
1500
1516
|
sortingModel: I,
|
|
1501
1517
|
pagingModel: G,
|
|
@@ -1505,40 +1521,40 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
|
|
|
1505
1521
|
updateSearchingModel: X,
|
|
1506
1522
|
scrollToTop: () => {
|
|
1507
1523
|
var a;
|
|
1508
|
-
(a =
|
|
1524
|
+
(a = h.value) != null && a.root && h.value.root.scrollTo({
|
|
1509
1525
|
top: 0,
|
|
1510
1526
|
behavior: "smooth"
|
|
1511
1527
|
});
|
|
1512
1528
|
},
|
|
1513
|
-
scrollTo:
|
|
1514
|
-
onInput: (a,
|
|
1515
|
-
a[
|
|
1529
|
+
scrollTo: ce,
|
|
1530
|
+
onInput: (a, w, E) => {
|
|
1531
|
+
a[w] = E, t.emit("update:item", a);
|
|
1516
1532
|
}
|
|
1517
1533
|
};
|
|
1518
1534
|
}
|
|
1519
1535
|
});
|
|
1520
|
-
function ta(e, t, s, k,
|
|
1521
|
-
const T =
|
|
1522
|
-
return
|
|
1536
|
+
function ta(e, t, s, k, h, d) {
|
|
1537
|
+
const T = g("OrSearch"), W = g("OrDataGridHeader"), C = g("OrDataGridToolbar"), u = g("OrCheckbox"), D = g("OrDataGridTableHeaderCell"), I = g("OrDataGridTableHeaderRow"), G = g("OrDataGridTableHeader"), F = g("OrDataGridNotification"), z = g("OrDataGridTableExtraRow"), o = g("OrSkeletonText"), i = g("OrDataGridTableContentCell"), v = g("OrDataGridTableContentRow"), V = g("OrDataGridTablePlaceholder"), H = g("OrDataGridTableContent"), q = g("OrDataGridTable"), X = g("OrDataGridTableFooterCell"), J = g("OrDataGridTableFooterRow"), U = g("OrDataGridTableFooter"), L = g("OrPagination"), B = g("OrDataGridFooter");
|
|
1538
|
+
return r(), p("div", {
|
|
1523
1539
|
ref: "root",
|
|
1524
|
-
class:
|
|
1540
|
+
class: f(e.rootStyles)
|
|
1525
1541
|
}, [
|
|
1526
|
-
e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (
|
|
1542
|
+
e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), O(W, {
|
|
1527
1543
|
key: 0,
|
|
1528
|
-
class:
|
|
1544
|
+
class: f(["shrink-0"])
|
|
1529
1545
|
}, _({ _: 2 }, [
|
|
1530
1546
|
e.$slots.title ? {
|
|
1531
1547
|
name: "title",
|
|
1532
|
-
fn:
|
|
1548
|
+
fn: b(() => [
|
|
1533
1549
|
c(e.$slots, "title")
|
|
1534
1550
|
]),
|
|
1535
1551
|
key: "0"
|
|
1536
1552
|
} : void 0,
|
|
1537
1553
|
e.features.searching ? {
|
|
1538
1554
|
name: "searching",
|
|
1539
|
-
fn:
|
|
1540
|
-
c(e.$slots, "search",
|
|
1541
|
-
|
|
1555
|
+
fn: b(() => [
|
|
1556
|
+
c(e.$slots, "search", ve(ye({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
|
|
1557
|
+
N(T, {
|
|
1542
1558
|
modelValue: e.searchingModel,
|
|
1543
1559
|
"onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchingModel = l)
|
|
1544
1560
|
}, null, 8, ["modelValue"])
|
|
@@ -1548,43 +1564,44 @@ function ta(e, t, s, k, g, i) {
|
|
|
1548
1564
|
} : void 0,
|
|
1549
1565
|
e.$slots.extraActions ? {
|
|
1550
1566
|
name: "extraActions",
|
|
1551
|
-
fn:
|
|
1567
|
+
fn: b(() => [
|
|
1552
1568
|
c(e.$slots, "extraActions")
|
|
1553
1569
|
]),
|
|
1554
1570
|
key: "2"
|
|
1555
1571
|
} : void 0
|
|
1556
|
-
]), 1024)) :
|
|
1557
|
-
e.$slots.toolbar ? (
|
|
1572
|
+
]), 1024)) : y("", !0),
|
|
1573
|
+
e.$slots.toolbar ? (r(), O(C, {
|
|
1558
1574
|
key: 1,
|
|
1559
|
-
class:
|
|
1575
|
+
class: f(["shrink-0"])
|
|
1560
1576
|
}, {
|
|
1561
|
-
default:
|
|
1577
|
+
default: b(() => [
|
|
1562
1578
|
c(e.$slots, "toolbar")
|
|
1563
1579
|
]),
|
|
1564
1580
|
_: 3
|
|
1565
|
-
})) :
|
|
1566
|
-
|
|
1581
|
+
})) : y("", !0),
|
|
1582
|
+
N(q, {
|
|
1567
1583
|
ref: "table",
|
|
1568
|
-
class:
|
|
1584
|
+
class: f(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
|
|
1569
1585
|
style: A(e.tableInlineStyles),
|
|
1570
1586
|
columns: e.actualColumns,
|
|
1571
1587
|
features: e.features
|
|
1572
1588
|
}, {
|
|
1573
|
-
default:
|
|
1574
|
-
|
|
1575
|
-
default:
|
|
1576
|
-
|
|
1577
|
-
default:
|
|
1578
|
-
e.features.selecting ? (
|
|
1589
|
+
default: b(() => [
|
|
1590
|
+
N(G, null, {
|
|
1591
|
+
default: b(() => [
|
|
1592
|
+
N(I, { variant: e.variant }, {
|
|
1593
|
+
default: b(() => [
|
|
1594
|
+
e.features.selecting ? (r(), O(D, {
|
|
1579
1595
|
key: 0,
|
|
1580
|
-
column: { name: "_check", stickiness: "start" },
|
|
1596
|
+
column: { name: "_check", stickiness: "start", alignment: "center" },
|
|
1581
1597
|
"sticky-offset": e.stickyOffsets.start.get("_check"),
|
|
1582
|
-
|
|
1598
|
+
override: !0,
|
|
1599
|
+
class: "!px-none",
|
|
1583
1600
|
"onUpdate:scrollOffset": e.updateScrollOffset,
|
|
1584
1601
|
"onRemove:scrollOffset": e.removeScrollOffset
|
|
1585
1602
|
}, {
|
|
1586
|
-
default:
|
|
1587
|
-
|
|
1603
|
+
default: b(() => [
|
|
1604
|
+
N(u, {
|
|
1588
1605
|
modelValue: e.selectingIndicator,
|
|
1589
1606
|
"onUpdate:modelValue": t[1] || (t[1] = (l) => e.selectingIndicator = l),
|
|
1590
1607
|
indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
|
|
@@ -1592,19 +1609,19 @@ function ta(e, t, s, k, g, i) {
|
|
|
1592
1609
|
}, null, 8, ["modelValue", "indeterminate", "disabled"])
|
|
1593
1610
|
]),
|
|
1594
1611
|
_: 1
|
|
1595
|
-
}, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) :
|
|
1596
|
-
(
|
|
1612
|
+
}, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : y("", !0),
|
|
1613
|
+
(r(!0), p(Q, null, Y(e.actualColumns, (l) => (r(), O(D, {
|
|
1597
1614
|
key: l.name,
|
|
1598
1615
|
modelValue: e.sortingModel,
|
|
1599
|
-
"onUpdate:modelValue": t[2] || (t[2] = (
|
|
1616
|
+
"onUpdate:modelValue": t[2] || (t[2] = (m) => e.sortingModel = m),
|
|
1600
1617
|
column: l,
|
|
1601
1618
|
features: e.features,
|
|
1602
1619
|
"sticky-offset": l.stickiness === "start" ? e.stickyOffsets.start.get(l.name) : l.stickiness === "end" ? e.stickyOffsets.end.get(l.name) : void 0,
|
|
1603
1620
|
"onUpdate:scrollOffset": e.updateScrollOffset,
|
|
1604
1621
|
"onRemove:scrollOffset": e.removeScrollOffset,
|
|
1605
|
-
"onUpdate:columnWidth": (
|
|
1622
|
+
"onUpdate:columnWidth": (m) => e.updateColumnWidth(l, m)
|
|
1606
1623
|
}, {
|
|
1607
|
-
default:
|
|
1624
|
+
default: b(() => [
|
|
1608
1625
|
x(ee(l.label), 1)
|
|
1609
1626
|
]),
|
|
1610
1627
|
_: 2
|
|
@@ -1615,7 +1632,7 @@ function ta(e, t, s, k, g, i) {
|
|
|
1615
1632
|
]),
|
|
1616
1633
|
_: 1
|
|
1617
1634
|
}),
|
|
1618
|
-
e.notification ? (
|
|
1635
|
+
e.notification ? (r(), O(F, {
|
|
1619
1636
|
key: 0,
|
|
1620
1637
|
notification: e.notification,
|
|
1621
1638
|
variant: e.variant,
|
|
@@ -1623,60 +1640,61 @@ function ta(e, t, s, k, g, i) {
|
|
|
1623
1640
|
}, _({ _: 2 }, [
|
|
1624
1641
|
e.$slots.notification ? {
|
|
1625
1642
|
name: "notification",
|
|
1626
|
-
fn:
|
|
1643
|
+
fn: b(() => [
|
|
1627
1644
|
c(e.$slots, "notification")
|
|
1628
1645
|
]),
|
|
1629
1646
|
key: "0"
|
|
1630
1647
|
} : void 0
|
|
1631
|
-
]), 1032, ["notification", "variant"])) :
|
|
1632
|
-
|
|
1633
|
-
default:
|
|
1634
|
-
e.$slots["before-rows"] ? (
|
|
1648
|
+
]), 1032, ["notification", "variant"])) : y("", !0),
|
|
1649
|
+
N(H, null, {
|
|
1650
|
+
default: b(() => [
|
|
1651
|
+
e.$slots["before-rows"] ? (r(), O(z, {
|
|
1635
1652
|
key: 0,
|
|
1636
1653
|
variant: e.variant,
|
|
1637
1654
|
class: "border-b-1"
|
|
1638
1655
|
}, {
|
|
1639
|
-
default:
|
|
1656
|
+
default: b(() => [
|
|
1640
1657
|
c(e.$slots, "before-rows")
|
|
1641
1658
|
]),
|
|
1642
1659
|
_: 3
|
|
1643
|
-
}, 8, ["variant"])) :
|
|
1644
|
-
e.loading ? (
|
|
1660
|
+
}, 8, ["variant"])) : y("", !0),
|
|
1661
|
+
e.loading ? (r(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (r(), O(v, {
|
|
1645
1662
|
key: l,
|
|
1646
1663
|
variant: e.variant,
|
|
1647
1664
|
interactive: e.interactiveRows
|
|
1648
1665
|
}, {
|
|
1649
|
-
default:
|
|
1650
|
-
e.features.selecting ? (
|
|
1666
|
+
default: b(() => [
|
|
1667
|
+
e.features.selecting ? (r(), O(i, {
|
|
1651
1668
|
key: 0,
|
|
1652
|
-
column: { name: "_check", stickiness: "start" },
|
|
1669
|
+
column: { name: "_check", stickiness: "start", alignment: "center" },
|
|
1653
1670
|
"sticky-offset": e.stickyOffsets.start.get("_check"),
|
|
1654
1671
|
variant: e.variant,
|
|
1655
|
-
override: !0
|
|
1672
|
+
override: !0,
|
|
1673
|
+
class: "!px-none"
|
|
1656
1674
|
}, {
|
|
1657
|
-
default:
|
|
1658
|
-
|
|
1675
|
+
default: b(() => [
|
|
1676
|
+
N(o)
|
|
1659
1677
|
]),
|
|
1660
1678
|
_: 1
|
|
1661
|
-
}, 8, ["sticky-offset", "variant"])) :
|
|
1662
|
-
(
|
|
1663
|
-
key:
|
|
1664
|
-
column:
|
|
1679
|
+
}, 8, ["sticky-offset", "variant"])) : y("", !0),
|
|
1680
|
+
(r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), O(i, {
|
|
1681
|
+
key: m.name,
|
|
1682
|
+
column: m,
|
|
1665
1683
|
features: e.features,
|
|
1666
|
-
"sticky-offset":
|
|
1684
|
+
"sticky-offset": m.stickiness === "start" ? e.stickyOffsets.start.get(m.name) : m.stickiness === "end" ? e.stickyOffsets.end.get(m.name) : void 0,
|
|
1667
1685
|
variant: e.variant,
|
|
1668
1686
|
override: !0
|
|
1669
1687
|
}, {
|
|
1670
|
-
default:
|
|
1671
|
-
c(e.$slots, "column-loading", { column:
|
|
1672
|
-
|
|
1688
|
+
default: b(() => [
|
|
1689
|
+
c(e.$slots, "column-loading", { column: m }, () => [
|
|
1690
|
+
N(o)
|
|
1673
1691
|
])
|
|
1674
1692
|
]),
|
|
1675
1693
|
_: 2
|
|
1676
1694
|
}, 1032, ["column", "features", "sticky-offset", "variant"]))), 128))
|
|
1677
1695
|
]),
|
|
1678
1696
|
_: 2
|
|
1679
|
-
}, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (
|
|
1697
|
+
}, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(Q, { key: 2 }, Y(e.items, (l) => (r(), O(v, {
|
|
1680
1698
|
key: l.id,
|
|
1681
1699
|
variant: e.variant,
|
|
1682
1700
|
selected: e.selectingModel.includes(l.id),
|
|
@@ -1685,98 +1703,98 @@ function ta(e, t, s, k, g, i) {
|
|
|
1685
1703
|
onMouseleave: () => e.handleMouseLeaveRow(l),
|
|
1686
1704
|
onClick: () => e.handleRowClick(l)
|
|
1687
1705
|
}, {
|
|
1688
|
-
default:
|
|
1689
|
-
e.features.selecting ? (
|
|
1706
|
+
default: b(() => [
|
|
1707
|
+
e.features.selecting ? (r(), O(i, {
|
|
1690
1708
|
key: 0,
|
|
1691
|
-
column: { name: "_check", stickiness: "start" },
|
|
1709
|
+
column: { name: "_check", stickiness: "start", alignment: "center" },
|
|
1692
1710
|
"sticky-offset": e.stickyOffsets.start.get("_check"),
|
|
1693
1711
|
variant: e.variant,
|
|
1694
1712
|
override: !0,
|
|
1695
1713
|
"force-state": "none",
|
|
1696
|
-
class: "
|
|
1714
|
+
class: "!px-none",
|
|
1697
1715
|
onMouseenter: () => e.handleMouseEnterCell(l, "selecting", e.selectingModel.includes(l.id)),
|
|
1698
1716
|
onMouseleave: () => e.handleMouseLeaveCell(l, "selecting", e.selectingModel.includes(l.id))
|
|
1699
1717
|
}, {
|
|
1700
|
-
default:
|
|
1701
|
-
|
|
1718
|
+
default: b(() => [
|
|
1719
|
+
N(u, {
|
|
1702
1720
|
modelValue: e.selectingModel,
|
|
1703
|
-
"onUpdate:modelValue": t[4] || (t[4] = (
|
|
1721
|
+
"onUpdate:modelValue": t[4] || (t[4] = (m) => e.selectingModel = m),
|
|
1704
1722
|
value: l.id,
|
|
1705
1723
|
disabled: e.selectingDisabled
|
|
1706
1724
|
}, null, 8, ["modelValue", "value", "disabled"])
|
|
1707
1725
|
]),
|
|
1708
1726
|
_: 2
|
|
1709
|
-
}, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) :
|
|
1710
|
-
(
|
|
1711
|
-
key:
|
|
1712
|
-
"model-value": l[
|
|
1713
|
-
column:
|
|
1727
|
+
}, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : y("", !0),
|
|
1728
|
+
(r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), O(i, {
|
|
1729
|
+
key: m.name,
|
|
1730
|
+
"model-value": l[m.name],
|
|
1731
|
+
column: m,
|
|
1714
1732
|
features: e.features,
|
|
1715
|
-
"sticky-offset":
|
|
1733
|
+
"sticky-offset": m.stickiness === "start" ? e.stickyOffsets.start.get(m.name) : m.stickiness === "end" ? e.stickyOffsets.end.get(m.name) : void 0,
|
|
1716
1734
|
variant: e.variant,
|
|
1717
|
-
onInput: (j) => e.onInput(l,
|
|
1735
|
+
onInput: (j) => e.onInput(l, m.name, j),
|
|
1718
1736
|
onFocusin: t[5] || (t[5] = (j) => e.scrollTo(j)),
|
|
1719
|
-
onMouseenter: () => e.handleMouseEnterCell(l,
|
|
1720
|
-
onMouseleave: () => e.handleMouseLeaveCell(l,
|
|
1737
|
+
onMouseenter: () => e.handleMouseEnterCell(l, m.name, l[m.name]),
|
|
1738
|
+
onMouseleave: () => e.handleMouseLeaveCell(l, m.name, l[m.name])
|
|
1721
1739
|
}, {
|
|
1722
|
-
default:
|
|
1723
|
-
c(e.$slots,
|
|
1724
|
-
column:
|
|
1740
|
+
default: b(() => [
|
|
1741
|
+
c(e.$slots, m.name, {
|
|
1742
|
+
column: m,
|
|
1725
1743
|
item: l
|
|
1726
1744
|
}, () => [
|
|
1727
|
-
x(ee(l[
|
|
1745
|
+
x(ee(l[m.name]), 1)
|
|
1728
1746
|
])
|
|
1729
1747
|
]),
|
|
1730
1748
|
_: 2
|
|
1731
1749
|
}, 1032, ["model-value", "column", "features", "sticky-offset", "variant", "onInput", "onMouseenter", "onMouseleave"]))), 128))
|
|
1732
1750
|
]),
|
|
1733
1751
|
_: 2
|
|
1734
|
-
}, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (
|
|
1752
|
+
}, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), O(V, {
|
|
1735
1753
|
key: 3,
|
|
1736
|
-
class:
|
|
1754
|
+
class: f(["col-span-full"]),
|
|
1737
1755
|
variant: e.variant
|
|
1738
1756
|
}, {
|
|
1739
|
-
default:
|
|
1757
|
+
default: b(() => [
|
|
1740
1758
|
c(e.$slots, "noSearchResults", {
|
|
1741
1759
|
filter: e.filteringModel,
|
|
1742
1760
|
search: e.searchingModel
|
|
1743
1761
|
})
|
|
1744
1762
|
]),
|
|
1745
1763
|
_: 3
|
|
1746
|
-
}, 8, ["variant"])) : e.$slots.empty ? (
|
|
1764
|
+
}, 8, ["variant"])) : e.$slots.empty ? (r(), O(V, {
|
|
1747
1765
|
key: 4,
|
|
1748
|
-
class:
|
|
1766
|
+
class: f(["col-span-full"]),
|
|
1749
1767
|
variant: e.variant
|
|
1750
1768
|
}, {
|
|
1751
|
-
default:
|
|
1769
|
+
default: b(() => [
|
|
1752
1770
|
c(e.$slots, "empty")
|
|
1753
1771
|
]),
|
|
1754
1772
|
_: 3
|
|
1755
|
-
}, 8, ["variant"])) :
|
|
1756
|
-
e.$slots["after-rows"] ? (
|
|
1773
|
+
}, 8, ["variant"])) : y("", !0),
|
|
1774
|
+
e.$slots["after-rows"] ? (r(), O(z, {
|
|
1757
1775
|
key: 5,
|
|
1758
1776
|
variant: e.variant
|
|
1759
1777
|
}, {
|
|
1760
|
-
default:
|
|
1778
|
+
default: b(() => [
|
|
1761
1779
|
c(e.$slots, "after-rows")
|
|
1762
1780
|
]),
|
|
1763
1781
|
_: 3
|
|
1764
|
-
}, 8, ["variant"])) :
|
|
1782
|
+
}, 8, ["variant"])) : y("", !0)
|
|
1765
1783
|
]),
|
|
1766
1784
|
_: 3
|
|
1767
1785
|
})
|
|
1768
1786
|
]),
|
|
1769
1787
|
_: 3
|
|
1770
1788
|
}, 8, ["class", "style", "columns", "features"]),
|
|
1771
|
-
e.$slots["extra-row"] ? (
|
|
1772
|
-
default:
|
|
1773
|
-
|
|
1774
|
-
class:
|
|
1789
|
+
e.$slots["extra-row"] ? (r(), O(U, { key: 2 }, {
|
|
1790
|
+
default: b(() => [
|
|
1791
|
+
N(J, {
|
|
1792
|
+
class: f(["shrink-0"]),
|
|
1775
1793
|
variant: e.variant
|
|
1776
1794
|
}, {
|
|
1777
|
-
default:
|
|
1778
|
-
|
|
1779
|
-
default:
|
|
1795
|
+
default: b(() => [
|
|
1796
|
+
N(X, null, {
|
|
1797
|
+
default: b(() => [
|
|
1780
1798
|
c(e.$slots, "extra-row")
|
|
1781
1799
|
]),
|
|
1782
1800
|
_: 3
|
|
@@ -1786,29 +1804,29 @@ function ta(e, t, s, k, g, i) {
|
|
|
1786
1804
|
}, 8, ["variant"])
|
|
1787
1805
|
]),
|
|
1788
1806
|
_: 3
|
|
1789
|
-
})) :
|
|
1790
|
-
e.$slots.actions || e.showSelectingCouter || e.features.paging ? (
|
|
1807
|
+
})) : y("", !0),
|
|
1808
|
+
e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), O(B, {
|
|
1791
1809
|
key: 3,
|
|
1792
|
-
class:
|
|
1810
|
+
class: f(["shrink-0"])
|
|
1793
1811
|
}, _({ _: 2 }, [
|
|
1794
1812
|
e.features.selecting && e.selectingModel.length > 0 ? {
|
|
1795
1813
|
name: "status",
|
|
1796
|
-
fn:
|
|
1814
|
+
fn: b(() => [
|
|
1797
1815
|
x(ee(e.selectingModel.length) + " row(s) selected ", 1)
|
|
1798
1816
|
]),
|
|
1799
1817
|
key: "0"
|
|
1800
1818
|
} : void 0,
|
|
1801
1819
|
e.$slots.actions ? {
|
|
1802
1820
|
name: "actions",
|
|
1803
|
-
fn:
|
|
1821
|
+
fn: b(() => [
|
|
1804
1822
|
c(e.$slots, "actions")
|
|
1805
1823
|
]),
|
|
1806
1824
|
key: "1"
|
|
1807
1825
|
} : void 0,
|
|
1808
1826
|
e.features.paging ? {
|
|
1809
1827
|
name: "paging",
|
|
1810
|
-
fn:
|
|
1811
|
-
|
|
1828
|
+
fn: b(() => [
|
|
1829
|
+
N(L, {
|
|
1812
1830
|
ref: "pagination",
|
|
1813
1831
|
modelValue: e.pagingModel,
|
|
1814
1832
|
"onUpdate:modelValue": t[6] || (t[6] = (l) => e.pagingModel = l),
|
|
@@ -1818,16 +1836,16 @@ function ta(e, t, s, k, g, i) {
|
|
|
1818
1836
|
]),
|
|
1819
1837
|
key: "2"
|
|
1820
1838
|
} : void 0
|
|
1821
|
-
]), 1024)) :
|
|
1839
|
+
]), 1024)) : y("", !0)
|
|
1822
1840
|
], 2);
|
|
1823
1841
|
}
|
|
1824
1842
|
const Oa = /* @__PURE__ */ R(ea, [["render", ta]]);
|
|
1825
1843
|
export {
|
|
1826
|
-
|
|
1844
|
+
$ as D,
|
|
1827
1845
|
Oa as O,
|
|
1828
1846
|
K as a,
|
|
1829
1847
|
Z as b,
|
|
1830
|
-
|
|
1848
|
+
We as c,
|
|
1831
1849
|
je as d,
|
|
1832
1850
|
Ke as e,
|
|
1833
1851
|
_e as f,
|
|
@@ -1835,13 +1853,13 @@ export {
|
|
|
1835
1853
|
st as h,
|
|
1836
1854
|
ut as i,
|
|
1837
1855
|
ht as j,
|
|
1838
|
-
|
|
1856
|
+
bt as k,
|
|
1839
1857
|
St as l,
|
|
1840
1858
|
Vt as m,
|
|
1841
|
-
|
|
1859
|
+
Et as n,
|
|
1842
1860
|
Nt as o,
|
|
1843
1861
|
Lt as p,
|
|
1844
1862
|
Xt as q,
|
|
1845
1863
|
_t as r
|
|
1846
1864
|
};
|
|
1847
|
-
//# sourceMappingURL=OrDataGrid-
|
|
1865
|
+
//# sourceMappingURL=OrDataGrid-Pa3hElOa.mjs.map
|