@digitalwalletcorp/vue-core 1.4.1 → 1.4.2
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/lib/{components-CDIhw5uP.js → components-Mk1fpjbw.js} +1 -1
- package/lib/{components-BCJWnExf.cjs → components-ytOBcKlQ.cjs} +1 -1
- package/lib/helpers/modal-dialog.d.cts +8 -6
- package/lib/helpers/modal-dialog.d.ts +8 -6
- package/lib/index.cjs +1 -1
- package/lib/index.d.cts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +15 -15
- package/lib/internal/message.d.cts +11 -0
- package/lib/internal/message.d.ts +11 -0
- package/lib/modal-dialog.d.cts +5 -5
- package/lib/modal-dialog.d.ts +5 -5
- package/lib/nuxt.cjs +1 -1
- package/lib/nuxt.js +1 -1
- package/lib/register.cjs +1 -1
- package/lib/register.js +1 -1
- package/lib/style.css +1 -1
- package/lib/warning-popper.vue_vue_type_style_index_0_lang-142lRixg.cjs +4 -0
- package/lib/{warning-popper.vue_vue_type_style_index_0_lang-BJxLA6aU.js → warning-popper.vue_vue_type_style_index_0_lang-BKR56ef2.js} +648 -583
- package/package.json +1 -1
- package/src/helpers/floating-component.ts +1 -4
- package/src/helpers/modal-dialog.ts +9 -6
- package/src/index.ts +1 -1
- package/src/internal/message.ts +118 -0
- package/src/modal-dialog.vue +17 -10
- package/lib/warning-popper.vue_vue_type_style_index_0_lang-TYmLM_h9.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as A, useSlots as
|
|
2
|
-
import { SvgTriangleButton as
|
|
1
|
+
import { defineComponent as A, useSlots as Q, openBlock as u, createElementBlock as b, normalizeStyle as F, renderSlot as x, createBlock as j, resolveDynamicComponent as te, mergeProps as le, createCommentVNode as M, normalizeClass as N, createTextVNode as Z, toDisplayString as H, ref as B, onMounted as G, onBeforeUnmount as U, useModel as ie, computed as E, createElementVNode as g, createVNode as O, unref as _, createSlots as re, withCtx as z, mergeModels as J, withModifiers as ee, normalizeProps as Ie, guardReactiveProps as Ne, Fragment as W, renderList as Y, inject as He, shallowRef as nt, watch as X, withKeys as fe, useAttrs as ze, useId as ae, reactive as Ce, getCurrentInstance as lt, render as xe, h as ge, Transition as at, provide as st, Teleport as it } from "vue";
|
|
2
|
+
import { SvgTriangleButton as Re, SvgMemo as rt, SvgHighBrightness as dt, SvgMoonPhases as ct, SvgChevronDouble as Pe, SvgChevron as Be, SvgBlackArrow as Le, SvgFolderDownload as ut, SvgCloudDownload as pt, SvgPointingTriangle as mt, SvgQuestion as we, SvgHourglass as vt, SvgCritical as ft, SvgWarningSign as je, SvgInfo as gt, SvgNegativeSquaredCrossMark as bt, SvgCornerDiagonal as ht, SvgRoundPushpin as wt, SvgPushpin as yt, SvgSquare as _t, SvgCircle as $t, SvgDiamond as kt } from "@digitalwalletcorp/vue-svg-icons";
|
|
3
3
|
const oe = /* @__PURE__ */ A({
|
|
4
4
|
__name: "label-icon",
|
|
5
5
|
props: {
|
|
@@ -11,7 +11,7 @@ const oe = /* @__PURE__ */ A({
|
|
|
11
11
|
labelStyle: { type: [Boolean, null, String, Object, Array] }
|
|
12
12
|
},
|
|
13
13
|
setup(n) {
|
|
14
|
-
const t = n, e =
|
|
14
|
+
const t = n, e = Q();
|
|
15
15
|
return (o, l) => (u(), b("span", {
|
|
16
16
|
class: "dwui-label-icon",
|
|
17
17
|
style: F(t.gap == null ? void 0 : { "--dwui-gap-label-icon": t.gap })
|
|
@@ -33,22 +33,22 @@ const oe = /* @__PURE__ */ A({
|
|
|
33
33
|
], 6)) : M("", !0)
|
|
34
34
|
], 4));
|
|
35
35
|
}
|
|
36
|
-
}),
|
|
37
|
-
function
|
|
36
|
+
}), St = 70;
|
|
37
|
+
function Ke(n) {
|
|
38
38
|
const t = B(!0);
|
|
39
39
|
let e;
|
|
40
40
|
return G(() => {
|
|
41
41
|
const o = n.value;
|
|
42
42
|
o != null && (e = new ResizeObserver(() => {
|
|
43
|
-
t.value =
|
|
43
|
+
t.value = St <= o.scrollHeight;
|
|
44
44
|
}), e.observe(o));
|
|
45
45
|
}), U(() => {
|
|
46
46
|
e?.disconnect();
|
|
47
47
|
}), t;
|
|
48
48
|
}
|
|
49
|
-
const Ct = ["disabled"],
|
|
49
|
+
const Ct = ["disabled"], xt = { class: "dwui-accordion-legend" }, Pt = ["aria-expanded"], mn = /* @__PURE__ */ A({
|
|
50
50
|
__name: "accordion-fieldset",
|
|
51
|
-
props: /* @__PURE__ */
|
|
51
|
+
props: /* @__PURE__ */ J({
|
|
52
52
|
legend: {},
|
|
53
53
|
disabled: { type: Boolean },
|
|
54
54
|
initialExpand: { type: Boolean }
|
|
@@ -58,29 +58,29 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
58
58
|
}),
|
|
59
59
|
emits: ["update:expanded"],
|
|
60
60
|
setup(n) {
|
|
61
|
-
const t = n, e =
|
|
61
|
+
const t = n, e = Q(), o = B(), l = ie(n, "expanded"), a = B(!!t.initialExpand), s = E({
|
|
62
62
|
get: () => l.value ?? a.value,
|
|
63
63
|
set: (c) => {
|
|
64
64
|
a.value = c, l.value = c;
|
|
65
65
|
}
|
|
66
|
-
}), m =
|
|
66
|
+
}), m = Ke(o), r = () => {
|
|
67
67
|
s.value = !s.value;
|
|
68
68
|
};
|
|
69
69
|
return (c, h) => (u(), b("fieldset", {
|
|
70
70
|
class: "dwui-accordion-fieldset",
|
|
71
71
|
disabled: t.disabled
|
|
72
72
|
}, [
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
g("legend", xt, [
|
|
74
|
+
g("button", {
|
|
75
75
|
type: "button",
|
|
76
76
|
class: "dwui-accordion-toggle",
|
|
77
77
|
"aria-expanded": s.value,
|
|
78
|
-
onClick:
|
|
78
|
+
onClick: r
|
|
79
79
|
}, [
|
|
80
|
-
O(_(
|
|
80
|
+
O(_(Re), {
|
|
81
81
|
direction: s.value ? "up" : "down"
|
|
82
82
|
}, null, 8, ["direction"]),
|
|
83
|
-
t.legend != null || e.legend != null || e.icon != null ? (u(), j(oe, { key: 0 },
|
|
83
|
+
t.legend != null || e.legend != null || e.icon != null ? (u(), j(oe, { key: 0 }, re({ _: 2 }, [
|
|
84
84
|
e.icon != null ? {
|
|
85
85
|
name: "icon",
|
|
86
86
|
fn: z(() => [
|
|
@@ -98,9 +98,9 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
98
98
|
key: "1"
|
|
99
99
|
} : void 0
|
|
100
100
|
]), 1024)) : M("", !0)
|
|
101
|
-
], 8,
|
|
101
|
+
], 8, Pt)
|
|
102
102
|
]),
|
|
103
|
-
|
|
103
|
+
g("div", {
|
|
104
104
|
ref_key: "refContents",
|
|
105
105
|
ref: o,
|
|
106
106
|
class: N(["dwui-accordion-contents", _(m) ? s.value ? "dwui-expanded" : "dwui-shrunk" : ""])
|
|
@@ -109,12 +109,12 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
109
109
|
], 2)
|
|
110
110
|
], 8, Ct));
|
|
111
111
|
}
|
|
112
|
-
}),
|
|
112
|
+
}), Bt = { class: "dwui-accordion-section" }, Lt = {
|
|
113
113
|
key: 0,
|
|
114
114
|
class: "dwui-accordion-section-control"
|
|
115
|
-
},
|
|
115
|
+
}, Et = ["disabled", "aria-expanded"], vn = /* @__PURE__ */ A({
|
|
116
116
|
__name: "accordion-section",
|
|
117
|
-
props: /* @__PURE__ */
|
|
117
|
+
props: /* @__PURE__ */ J({
|
|
118
118
|
disabled: { type: Boolean },
|
|
119
119
|
initialExpand: { type: Boolean },
|
|
120
120
|
noGradient: { type: Boolean },
|
|
@@ -128,22 +128,22 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
128
128
|
}),
|
|
129
129
|
emits: ["update:expanded"],
|
|
130
130
|
setup(n) {
|
|
131
|
-
const t = n, e =
|
|
131
|
+
const t = n, e = Q(), o = B(), l = ie(n, "expanded"), a = B(!!t.initialExpand), s = E({
|
|
132
132
|
get: () => l.value ?? a.value,
|
|
133
|
-
set: (
|
|
134
|
-
a.value =
|
|
133
|
+
set: (S) => {
|
|
134
|
+
a.value = S, l.value = S;
|
|
135
135
|
}
|
|
136
|
-
}), m =
|
|
137
|
-
const
|
|
138
|
-
if (
|
|
139
|
-
return
|
|
140
|
-
const P =
|
|
136
|
+
}), m = Ke(o), r = E(() => s.value ? t.collapsePreset : t.expandPreset), c = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) ?? r.value?.icon, h = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) == null ? r.value?.iconProps : void 0, v = E(() => {
|
|
137
|
+
const S = s.value ? t.collapseLabel : t.expandLabel;
|
|
138
|
+
if (S != null)
|
|
139
|
+
return S;
|
|
140
|
+
const P = r.value?.label;
|
|
141
141
|
return typeof P == "function" ? P() : P;
|
|
142
142
|
}), p = () => {
|
|
143
143
|
s.value = !s.value;
|
|
144
144
|
};
|
|
145
|
-
return (
|
|
146
|
-
|
|
145
|
+
return (S, P) => (u(), b("div", Bt, [
|
|
146
|
+
g("div", {
|
|
147
147
|
ref_key: "refContents",
|
|
148
148
|
ref: o,
|
|
149
149
|
class: N(["dwui-accordion-section-contents", [
|
|
@@ -151,40 +151,40 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
151
151
|
{ "dwui-no-gradient": t.noGradient }
|
|
152
152
|
]])
|
|
153
153
|
}, [
|
|
154
|
-
x(
|
|
154
|
+
x(S.$slots, "default")
|
|
155
155
|
], 2),
|
|
156
|
-
_(m) ? (u(), b("div",
|
|
157
|
-
|
|
156
|
+
_(m) ? (u(), b("div", Lt, [
|
|
157
|
+
g("button", {
|
|
158
158
|
type: "button",
|
|
159
159
|
class: "dwui-accordion-section-toggle",
|
|
160
160
|
disabled: t.disabled,
|
|
161
161
|
"aria-expanded": s.value,
|
|
162
162
|
onClick: ee(p, ["stop"])
|
|
163
163
|
}, [
|
|
164
|
-
c() != null ||
|
|
164
|
+
c() != null || v.value != null ? (u(), j(oe, { key: 0 }, re({ _: 2 }, [
|
|
165
165
|
c() != null ? {
|
|
166
166
|
name: "icon",
|
|
167
167
|
fn: z(() => [
|
|
168
|
-
(u(), j(te(c()),
|
|
168
|
+
(u(), j(te(c()), Ie(Ne(h())), null, 16))
|
|
169
169
|
]),
|
|
170
170
|
key: "0"
|
|
171
171
|
} : void 0,
|
|
172
|
-
|
|
172
|
+
v.value != null ? {
|
|
173
173
|
name: "default",
|
|
174
174
|
fn: z(() => [
|
|
175
|
-
Z(H(
|
|
175
|
+
Z(H(v.value), 1)
|
|
176
176
|
]),
|
|
177
177
|
key: "1"
|
|
178
178
|
} : void 0
|
|
179
|
-
]), 1024)) : (u(), j(_(
|
|
179
|
+
]), 1024)) : (u(), j(_(Re), {
|
|
180
180
|
key: 1,
|
|
181
181
|
direction: s.value ? "up" : "down"
|
|
182
182
|
}, null, 8, ["direction"]))
|
|
183
|
-
], 8,
|
|
183
|
+
], 8, Et)
|
|
184
184
|
])) : M("", !0)
|
|
185
185
|
]));
|
|
186
186
|
}
|
|
187
|
-
}), Tt = ["aria-label"],
|
|
187
|
+
}), Tt = ["aria-label"], fn = /* @__PURE__ */ A({
|
|
188
188
|
__name: "copy-button",
|
|
189
189
|
props: {
|
|
190
190
|
value: {},
|
|
@@ -192,7 +192,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
192
192
|
},
|
|
193
193
|
emits: ["emit:copy", "emit:error"],
|
|
194
194
|
setup(n, { emit: t }) {
|
|
195
|
-
const e = n, o = t, l =
|
|
195
|
+
const e = n, o = t, l = Q(), a = async () => {
|
|
196
196
|
const s = String(typeof e.value == "function" ? e.value() : e.value);
|
|
197
197
|
try {
|
|
198
198
|
await navigator.clipboard.writeText(s);
|
|
@@ -209,11 +209,11 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
209
209
|
onClick: a
|
|
210
210
|
}, [
|
|
211
211
|
x(s.$slots, "default", {}, () => [
|
|
212
|
-
O(_(
|
|
212
|
+
O(_(rt))
|
|
213
213
|
])
|
|
214
214
|
], 8, Tt));
|
|
215
215
|
}
|
|
216
|
-
}),
|
|
216
|
+
}), Mt = ["aria-label", "aria-checked"], At = { class: "dwui-dark-mode-selector-track" }, Ot = { class: "dwui-dark-mode-selector-icon-light" }, Dt = { class: "dwui-dark-mode-selector-icon-dark" }, gn = /* @__PURE__ */ A({
|
|
217
217
|
__name: "dark-mode-selector",
|
|
218
218
|
props: {
|
|
219
219
|
storageKey: { default: "dwui-color-scheme" },
|
|
@@ -223,7 +223,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
223
223
|
setup(n, { emit: t }) {
|
|
224
224
|
const e = n, o = t, l = B(!1);
|
|
225
225
|
let a = null, s = null;
|
|
226
|
-
const m = (k) => k === "light" || k === "dark",
|
|
226
|
+
const m = (k) => k === "light" || k === "dark", r = () => s?.matches ? "dark" : "light", c = () => {
|
|
227
227
|
try {
|
|
228
228
|
const k = localStorage.getItem(e.storageKey);
|
|
229
229
|
return m(k) ? k : null;
|
|
@@ -231,26 +231,26 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
231
231
|
return null;
|
|
232
232
|
}
|
|
233
233
|
}, h = (k) => {
|
|
234
|
-
const
|
|
235
|
-
|
|
236
|
-
},
|
|
234
|
+
const d = document.documentElement.classList;
|
|
235
|
+
d.remove(k === "dark" ? "light" : "dark"), d.add(k), l.value = k === "dark", a !== k && (a = k, o("emit:change", k));
|
|
236
|
+
}, v = (k) => {
|
|
237
237
|
try {
|
|
238
238
|
localStorage.setItem(e.storageKey, k);
|
|
239
239
|
} catch {
|
|
240
240
|
}
|
|
241
241
|
h(k);
|
|
242
242
|
}, p = () => {
|
|
243
|
-
|
|
244
|
-
},
|
|
245
|
-
|
|
243
|
+
v(l.value ? "light" : "dark");
|
|
244
|
+
}, S = (k) => {
|
|
245
|
+
v(k.matches ? "dark" : "light");
|
|
246
246
|
}, P = (k) => {
|
|
247
|
-
k.key === e.storageKey && h(m(k.newValue) ? k.newValue :
|
|
247
|
+
k.key === e.storageKey && h(m(k.newValue) ? k.newValue : r());
|
|
248
248
|
};
|
|
249
249
|
return G(() => {
|
|
250
|
-
s = window.matchMedia("(prefers-color-scheme: dark)"), h(c() ??
|
|
250
|
+
s = window.matchMedia("(prefers-color-scheme: dark)"), h(c() ?? r()), s.addEventListener("change", S), window.addEventListener("storage", P);
|
|
251
251
|
}), U(() => {
|
|
252
|
-
s?.removeEventListener("change",
|
|
253
|
-
}), (k,
|
|
252
|
+
s?.removeEventListener("change", S), window.removeEventListener("storage", P);
|
|
253
|
+
}), (k, d) => (u(), b("button", {
|
|
254
254
|
type: "button",
|
|
255
255
|
role: "switch",
|
|
256
256
|
class: "dwui-dark-mode-selector",
|
|
@@ -258,25 +258,25 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
258
258
|
"aria-checked": l.value,
|
|
259
259
|
onClick: p
|
|
260
260
|
}, [
|
|
261
|
-
|
|
262
|
-
|
|
261
|
+
g("span", At, [
|
|
262
|
+
g("span", Ot, [
|
|
263
263
|
x(k.$slots, "icon-light", {}, () => [
|
|
264
|
-
O(_(
|
|
264
|
+
O(_(dt))
|
|
265
265
|
])
|
|
266
266
|
]),
|
|
267
|
-
|
|
267
|
+
g("span", Dt, [
|
|
268
268
|
x(k.$slots, "icon-dark", {}, () => [
|
|
269
|
-
O(_(
|
|
269
|
+
O(_(ct), { "moon-age": 3.85 })
|
|
270
270
|
])
|
|
271
271
|
])
|
|
272
272
|
]),
|
|
273
|
-
|
|
274
|
-
], 8,
|
|
273
|
+
d[0] || (d[0] = g("span", { class: "dwui-dark-mode-selector-handle" }, null, -1))
|
|
274
|
+
], 8, Mt));
|
|
275
275
|
}
|
|
276
|
-
}),
|
|
276
|
+
}), It = { class: "dwui-pagination" }, Nt = { class: "dwui-pagination-list" }, Ht = ["disabled", "aria-label", "title"], zt = ["disabled", "aria-label", "title"], Rt = ["disabled", "aria-label", "title"], jt = ["aria-current", "onClick"], Kt = ["disabled", "aria-label", "title"], Wt = ["disabled", "aria-label", "title"], Ft = ["disabled", "aria-label", "title"], Vt = {
|
|
277
277
|
key: 0,
|
|
278
278
|
class: "dwui-pagination-select"
|
|
279
|
-
},
|
|
279
|
+
}, Ut = ["value", "disabled"], Gt = ["value"], Xt = /* @__PURE__ */ A({
|
|
280
280
|
__name: "pagination",
|
|
281
281
|
props: {
|
|
282
282
|
current: {},
|
|
@@ -288,155 +288,155 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
288
288
|
},
|
|
289
289
|
emits: ["emit:changePage"],
|
|
290
290
|
setup(n, { emit: t }) {
|
|
291
|
-
const e = n, o = t, l =
|
|
291
|
+
const e = n, o = t, l = E(() => Math.ceil(e.totalCount / e.limit)), a = E(() => Math.min(Math.max(e.current, 1), l.value)), s = B(!1), m = E(() => l.value < 1 ? [] : s.value ? Array.from({ length: l.value }, (d, C) => C + 1) : [a.value]), r = E(() => {
|
|
292
292
|
if (l.value < 1)
|
|
293
293
|
return [];
|
|
294
|
-
const
|
|
294
|
+
const d = Math.min(
|
|
295
295
|
Math.max(a.value - Math.floor((e.maxPagination - 1) / 2), 1),
|
|
296
296
|
Math.max(l.value - e.maxPagination + 1, 1)
|
|
297
|
-
),
|
|
298
|
-
return Array.from({ length:
|
|
299
|
-
}), c = (
|
|
300
|
-
|
|
301
|
-
}, h = (
|
|
302
|
-
let
|
|
303
|
-
|
|
304
|
-
},
|
|
305
|
-
c(Number(
|
|
297
|
+
), C = Math.min(d + e.maxPagination - 1, l.value);
|
|
298
|
+
return Array.from({ length: C - d + 1 }, (w, D) => d + D);
|
|
299
|
+
}), c = (d) => {
|
|
300
|
+
d !== e.current && o("emit:changePage", d);
|
|
301
|
+
}, h = (d) => {
|
|
302
|
+
let C;
|
|
303
|
+
d < 0 ? C = Math.max(r.value[0] - e.maxPagination, 1) : C = Math.min(r.value[r.value.length - 1] + e.maxPagination, l.value) - e.maxPagination + 1, c(C + Math.round((e.maxPagination - 1) / 2));
|
|
304
|
+
}, v = (d) => {
|
|
305
|
+
c(Number(d.target.value));
|
|
306
306
|
}, p = () => {
|
|
307
307
|
s.value = !0;
|
|
308
|
-
},
|
|
309
|
-
document.activeElement !==
|
|
308
|
+
}, S = (d) => {
|
|
309
|
+
document.activeElement !== d.currentTarget && (s.value = !1);
|
|
310
310
|
}, P = () => {
|
|
311
311
|
s.value = !0;
|
|
312
312
|
}, k = () => {
|
|
313
313
|
s.value = !1;
|
|
314
314
|
};
|
|
315
|
-
return (
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
315
|
+
return (d, C) => (u(), b("div", It, [
|
|
316
|
+
g("ul", Nt, [
|
|
317
|
+
g("li", null, [
|
|
318
|
+
g("button", {
|
|
319
319
|
type: "button",
|
|
320
320
|
disabled: a.value <= 1,
|
|
321
321
|
"aria-label": e.labels.firstPage,
|
|
322
322
|
title: e.labels.firstPage,
|
|
323
|
-
onClick:
|
|
323
|
+
onClick: C[0] || (C[0] = (w) => c(1))
|
|
324
324
|
}, [
|
|
325
|
-
O(_(
|
|
325
|
+
O(_(Pe), {
|
|
326
326
|
direction: "left",
|
|
327
327
|
size: "1em",
|
|
328
328
|
"stroke-width": 8
|
|
329
329
|
})
|
|
330
|
-
], 8,
|
|
330
|
+
], 8, Ht)
|
|
331
331
|
]),
|
|
332
|
-
|
|
333
|
-
|
|
332
|
+
g("li", null, [
|
|
333
|
+
g("button", {
|
|
334
334
|
type: "button",
|
|
335
335
|
disabled: a.value <= 1,
|
|
336
336
|
"aria-label": e.labels.previousPage,
|
|
337
337
|
title: e.labels.previousPage,
|
|
338
|
-
onClick:
|
|
338
|
+
onClick: C[1] || (C[1] = (w) => c(a.value - 1))
|
|
339
339
|
}, [
|
|
340
|
-
O(_(
|
|
340
|
+
O(_(Be), {
|
|
341
341
|
direction: "left",
|
|
342
342
|
size: "1em",
|
|
343
343
|
"stroke-width": 8
|
|
344
344
|
})
|
|
345
|
-
], 8,
|
|
345
|
+
], 8, zt)
|
|
346
346
|
]),
|
|
347
|
-
|
|
348
|
-
|
|
347
|
+
g("li", null, [
|
|
348
|
+
g("button", {
|
|
349
349
|
type: "button",
|
|
350
|
-
disabled:
|
|
350
|
+
disabled: r.value.length === 0 || r.value[0] === 1,
|
|
351
351
|
"aria-label": e.labels.previousPages,
|
|
352
352
|
title: e.labels.previousPages,
|
|
353
|
-
onClick:
|
|
353
|
+
onClick: C[2] || (C[2] = (w) => h(-1))
|
|
354
354
|
}, [
|
|
355
|
-
O(_(
|
|
355
|
+
O(_(Le), {
|
|
356
356
|
direction: "left",
|
|
357
357
|
size: "1em"
|
|
358
358
|
})
|
|
359
|
-
], 8,
|
|
359
|
+
], 8, Rt)
|
|
360
360
|
]),
|
|
361
|
-
(u(!0), b(
|
|
362
|
-
|
|
361
|
+
(u(!0), b(W, null, Y(r.value, (w) => (u(), b("li", { key: w }, [
|
|
362
|
+
g("button", {
|
|
363
363
|
type: "button",
|
|
364
364
|
class: N(["dwui-pagination-page", { "dwui-current": w === a.value }]),
|
|
365
365
|
"aria-current": w === a.value ? "page" : void 0,
|
|
366
366
|
onClick: (D) => c(w)
|
|
367
|
-
}, H(w), 11,
|
|
367
|
+
}, H(w), 11, jt)
|
|
368
368
|
]))), 128)),
|
|
369
|
-
|
|
370
|
-
|
|
369
|
+
g("li", null, [
|
|
370
|
+
g("button", {
|
|
371
371
|
type: "button",
|
|
372
|
-
disabled:
|
|
372
|
+
disabled: r.value.length === 0 || r.value[r.value.length - 1] === l.value,
|
|
373
373
|
"aria-label": e.labels.nextPages,
|
|
374
374
|
title: e.labels.nextPages,
|
|
375
|
-
onClick:
|
|
375
|
+
onClick: C[3] || (C[3] = (w) => h(1))
|
|
376
376
|
}, [
|
|
377
|
-
O(_(
|
|
377
|
+
O(_(Le), {
|
|
378
378
|
direction: "right",
|
|
379
379
|
size: "1em"
|
|
380
380
|
})
|
|
381
|
-
], 8,
|
|
381
|
+
], 8, Kt)
|
|
382
382
|
]),
|
|
383
|
-
|
|
384
|
-
|
|
383
|
+
g("li", null, [
|
|
384
|
+
g("button", {
|
|
385
385
|
type: "button",
|
|
386
386
|
disabled: l.value <= a.value,
|
|
387
387
|
"aria-label": e.labels.nextPage,
|
|
388
388
|
title: e.labels.nextPage,
|
|
389
|
-
onClick:
|
|
389
|
+
onClick: C[4] || (C[4] = (w) => c(a.value + 1))
|
|
390
390
|
}, [
|
|
391
|
-
O(_(
|
|
391
|
+
O(_(Be), {
|
|
392
392
|
direction: "right",
|
|
393
393
|
size: "1em",
|
|
394
394
|
"stroke-width": 8
|
|
395
395
|
})
|
|
396
396
|
], 8, Wt)
|
|
397
397
|
]),
|
|
398
|
-
|
|
399
|
-
|
|
398
|
+
g("li", null, [
|
|
399
|
+
g("button", {
|
|
400
400
|
type: "button",
|
|
401
401
|
disabled: l.value <= a.value,
|
|
402
402
|
"aria-label": e.labels.lastPage,
|
|
403
403
|
title: e.labels.lastPage,
|
|
404
|
-
onClick:
|
|
404
|
+
onClick: C[5] || (C[5] = (w) => c(l.value))
|
|
405
405
|
}, [
|
|
406
|
-
O(_(
|
|
406
|
+
O(_(Pe), {
|
|
407
407
|
direction: "right",
|
|
408
408
|
size: "1em",
|
|
409
409
|
"stroke-width": 8
|
|
410
410
|
})
|
|
411
|
-
], 8,
|
|
411
|
+
], 8, Ft)
|
|
412
412
|
])
|
|
413
413
|
]),
|
|
414
|
-
e.showPageSelect ? (u(), b("label",
|
|
415
|
-
|
|
416
|
-
|
|
414
|
+
e.showPageSelect ? (u(), b("label", Vt, [
|
|
415
|
+
g("span", null, H(e.labels.pageNumber), 1),
|
|
416
|
+
g("select", {
|
|
417
417
|
value: a.value,
|
|
418
418
|
disabled: l.value <= 1,
|
|
419
419
|
onPointerenter: p,
|
|
420
|
-
onPointerleave:
|
|
420
|
+
onPointerleave: S,
|
|
421
421
|
onFocus: P,
|
|
422
422
|
onBlur: k,
|
|
423
|
-
onChange:
|
|
423
|
+
onChange: v
|
|
424
424
|
}, [
|
|
425
|
-
(u(!0), b(
|
|
425
|
+
(u(!0), b(W, null, Y(m.value, (w) => (u(), b("option", {
|
|
426
426
|
key: w,
|
|
427
427
|
value: w
|
|
428
|
-
}, H(w) + " (" + H((w - 1) * e.limit + 1) + " - " + H(Math.min(w * e.limit, e.totalCount)) + ") ", 9,
|
|
429
|
-
], 40,
|
|
428
|
+
}, H(w) + " (" + H((w - 1) * e.limit + 1) + " - " + H(Math.min(w * e.limit, e.totalCount)) + ") ", 9, Gt))), 128))
|
|
429
|
+
], 40, Ut)
|
|
430
430
|
])) : M("", !0)
|
|
431
431
|
]));
|
|
432
432
|
}
|
|
433
|
-
}),
|
|
433
|
+
}), Yt = { class: "dwui-data-table-controls" }, qt = { class: "dwui-data-table-tools" }, Jt = {
|
|
434
434
|
key: 0,
|
|
435
435
|
class: "dwui-data-table-total"
|
|
436
|
-
}, Qt = { class: "dwui-data-table-total-count" },
|
|
436
|
+
}, Qt = { class: "dwui-data-table-total-count" }, Zt = {
|
|
437
437
|
key: 1,
|
|
438
438
|
class: "dwui-data-table-limit"
|
|
439
|
-
},
|
|
439
|
+
}, eo = ["value", "max"], to = ["title", "aria-label"], oo = ["title", "aria-label"], Ee = /* @__PURE__ */ A({
|
|
440
440
|
__name: "data-table-controls",
|
|
441
441
|
props: {
|
|
442
442
|
pagination: { type: Boolean },
|
|
@@ -455,12 +455,12 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
455
455
|
},
|
|
456
456
|
emits: ["emit:changePage", "emit:changeLimit", "emit:downloadPage", "emit:downloadAll"],
|
|
457
457
|
setup(n, { emit: t }) {
|
|
458
|
-
const e = n, o = t, l = new Intl.NumberFormat("en-US"), a =
|
|
459
|
-
const
|
|
460
|
-
|
|
458
|
+
const e = n, o = t, l = new Intl.NumberFormat("en-US"), a = E(() => e.formatTotalCount ? e.formatTotalCount(e.totalCount) : l.format(e.totalCount)), s = (m) => {
|
|
459
|
+
const r = m.target, c = Math.min(Math.max(Math.trunc(Number(r.value)) || 1, 1), e.maxLimit);
|
|
460
|
+
r.value = String(c), c !== e.limit && o("emit:changeLimit", c);
|
|
461
461
|
};
|
|
462
|
-
return (m,
|
|
463
|
-
e.pagination ? (u(), j(
|
|
462
|
+
return (m, r) => (u(), b("div", Yt, [
|
|
463
|
+
e.pagination ? (u(), j(Xt, {
|
|
464
464
|
key: 0,
|
|
465
465
|
current: e.current,
|
|
466
466
|
"total-count": e.totalCount,
|
|
@@ -468,47 +468,47 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
468
468
|
"max-pagination": e.maxPagination,
|
|
469
469
|
"show-page-select": e.showPageSelect,
|
|
470
470
|
labels: e.labels,
|
|
471
|
-
"onEmit:changePage":
|
|
471
|
+
"onEmit:changePage": r[0] || (r[0] = (c) => o("emit:changePage", c))
|
|
472
472
|
}, null, 8, ["current", "total-count", "limit", "max-pagination", "show-page-select", "labels"])) : M("", !0),
|
|
473
|
-
|
|
474
|
-
e.showTotal ? (u(), b("span",
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
473
|
+
g("div", qt, [
|
|
474
|
+
e.showTotal ? (u(), b("span", Jt, [
|
|
475
|
+
g("span", null, H(e.labels.totalCount), 1),
|
|
476
|
+
g("span", Qt, H(a.value), 1),
|
|
477
|
+
g("span", null, H(e.labels.totalUnit), 1)
|
|
478
478
|
])) : M("", !0),
|
|
479
|
-
e.showLimit ? (u(), b("label",
|
|
480
|
-
|
|
481
|
-
|
|
479
|
+
e.showLimit ? (u(), b("label", Zt, [
|
|
480
|
+
g("span", null, H(e.labels.limit), 1),
|
|
481
|
+
g("input", {
|
|
482
482
|
type: "number",
|
|
483
483
|
value: e.limit,
|
|
484
484
|
min: "1",
|
|
485
485
|
max: e.maxLimit,
|
|
486
486
|
step: "1",
|
|
487
487
|
onChange: s
|
|
488
|
-
}, null, 40,
|
|
488
|
+
}, null, 40, eo)
|
|
489
489
|
])) : M("", !0),
|
|
490
490
|
e.showDownloadPage ? (u(), b("button", {
|
|
491
491
|
key: 2,
|
|
492
492
|
type: "button",
|
|
493
493
|
title: e.labels.downloadPage,
|
|
494
494
|
"aria-label": e.labels.downloadPage,
|
|
495
|
-
onClick:
|
|
495
|
+
onClick: r[1] || (r[1] = (c) => o("emit:downloadPage"))
|
|
496
496
|
}, [
|
|
497
|
-
O(_(
|
|
498
|
-
], 8,
|
|
497
|
+
O(_(ut))
|
|
498
|
+
], 8, to)) : M("", !0),
|
|
499
499
|
e.showDownloadAll ? (u(), b("button", {
|
|
500
500
|
key: 3,
|
|
501
501
|
type: "button",
|
|
502
502
|
title: e.labels.downloadAll,
|
|
503
503
|
"aria-label": e.labels.downloadAll,
|
|
504
|
-
onClick:
|
|
504
|
+
onClick: r[2] || (r[2] = (c) => o("emit:downloadAll"))
|
|
505
505
|
}, [
|
|
506
|
-
O(_(
|
|
507
|
-
], 8,
|
|
506
|
+
O(_(pt))
|
|
507
|
+
], 8, oo)) : M("", !0)
|
|
508
508
|
])
|
|
509
509
|
]));
|
|
510
510
|
}
|
|
511
|
-
}),
|
|
511
|
+
}), be = (n, t) => {
|
|
512
512
|
let e = n;
|
|
513
513
|
for (const o of t.replace(/\[(\w+)\]/g, ".$1").split(".")) {
|
|
514
514
|
if (e == null)
|
|
@@ -516,7 +516,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
516
516
|
e = e[o];
|
|
517
517
|
}
|
|
518
518
|
return e;
|
|
519
|
-
},
|
|
519
|
+
}, he = (n) => typeof n == "function" ? n() : n ?? "", Te = (n) => n === !0 || n === "true" || n === "1" || n === "on" || n === 1, Me = (n) => typeof n == "number" ? n : Number(String(n).replace(/[^+\-\d.]/g, "")), no = (n, t, e) => {
|
|
520
520
|
if (n == null && t == null)
|
|
521
521
|
return 0;
|
|
522
522
|
if (n == null)
|
|
@@ -529,21 +529,21 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
529
529
|
case "boolean":
|
|
530
530
|
return (Te(n) ? 1 : 0) - (Te(t) ? 1 : 0);
|
|
531
531
|
case "number": {
|
|
532
|
-
const o =
|
|
532
|
+
const o = Me(n), l = Me(t);
|
|
533
533
|
return Number.isNaN(o) || Number.isNaN(l) ? (Number.isNaN(o) ? 0 : 1) - (Number.isNaN(l) ? 0 : 1) : o - l;
|
|
534
534
|
}
|
|
535
535
|
case "object":
|
|
536
|
-
return
|
|
536
|
+
return ue(n).localeCompare(ue(t));
|
|
537
537
|
default:
|
|
538
538
|
return String(n).localeCompare(String(t));
|
|
539
539
|
}
|
|
540
|
-
},
|
|
540
|
+
}, ue = (n) => {
|
|
541
541
|
try {
|
|
542
542
|
return JSON.stringify(n, (t, e) => typeof e == "bigint" ? e.toString() : e) ?? "";
|
|
543
543
|
} catch {
|
|
544
544
|
return "";
|
|
545
545
|
}
|
|
546
|
-
},
|
|
546
|
+
}, lo = "$index", We = (n) => {
|
|
547
547
|
const t = [];
|
|
548
548
|
for (const e of n)
|
|
549
549
|
if (e.csv === !0)
|
|
@@ -552,18 +552,18 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
552
552
|
for (const o of e.csv)
|
|
553
553
|
o.disabled || t.push({ header: e, column: o });
|
|
554
554
|
return t;
|
|
555
|
-
},
|
|
555
|
+
}, bn = (n) => We(n).map(({ header: t, column: e }) => he(e.label ?? t.label)), hn = (n, t, e) => We(n).map(({ header: o, column: l }) => {
|
|
556
556
|
if (l.format)
|
|
557
557
|
return l.format(t);
|
|
558
558
|
const a = l.key ?? o.id;
|
|
559
|
-
return a ===
|
|
560
|
-
}),
|
|
559
|
+
return a === lo ? e : be(t, a);
|
|
560
|
+
}), ao = /* @__PURE__ */ Symbol("dwui-vue-core-options"), so = ["rowspan", "colspan", "title", "aria-sort"], io = { class: "dwui-data-table-header" }, ro = ["role", "tabindex", "onClick", "onKeydown"], co = ["innerHTML"], uo = { key: 2 }, po = ["onPointerdown"], mo = {
|
|
561
561
|
key: 0,
|
|
562
562
|
class: "dwui-data-table-no-data"
|
|
563
|
-
},
|
|
563
|
+
}, vo = ["colspan"], fo = {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "dwui-data-table-loading"
|
|
566
|
-
},
|
|
566
|
+
}, wn = /* @__PURE__ */ A({
|
|
567
567
|
__name: "data-table",
|
|
568
568
|
props: {
|
|
569
569
|
dataList: {},
|
|
@@ -595,9 +595,9 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
595
595
|
},
|
|
596
596
|
emits: ["emit:selectRow", "emit:changeSort", "emit:updateHeader", "emit:dblclickRow", "emit:changeLimit", "emit:changePage", "emit:downloadPage", "emit:downloadAll"],
|
|
597
597
|
setup(n, { expose: t, emit: e }) {
|
|
598
|
-
const o = n, l = e, a =
|
|
599
|
-
let
|
|
600
|
-
const P =
|
|
598
|
+
const o = n, l = e, a = He(ao, {}), s = B(), m = B(), r = B(), c = B({}), h = B(""), v = B(!1), p = B();
|
|
599
|
+
let S;
|
|
600
|
+
const P = E(() => o.headers.map((i) => c.value[i.id] == null ? i : { ...i, width: c.value[i.id] })), k = {
|
|
601
601
|
maxLimit: 9999,
|
|
602
602
|
maxPagination: 7,
|
|
603
603
|
selectable: !0,
|
|
@@ -617,13 +617,13 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
617
617
|
tableClass: void 0,
|
|
618
618
|
tableStyle: void 0,
|
|
619
619
|
formatTotalCount: void 0
|
|
620
|
-
},
|
|
620
|
+
}, d = E(() => {
|
|
621
621
|
const i = { ...k };
|
|
622
|
-
for (const
|
|
622
|
+
for (const f of [a.dataTable ?? {}, o])
|
|
623
623
|
for (const y of Object.keys(k))
|
|
624
|
-
|
|
624
|
+
f[y] !== void 0 && Object.assign(i, { [y]: f[y] });
|
|
625
625
|
return i;
|
|
626
|
-
}),
|
|
626
|
+
}), C = E(() => {
|
|
627
627
|
const i = {
|
|
628
628
|
totalCount: "Total",
|
|
629
629
|
totalUnit: "",
|
|
@@ -640,267 +640,267 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
640
640
|
lastPage: "Last page",
|
|
641
641
|
...a.dataTable?.labels,
|
|
642
642
|
...o.labels
|
|
643
|
-
},
|
|
643
|
+
}, f = {};
|
|
644
644
|
for (const y of Object.keys(i)) {
|
|
645
|
-
const
|
|
646
|
-
|
|
645
|
+
const T = i[y];
|
|
646
|
+
f[y] = typeof T == "function" ? T() : T;
|
|
647
647
|
}
|
|
648
|
-
return
|
|
649
|
-
}), w =
|
|
650
|
-
showTotal:
|
|
651
|
-
showLimit:
|
|
652
|
-
showPageSelect:
|
|
653
|
-
showDownloadPage:
|
|
654
|
-
showDownloadAll:
|
|
648
|
+
return f;
|
|
649
|
+
}), w = E(() => Math.min(o.limit, d.value.maxLimit)), D = E(() => ({
|
|
650
|
+
showTotal: d.value.showTotal,
|
|
651
|
+
showLimit: d.value.showLimit,
|
|
652
|
+
showPageSelect: d.value.showPageSelect,
|
|
653
|
+
showDownloadPage: d.value.showDownloadPage,
|
|
654
|
+
showDownloadAll: d.value.showDownloadAll,
|
|
655
655
|
current: o.current,
|
|
656
656
|
limit: w.value,
|
|
657
|
-
maxLimit:
|
|
658
|
-
maxPagination:
|
|
657
|
+
maxLimit: d.value.maxLimit,
|
|
658
|
+
maxPagination: d.value.maxPagination,
|
|
659
659
|
totalCount: o.totalCount ?? o.dataList.length,
|
|
660
|
-
formatTotalCount:
|
|
661
|
-
labels:
|
|
662
|
-
})), $ =
|
|
663
|
-
const i =
|
|
660
|
+
formatTotalCount: d.value.formatTotalCount,
|
|
661
|
+
labels: C.value
|
|
662
|
+
})), $ = nt(void 0), I = E(() => {
|
|
663
|
+
const i = d.value.sortMode === "page" ? o.headers.find((y) => y.id === h.value) : void 0;
|
|
664
664
|
if (!i)
|
|
665
665
|
return o.dataList;
|
|
666
|
-
const
|
|
666
|
+
const f = i.compare ?? ((y, T) => {
|
|
667
667
|
const R = i.sortKey ?? i.id;
|
|
668
|
-
return
|
|
668
|
+
return no(be(y, R), be(T, R), i.type ?? "string");
|
|
669
669
|
});
|
|
670
|
-
return [...o.dataList].sort((y,
|
|
671
|
-
}), L =
|
|
670
|
+
return [...o.dataList].sort((y, T) => v.value ? f(T, y) : f(y, T));
|
|
671
|
+
}), L = E(() => {
|
|
672
672
|
const i = $.value;
|
|
673
673
|
if (i == null)
|
|
674
674
|
return -1;
|
|
675
|
-
const
|
|
676
|
-
if (
|
|
677
|
-
return
|
|
678
|
-
const y =
|
|
679
|
-
return y === "" ? -1 : I.value.findIndex((
|
|
680
|
-
}), V =
|
|
675
|
+
const f = I.value.indexOf(i);
|
|
676
|
+
if (f !== -1)
|
|
677
|
+
return f;
|
|
678
|
+
const y = ue(i);
|
|
679
|
+
return y === "" ? -1 : I.value.findIndex((T) => ue(T) === y);
|
|
680
|
+
}), V = E(() => o.headers.reduce((i, f) => i + (f.colspan == null ? 1 : Number(f.colspan)), 0)), K = (i) => {
|
|
681
681
|
if (i != null)
|
|
682
682
|
return typeof i == "number" ? `${i}px` : i;
|
|
683
683
|
}, q = (i) => ({
|
|
684
|
-
width:
|
|
685
|
-
minWidth:
|
|
686
|
-
maxWidth:
|
|
687
|
-
}),
|
|
684
|
+
width: K(i.width),
|
|
685
|
+
minWidth: K(i.minWidth),
|
|
686
|
+
maxWidth: K(i.maxWidth)
|
|
687
|
+
}), Ye = (i) => {
|
|
688
688
|
if (h.value === i)
|
|
689
|
-
return
|
|
690
|
-
},
|
|
691
|
-
if (!(!
|
|
692
|
-
return
|
|
693
|
-
},
|
|
689
|
+
return v.value ? "descending" : "ascending";
|
|
690
|
+
}, ye = (i) => {
|
|
691
|
+
if (!(!d.value.sortable || h.value !== i))
|
|
692
|
+
return v.value ? "down" : "up";
|
|
693
|
+
}, qe = (i) => (o.current - 1) * w.value + i + 1, _e = () => Array.from(r.value?.children ?? []).filter((i) => i.tagName === "TR" && !i.classList.contains("dwui-data-table-no-data")), Je = (i) => Array.from(i.children).filter((f) => f.tagName === "TD" || f.tagName === "TH"), $e = () => {
|
|
694
694
|
l("emit:updateHeader", P.value.map((i) => ({ ...i })));
|
|
695
|
-
},
|
|
696
|
-
|
|
695
|
+
}, pe = () => {
|
|
696
|
+
_e().forEach((i, f) => i.classList.toggle("dwui-selected", f === L.value));
|
|
697
697
|
}, Qe = () => {
|
|
698
|
-
const i = s.value,
|
|
699
|
-
if (!i || !
|
|
698
|
+
const i = s.value, f = _e()[L.value];
|
|
699
|
+
if (!i || !f)
|
|
700
700
|
return;
|
|
701
|
-
const y = m.value?.offsetHeight ?? 0,
|
|
702
|
-
|
|
703
|
-
},
|
|
704
|
-
$.value = i, l("emit:selectRow", i,
|
|
705
|
-
},
|
|
706
|
-
|
|
707
|
-
},
|
|
708
|
-
|
|
709
|
-
},
|
|
701
|
+
const y = m.value?.offsetHeight ?? 0, T = f.offsetTop, R = T + f.offsetHeight;
|
|
702
|
+
T < i.scrollTop + y ? i.scrollTop = T - y : i.scrollTop + i.clientHeight < R && (i.scrollTop = R - i.clientHeight);
|
|
703
|
+
}, de = (i, f) => {
|
|
704
|
+
$.value = i, l("emit:selectRow", i, f);
|
|
705
|
+
}, ke = (i, f) => {
|
|
706
|
+
d.value.selectable && (f === L.value ? de(void 0, -1) : (de(i, f), s.value?.focus({ preventScroll: !0 })));
|
|
707
|
+
}, Ze = (i, f) => {
|
|
708
|
+
f !== L.value && ke(i, f), l("emit:dblclickRow", i, f);
|
|
709
|
+
}, et = (i) => {
|
|
710
710
|
if (i.target !== i.currentTarget || L.value < 0 || i.key !== "ArrowUp" && i.key !== "ArrowDown")
|
|
711
711
|
return;
|
|
712
|
-
const
|
|
713
|
-
|
|
714
|
-
},
|
|
715
|
-
!
|
|
712
|
+
const f = L.value + (i.key === "ArrowUp" ? -1 : 1);
|
|
713
|
+
f < 0 || I.value.length <= f || (i.preventDefault(), de(I.value[f], f));
|
|
714
|
+
}, me = (i) => {
|
|
715
|
+
!d.value.sortable || o.dataList.length === 0 || (v.value = h.value === i.id ? !v.value : !1, h.value = i.id, l("emit:changeSort", {
|
|
716
716
|
sortKey: h.value,
|
|
717
|
-
descending:
|
|
717
|
+
descending: v.value
|
|
718
718
|
}));
|
|
719
|
-
},
|
|
720
|
-
if (!
|
|
719
|
+
}, tt = (i, f) => {
|
|
720
|
+
if (!d.value.resizable)
|
|
721
721
|
return;
|
|
722
722
|
i.preventDefault();
|
|
723
|
-
const y = m.value?.firstElementChild,
|
|
724
|
-
for (const [R, ne] of
|
|
723
|
+
const y = m.value?.firstElementChild, T = y ? Je(y) : [];
|
|
724
|
+
for (const [R, ne] of T.entries())
|
|
725
725
|
c.value[o.headers[R].id] = ne.getBoundingClientRect().width;
|
|
726
|
-
p.value = { index:
|
|
727
|
-
},
|
|
726
|
+
p.value = { index: f, x: i.clientX }, i.currentTarget.setPointerCapture(i.pointerId), $e();
|
|
727
|
+
}, ot = (i) => {
|
|
728
728
|
if (!p.value)
|
|
729
729
|
return;
|
|
730
|
-
const
|
|
731
|
-
if (
|
|
730
|
+
const f = i.clientX - p.value.x;
|
|
731
|
+
if (f === 0)
|
|
732
732
|
return;
|
|
733
733
|
p.value.x = i.clientX;
|
|
734
|
-
const y = p.value.index,
|
|
735
|
-
c.value[
|
|
736
|
-
const R =
|
|
737
|
-
for (const ne of
|
|
734
|
+
const y = p.value.index, T = o.headers.map((ne) => ne.id);
|
|
735
|
+
c.value[T[y]] += f;
|
|
736
|
+
const R = f / (T.length - y - 1);
|
|
737
|
+
for (const ne of T.slice(y + 1))
|
|
738
738
|
c.value[ne] -= R;
|
|
739
|
-
},
|
|
740
|
-
p.value && (p.value = void 0,
|
|
739
|
+
}, Se = () => {
|
|
740
|
+
p.value && (p.value = void 0, $e());
|
|
741
741
|
};
|
|
742
742
|
return G(() => {
|
|
743
|
-
|
|
743
|
+
S = new MutationObserver(pe), r.value && S.observe(r.value, { childList: !0 }), pe();
|
|
744
744
|
}), U(() => {
|
|
745
|
-
|
|
746
|
-
}), X(() => o.headers, (i,
|
|
747
|
-
const y = i.map((R) => R.id),
|
|
748
|
-
(y.length !==
|
|
749
|
-
}), X(() => o.loading, (i,
|
|
750
|
-
|
|
745
|
+
S?.disconnect();
|
|
746
|
+
}), X(() => o.headers, (i, f) => {
|
|
747
|
+
const y = i.map((R) => R.id), T = f.map((R) => R.id);
|
|
748
|
+
(y.length !== T.length || y.some((R) => !T.includes(R))) && (c.value = {});
|
|
749
|
+
}), X(() => o.loading, (i, f) => {
|
|
750
|
+
f && !i && (d.value.sortMode === "page" && (h.value = "", v.value = !1), $.value != null && de(void 0, -1));
|
|
751
751
|
}), X(L, (i) => {
|
|
752
752
|
0 <= i && Qe();
|
|
753
|
-
}, { flush: "post" }), X(L,
|
|
753
|
+
}, { flush: "post" }), X(L, pe, { flush: "post" }), t({
|
|
754
754
|
/** ソートの状態を返す */
|
|
755
755
|
getSortContext: () => ({
|
|
756
756
|
sortKey: h.value,
|
|
757
|
-
descending:
|
|
757
|
+
descending: v.value
|
|
758
758
|
})
|
|
759
|
-
}), (i,
|
|
760
|
-
class: N(["dwui-data-table", { "dwui-selectable":
|
|
759
|
+
}), (i, f) => (u(), b("section", {
|
|
760
|
+
class: N(["dwui-data-table", { "dwui-selectable": d.value.selectable }])
|
|
761
761
|
}, [
|
|
762
|
-
|
|
763
|
-
pagination:
|
|
764
|
-
"onEmit:changePage":
|
|
765
|
-
"onEmit:changeLimit":
|
|
766
|
-
"onEmit:downloadPage":
|
|
767
|
-
"onEmit:downloadAll":
|
|
762
|
+
d.value.controls === "both" || d.value.controls === "top" ? (u(), j(Ee, le({ key: 0 }, D.value, {
|
|
763
|
+
pagination: d.value.pagination === "both" || d.value.pagination === "top",
|
|
764
|
+
"onEmit:changePage": f[0] || (f[0] = (y) => l("emit:changePage", y)),
|
|
765
|
+
"onEmit:changeLimit": f[1] || (f[1] = (y) => l("emit:changeLimit", y)),
|
|
766
|
+
"onEmit:downloadPage": f[2] || (f[2] = (y) => l("emit:downloadPage")),
|
|
767
|
+
"onEmit:downloadAll": f[3] || (f[3] = (y) => l("emit:downloadAll"))
|
|
768
768
|
}), null, 16, ["pagination"])) : M("", !0),
|
|
769
|
-
|
|
769
|
+
g("div", {
|
|
770
770
|
ref_key: "refContent",
|
|
771
771
|
ref: s,
|
|
772
|
-
class: N(["dwui-data-table-content", [{ "dwui-loading": o.loading },
|
|
773
|
-
style: F(
|
|
772
|
+
class: N(["dwui-data-table-content", [{ "dwui-loading": o.loading }, d.value.contentClass]]),
|
|
773
|
+
style: F(d.value.contentStyle),
|
|
774
774
|
tabindex: "-1",
|
|
775
|
-
onKeydown:
|
|
775
|
+
onKeydown: et
|
|
776
776
|
}, [
|
|
777
|
-
|
|
778
|
-
class: N(
|
|
779
|
-
style: F(
|
|
777
|
+
g("table", {
|
|
778
|
+
class: N(d.value.tableClass),
|
|
779
|
+
style: F(d.value.tableStyle)
|
|
780
780
|
}, [
|
|
781
|
-
|
|
781
|
+
g("thead", {
|
|
782
782
|
ref_key: "refThead",
|
|
783
783
|
ref: m
|
|
784
784
|
}, [
|
|
785
|
-
|
|
786
|
-
(u(!0), b(
|
|
785
|
+
g("tr", null, [
|
|
786
|
+
(u(!0), b(W, null, Y(P.value, (y, T) => (u(), b("th", {
|
|
787
787
|
key: y.id,
|
|
788
788
|
rowspan: y.rowspan,
|
|
789
789
|
colspan: y.colspan,
|
|
790
790
|
title: y.title,
|
|
791
791
|
style: F(q(y)),
|
|
792
|
-
"aria-sort":
|
|
792
|
+
"aria-sort": Ye(y.id),
|
|
793
793
|
scope: "col"
|
|
794
794
|
}, [
|
|
795
|
-
|
|
796
|
-
|
|
795
|
+
g("div", io, [
|
|
796
|
+
g("span", {
|
|
797
797
|
class: "dwui-data-table-sort",
|
|
798
|
-
role:
|
|
799
|
-
tabindex:
|
|
800
|
-
onClick: (R) =>
|
|
798
|
+
role: d.value.sortable ? "button" : void 0,
|
|
799
|
+
tabindex: d.value.sortable ? 0 : void 0,
|
|
800
|
+
onClick: (R) => me(y),
|
|
801
801
|
onKeydown: [
|
|
802
|
-
|
|
803
|
-
|
|
802
|
+
fe(ee((R) => me(y), ["prevent"]), ["enter"]),
|
|
803
|
+
fe(ee((R) => me(y), ["prevent"]), ["space"])
|
|
804
804
|
]
|
|
805
805
|
}, [
|
|
806
|
-
|
|
806
|
+
ye(y.id) ? (u(), j(_(mt), {
|
|
807
807
|
key: 0,
|
|
808
|
-
direction:
|
|
808
|
+
direction: ye(y.id),
|
|
809
809
|
size: "0.7em"
|
|
810
810
|
}, null, 8, ["direction"])) : M("", !0),
|
|
811
811
|
y.html ? (u(), b("span", {
|
|
812
812
|
key: 1,
|
|
813
|
-
innerHTML: _(
|
|
814
|
-
}, null, 8,
|
|
815
|
-
], 40,
|
|
813
|
+
innerHTML: _(he)(y.label)
|
|
814
|
+
}, null, 8, co)) : (u(), b("span", uo, H(_(he)(y.label)), 1))
|
|
815
|
+
], 40, ro)
|
|
816
816
|
]),
|
|
817
|
-
|
|
817
|
+
d.value.resizable && T < P.value.length - 1 ? (u(), b("div", {
|
|
818
818
|
key: 0,
|
|
819
819
|
class: "dwui-data-table-resizer",
|
|
820
|
-
onPointerdown: (R) =>
|
|
821
|
-
onPointermove:
|
|
822
|
-
onPointerup:
|
|
823
|
-
onPointercancel:
|
|
824
|
-
}, null, 40,
|
|
825
|
-
], 12,
|
|
820
|
+
onPointerdown: (R) => tt(R, T),
|
|
821
|
+
onPointermove: ot,
|
|
822
|
+
onPointerup: Se,
|
|
823
|
+
onPointercancel: Se
|
|
824
|
+
}, null, 40, po)) : M("", !0)
|
|
825
|
+
], 12, so))), 128))
|
|
826
826
|
])
|
|
827
827
|
], 512),
|
|
828
|
-
|
|
828
|
+
g("tbody", {
|
|
829
829
|
ref_key: "refTbody",
|
|
830
|
-
ref:
|
|
830
|
+
ref: r
|
|
831
831
|
}, [
|
|
832
|
-
o.loading ? M("", !0) : (u(), b(
|
|
832
|
+
o.loading ? M("", !0) : (u(), b(W, { key: 0 }, [
|
|
833
833
|
x(i.$slots, "default", {
|
|
834
834
|
rows: I.value,
|
|
835
|
-
clickRow:
|
|
836
|
-
dblclickRow:
|
|
837
|
-
rowNumber:
|
|
835
|
+
clickRow: ke,
|
|
836
|
+
dblclickRow: Ze,
|
|
837
|
+
rowNumber: qe,
|
|
838
838
|
selectedIndex: L.value
|
|
839
839
|
}),
|
|
840
|
-
o.dataList.length === 0 &&
|
|
841
|
-
|
|
840
|
+
o.dataList.length === 0 && d.value.showNoData ? (u(), b("tr", mo, [
|
|
841
|
+
g("td", { colspan: V.value }, H(C.value.noData), 9, vo)
|
|
842
842
|
])) : M("", !0)
|
|
843
843
|
], 64))
|
|
844
844
|
], 512)
|
|
845
845
|
], 6),
|
|
846
|
-
o.loading ? (u(), b("div",
|
|
846
|
+
o.loading ? (u(), b("div", fo, [
|
|
847
847
|
x(i.$slots, "loading", {}, () => [
|
|
848
|
-
|
|
848
|
+
f[8] || (f[8] = g("div", { class: "dwui-data-table-loading-spinner" }, null, -1))
|
|
849
849
|
])
|
|
850
850
|
])) : M("", !0)
|
|
851
851
|
], 38),
|
|
852
|
-
|
|
853
|
-
pagination:
|
|
854
|
-
"onEmit:changePage":
|
|
855
|
-
"onEmit:changeLimit":
|
|
856
|
-
"onEmit:downloadPage":
|
|
857
|
-
"onEmit:downloadAll":
|
|
852
|
+
d.value.controls === "both" || d.value.controls === "bottom" ? (u(), j(Ee, le({ key: 1 }, D.value, {
|
|
853
|
+
pagination: d.value.pagination === "both" || d.value.pagination === "bottom",
|
|
854
|
+
"onEmit:changePage": f[4] || (f[4] = (y) => l("emit:changePage", y)),
|
|
855
|
+
"onEmit:changeLimit": f[5] || (f[5] = (y) => l("emit:changeLimit", y)),
|
|
856
|
+
"onEmit:downloadPage": f[6] || (f[6] = (y) => l("emit:downloadPage")),
|
|
857
|
+
"onEmit:downloadAll": f[7] || (f[7] = (y) => l("emit:downloadAll"))
|
|
858
858
|
}), null, 16, ["pagination"])) : M("", !0)
|
|
859
859
|
], 2));
|
|
860
860
|
}
|
|
861
|
-
}),
|
|
861
|
+
}), Ae = {
|
|
862
862
|
top: "bottom",
|
|
863
863
|
bottom: "top",
|
|
864
864
|
left: "right",
|
|
865
865
|
right: "left"
|
|
866
|
-
},
|
|
867
|
-
const { offset: l, margin: a, arrowMargin: s } = o, [m,
|
|
866
|
+
}, ve = (n, t, e) => Math.min(Math.max(n, t), e), go = (n, t, e, o) => {
|
|
867
|
+
const { offset: l, margin: a, arrowMargin: s } = o, [m, r = "center"] = o.placement.split("-"), c = m === "top" || m === "bottom", h = n.top + n.height, v = n.left + n.width, p = {
|
|
868
868
|
top: n.top - a,
|
|
869
869
|
bottom: e.height - h - a,
|
|
870
870
|
left: n.left - a,
|
|
871
|
-
right: e.width -
|
|
872
|
-
}, k = (c ? t.height : t.width) + l <= p[m] || p[
|
|
873
|
-
let
|
|
871
|
+
right: e.width - v - a
|
|
872
|
+
}, k = (c ? t.height : t.width) + l <= p[m] || p[Ae[m]] <= p[m] ? m : Ae[m];
|
|
873
|
+
let d;
|
|
874
874
|
switch (k) {
|
|
875
875
|
case "top":
|
|
876
|
-
|
|
876
|
+
d = n.top - l - t.height;
|
|
877
877
|
break;
|
|
878
878
|
case "bottom":
|
|
879
|
-
|
|
879
|
+
d = h + l;
|
|
880
880
|
break;
|
|
881
881
|
case "left":
|
|
882
|
-
|
|
882
|
+
d = n.left - l - t.width;
|
|
883
883
|
break;
|
|
884
884
|
default:
|
|
885
|
-
|
|
885
|
+
d = v + l;
|
|
886
886
|
break;
|
|
887
887
|
}
|
|
888
|
-
const
|
|
888
|
+
const C = c ? n.left : n.top, w = c ? n.width : n.height, D = c ? t.width : t.height;
|
|
889
889
|
let $;
|
|
890
|
-
switch (
|
|
890
|
+
switch (r) {
|
|
891
891
|
case "start":
|
|
892
|
-
$ =
|
|
892
|
+
$ = C;
|
|
893
893
|
break;
|
|
894
894
|
case "end":
|
|
895
|
-
$ =
|
|
895
|
+
$ = C + w - D;
|
|
896
896
|
break;
|
|
897
897
|
default:
|
|
898
|
-
$ =
|
|
898
|
+
$ = C + (w - D) / 2;
|
|
899
899
|
break;
|
|
900
900
|
}
|
|
901
|
-
const I =
|
|
901
|
+
const I = ve(c ? d : $, a, Math.max(a, e.height - a - t.height)), L = ve(c ? $ : d, a, Math.max(a, e.width - a - t.width)), V = C + w / 2, q = ve(V - (c ? L : I), s, Math.max(s, D - s));
|
|
902
902
|
return { top: I, left: L, side: k, arrow: q };
|
|
903
|
-
},
|
|
903
|
+
}, bo = ["popover", "data-side"], ho = { class: "dwui-anchored-popover-content" }, Oe = 4, wo = 7, yo = 12, _o = 8, Fe = /* @__PURE__ */ A({
|
|
904
904
|
__name: "anchored-popover",
|
|
905
905
|
props: {
|
|
906
906
|
anchor: {},
|
|
@@ -912,25 +912,25 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
912
912
|
setup(n, { expose: t, emit: e }) {
|
|
913
913
|
const o = n, l = e, a = B(), s = B(), m = () => {
|
|
914
914
|
a.value?.hidePopover();
|
|
915
|
-
},
|
|
915
|
+
}, r = () => {
|
|
916
916
|
a.value?.showPopover();
|
|
917
917
|
}, c = () => {
|
|
918
918
|
const p = a.value;
|
|
919
919
|
if (!o.anchor || !p)
|
|
920
920
|
return;
|
|
921
|
-
const
|
|
921
|
+
const S = {
|
|
922
922
|
width: document.documentElement.clientWidth,
|
|
923
923
|
height: document.documentElement.clientHeight
|
|
924
|
-
}, P = go(o.anchor.getBoundingClientRect(), p.getBoundingClientRect(),
|
|
924
|
+
}, P = go(o.anchor.getBoundingClientRect(), p.getBoundingClientRect(), S, {
|
|
925
925
|
placement: o.placement,
|
|
926
|
-
offset: o.arrow ?
|
|
927
|
-
margin:
|
|
928
|
-
arrowMargin:
|
|
926
|
+
offset: o.arrow ? Oe + wo : Oe,
|
|
927
|
+
margin: _o,
|
|
928
|
+
arrowMargin: yo
|
|
929
929
|
});
|
|
930
930
|
s.value = P.side, p.style.top = `${P.top}px`, p.style.left = `${P.left}px`, p.style.setProperty("--dwui-offset-arrow", `${P.arrow}px`), p.style.visibility = "visible";
|
|
931
931
|
}, h = (p) => {
|
|
932
932
|
a.value?.contains(p.target) || c();
|
|
933
|
-
},
|
|
933
|
+
}, v = (p) => {
|
|
934
934
|
p.newState === "open" ? (c(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", c), l("emit:open")) : (a.value && (a.value.style.visibility = ""), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", c), l("emit:close"));
|
|
935
935
|
};
|
|
936
936
|
return U(() => {
|
|
@@ -938,22 +938,22 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
938
938
|
}), t({
|
|
939
939
|
/** パネルの要素。invoker の設定や、要素がパネルの中かの判定に使う */
|
|
940
940
|
element: a,
|
|
941
|
-
show:
|
|
941
|
+
show: r,
|
|
942
942
|
hide: m
|
|
943
|
-
}), (p,
|
|
943
|
+
}), (p, S) => (u(), b("div", {
|
|
944
944
|
ref_key: "refPanel",
|
|
945
945
|
ref: a,
|
|
946
946
|
class: N(["dwui-anchored-popover", { "dwui-arrow": o.arrow }]),
|
|
947
947
|
popover: o.mode,
|
|
948
948
|
"data-side": s.value,
|
|
949
|
-
onToggle:
|
|
949
|
+
onToggle: v
|
|
950
950
|
}, [
|
|
951
|
-
|
|
951
|
+
g("div", ho, [
|
|
952
952
|
x(p.$slots, "default")
|
|
953
953
|
])
|
|
954
|
-
], 42,
|
|
954
|
+
], 42, bo));
|
|
955
955
|
}
|
|
956
|
-
}),
|
|
956
|
+
}), $o = ["aria-label"], yn = /* @__PURE__ */ A({
|
|
957
957
|
inheritAttrs: !1,
|
|
958
958
|
__name: "help-button",
|
|
959
959
|
props: {
|
|
@@ -963,12 +963,12 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
963
963
|
},
|
|
964
964
|
emits: ["emit:open", "emit:close"],
|
|
965
965
|
setup(n, { emit: t }) {
|
|
966
|
-
const e = n, o = t, l =
|
|
966
|
+
const e = n, o = t, l = ze(), a = B(), s = B();
|
|
967
967
|
return G(() => {
|
|
968
968
|
const m = s.value?.element;
|
|
969
969
|
a.value && m && (a.value.popoverTargetElement = m);
|
|
970
|
-
}), (m,
|
|
971
|
-
|
|
970
|
+
}), (m, r) => (u(), b(W, null, [
|
|
971
|
+
g("button", le({
|
|
972
972
|
ref_key: "refButton",
|
|
973
973
|
ref: a,
|
|
974
974
|
type: "button",
|
|
@@ -976,10 +976,10 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
976
976
|
"aria-label": e.label
|
|
977
977
|
}, _(l)), [
|
|
978
978
|
x(m.$slots, "icon", {}, () => [
|
|
979
|
-
O(_(
|
|
979
|
+
O(_(we))
|
|
980
980
|
])
|
|
981
|
-
], 16,
|
|
982
|
-
O(
|
|
981
|
+
], 16, $o),
|
|
982
|
+
O(Fe, {
|
|
983
983
|
ref_key: "refPopover",
|
|
984
984
|
ref: s,
|
|
985
985
|
class: "dwui-help-button-popover",
|
|
@@ -987,8 +987,8 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
987
987
|
anchor: a.value,
|
|
988
988
|
placement: e.placement,
|
|
989
989
|
arrow: e.arrow,
|
|
990
|
-
"onEmit:open":
|
|
991
|
-
"onEmit:close":
|
|
990
|
+
"onEmit:open": r[0] || (r[0] = (c) => o("emit:open")),
|
|
991
|
+
"onEmit:close": r[1] || (r[1] = (c) => o("emit:close"))
|
|
992
992
|
}, {
|
|
993
993
|
default: z(() => [
|
|
994
994
|
x(m.$slots, "default")
|
|
@@ -997,7 +997,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
997
997
|
}, 8, ["anchor", "placement", "arrow"])
|
|
998
998
|
], 64));
|
|
999
999
|
}
|
|
1000
|
-
}),
|
|
1000
|
+
}), ko = ["aria-label", "aria-describedby"], So = 150, Ve = /* @__PURE__ */ A({
|
|
1001
1001
|
inheritAttrs: !1,
|
|
1002
1002
|
__name: "icon-popper",
|
|
1003
1003
|
props: {
|
|
@@ -1008,31 +1008,31 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1008
1008
|
},
|
|
1009
1009
|
emits: ["emit:open", "emit:close"],
|
|
1010
1010
|
setup(n, { emit: t }) {
|
|
1011
|
-
const e = n, o = t, l =
|
|
1011
|
+
const e = n, o = t, l = ze(), a = B(), s = B(), m = B(!1), r = ae();
|
|
1012
1012
|
let c;
|
|
1013
1013
|
const h = () => {
|
|
1014
1014
|
c !== void 0 && (clearTimeout(c), c = void 0);
|
|
1015
|
-
},
|
|
1015
|
+
}, v = () => {
|
|
1016
1016
|
h(), s.value?.show();
|
|
1017
1017
|
}, p = () => {
|
|
1018
1018
|
h(), s.value?.hide();
|
|
1019
|
-
},
|
|
1019
|
+
}, S = () => {
|
|
1020
1020
|
h(), c = setTimeout(() => {
|
|
1021
1021
|
c = void 0, s.value?.hide();
|
|
1022
|
-
},
|
|
1023
|
-
}, P = (
|
|
1024
|
-
const q =
|
|
1022
|
+
}, So);
|
|
1023
|
+
}, P = (K) => {
|
|
1024
|
+
const q = K.target;
|
|
1025
1025
|
!a.value?.contains(q) && !s.value?.element?.contains(q) && p();
|
|
1026
|
-
}, k = (
|
|
1027
|
-
|
|
1028
|
-
},
|
|
1029
|
-
|
|
1030
|
-
},
|
|
1031
|
-
|
|
1032
|
-
}, w = (
|
|
1033
|
-
|
|
1026
|
+
}, k = (K) => {
|
|
1027
|
+
K.pointerType !== "touch" && v();
|
|
1028
|
+
}, d = (K) => {
|
|
1029
|
+
K.pointerType !== "touch" && S();
|
|
1030
|
+
}, C = (K) => {
|
|
1031
|
+
K.pointerType !== "touch" && h();
|
|
1032
|
+
}, w = (K) => {
|
|
1033
|
+
K.pointerType === "touch" && (m.value ? p() : v());
|
|
1034
1034
|
}, D = () => {
|
|
1035
|
-
|
|
1035
|
+
v();
|
|
1036
1036
|
}, $ = () => {
|
|
1037
1037
|
p();
|
|
1038
1038
|
}, I = () => {
|
|
@@ -1044,47 +1044,47 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1044
1044
|
};
|
|
1045
1045
|
return U(() => {
|
|
1046
1046
|
h(), document.removeEventListener("pointerdown", P, !0);
|
|
1047
|
-
}), (
|
|
1048
|
-
|
|
1047
|
+
}), (K, q) => (u(), b(W, null, [
|
|
1048
|
+
g("span", le({
|
|
1049
1049
|
ref_key: "refTrigger",
|
|
1050
1050
|
ref: a,
|
|
1051
1051
|
class: "dwui-icon-popper",
|
|
1052
1052
|
tabindex: "0",
|
|
1053
1053
|
"aria-label": e.label,
|
|
1054
|
-
"aria-describedby": _(
|
|
1054
|
+
"aria-describedby": _(r)
|
|
1055
1055
|
}, _(l), {
|
|
1056
1056
|
onPointerenter: k,
|
|
1057
|
-
onPointerleave:
|
|
1057
|
+
onPointerleave: d,
|
|
1058
1058
|
onPointerdown: w,
|
|
1059
1059
|
onFocus: D,
|
|
1060
1060
|
onBlur: $,
|
|
1061
|
-
onKeydown:
|
|
1061
|
+
onKeydown: fe(I, ["esc"])
|
|
1062
1062
|
}), [
|
|
1063
|
-
x(
|
|
1064
|
-
], 16,
|
|
1065
|
-
O(
|
|
1063
|
+
x(K.$slots, "icon")
|
|
1064
|
+
], 16, ko),
|
|
1065
|
+
O(Fe, {
|
|
1066
1066
|
ref_key: "refPopover",
|
|
1067
1067
|
ref: s,
|
|
1068
|
-
id: _(
|
|
1068
|
+
id: _(r),
|
|
1069
1069
|
class: N(["dwui-icon-popper-popover", e.popoverClass]),
|
|
1070
1070
|
role: "tooltip",
|
|
1071
1071
|
mode: "manual",
|
|
1072
1072
|
anchor: a.value,
|
|
1073
1073
|
placement: e.placement,
|
|
1074
1074
|
arrow: e.arrow,
|
|
1075
|
-
onPointerenter:
|
|
1076
|
-
onPointerleave:
|
|
1075
|
+
onPointerenter: C,
|
|
1076
|
+
onPointerleave: d,
|
|
1077
1077
|
"onEmit:open": L,
|
|
1078
1078
|
"onEmit:close": V
|
|
1079
1079
|
}, {
|
|
1080
1080
|
default: z(() => [
|
|
1081
|
-
x(
|
|
1081
|
+
x(K.$slots, "default")
|
|
1082
1082
|
]),
|
|
1083
1083
|
_: 3
|
|
1084
1084
|
}, 8, ["id", "class", "anchor", "placement", "arrow"])
|
|
1085
1085
|
], 64));
|
|
1086
1086
|
}
|
|
1087
|
-
}),
|
|
1087
|
+
}), _n = /* @__PURE__ */ A({
|
|
1088
1088
|
__name: "help-popper",
|
|
1089
1089
|
props: {
|
|
1090
1090
|
placement: { default: "right" },
|
|
@@ -1094,7 +1094,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1094
1094
|
emits: ["emit:open", "emit:close"],
|
|
1095
1095
|
setup(n, { emit: t }) {
|
|
1096
1096
|
const e = n, o = t;
|
|
1097
|
-
return (l, a) => (u(), j(
|
|
1097
|
+
return (l, a) => (u(), j(Ve, {
|
|
1098
1098
|
class: "dwui-help-popper",
|
|
1099
1099
|
"popover-class": "dwui-help-popper-popover",
|
|
1100
1100
|
placement: e.placement,
|
|
@@ -1105,7 +1105,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1105
1105
|
}, {
|
|
1106
1106
|
icon: z(() => [
|
|
1107
1107
|
x(l.$slots, "icon", {}, () => [
|
|
1108
|
-
O(_(
|
|
1108
|
+
O(_(we))
|
|
1109
1109
|
])
|
|
1110
1110
|
]),
|
|
1111
1111
|
default: z(() => [
|
|
@@ -1114,7 +1114,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1114
1114
|
_: 3
|
|
1115
1115
|
}, 8, ["placement", "arrow", "label"]));
|
|
1116
1116
|
}
|
|
1117
|
-
}),
|
|
1117
|
+
}), $n = /* @__PURE__ */ A({
|
|
1118
1118
|
__name: "hourglass-loading",
|
|
1119
1119
|
props: {
|
|
1120
1120
|
loading: { type: Boolean },
|
|
@@ -1123,14 +1123,14 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1123
1123
|
},
|
|
1124
1124
|
setup(n) {
|
|
1125
1125
|
const t = n;
|
|
1126
|
-
return (e, o) => t.loading ? (u(), j(_(
|
|
1126
|
+
return (e, o) => t.loading ? (u(), j(_(vt), {
|
|
1127
1127
|
key: 0,
|
|
1128
1128
|
duration: t.duration,
|
|
1129
1129
|
size: t.size,
|
|
1130
1130
|
class: "dwui-hourglass-loading"
|
|
1131
1131
|
}, null, 8, ["duration", "size"])) : x(e.$slots, "default", {}, void 0, void 0, 1);
|
|
1132
1132
|
}
|
|
1133
|
-
}),
|
|
1133
|
+
}), kn = /* @__PURE__ */ A({
|
|
1134
1134
|
__name: "intersection-lazy-component",
|
|
1135
1135
|
props: {
|
|
1136
1136
|
root: {},
|
|
@@ -1142,8 +1142,8 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1142
1142
|
const e = n, o = t, l = B(), a = B(!1);
|
|
1143
1143
|
let s;
|
|
1144
1144
|
const m = () => {
|
|
1145
|
-
s?.disconnect(), s = void 0, !(!l.value || a.value) && (s = new IntersectionObserver((
|
|
1146
|
-
|
|
1145
|
+
s?.disconnect(), s = void 0, !(!l.value || a.value) && (s = new IntersectionObserver((r) => {
|
|
1146
|
+
r.some((c) => c.isIntersecting) && (a.value = !0, s?.disconnect(), s = void 0, o("emit:visible"));
|
|
1147
1147
|
}, {
|
|
1148
1148
|
root: e.root,
|
|
1149
1149
|
rootMargin: e.rootMargin,
|
|
@@ -1156,18 +1156,18 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1156
1156
|
s?.disconnect();
|
|
1157
1157
|
}), X(() => [e.root, e.rootMargin, e.threshold], () => {
|
|
1158
1158
|
m();
|
|
1159
|
-
}, { flush: "post" }), (
|
|
1159
|
+
}, { flush: "post" }), (r, c) => (u(), b("div", {
|
|
1160
1160
|
ref_key: "refTarget",
|
|
1161
1161
|
ref: l,
|
|
1162
1162
|
class: "dwui-intersection-lazy-component"
|
|
1163
1163
|
}, [
|
|
1164
|
-
a.value ? x(
|
|
1164
|
+
a.value ? x(r.$slots, "default", {}, void 0, void 0, 0) : x(r.$slots, "placeholder", {}, void 0, void 0, 1)
|
|
1165
1165
|
], 512));
|
|
1166
1166
|
}
|
|
1167
1167
|
}), Co = {
|
|
1168
1168
|
type: "button",
|
|
1169
1169
|
class: "dwui-label-button"
|
|
1170
|
-
},
|
|
1170
|
+
}, Sn = /* @__PURE__ */ A({
|
|
1171
1171
|
__name: "label-button",
|
|
1172
1172
|
props: {
|
|
1173
1173
|
preset: {},
|
|
@@ -1178,7 +1178,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1178
1178
|
labelStyle: { type: [Boolean, null, String, Object, Array] }
|
|
1179
1179
|
},
|
|
1180
1180
|
setup(n) {
|
|
1181
|
-
const t = n, e =
|
|
1181
|
+
const t = n, e = Q();
|
|
1182
1182
|
return (o, l) => (u(), b("button", Co, [
|
|
1183
1183
|
O(oe, {
|
|
1184
1184
|
preset: t.preset,
|
|
@@ -1187,7 +1187,7 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1187
1187
|
"icon-style": t.iconStyle,
|
|
1188
1188
|
"label-class": t.labelClass,
|
|
1189
1189
|
"label-style": t.labelStyle
|
|
1190
|
-
},
|
|
1190
|
+
}, re({ _: 2 }, [
|
|
1191
1191
|
e.icon != null ? {
|
|
1192
1192
|
name: "icon",
|
|
1193
1193
|
fn: z(() => [
|
|
@@ -1205,12 +1205,76 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1205
1205
|
]), 1032, ["preset", "gap", "icon-class", "icon-style", "label-class", "label-style"])
|
|
1206
1206
|
]));
|
|
1207
1207
|
}
|
|
1208
|
-
}),
|
|
1208
|
+
}), xo = /^\s*[[{]/;
|
|
1209
|
+
function Po(n) {
|
|
1210
|
+
return typeof n == "string" ? n : n instanceof Error ? String(n) : se(n, 0, "", []) ?? String(n);
|
|
1211
|
+
}
|
|
1212
|
+
function Bo(n) {
|
|
1213
|
+
if (xo.test(n))
|
|
1214
|
+
try {
|
|
1215
|
+
const t = JSON.parse(n);
|
|
1216
|
+
return typeof t == "object" && t !== null ? t : void 0;
|
|
1217
|
+
} catch {
|
|
1218
|
+
return;
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
function se(n, t, e, o) {
|
|
1222
|
+
switch (typeof n) {
|
|
1223
|
+
case "string": {
|
|
1224
|
+
const l = Bo(n);
|
|
1225
|
+
return l === void 0 ? `"${n}"` : se(l, t, e, o);
|
|
1226
|
+
}
|
|
1227
|
+
case "number":
|
|
1228
|
+
case "boolean":
|
|
1229
|
+
return String(n);
|
|
1230
|
+
case "bigint":
|
|
1231
|
+
return `"${n.toString()}"`;
|
|
1232
|
+
case "object": {
|
|
1233
|
+
if (n === null)
|
|
1234
|
+
return "null";
|
|
1235
|
+
if (n instanceof Error)
|
|
1236
|
+
return `"${String(n)}"`;
|
|
1237
|
+
const { toJSON: l } = n;
|
|
1238
|
+
if (typeof l == "function")
|
|
1239
|
+
return se(l.call(n, e), t, e, o);
|
|
1240
|
+
if (o.includes(n))
|
|
1241
|
+
return '"[Circular]"';
|
|
1242
|
+
o.push(n);
|
|
1243
|
+
try {
|
|
1244
|
+
return Lo(n, t, o);
|
|
1245
|
+
} finally {
|
|
1246
|
+
o.pop();
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
1249
|
+
default:
|
|
1250
|
+
return;
|
|
1251
|
+
}
|
|
1252
|
+
}
|
|
1253
|
+
function Lo(n, t, e) {
|
|
1254
|
+
const o = Array.isArray(n), l = [];
|
|
1255
|
+
if (o)
|
|
1256
|
+
for (let c = 0; c < n.length; c++)
|
|
1257
|
+
l.push(se(n[c], t + 1, String(c), e) ?? "null");
|
|
1258
|
+
else
|
|
1259
|
+
for (const [c, h] of Object.entries(n)) {
|
|
1260
|
+
const v = se(h, t + 1, c, e);
|
|
1261
|
+
v !== void 0 && l.push(`"${c}": ${v}`);
|
|
1262
|
+
}
|
|
1263
|
+
const [a, s] = o ? ["[", "]"] : ["{", "}"];
|
|
1264
|
+
if (l.length === 0)
|
|
1265
|
+
return `${a}${s}`;
|
|
1266
|
+
const m = " ".repeat(t + 1), r = " ".repeat(t);
|
|
1267
|
+
return `${a}
|
|
1268
|
+
${m}${l.join(`,
|
|
1269
|
+
${m}`)}
|
|
1270
|
+
${r}${s}`;
|
|
1271
|
+
}
|
|
1272
|
+
const Eo = ["aria-labelledby", "aria-describedby"], To = { class: "dwui-modal-dialog-header" }, Mo = { class: "dwui-modal-dialog-icon" }, Ao = ["id", "innerHTML"], Oo = ["id"], Do = ["id"], Io = { key: 0 }, No = ["innerHTML"], Ho = { key: 2 }, zo = {
|
|
1209
1273
|
key: 0,
|
|
1210
1274
|
class: "dwui-modal-dialog-images"
|
|
1211
|
-
},
|
|
1275
|
+
}, Ro = ["src", "alt"], jo = ["onClick"], Cn = /* @__PURE__ */ A({
|
|
1212
1276
|
__name: "modal-dialog",
|
|
1213
|
-
props: /* @__PURE__ */
|
|
1277
|
+
props: /* @__PURE__ */ J({
|
|
1214
1278
|
type: { default: "info" },
|
|
1215
1279
|
title: { default: void 0 },
|
|
1216
1280
|
message: { default: void 0 },
|
|
@@ -1225,33 +1289,33 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1225
1289
|
open: { type: Boolean, default: !1 },
|
|
1226
1290
|
openModifiers: {}
|
|
1227
1291
|
}),
|
|
1228
|
-
emits: /* @__PURE__ */
|
|
1292
|
+
emits: /* @__PURE__ */ J(["emit:close"], ["update:open"]),
|
|
1229
1293
|
setup(n, { emit: t }) {
|
|
1230
|
-
const e = n, o = t, l =
|
|
1294
|
+
const e = n, o = t, l = ie(n, "open"), a = B(), s = B(), m = ae(), r = ae(), c = {
|
|
1231
1295
|
info: gt,
|
|
1232
|
-
confirm:
|
|
1233
|
-
warn:
|
|
1234
|
-
error:
|
|
1235
|
-
}, h = ["cancel", "no", "yes", "ok"],
|
|
1296
|
+
confirm: we,
|
|
1297
|
+
warn: je,
|
|
1298
|
+
error: ft
|
|
1299
|
+
}, h = ["cancel", "no", "yes", "ok"], v = E(() => e.buttons ?? (e.type === "confirm" ? ["yes", "no"] : ["ok"])), p = E(() => ({
|
|
1236
1300
|
ok: e.okLabel,
|
|
1237
1301
|
yes: e.yesLabel,
|
|
1238
1302
|
no: e.noLabel,
|
|
1239
1303
|
cancel: e.cancelLabel
|
|
1240
|
-
})),
|
|
1304
|
+
})), S = E(() => e.message == null ? [] : [e.message].flat()), P = E(() => [e.image ?? []].flat().map(($) => typeof $ == "string" ? {
|
|
1241
1305
|
src: $,
|
|
1242
1306
|
alt: ""
|
|
1243
1307
|
} : $)), k = ($) => {
|
|
1244
1308
|
D($);
|
|
1245
|
-
},
|
|
1309
|
+
}, d = ($) => {
|
|
1246
1310
|
$.preventDefault(), D("cancel");
|
|
1247
|
-
},
|
|
1311
|
+
}, C = ($) => {
|
|
1248
1312
|
if ($.key !== "ArrowLeft" && $.key !== "ArrowRight")
|
|
1249
1313
|
return;
|
|
1250
1314
|
const I = [...s.value?.children ?? []], L = I.indexOf(document.activeElement);
|
|
1251
1315
|
L < 0 || I[$.key === "ArrowRight" ? L + 1 : L - 1]?.focus();
|
|
1252
1316
|
}, w = () => {
|
|
1253
1317
|
a.value?.showModal();
|
|
1254
|
-
const $ = h.find((L) =>
|
|
1318
|
+
const $ = h.find((L) => v.value.includes(L)), I = $ ? v.value.indexOf($) : -1;
|
|
1255
1319
|
s.value?.children[I]?.focus();
|
|
1256
1320
|
}, D = ($) => {
|
|
1257
1321
|
a.value?.close(), l.value = !1, o("emit:close", $);
|
|
@@ -1265,65 +1329,65 @@ const Ct = ["disabled"], St = { class: "dwui-accordion-legend" }, xt = ["aria-ex
|
|
|
1265
1329
|
ref: a,
|
|
1266
1330
|
class: N(["dwui-modal-dialog", `dwui-modal-dialog-${e.type}`]),
|
|
1267
1331
|
"aria-labelledby": e.title ? _(m) : void 0,
|
|
1268
|
-
"aria-describedby": _(
|
|
1269
|
-
onCancel:
|
|
1270
|
-
onKeydown:
|
|
1332
|
+
"aria-describedby": _(r),
|
|
1333
|
+
onCancel: d,
|
|
1334
|
+
onKeydown: C
|
|
1271
1335
|
}, [
|
|
1272
|
-
|
|
1273
|
-
|
|
1336
|
+
g("div", To, [
|
|
1337
|
+
g("span", Mo, [
|
|
1274
1338
|
x($.$slots, "icon", {}, () => [
|
|
1275
1339
|
(u(), j(te(c[e.type])))
|
|
1276
1340
|
])
|
|
1277
1341
|
]),
|
|
1278
|
-
e.title ? (u(), b(
|
|
1342
|
+
e.title ? (u(), b(W, { key: 0 }, [
|
|
1279
1343
|
e.html ? (u(), b("span", {
|
|
1280
1344
|
key: 0,
|
|
1281
1345
|
id: _(m),
|
|
1282
1346
|
class: "dwui-modal-dialog-title",
|
|
1283
1347
|
innerHTML: e.title
|
|
1284
|
-
}, null, 8,
|
|
1348
|
+
}, null, 8, Ao)) : (u(), b("span", {
|
|
1285
1349
|
key: 1,
|
|
1286
1350
|
id: _(m),
|
|
1287
1351
|
class: "dwui-modal-dialog-title"
|
|
1288
|
-
}, H(e.title), 9,
|
|
1352
|
+
}, H(e.title), 9, Oo))
|
|
1289
1353
|
], 64)) : M("", !0)
|
|
1290
1354
|
]),
|
|
1291
|
-
|
|
1292
|
-
id: _(
|
|
1355
|
+
g("div", {
|
|
1356
|
+
id: _(r),
|
|
1293
1357
|
class: "dwui-modal-dialog-body"
|
|
1294
1358
|
}, [
|
|
1295
1359
|
x($.$slots, "default", {}, () => [
|
|
1296
|
-
(u(!0), b(
|
|
1297
|
-
e.html ? (u(), b("p", {
|
|
1298
|
-
key:
|
|
1360
|
+
(u(!0), b(W, null, Y(S.value, (L, V) => (u(), b(W, { key: V }, [
|
|
1361
|
+
typeof L != "string" ? (u(), b("pre", Io, H(_(Po)(L)), 1)) : e.html ? (u(), b("p", {
|
|
1362
|
+
key: 1,
|
|
1299
1363
|
innerHTML: L
|
|
1300
|
-
}, null, 8,
|
|
1364
|
+
}, null, 8, No)) : (u(), b("p", Ho, H(L), 1))
|
|
1301
1365
|
], 64))), 128)),
|
|
1302
|
-
P.value.length ? (u(), b("div",
|
|
1303
|
-
(u(!0), b(
|
|
1366
|
+
P.value.length ? (u(), b("div", zo, [
|
|
1367
|
+
(u(!0), b(W, null, Y(P.value, (L, V) => (u(), b("img", {
|
|
1304
1368
|
key: V,
|
|
1305
1369
|
src: L.src,
|
|
1306
1370
|
alt: L.alt
|
|
1307
|
-
}, null, 8,
|
|
1371
|
+
}, null, 8, Ro))), 128))
|
|
1308
1372
|
])) : M("", !0)
|
|
1309
1373
|
])
|
|
1310
|
-
], 8,
|
|
1311
|
-
|
|
1374
|
+
], 8, Do),
|
|
1375
|
+
g("div", {
|
|
1312
1376
|
ref_key: "refButtons",
|
|
1313
1377
|
ref: s,
|
|
1314
1378
|
class: "dwui-modal-dialog-buttons"
|
|
1315
1379
|
}, [
|
|
1316
|
-
(u(!0), b(
|
|
1380
|
+
(u(!0), b(W, null, Y(v.value, (L) => (u(), b("button", {
|
|
1317
1381
|
key: L,
|
|
1318
1382
|
type: "button",
|
|
1319
1383
|
class: N(["dwui-modal-dialog-button", `dwui-modal-dialog-button-${L}`]),
|
|
1320
1384
|
onClick: (V) => k(L)
|
|
1321
|
-
}, H(p.value[L]), 11,
|
|
1385
|
+
}, H(p.value[L]), 11, jo))), 128))
|
|
1322
1386
|
], 512)
|
|
1323
|
-
], 42,
|
|
1387
|
+
], 42, Eo));
|
|
1324
1388
|
}
|
|
1325
1389
|
});
|
|
1326
|
-
function
|
|
1390
|
+
function Ko(n) {
|
|
1327
1391
|
const t = n.minWidth ?? 20, e = n.minHeight ?? 20, o = B(!1), l = B(!1), a = Ce({
|
|
1328
1392
|
x: 0,
|
|
1329
1393
|
y: 0
|
|
@@ -1331,7 +1395,7 @@ function Io(n) {
|
|
|
1331
1395
|
width: -1,
|
|
1332
1396
|
height: -1
|
|
1333
1397
|
});
|
|
1334
|
-
let m = null,
|
|
1398
|
+
let m = null, r = "bottom-right", c = {
|
|
1335
1399
|
x: 0,
|
|
1336
1400
|
y: 0
|
|
1337
1401
|
};
|
|
@@ -1346,55 +1410,55 @@ function Io(n) {
|
|
|
1346
1410
|
}, o.value)
|
|
1347
1411
|
a.x += D, a.y += $;
|
|
1348
1412
|
else if (l.value) {
|
|
1349
|
-
if (
|
|
1413
|
+
if (r.endsWith("left")) {
|
|
1350
1414
|
const I = Math.max(t, s.width - D);
|
|
1351
1415
|
a.x += s.width - I, s.width = I;
|
|
1352
1416
|
} else
|
|
1353
1417
|
s.width = Math.max(t, s.width + D);
|
|
1354
|
-
if (
|
|
1418
|
+
if (r.startsWith("top")) {
|
|
1355
1419
|
const I = Math.max(e, s.height - $);
|
|
1356
1420
|
a.y += s.height - I, s.height = I;
|
|
1357
1421
|
} else
|
|
1358
1422
|
s.height = Math.max(e, s.height + $);
|
|
1359
1423
|
}
|
|
1360
|
-
},
|
|
1424
|
+
}, v = () => {
|
|
1361
1425
|
const w = n.target.value?.getBoundingClientRect().width || 0;
|
|
1362
1426
|
a.x < 40 - w && (a.x = 40 - w), window.innerWidth - 40 < a.x && (a.x = window.innerWidth - 40), a.y < 0 && (a.y = 0), n.clampBottom && window.innerHeight - 20 < a.y && (a.y = window.innerHeight - 20);
|
|
1363
1427
|
}, p = (w) => {
|
|
1364
1428
|
if (w.pointerId !== m)
|
|
1365
1429
|
return;
|
|
1366
1430
|
const D = o.value;
|
|
1367
|
-
|
|
1368
|
-
},
|
|
1431
|
+
S(), D && v();
|
|
1432
|
+
}, S = () => {
|
|
1369
1433
|
document.removeEventListener("pointermove", h, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0), m = null, o.value = !1, l.value = !1;
|
|
1370
1434
|
}, P = (w) => {
|
|
1371
|
-
|
|
1435
|
+
S(), m = w.pointerId, c = {
|
|
1372
1436
|
x: w.clientX,
|
|
1373
1437
|
y: w.clientY
|
|
1374
1438
|
}, document.addEventListener("pointermove", h, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0);
|
|
1375
1439
|
}, k = (w) => {
|
|
1376
1440
|
w.isPrimary && n.dragMode() === "body" && (P(w), o.value = !0);
|
|
1377
|
-
},
|
|
1441
|
+
}, d = (w) => {
|
|
1378
1442
|
w.isPrimary && n.dragMode() === "header" && (P(w), o.value = !0);
|
|
1379
|
-
},
|
|
1443
|
+
}, C = (w, D = "bottom-right") => {
|
|
1380
1444
|
if (!w.isPrimary)
|
|
1381
1445
|
return;
|
|
1382
|
-
|
|
1446
|
+
r = D;
|
|
1383
1447
|
const $ = n.target.value?.getBoundingClientRect();
|
|
1384
1448
|
$ && (s.width < 0 && (s.width = $.width), s.height < 0 && (s.height = $.height)), P(w), l.value = !0;
|
|
1385
1449
|
};
|
|
1386
|
-
return U(
|
|
1450
|
+
return U(S), {
|
|
1387
1451
|
moving: o,
|
|
1388
1452
|
resizing: l,
|
|
1389
1453
|
currentPosition: a,
|
|
1390
1454
|
currentRect: s,
|
|
1391
1455
|
onDragStart: k,
|
|
1392
|
-
onDragHeaderStart:
|
|
1393
|
-
onResizeStart:
|
|
1394
|
-
teardown:
|
|
1456
|
+
onDragHeaderStart: d,
|
|
1457
|
+
onResizeStart: C,
|
|
1458
|
+
teardown: S
|
|
1395
1459
|
};
|
|
1396
1460
|
}
|
|
1397
|
-
const
|
|
1461
|
+
const Wo = ["aria-labelledby"], Fo = ["id"], Vo = ["aria-label"], Uo = ["onPointerdown"], Go = /* @__PURE__ */ A({
|
|
1398
1462
|
__name: "movable-window",
|
|
1399
1463
|
props: {
|
|
1400
1464
|
name: {},
|
|
@@ -1407,29 +1471,29 @@ const No = ["aria-labelledby"], Ho = ["id"], zo = ["aria-label"], Ro = ["onPoint
|
|
|
1407
1471
|
},
|
|
1408
1472
|
emits: ["emit:close"],
|
|
1409
1473
|
setup(n, { expose: t, emit: e }) {
|
|
1410
|
-
const o = n, l = e, a = B(), s = ae(), m = ["top-left", "top-right", "bottom-left"],
|
|
1474
|
+
const o = n, l = e, a = B(), s = ae(), m = ["top-left", "top-right", "bottom-left"], r = Ko({
|
|
1411
1475
|
target: a,
|
|
1412
1476
|
dragMode: () => o.dragMode,
|
|
1413
1477
|
clampBottom: o.clampBottom
|
|
1414
|
-
}), c =
|
|
1415
|
-
const { currentPosition: h, currentRect:
|
|
1478
|
+
}), c = E(() => {
|
|
1479
|
+
const { currentPosition: h, currentRect: v } = r;
|
|
1416
1480
|
return {
|
|
1417
1481
|
top: `${h.y}px`,
|
|
1418
1482
|
left: `${h.x}px`,
|
|
1419
|
-
width: 0 <=
|
|
1420
|
-
height: 0 <=
|
|
1483
|
+
width: 0 <= v.width ? `${v.width}px` : void 0,
|
|
1484
|
+
height: 0 <= v.height ? `${v.height}px` : void 0
|
|
1421
1485
|
};
|
|
1422
1486
|
});
|
|
1423
1487
|
return t({
|
|
1424
1488
|
/** ウィンドウの要素 */
|
|
1425
1489
|
element: a,
|
|
1426
1490
|
/** 位置(px)。書き込むと移動する */
|
|
1427
|
-
position:
|
|
1491
|
+
position: r.currentPosition,
|
|
1428
1492
|
/** 幅・高さ(px)。-1 は中身に合わせる。書き込むとその寸法になる */
|
|
1429
|
-
size:
|
|
1493
|
+
size: r.currentRect,
|
|
1430
1494
|
/** ドラッグ・リサイズのリスナーを解除する */
|
|
1431
|
-
teardown:
|
|
1432
|
-
}), (h,
|
|
1495
|
+
teardown: r.teardown
|
|
1496
|
+
}), (h, v) => (u(), b("div", {
|
|
1433
1497
|
ref_key: "refWindow",
|
|
1434
1498
|
ref: a,
|
|
1435
1499
|
class: "dwui-movable-window",
|
|
@@ -1437,34 +1501,34 @@ const No = ["aria-labelledby"], Ho = ["id"], zo = ["aria-label"], Ro = ["onPoint
|
|
|
1437
1501
|
"aria-labelledby": _(s),
|
|
1438
1502
|
style: F(c.value)
|
|
1439
1503
|
}, [
|
|
1440
|
-
|
|
1504
|
+
g("div", {
|
|
1441
1505
|
class: "dwui-movable-window-frame",
|
|
1442
|
-
onPointerdown:
|
|
1443
|
-
(...p) => _(
|
|
1506
|
+
onPointerdown: v[2] || (v[2] = //@ts-ignore
|
|
1507
|
+
(...p) => _(r).onDragStart && _(r).onDragStart(...p))
|
|
1444
1508
|
}, [
|
|
1445
|
-
|
|
1509
|
+
g("div", {
|
|
1446
1510
|
class: N(["dwui-movable-window-header", [`${o.name}-header`, o.headerClass, { "dwui-movable": o.dragMode }]]),
|
|
1447
1511
|
style: F(o.headerStyle),
|
|
1448
|
-
onPointerdown:
|
|
1449
|
-
(...p) => _(
|
|
1512
|
+
onPointerdown: v[1] || (v[1] = //@ts-ignore
|
|
1513
|
+
(...p) => _(r).onDragHeaderStart && _(r).onDragHeaderStart(...p))
|
|
1450
1514
|
}, [
|
|
1451
|
-
|
|
1515
|
+
g("div", {
|
|
1452
1516
|
id: _(s),
|
|
1453
1517
|
class: N(["dwui-movable-window-title", `${o.name}-title`])
|
|
1454
1518
|
}, [
|
|
1455
1519
|
x(h.$slots, "title")
|
|
1456
|
-
], 10,
|
|
1520
|
+
], 10, Fo),
|
|
1457
1521
|
x(h.$slots, "actions"),
|
|
1458
|
-
|
|
1522
|
+
g("button", {
|
|
1459
1523
|
type: "button",
|
|
1460
1524
|
class: N(["dwui-movable-window-close-button", `${o.name}-close-button`]),
|
|
1461
1525
|
"aria-label": o.closeLabel,
|
|
1462
|
-
onClick:
|
|
1526
|
+
onClick: v[0] || (v[0] = (p) => l("emit:close"))
|
|
1463
1527
|
}, [
|
|
1464
|
-
O(_(
|
|
1465
|
-
], 10,
|
|
1528
|
+
O(_(bt))
|
|
1529
|
+
], 10, Vo)
|
|
1466
1530
|
], 38),
|
|
1467
|
-
|
|
1531
|
+
g("div", {
|
|
1468
1532
|
class: N(["dwui-movable-window-body", [`${o.name}-body`, { "dwui-movable": o.dragMode === "body" }]])
|
|
1469
1533
|
}, [
|
|
1470
1534
|
x(h.$slots, "default")
|
|
@@ -1474,27 +1538,27 @@ const No = ["aria-labelledby"], Ho = ["id"], zo = ["aria-label"], Ro = ["onPoint
|
|
|
1474
1538
|
key: 0,
|
|
1475
1539
|
class: N(["dwui-movable-window-loading", `${o.name}-loading`])
|
|
1476
1540
|
}, [
|
|
1477
|
-
|
|
1541
|
+
g("div", {
|
|
1478
1542
|
class: N(["dwui-movable-window-spinner", `${o.name}-spinner`])
|
|
1479
1543
|
}, null, 2)
|
|
1480
1544
|
], 2)) : M("", !0),
|
|
1481
|
-
(u(), b(
|
|
1545
|
+
(u(), b(W, null, Y(m, (p) => g("div", {
|
|
1482
1546
|
key: p,
|
|
1483
1547
|
class: N(["dwui-movable-window-corner", [`${o.name}-corner`, `dwui-${p}`]]),
|
|
1484
|
-
onPointerdown: ee((
|
|
1485
|
-
}, null, 42,
|
|
1486
|
-
|
|
1548
|
+
onPointerdown: ee((S) => _(r).onResizeStart(S, p), ["prevent"])
|
|
1549
|
+
}, null, 42, Uo)), 64)),
|
|
1550
|
+
g("div", {
|
|
1487
1551
|
class: N(["dwui-movable-window-resizer", `${o.name}-resizer`]),
|
|
1488
|
-
onPointerdown:
|
|
1552
|
+
onPointerdown: v[3] || (v[3] = ee((p) => _(r).onResizeStart(p, "bottom-right"), ["prevent"]))
|
|
1489
1553
|
}, [
|
|
1490
|
-
O(_(
|
|
1554
|
+
O(_(ht), { direction: "bottom-right" })
|
|
1491
1555
|
], 34)
|
|
1492
|
-
], 12,
|
|
1556
|
+
], 12, Wo));
|
|
1493
1557
|
}
|
|
1494
1558
|
});
|
|
1495
|
-
let
|
|
1496
|
-
const
|
|
1497
|
-
function
|
|
1559
|
+
let De = 0;
|
|
1560
|
+
const Xo = () => (De += 1, De);
|
|
1561
|
+
function Yo(n, t, e) {
|
|
1498
1562
|
const o = document.createElement("div");
|
|
1499
1563
|
document.body.appendChild(o);
|
|
1500
1564
|
const l = B(!0), a = B(!1), s = {
|
|
@@ -1511,13 +1575,13 @@ function Ko(n, t, e) {
|
|
|
1511
1575
|
l.value = c;
|
|
1512
1576
|
},
|
|
1513
1577
|
"onEmit:close": () => {
|
|
1514
|
-
e.delete(s),
|
|
1578
|
+
e.delete(s), xe(null, o), o.remove(), t.onClosed?.(), t.onClose?.();
|
|
1515
1579
|
}
|
|
1516
|
-
}, s)),
|
|
1517
|
-
return t.appContext && (
|
|
1580
|
+
}, s)), r = ge(m);
|
|
1581
|
+
return t.appContext && (r.appContext = t.appContext), xe(r, o), e.add(s), s;
|
|
1518
1582
|
}
|
|
1519
|
-
function
|
|
1520
|
-
const t =
|
|
1583
|
+
function qo(n) {
|
|
1584
|
+
const t = lt();
|
|
1521
1585
|
if (!t)
|
|
1522
1586
|
throw new Error(`${n}() must be called inside setup().`);
|
|
1523
1587
|
const e = /* @__PURE__ */ new Set();
|
|
@@ -1534,38 +1598,38 @@ function Fo(n) {
|
|
|
1534
1598
|
}
|
|
1535
1599
|
};
|
|
1536
1600
|
}
|
|
1537
|
-
const
|
|
1601
|
+
const ce = [], Ue = /* @__PURE__ */ new Set(), Ge = (n, t, e, o) => {
|
|
1538
1602
|
const { appContext: l, onClose: a, ...s } = e ?? {};
|
|
1539
|
-
return
|
|
1603
|
+
return Yo((m, r) => ge(Jo, {
|
|
1540
1604
|
...s,
|
|
1541
1605
|
...m
|
|
1542
1606
|
}, {
|
|
1543
1607
|
default: () => ge(n, {
|
|
1544
1608
|
...t,
|
|
1545
|
-
close:
|
|
1546
|
-
setLoading:
|
|
1609
|
+
close: r.close,
|
|
1610
|
+
setLoading: r.setLoading
|
|
1547
1611
|
})
|
|
1548
|
-
}), { appContext: l, onClose: a, onClosed: o },
|
|
1612
|
+
}), { appContext: l, onClose: a, onClosed: o }, Ue);
|
|
1549
1613
|
};
|
|
1550
|
-
function
|
|
1551
|
-
return
|
|
1614
|
+
function xn(n, t, e) {
|
|
1615
|
+
return Ge(n, t, e);
|
|
1552
1616
|
}
|
|
1553
|
-
function
|
|
1554
|
-
for (const n of [...
|
|
1617
|
+
function Pn() {
|
|
1618
|
+
for (const n of [...Ue])
|
|
1555
1619
|
n.close();
|
|
1556
1620
|
}
|
|
1557
|
-
function
|
|
1558
|
-
const n =
|
|
1621
|
+
function Bn() {
|
|
1622
|
+
const n = qo("useOverlayBox");
|
|
1559
1623
|
return {
|
|
1560
|
-
showOverlayBox: (t, e, o) => n.own((l) =>
|
|
1624
|
+
showOverlayBox: (t, e, o) => n.own((l) => Ge(t, e, {
|
|
1561
1625
|
appContext: n.appContext,
|
|
1562
1626
|
...o
|
|
1563
1627
|
}, l))
|
|
1564
1628
|
};
|
|
1565
1629
|
}
|
|
1566
|
-
const
|
|
1630
|
+
const Jo = /* @__PURE__ */ A({
|
|
1567
1631
|
__name: "overlay-box",
|
|
1568
|
-
props: /* @__PURE__ */
|
|
1632
|
+
props: /* @__PURE__ */ J({
|
|
1569
1633
|
title: { default: void 0 },
|
|
1570
1634
|
dragMode: { default: void 0 },
|
|
1571
1635
|
closeOnBackdrop: { type: Boolean, default: !1 },
|
|
@@ -1575,35 +1639,35 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1575
1639
|
open: { type: Boolean, default: !1 },
|
|
1576
1640
|
openModifiers: {}
|
|
1577
1641
|
}),
|
|
1578
|
-
emits: /* @__PURE__ */
|
|
1642
|
+
emits: /* @__PURE__ */ J(["emit:close"], ["update:open"]),
|
|
1579
1643
|
setup(n, { emit: t }) {
|
|
1580
|
-
const e = n, o = t, l =
|
|
1581
|
-
let
|
|
1644
|
+
const e = n, o = t, l = ie(n, "open"), a = B(), s = B(0), m = /* @__PURE__ */ Symbol("dwui-overlay-box");
|
|
1645
|
+
let r = null;
|
|
1582
1646
|
const c = () => {
|
|
1583
1647
|
e.closeOnBackdrop && (l.value = !1);
|
|
1584
1648
|
}, h = () => {
|
|
1585
1649
|
l.value = !1;
|
|
1586
|
-
},
|
|
1587
|
-
|
|
1650
|
+
}, v = (d) => {
|
|
1651
|
+
d.key !== "Escape" || !d.isTrusted || d.isComposing || d.target instanceof Element && d.target.closest("dialog") || ce.at(-1) === m && (l.value = !1);
|
|
1588
1652
|
}, p = () => {
|
|
1589
1653
|
o("emit:close");
|
|
1590
|
-
},
|
|
1591
|
-
const
|
|
1592
|
-
0 <=
|
|
1654
|
+
}, S = () => {
|
|
1655
|
+
const d = ce.indexOf(m);
|
|
1656
|
+
0 <= d && ce.splice(d, 1);
|
|
1593
1657
|
}, P = () => {
|
|
1594
|
-
s.value =
|
|
1595
|
-
const
|
|
1596
|
-
|
|
1658
|
+
s.value = Xo();
|
|
1659
|
+
const d = a.value, C = d?.element?.getBoundingClientRect();
|
|
1660
|
+
d && (d.position.x = (window.innerWidth - (C?.width || 0)) / 2, d.position.y = Math.max(0, (window.innerHeight - (C?.height || 0)) / 2)), r = document.activeElement instanceof HTMLElement ? document.activeElement : null, d?.element?.focus(), ce.push(m);
|
|
1597
1661
|
}, k = () => {
|
|
1598
|
-
a.value?.teardown(),
|
|
1662
|
+
a.value?.teardown(), S(), r?.isConnected && r.focus(), r = null;
|
|
1599
1663
|
};
|
|
1600
1664
|
return G(() => {
|
|
1601
1665
|
l.value && P();
|
|
1602
1666
|
}), U(() => {
|
|
1603
|
-
|
|
1604
|
-
}), X(l, (
|
|
1605
|
-
|
|
1606
|
-
}, { flush: "post" }), (
|
|
1667
|
+
S();
|
|
1668
|
+
}), X(l, (d) => {
|
|
1669
|
+
d ? P() : k();
|
|
1670
|
+
}, { flush: "post" }), (d, C) => (u(), j(at, {
|
|
1607
1671
|
name: "dwui-overlay-box-fade",
|
|
1608
1672
|
onAfterLeave: p
|
|
1609
1673
|
}, {
|
|
@@ -1613,11 +1677,11 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1613
1677
|
class: "dwui-overlay-box",
|
|
1614
1678
|
style: F({ "--dwui-order-window": s.value })
|
|
1615
1679
|
}, [
|
|
1616
|
-
|
|
1680
|
+
g("div", {
|
|
1617
1681
|
class: "dwui-overlay-box-backdrop",
|
|
1618
1682
|
onClick: c
|
|
1619
1683
|
}),
|
|
1620
|
-
O(
|
|
1684
|
+
O(Go, {
|
|
1621
1685
|
ref_key: "refWindow",
|
|
1622
1686
|
ref: a,
|
|
1623
1687
|
class: "dwui-overlay-box-container",
|
|
@@ -1627,16 +1691,16 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1627
1691
|
loading: e.loading,
|
|
1628
1692
|
"close-label": e.closeLabel,
|
|
1629
1693
|
"clamp-bottom": "",
|
|
1630
|
-
onKeydown:
|
|
1694
|
+
onKeydown: v,
|
|
1631
1695
|
"onEmit:close": h
|
|
1632
1696
|
}, {
|
|
1633
1697
|
title: z(() => [
|
|
1634
|
-
x(
|
|
1698
|
+
x(d.$slots, "title", {}, () => [
|
|
1635
1699
|
Z(H(e.title), 1)
|
|
1636
1700
|
])
|
|
1637
1701
|
]),
|
|
1638
1702
|
default: z(() => [
|
|
1639
|
-
x(
|
|
1703
|
+
x(d.$slots, "default")
|
|
1640
1704
|
]),
|
|
1641
1705
|
_: 3
|
|
1642
1706
|
}, 8, ["drag-mode", "loading", "close-label"])
|
|
@@ -1645,7 +1709,7 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1645
1709
|
_: 3
|
|
1646
1710
|
}));
|
|
1647
1711
|
}
|
|
1648
|
-
}),
|
|
1712
|
+
}), Qo = { class: "dwui-page-section" }, Zo = { class: "dwui-page-section-content" }, Ln = /* @__PURE__ */ A({
|
|
1649
1713
|
__name: "page-section",
|
|
1650
1714
|
props: {
|
|
1651
1715
|
title: {},
|
|
@@ -1657,19 +1721,19 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1657
1721
|
},
|
|
1658
1722
|
setup(n) {
|
|
1659
1723
|
const t = n, e = {
|
|
1660
|
-
diamond: { component:
|
|
1661
|
-
circle: { component:
|
|
1662
|
-
square: { component:
|
|
1663
|
-
pushpin: { component:
|
|
1664
|
-
"round-pushpin": { component:
|
|
1665
|
-
}, o =
|
|
1724
|
+
diamond: { component: kt, shape: !0, color: "#1a44b6" },
|
|
1725
|
+
circle: { component: $t, shape: !0, color: "#e78b2f" },
|
|
1726
|
+
square: { component: _t, shape: !0, color: "#d13a2b" },
|
|
1727
|
+
pushpin: { component: yt, shape: !1 },
|
|
1728
|
+
"round-pushpin": { component: wt, shape: !1 }
|
|
1729
|
+
}, o = E(() => {
|
|
1666
1730
|
const l = e[t.icon];
|
|
1667
1731
|
return {
|
|
1668
1732
|
component: l.component,
|
|
1669
1733
|
props: l.shape ? { variant: t.iconVariant, color: t.iconColor ?? l.color } : {}
|
|
1670
1734
|
};
|
|
1671
1735
|
});
|
|
1672
|
-
return (l, a) => (u(), b("section",
|
|
1736
|
+
return (l, a) => (u(), b("section", Qo, [
|
|
1673
1737
|
t.title != null ? (u(), b("div", {
|
|
1674
1738
|
key: 0,
|
|
1675
1739
|
class: N(["dwui-page-section-title", t.titleClass]),
|
|
@@ -1678,7 +1742,7 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1678
1742
|
O(oe, null, {
|
|
1679
1743
|
icon: z(() => [
|
|
1680
1744
|
x(l.$slots, "icon", {}, () => [
|
|
1681
|
-
(u(), j(te(o.value.component),
|
|
1745
|
+
(u(), j(te(o.value.component), Ie(Ne(o.value.props)), null, 16))
|
|
1682
1746
|
])
|
|
1683
1747
|
]),
|
|
1684
1748
|
default: z(() => [
|
|
@@ -1687,23 +1751,23 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1687
1751
|
_: 3
|
|
1688
1752
|
})
|
|
1689
1753
|
], 6)) : M("", !0),
|
|
1690
|
-
|
|
1754
|
+
g("div", Zo, [
|
|
1691
1755
|
x(l.$slots, "default")
|
|
1692
1756
|
])
|
|
1693
1757
|
]));
|
|
1694
1758
|
}
|
|
1695
|
-
}),
|
|
1759
|
+
}), en = { class: "dwui-page-title" }, tn = {
|
|
1696
1760
|
key: 0,
|
|
1697
1761
|
class: "dwui-page-title-actions"
|
|
1698
|
-
},
|
|
1762
|
+
}, En = /* @__PURE__ */ A({
|
|
1699
1763
|
__name: "page-title",
|
|
1700
1764
|
props: {
|
|
1701
1765
|
title: {}
|
|
1702
1766
|
},
|
|
1703
1767
|
setup(n) {
|
|
1704
|
-
const t = n, e =
|
|
1705
|
-
return (o, l) => (u(), b("section",
|
|
1706
|
-
O(oe, { class: "dwui-page-title-label" },
|
|
1768
|
+
const t = n, e = Q();
|
|
1769
|
+
return (o, l) => (u(), b("section", en, [
|
|
1770
|
+
O(oe, { class: "dwui-page-title-label" }, re({
|
|
1707
1771
|
default: z(() => [
|
|
1708
1772
|
Z(" " + H(t.title), 1)
|
|
1709
1773
|
]),
|
|
@@ -1717,12 +1781,12 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1717
1781
|
key: "0"
|
|
1718
1782
|
} : void 0
|
|
1719
1783
|
]), 1024),
|
|
1720
|
-
e.default != null ? (u(), b("span",
|
|
1784
|
+
e.default != null ? (u(), b("span", tn, [
|
|
1721
1785
|
x(o.$slots, "default")
|
|
1722
1786
|
])) : M("", !0)
|
|
1723
1787
|
]));
|
|
1724
1788
|
}
|
|
1725
|
-
}),
|
|
1789
|
+
}), Tn = /* @__PURE__ */ A({
|
|
1726
1790
|
__name: "screen-loading",
|
|
1727
1791
|
props: {
|
|
1728
1792
|
loading: { type: Boolean }
|
|
@@ -1749,16 +1813,16 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1749
1813
|
onCancel: s[0] || (s[0] = ee(() => {
|
|
1750
1814
|
}, ["prevent"]))
|
|
1751
1815
|
}, [...s[1] || (s[1] = [
|
|
1752
|
-
|
|
1816
|
+
g("div", { class: "dwui-screen-loading-spinner" }, null, -1)
|
|
1753
1817
|
])], 544));
|
|
1754
1818
|
}
|
|
1755
|
-
}),
|
|
1819
|
+
}), Xe = /* @__PURE__ */ Symbol("dwui-tab-group"), on = ["id", "aria-labelledby", "aria-busy", "hidden"], nn = {
|
|
1756
1820
|
key: 0,
|
|
1757
1821
|
class: "dwui-tab-loading"
|
|
1758
|
-
},
|
|
1822
|
+
}, ln = {
|
|
1759
1823
|
key: 1,
|
|
1760
1824
|
class: "dwui-tab-loading-spinner"
|
|
1761
|
-
},
|
|
1825
|
+
}, an = /* @__PURE__ */ A({
|
|
1762
1826
|
__name: "tab-content",
|
|
1763
1827
|
props: {
|
|
1764
1828
|
tabId: {},
|
|
@@ -1769,10 +1833,10 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1769
1833
|
headerStyle: { type: [Boolean, null, String, Object, Array] }
|
|
1770
1834
|
},
|
|
1771
1835
|
setup(n) {
|
|
1772
|
-
const t = n, e =
|
|
1773
|
-
o.value =
|
|
1836
|
+
const t = n, e = He(Xe, void 0), o = B(!1), l = () => e?.loadingSlot(), a = E(() => e?.activeTabId.value === t.tabId), s = E(() => !!e?.mounted.value && a.value), m = (r) => {
|
|
1837
|
+
o.value = r;
|
|
1774
1838
|
};
|
|
1775
|
-
return (
|
|
1839
|
+
return (r, c) => t.disabled ? M("", !0) : (u(), b("div", {
|
|
1776
1840
|
key: 0,
|
|
1777
1841
|
id: _(e) ? `${_(e).groupName}-${t.tabId}-panel` : void 0,
|
|
1778
1842
|
class: "dwui-tab-content",
|
|
@@ -1781,18 +1845,18 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1781
1845
|
"aria-busy": o.value ? "true" : void 0,
|
|
1782
1846
|
hidden: !a.value
|
|
1783
1847
|
}, [
|
|
1784
|
-
x(
|
|
1848
|
+
x(r.$slots, "default", {
|
|
1785
1849
|
activated: s.value,
|
|
1786
1850
|
setLoading: m
|
|
1787
1851
|
}),
|
|
1788
|
-
o.value ? (u(), b("div",
|
|
1789
|
-
l() != null ? (u(), j(te(l()), { key: 0 })) : (u(), b("span",
|
|
1852
|
+
o.value ? (u(), b("div", nn, [
|
|
1853
|
+
l() != null ? (u(), j(te(l()), { key: 0 })) : (u(), b("span", ln))
|
|
1790
1854
|
])) : M("", !0)
|
|
1791
|
-
], 8,
|
|
1855
|
+
], 8, on));
|
|
1792
1856
|
}
|
|
1793
|
-
}),
|
|
1857
|
+
}), sn = { class: "dwui-tab-group" }, rn = ["id", "name", "disabled", "checked", "aria-selected", "aria-controls", "onChange"], dn = ["for"], cn = { class: "dwui-tab-items" }, Mn = /* @__PURE__ */ A({
|
|
1794
1858
|
__name: "tab-group",
|
|
1795
|
-
props: /* @__PURE__ */
|
|
1859
|
+
props: /* @__PURE__ */ J({
|
|
1796
1860
|
tabGroupName: {},
|
|
1797
1861
|
selectFirstEnabled: { type: Boolean },
|
|
1798
1862
|
headerClass: { type: [Boolean, null, String, Object, Array] },
|
|
@@ -1804,52 +1868,52 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1804
1868
|
}),
|
|
1805
1869
|
emits: ["update:selectedTabId"],
|
|
1806
1870
|
setup(n) {
|
|
1807
|
-
const t = n, e =
|
|
1808
|
-
if (h.type !==
|
|
1871
|
+
const t = n, e = ie(n, "selectedTabId"), o = Q(), l = t.tabGroupName ?? ae(), a = (h) => {
|
|
1872
|
+
if (h.type !== an)
|
|
1809
1873
|
return;
|
|
1810
|
-
const
|
|
1874
|
+
const v = h.props ?? {}, p = v.disabled;
|
|
1811
1875
|
return {
|
|
1812
|
-
tabId: String(
|
|
1813
|
-
label:
|
|
1876
|
+
tabId: String(v["tab-id"] ?? v.tabId),
|
|
1877
|
+
label: v.label,
|
|
1814
1878
|
// 属性だけを書いた場合(<TabContent disabled>)は空文字になる
|
|
1815
1879
|
disabled: p === "" || !!p,
|
|
1816
|
-
status:
|
|
1817
|
-
headerClass:
|
|
1818
|
-
headerStyle:
|
|
1880
|
+
status: v.status,
|
|
1881
|
+
headerClass: v["header-class"] ?? v.headerClass,
|
|
1882
|
+
headerStyle: v["header-style"] ?? v.headerStyle,
|
|
1819
1883
|
// TabContentの#iconスロットは、TabContentではなくここで見出しに描画する
|
|
1820
1884
|
icon: h.children?.icon
|
|
1821
1885
|
};
|
|
1822
|
-
}, s =
|
|
1886
|
+
}, s = E(() => {
|
|
1823
1887
|
const h = [];
|
|
1824
|
-
for (const
|
|
1825
|
-
const p = Array.isArray(
|
|
1826
|
-
for (const
|
|
1827
|
-
const P = a(
|
|
1888
|
+
for (const v of o.default?.() ?? []) {
|
|
1889
|
+
const p = Array.isArray(v.children) ? v.children : [v];
|
|
1890
|
+
for (const S of p) {
|
|
1891
|
+
const P = a(S);
|
|
1828
1892
|
P && h.push(P);
|
|
1829
1893
|
}
|
|
1830
1894
|
}
|
|
1831
1895
|
return h;
|
|
1832
|
-
}), m =
|
|
1833
|
-
|
|
1834
|
-
|
|
1896
|
+
}), m = E(() => e.value != null ? e.value : (t.selectFirstEnabled ? s.value.find((v) => !v.disabled) : s.value[0])?.tabId), r = B(!1);
|
|
1897
|
+
st(Xe, { groupName: l, activeTabId: m, mounted: r, loadingSlot: () => o.loading }), G(() => {
|
|
1898
|
+
r.value = !0;
|
|
1835
1899
|
});
|
|
1836
1900
|
const c = (h) => {
|
|
1837
1901
|
e.value = h;
|
|
1838
1902
|
};
|
|
1839
|
-
return (h,
|
|
1840
|
-
(u(), j(
|
|
1903
|
+
return (h, v) => (u(), b("div", sn, [
|
|
1904
|
+
(u(), j(it, {
|
|
1841
1905
|
to: t.teleport ?? "body",
|
|
1842
1906
|
disabled: t.teleport == null
|
|
1843
1907
|
}, [
|
|
1844
|
-
|
|
1908
|
+
g("div", {
|
|
1845
1909
|
class: N(["dwui-tab-headers", t.headerClass]),
|
|
1846
1910
|
role: "tablist",
|
|
1847
1911
|
style: F(t.headerStyle)
|
|
1848
1912
|
}, [
|
|
1849
|
-
(u(!0), b(
|
|
1913
|
+
(u(!0), b(W, null, Y(s.value, (p) => (u(), b(W, {
|
|
1850
1914
|
key: p.tabId
|
|
1851
1915
|
}, [
|
|
1852
|
-
|
|
1916
|
+
g("input", {
|
|
1853
1917
|
id: `${_(l)}-${p.tabId}`,
|
|
1854
1918
|
type: "radio",
|
|
1855
1919
|
class: "dwui-tab-radio",
|
|
@@ -1859,14 +1923,14 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1859
1923
|
checked: p.tabId === m.value,
|
|
1860
1924
|
"aria-selected": p.tabId === m.value ? "true" : "false",
|
|
1861
1925
|
"aria-controls": `${_(l)}-${p.tabId}-panel`,
|
|
1862
|
-
onChange: (
|
|
1863
|
-
}, null, 40,
|
|
1864
|
-
|
|
1926
|
+
onChange: (S) => c(p.tabId)
|
|
1927
|
+
}, null, 40, rn),
|
|
1928
|
+
g("label", {
|
|
1865
1929
|
for: `${_(l)}-${p.tabId}`,
|
|
1866
1930
|
class: N(["dwui-tab-item", [p.status != null ? `dwui-tab-${p.status}` : void 0, p.headerClass]]),
|
|
1867
1931
|
style: F(p.headerStyle)
|
|
1868
1932
|
}, [
|
|
1869
|
-
O(oe, null,
|
|
1933
|
+
O(oe, null, re({
|
|
1870
1934
|
default: z(() => [
|
|
1871
1935
|
Z(" " + H(p.label), 1)
|
|
1872
1936
|
]),
|
|
@@ -1880,16 +1944,16 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1880
1944
|
key: "0"
|
|
1881
1945
|
} : void 0
|
|
1882
1946
|
]), 1024)
|
|
1883
|
-
], 14,
|
|
1947
|
+
], 14, dn)
|
|
1884
1948
|
], 64))), 128))
|
|
1885
1949
|
], 6)
|
|
1886
1950
|
], 8, ["to", "disabled"])),
|
|
1887
|
-
|
|
1951
|
+
g("div", cn, [
|
|
1888
1952
|
x(h.$slots, "default")
|
|
1889
1953
|
])
|
|
1890
1954
|
]));
|
|
1891
1955
|
}
|
|
1892
|
-
}),
|
|
1956
|
+
}), An = /* @__PURE__ */ A({
|
|
1893
1957
|
__name: "warning-popper",
|
|
1894
1958
|
props: {
|
|
1895
1959
|
placement: { default: "right" },
|
|
@@ -1899,7 +1963,7 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1899
1963
|
emits: ["emit:open", "emit:close"],
|
|
1900
1964
|
setup(n, { emit: t }) {
|
|
1901
1965
|
const e = n, o = t;
|
|
1902
|
-
return (l, a) => (u(), j(
|
|
1966
|
+
return (l, a) => (u(), j(Ve, {
|
|
1903
1967
|
class: "dwui-warning-popper",
|
|
1904
1968
|
"popover-class": "dwui-warning-popper-popover",
|
|
1905
1969
|
placement: e.placement,
|
|
@@ -1910,7 +1974,7 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1910
1974
|
}, {
|
|
1911
1975
|
icon: z(() => [
|
|
1912
1976
|
x(l.$slots, "icon", {}, () => [
|
|
1913
|
-
O(_(
|
|
1977
|
+
O(_(je))
|
|
1914
1978
|
])
|
|
1915
1979
|
]),
|
|
1916
1980
|
default: z(() => [
|
|
@@ -1921,34 +1985,35 @@ const Vo = /* @__PURE__ */ A({
|
|
|
1921
1985
|
}
|
|
1922
1986
|
});
|
|
1923
1987
|
export {
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1988
|
+
hn as A,
|
|
1989
|
+
xn as B,
|
|
1990
|
+
Bn as C,
|
|
1991
|
+
ao as D,
|
|
1992
|
+
Go as _,
|
|
1993
|
+
fn as a,
|
|
1994
|
+
Cn as b,
|
|
1930
1995
|
go as c,
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1996
|
+
Tn as d,
|
|
1997
|
+
mn as e,
|
|
1998
|
+
vn as f,
|
|
1999
|
+
gn as g,
|
|
2000
|
+
wn as h,
|
|
2001
|
+
yn as i,
|
|
2002
|
+
_n as j,
|
|
2003
|
+
$n as k,
|
|
2004
|
+
kn as l,
|
|
2005
|
+
Yo as m,
|
|
2006
|
+
Xo as n,
|
|
2007
|
+
Sn as o,
|
|
1943
2008
|
oe as p,
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
2009
|
+
Jo as q,
|
|
2010
|
+
Ln as r,
|
|
2011
|
+
En as s,
|
|
2012
|
+
Po as t,
|
|
2013
|
+
qo as u,
|
|
2014
|
+
an as v,
|
|
2015
|
+
Mn as w,
|
|
2016
|
+
An as x,
|
|
2017
|
+
Pn as y,
|
|
2018
|
+
bn as z
|
|
1954
2019
|
};
|