nicklabs-ui 1.0.49 → 1.0.51
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/README.md +8 -2
- package/dist/index.mjs +173 -168
- package/dist/nicklabs-ui.css +1 -1
- package/dist/src/components/NForm.vue.d.ts +3 -0
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -500,7 +500,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
|
|
|
500
500
|
"change:values"
|
|
501
501
|
],
|
|
502
502
|
setup(t, { emit: n }) {
|
|
503
|
-
let r = n, a = x(null), l = i(() => !t.options || t.options.length === 0), u = i(() => !!t.multiple), f = i(() => Array.isArray(t.options) && t.options.length > 0), p = i(() => f.value ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []), m = (e) => p.value.some((t) => t
|
|
503
|
+
let r = n, a = x(null), l = i(() => !t.options || t.options.length === 0), u = i(() => !!t.multiple), f = i(() => Array.isArray(t.options) && t.options.length > 0), p = i(() => f.value ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : []), m = (e) => p.value.some((t) => t == e), g = (e) => {
|
|
504
504
|
if (t.disabled) return;
|
|
505
505
|
if (l.value) {
|
|
506
506
|
if (!t.allowDeselect && t.modelValue) return;
|
|
@@ -560,7 +560,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
|
|
|
560
560
|
c("span", Ce, w(t.formatLabel(e)), 1)
|
|
561
561
|
], 8, xe))), 128))], 2)], 2));
|
|
562
562
|
}
|
|
563
|
-
}), [["__scopeId", "data-v-
|
|
563
|
+
}), [["__scopeId", "data-v-80a4e7ec"]]), Te = { class: "select" }, U = {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "label"
|
|
566
566
|
}, W = { class: "select-chips-container" }, G = ["textContent"], K = ["onClick"], q = {
|
|
@@ -1135,16 +1135,21 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
|
|
|
1135
1135
|
},
|
|
1136
1136
|
title: { default: "" },
|
|
1137
1137
|
description: { default: "" },
|
|
1138
|
-
tabs: { default: () => [] }
|
|
1138
|
+
tabs: { default: () => [] },
|
|
1139
|
+
modelValue: { default: () => void 0 }
|
|
1139
1140
|
},
|
|
1140
|
-
emits: [
|
|
1141
|
+
emits: [
|
|
1142
|
+
"submit",
|
|
1143
|
+
"reset",
|
|
1144
|
+
"update:modelValue"
|
|
1145
|
+
],
|
|
1141
1146
|
setup(t, { emit: n }) {
|
|
1142
|
-
let r = n,
|
|
1147
|
+
let r = n, a = `NForm:${t.title}@${t.tabs.length}:tab`, u = x(t.tabs.length > 0 ? $.store.get(a, 0) : 0), d = i(() => t.modelValue ?? u.value), p = () => {
|
|
1143
1148
|
t.disabled || r("submit", t.model);
|
|
1144
|
-
},
|
|
1149
|
+
}, m = () => {
|
|
1145
1150
|
t.disabled || r("reset");
|
|
1146
1151
|
};
|
|
1147
|
-
return (n,
|
|
1152
|
+
return (n, i) => (y(), s("div", Xt, [C(n.$slots, "heroSection", {}, () => [f(Yt, {
|
|
1148
1153
|
icon: t.icon,
|
|
1149
1154
|
title: t.title,
|
|
1150
1155
|
description: t.description
|
|
@@ -1160,22 +1165,22 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
|
|
|
1160
1165
|
"title",
|
|
1161
1166
|
"description"
|
|
1162
1167
|
])], !0), c("form", {
|
|
1163
|
-
onSubmit: O(
|
|
1164
|
-
onReset: O(
|
|
1168
|
+
onSubmit: O(p, ["prevent"]),
|
|
1169
|
+
onReset: O(m, ["prevent"])
|
|
1165
1170
|
}, [
|
|
1166
1171
|
t.tabs.length > 0 ? (y(), s("div", Zt, [(y(!0), s(e, null, S(t.tabs, (e, t) => (y(), s("button", {
|
|
1167
1172
|
key: `${e}${t}`,
|
|
1168
|
-
class: h(["nav-link", { active:
|
|
1173
|
+
class: h(["nav-link", { active: d.value === t }]),
|
|
1169
1174
|
textContent: w(e),
|
|
1170
1175
|
onClick: () => {
|
|
1171
|
-
|
|
1176
|
+
u.value = t, T($).store.set(a, t), r("update:modelValue", t);
|
|
1172
1177
|
}
|
|
1173
1178
|
}, null, 10, Qt))), 128))])) : o("", !0),
|
|
1174
|
-
c("div", $t, [t.tabs.length > 0 ? (y(!0), s(e, { key: 0 }, S(t.tabs, (t, r) => (y(), s(e, null, [
|
|
1179
|
+
c("div", $t, [t.tabs.length > 0 ? (y(!0), s(e, { key: 0 }, S(t.tabs, (t, r) => (y(), s(e, null, [d.value === r ? C(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? C(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
|
|
1175
1180
|
c("div", en, [C(n.$slots, "footer", {}, void 0, !0)])
|
|
1176
1181
|
], 32)]));
|
|
1177
1182
|
}
|
|
1178
|
-
}), [["__scopeId", "data-v-
|
|
1183
|
+
}), [["__scopeId", "data-v-2835e4f6"]]), nn = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1179
1184
|
__name: "NCard",
|
|
1180
1185
|
props: {
|
|
1181
1186
|
size: { default: "md" },
|
|
@@ -1780,10 +1785,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1780
1785
|
}, Jn = { class: "body" }, Yn = {
|
|
1781
1786
|
key: 0,
|
|
1782
1787
|
class: "title"
|
|
1783
|
-
}, Xn = {
|
|
1784
|
-
key: 1,
|
|
1785
|
-
class: "description"
|
|
1786
|
-
}, Zn = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1788
|
+
}, Xn = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1787
1789
|
__name: "NToast",
|
|
1788
1790
|
setup(n) {
|
|
1789
1791
|
let { toasts: i } = Wn(), l = {
|
|
@@ -1815,14 +1817,17 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1815
1817
|
r: "16",
|
|
1816
1818
|
transform: "rotate(-90 18 18)",
|
|
1817
1819
|
style: g({ animationDuration: `${e.duration}ms` })
|
|
1818
|
-
}, null, 4)])) : o("", !0)]), c("div", Jn, [e.title ? (y(), s("p", Yn, w(e.title), 1)) : o("", !0), e.description ? (y(), s("p",
|
|
1820
|
+
}, null, 4)])) : o("", !0)]), c("div", Jn, [e.title ? (y(), s("p", Yn, w(e.title), 1)) : o("", !0), e.description ? (y(), s("p", {
|
|
1821
|
+
key: 1,
|
|
1822
|
+
class: h(e.title ? "description" : "title")
|
|
1823
|
+
}, w(e.description), 3)) : o("", !0)])], 2))), 128))]),
|
|
1819
1824
|
_: 1
|
|
1820
1825
|
})]));
|
|
1821
1826
|
}
|
|
1822
|
-
}), [["__scopeId", "data-v-
|
|
1827
|
+
}), [["__scopeId", "data-v-53892c5f"]]), Zn = { class: "code" }, Qn = {
|
|
1823
1828
|
key: 0,
|
|
1824
1829
|
class: "header"
|
|
1825
|
-
},
|
|
1830
|
+
}, $n = { class: "language-label" }, er = {
|
|
1826
1831
|
key: 0,
|
|
1827
1832
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1828
1833
|
width: "14",
|
|
@@ -1833,7 +1838,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1833
1838
|
"stroke-width": "2",
|
|
1834
1839
|
"stroke-linecap": "round",
|
|
1835
1840
|
"stroke-linejoin": "round"
|
|
1836
|
-
},
|
|
1841
|
+
}, tr = {
|
|
1837
1842
|
key: 1,
|
|
1838
1843
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1839
1844
|
width: "14",
|
|
@@ -1844,10 +1849,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1844
1849
|
"stroke-width": "2",
|
|
1845
1850
|
"stroke-linecap": "round",
|
|
1846
1851
|
"stroke-linejoin": "round"
|
|
1847
|
-
},
|
|
1852
|
+
}, nr = { class: "code-body" }, rr = {
|
|
1848
1853
|
key: 0,
|
|
1849
1854
|
class: "gutter"
|
|
1850
|
-
},
|
|
1855
|
+
}, ir = ["textContent"], ar = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1851
1856
|
__name: "NCode",
|
|
1852
1857
|
props: {
|
|
1853
1858
|
code: {},
|
|
@@ -1866,28 +1871,28 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1866
1871
|
}, 2e3);
|
|
1867
1872
|
} catch {}
|
|
1868
1873
|
}
|
|
1869
|
-
return (i, l) => (y(), s("div",
|
|
1874
|
+
return (i, l) => (y(), s("div", Zn, [(t.language, y(), s("div", Qn, [c("span", $n, w(t.language || "code"), 1), c("button", {
|
|
1870
1875
|
class: h(["copy-btn", { copied: n.value }]),
|
|
1871
1876
|
onClick: a
|
|
1872
|
-
}, [n.value ? (y(), s("svg",
|
|
1877
|
+
}, [n.value ? (y(), s("svg", tr, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (y(), s("svg", er, [...l[0] ||= [c("rect", {
|
|
1873
1878
|
x: "9",
|
|
1874
1879
|
y: "9",
|
|
1875
1880
|
width: "13",
|
|
1876
1881
|
height: "13",
|
|
1877
1882
|
rx: "2",
|
|
1878
1883
|
ry: "2"
|
|
1879
|
-
}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, w(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div",
|
|
1884
|
+
}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, w(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", nr, [t.showLineNumbers ? (y(), s("div", rr, [(y(!0), s(e, null, S(r.value, (e, t) => (y(), s("span", {
|
|
1880
1885
|
key: t,
|
|
1881
1886
|
class: "line-number"
|
|
1882
1887
|
}, w(t + 1), 1))), 128))])) : o("", !0), c("pre", {
|
|
1883
1888
|
class: "code-content",
|
|
1884
1889
|
textContent: w(t.code.trim())
|
|
1885
|
-
}, null, 8,
|
|
1890
|
+
}, null, 8, ir)])]));
|
|
1886
1891
|
}
|
|
1887
|
-
}), [["__scopeId", "data-v-6fed5425"]]),
|
|
1892
|
+
}), [["__scopeId", "data-v-6fed5425"]]), or = {
|
|
1888
1893
|
key: 0,
|
|
1889
1894
|
class: "label"
|
|
1890
|
-
},
|
|
1895
|
+
}, sr = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1891
1896
|
__name: "NSwitch",
|
|
1892
1897
|
props: {
|
|
1893
1898
|
modelValue: {
|
|
@@ -1912,7 +1917,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1912
1917
|
let e = !n.modelValue;
|
|
1913
1918
|
r("update:modelValue", e), r("change", e);
|
|
1914
1919
|
};
|
|
1915
|
-
return (t, n) => (y(), s("div", { class: h(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (y(), s("label",
|
|
1920
|
+
return (t, n) => (y(), s("div", { class: h(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (y(), s("label", or, w(e.title), 1)) : o("", !0), c("div", {
|
|
1916
1921
|
class: h(["switch", [
|
|
1917
1922
|
`size-${e.size}`,
|
|
1918
1923
|
{ checked: a.value },
|
|
@@ -1921,7 +1926,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1921
1926
|
onClick: l
|
|
1922
1927
|
}, [...n[0] ||= [c("div", { class: "inner" }, [c("div", { class: "handle" })], -1)]], 2)], 2));
|
|
1923
1928
|
}
|
|
1924
|
-
}), [["__scopeId", "data-v-efa08615"]]),
|
|
1929
|
+
}), [["__scopeId", "data-v-efa08615"]]), cr = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
1925
1930
|
__name: "NTag",
|
|
1926
1931
|
props: {
|
|
1927
1932
|
intent: { default: "none" },
|
|
@@ -1970,49 +1975,49 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
1970
1975
|
y2: "18"
|
|
1971
1976
|
})], -1)]])) : o("", !0)], 2));
|
|
1972
1977
|
}
|
|
1973
|
-
}), [["__scopeId", "data-v-55e5be0f"]]),
|
|
1978
|
+
}), [["__scopeId", "data-v-55e5be0f"]]), lr = {
|
|
1974
1979
|
key: 0,
|
|
1975
1980
|
class: "label"
|
|
1976
|
-
},
|
|
1981
|
+
}, ur = {
|
|
1977
1982
|
key: 0,
|
|
1978
1983
|
class: "picker-dropdown"
|
|
1979
|
-
},
|
|
1984
|
+
}, dr = { class: "picker-header" }, fr = { class: "header-nav" }, pr = { class: "header-nav" }, mr = { class: "picker-body" }, hr = { class: "weekday-grid" }, gr = { class: "day-grid" }, _r = {
|
|
1980
1985
|
key: 1,
|
|
1981
1986
|
class: "year-grid"
|
|
1982
|
-
},
|
|
1987
|
+
}, vr = {
|
|
1983
1988
|
key: 0,
|
|
1984
1989
|
class: "time-section"
|
|
1985
|
-
},
|
|
1990
|
+
}, yr = { class: "time-sliders" }, br = {
|
|
1986
1991
|
key: 0,
|
|
1987
1992
|
class: "time-row"
|
|
1988
|
-
},
|
|
1993
|
+
}, xr = ["value"], Sr = { class: "time-val" }, Cr = {
|
|
1989
1994
|
key: 1,
|
|
1990
1995
|
class: "time-row"
|
|
1991
|
-
},
|
|
1996
|
+
}, wr = ["value"], Tr = { class: "time-val" }, Er = { class: "mobile-sheet" }, Dr = { class: "picker-header" }, Or = { class: "header-nav" }, kr = { class: "header-nav" }, Ar = { class: "picker-body" }, jr = { class: "weekday-grid" }, Mr = { class: "day-grid" }, Nr = {
|
|
1992
1997
|
key: 1,
|
|
1993
1998
|
class: "year-grid"
|
|
1994
|
-
},
|
|
1999
|
+
}, Pr = {
|
|
1995
2000
|
key: 0,
|
|
1996
2001
|
class: "time-section"
|
|
1997
|
-
},
|
|
2002
|
+
}, Fr = { class: "time-sliders" }, Ir = {
|
|
1998
2003
|
key: 0,
|
|
1999
2004
|
class: "time-row"
|
|
2000
|
-
},
|
|
2005
|
+
}, Lr = ["value"], Rr = { class: "time-val" }, zr = {
|
|
2001
2006
|
key: 1,
|
|
2002
2007
|
class: "time-row"
|
|
2003
|
-
},
|
|
2008
|
+
}, Br = ["value"], Vr = { class: "time-val" }, Hr = { class: "range-modal" }, Ur = { class: "range-body" }, Wr = {
|
|
2004
2009
|
key: 0,
|
|
2005
2010
|
class: "range-sep"
|
|
2006
|
-
},
|
|
2011
|
+
}, Gr = { class: "range-cal" }, Kr = { class: "picker-header" }, qr = { class: "header-nav" }, Jr = {
|
|
2007
2012
|
key: 1,
|
|
2008
2013
|
class: "header-nav-placeholder"
|
|
2009
|
-
},
|
|
2014
|
+
}, Yr = { class: "header-title no-click" }, Xr = { class: "header-nav" }, Zr = {
|
|
2010
2015
|
key: 1,
|
|
2011
2016
|
class: "header-nav-placeholder"
|
|
2012
|
-
},
|
|
2017
|
+
}, Qr = { class: "weekday-grid" }, $r = { class: "day-grid range-day-grid" }, ei = ["onClick", "onMouseenter"], ti = { class: "range-footer" }, ni = { class: "range-display" }, ri = { class: "mobile-sheet" }, ii = {
|
|
2013
2018
|
class: "picker-header",
|
|
2014
2019
|
style: { "margin-top": "8px" }
|
|
2015
|
-
},
|
|
2020
|
+
}, ai = { class: "header-nav" }, oi = { class: "header-title no-click" }, si = { class: "header-nav" }, ci = { class: "weekday-grid" }, li = { class: "day-grid range-day-grid" }, ui = ["onClick"], di = { class: "range-footer" }, fi = { class: "range-display" }, pi = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
2016
2021
|
__name: "NDatePicker",
|
|
2017
2022
|
props: {
|
|
2018
2023
|
modelValue: { default: "" },
|
|
@@ -2297,7 +2302,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2297
2302
|
ref: C,
|
|
2298
2303
|
class: "datepicker"
|
|
2299
2304
|
}, [
|
|
2300
|
-
t.title ? (y(), s("label",
|
|
2305
|
+
t.title ? (y(), s("label", lr, w(t.title), 1)) : o("", !0),
|
|
2301
2306
|
c("div", { class: h(["date-picker", {
|
|
2302
2307
|
open: b.value && !t.range && !T.value,
|
|
2303
2308
|
disabled: t.disabled
|
|
@@ -2324,9 +2329,9 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2324
2329
|
}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
|
|
2325
2330
|
_: 1
|
|
2326
2331
|
})) : o("", !0)]), f(n, { name: "fade" }, {
|
|
2327
|
-
default: D(() => [b.value && !t.range && !T.value ? (y(), s("div",
|
|
2328
|
-
c("div",
|
|
2329
|
-
c("div",
|
|
2332
|
+
default: D(() => [b.value && !t.range && !T.value ? (y(), s("div", ur, [
|
|
2333
|
+
c("div", dr, [
|
|
2334
|
+
c("div", fr, [f(M, {
|
|
2330
2335
|
variant: "ghost",
|
|
2331
2336
|
square: "",
|
|
2332
2337
|
onClick: i[0] ||= (e) => Ce(-1)
|
|
@@ -2366,7 +2371,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2366
2371
|
class: "header-title",
|
|
2367
2372
|
onClick: He
|
|
2368
2373
|
}, [P.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[ue.value]) + " " + w(z.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(B.value[0]) + " - " + w(B.value[B.value.length - 1]), 1)], 64))]),
|
|
2369
|
-
c("div",
|
|
2374
|
+
c("div", pr, [P.value === "date" ? (y(), a(M, {
|
|
2370
2375
|
key: 0,
|
|
2371
2376
|
variant: "ghost",
|
|
2372
2377
|
square: "",
|
|
@@ -2403,10 +2408,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2403
2408
|
_: 1
|
|
2404
2409
|
})])
|
|
2405
2410
|
]),
|
|
2406
|
-
c("div",
|
|
2411
|
+
c("div", mr, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", hr, [(y(), s(e, null, S(k, (e) => c("span", {
|
|
2407
2412
|
key: e,
|
|
2408
2413
|
class: "weekday"
|
|
2409
|
-
}, w(e), 1)), 64))]), c("div",
|
|
2414
|
+
}, w(e), 1)), 64))]), c("div", gr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
|
|
2410
2415
|
key: t,
|
|
2411
2416
|
variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
|
|
2412
2417
|
intent: ve(e) || _e(e) ? "primary" : "none",
|
|
@@ -2421,7 +2426,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2421
2426
|
"intent",
|
|
2422
2427
|
"class",
|
|
2423
2428
|
"onClick"
|
|
2424
|
-
]))), 128))])], 64)) : (y(), s("div",
|
|
2429
|
+
]))), 128))])], 64)) : (y(), s("div", _r, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
|
|
2425
2430
|
key: e,
|
|
2426
2431
|
variant: e === z.value ? "solid" : "ghost",
|
|
2427
2432
|
intent: e === z.value ? "primary" : "none",
|
|
@@ -2435,7 +2440,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2435
2440
|
"intent",
|
|
2436
2441
|
"onClick"
|
|
2437
2442
|
]))), 128))]))]),
|
|
2438
|
-
v.value && P.value === "date" ? (y(), s("div",
|
|
2443
|
+
v.value && P.value === "date" ? (y(), s("div", vr, [c("div", yr, [m.value ? (y(), s("div", br, [
|
|
2439
2444
|
i[27] ||= c("span", { class: "time-label" }, "時", -1),
|
|
2440
2445
|
f(M, {
|
|
2441
2446
|
variant: "ghost",
|
|
@@ -2466,7 +2471,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2466
2471
|
max: "23",
|
|
2467
2472
|
value: L.value,
|
|
2468
2473
|
onInput: i[5] ||= (e) => Te(e, "H")
|
|
2469
|
-
}, null, 40,
|
|
2474
|
+
}, null, 40, xr),
|
|
2470
2475
|
f(M, {
|
|
2471
2476
|
variant: "ghost",
|
|
2472
2477
|
square: "",
|
|
@@ -2489,8 +2494,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2489
2494
|
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
|
|
2490
2495
|
_: 1
|
|
2491
2496
|
}),
|
|
2492
|
-
c("span",
|
|
2493
|
-
])) : o("", !0), g.value ? (y(), s("div",
|
|
2497
|
+
c("span", Sr, w(N(L.value)), 1)
|
|
2498
|
+
])) : o("", !0), g.value ? (y(), s("div", Cr, [
|
|
2494
2499
|
i[30] ||= c("span", { class: "time-label" }, "分", -1),
|
|
2495
2500
|
f(M, {
|
|
2496
2501
|
variant: "ghost",
|
|
@@ -2521,7 +2526,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2521
2526
|
max: "59",
|
|
2522
2527
|
value: R.value,
|
|
2523
2528
|
onInput: i[8] ||= (e) => Te(e, "m")
|
|
2524
|
-
}, null, 40,
|
|
2529
|
+
}, null, 40, wr),
|
|
2525
2530
|
f(M, {
|
|
2526
2531
|
variant: "ghost",
|
|
2527
2532
|
square: "",
|
|
@@ -2544,7 +2549,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2544
2549
|
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
|
|
2545
2550
|
_: 1
|
|
2546
2551
|
}),
|
|
2547
|
-
c("span",
|
|
2552
|
+
c("span", Tr, w(N(R.value)), 1)
|
|
2548
2553
|
])) : o("", !0)])])) : o("", !0)
|
|
2549
2554
|
])) : o("", !0)]),
|
|
2550
2555
|
_: 1
|
|
@@ -2554,10 +2559,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2554
2559
|
key: 0,
|
|
2555
2560
|
class: "mobile-overlay",
|
|
2556
2561
|
onClick: O(Ve, ["self"])
|
|
2557
|
-
}, [c("div",
|
|
2562
|
+
}, [c("div", Er, [
|
|
2558
2563
|
i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
|
|
2559
|
-
c("div",
|
|
2560
|
-
c("div",
|
|
2564
|
+
c("div", Dr, [
|
|
2565
|
+
c("div", Or, [f(M, {
|
|
2561
2566
|
variant: "ghost",
|
|
2562
2567
|
square: "",
|
|
2563
2568
|
onClick: i[10] ||= (e) => Ce(-1)
|
|
@@ -2597,7 +2602,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2597
2602
|
class: "header-title",
|
|
2598
2603
|
onClick: He
|
|
2599
2604
|
}, [P.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[ue.value]) + " " + w(z.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(B.value[0]) + " - " + w(B.value[B.value.length - 1]), 1)], 64))]),
|
|
2600
|
-
c("div",
|
|
2605
|
+
c("div", kr, [P.value === "date" ? (y(), a(M, {
|
|
2601
2606
|
key: 0,
|
|
2602
2607
|
variant: "ghost",
|
|
2603
2608
|
square: "",
|
|
@@ -2634,10 +2639,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2634
2639
|
_: 1
|
|
2635
2640
|
})])
|
|
2636
2641
|
]),
|
|
2637
|
-
c("div",
|
|
2642
|
+
c("div", Ar, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", jr, [(y(), s(e, null, S(k, (e) => c("span", {
|
|
2638
2643
|
key: e,
|
|
2639
2644
|
class: "weekday"
|
|
2640
|
-
}, w(e), 1)), 64))]), c("div",
|
|
2645
|
+
}, w(e), 1)), 64))]), c("div", Mr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
|
|
2641
2646
|
key: t,
|
|
2642
2647
|
variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
|
|
2643
2648
|
intent: ve(e) || _e(e) ? "primary" : "none",
|
|
@@ -2652,7 +2657,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2652
2657
|
"intent",
|
|
2653
2658
|
"class",
|
|
2654
2659
|
"onClick"
|
|
2655
|
-
]))), 128))])], 64)) : (y(), s("div",
|
|
2660
|
+
]))), 128))])], 64)) : (y(), s("div", Nr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
|
|
2656
2661
|
key: e,
|
|
2657
2662
|
variant: e === z.value ? "solid" : "ghost",
|
|
2658
2663
|
intent: e === z.value ? "primary" : "none",
|
|
@@ -2666,7 +2671,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2666
2671
|
"intent",
|
|
2667
2672
|
"onClick"
|
|
2668
2673
|
]))), 128))]))]),
|
|
2669
|
-
v.value && P.value === "date" ? (y(), s("div",
|
|
2674
|
+
v.value && P.value === "date" ? (y(), s("div", Pr, [c("div", Fr, [m.value ? (y(), s("div", Ir, [
|
|
2670
2675
|
i[37] ||= c("span", { class: "time-label" }, "時", -1),
|
|
2671
2676
|
f(M, {
|
|
2672
2677
|
variant: "ghost",
|
|
@@ -2697,7 +2702,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2697
2702
|
max: "23",
|
|
2698
2703
|
value: L.value,
|
|
2699
2704
|
onInput: i[15] ||= (e) => Te(e, "H")
|
|
2700
|
-
}, null, 40,
|
|
2705
|
+
}, null, 40, Lr),
|
|
2701
2706
|
f(M, {
|
|
2702
2707
|
variant: "ghost",
|
|
2703
2708
|
square: "",
|
|
@@ -2720,8 +2725,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2720
2725
|
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
|
|
2721
2726
|
_: 1
|
|
2722
2727
|
}),
|
|
2723
|
-
c("span",
|
|
2724
|
-
])) : o("", !0), g.value ? (y(), s("div",
|
|
2728
|
+
c("span", Rr, w(N(L.value)), 1)
|
|
2729
|
+
])) : o("", !0), g.value ? (y(), s("div", zr, [
|
|
2725
2730
|
i[40] ||= c("span", { class: "time-label" }, "分", -1),
|
|
2726
2731
|
f(M, {
|
|
2727
2732
|
variant: "ghost",
|
|
@@ -2752,7 +2757,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2752
2757
|
max: "59",
|
|
2753
2758
|
value: R.value,
|
|
2754
2759
|
onInput: i[18] ||= (e) => Te(e, "m")
|
|
2755
|
-
}, null, 40,
|
|
2760
|
+
}, null, 40, Br),
|
|
2756
2761
|
f(M, {
|
|
2757
2762
|
variant: "ghost",
|
|
2758
2763
|
square: "",
|
|
@@ -2775,7 +2780,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2775
2780
|
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
|
|
2776
2781
|
_: 1
|
|
2777
2782
|
}),
|
|
2778
|
-
c("span",
|
|
2783
|
+
c("span", Vr, w(N(R.value)), 1)
|
|
2779
2784
|
])) : o("", !0)])])) : o("", !0)
|
|
2780
2785
|
])])) : o("", !0)]),
|
|
2781
2786
|
_: 1
|
|
@@ -2785,11 +2790,11 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2785
2790
|
key: 0,
|
|
2786
2791
|
class: "range-overlay",
|
|
2787
2792
|
onClick: O(Ve, ["self"])
|
|
2788
|
-
}, [c("div",
|
|
2793
|
+
}, [c("div", Hr, [
|
|
2789
2794
|
i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
|
|
2790
|
-
c("div",
|
|
2791
|
-
c("div",
|
|
2792
|
-
c("div",
|
|
2795
|
+
c("div", Ur, [(y(!0), s(e, null, S(Y.value, (t) => (y(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (y(), s("div", Wr)), c("div", Gr, [
|
|
2796
|
+
c("div", Kr, [
|
|
2797
|
+
c("div", qr, [t.isLeft ? (y(), a(M, {
|
|
2793
2798
|
key: 0,
|
|
2794
2799
|
variant: "ghost",
|
|
2795
2800
|
square: "",
|
|
@@ -2807,9 +2812,9 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2807
2812
|
"stroke-linejoin": "round"
|
|
2808
2813
|
}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
|
|
2809
2814
|
_: 1
|
|
2810
|
-
})) : (y(), s("div",
|
|
2811
|
-
c("div",
|
|
2812
|
-
c("div",
|
|
2815
|
+
})) : (y(), s("div", Jr))]),
|
|
2816
|
+
c("div", Yr, w(re[t.month]) + " " + w(t.year), 1),
|
|
2817
|
+
c("div", Xr, [t.isLeft ? (y(), s("div", Zr)) : (y(), a(M, {
|
|
2813
2818
|
key: 0,
|
|
2814
2819
|
variant: "ghost",
|
|
2815
2820
|
square: "",
|
|
@@ -2829,18 +2834,18 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2829
2834
|
_: 1
|
|
2830
2835
|
}))])
|
|
2831
2836
|
]),
|
|
2832
|
-
c("div",
|
|
2837
|
+
c("div", Qr, [(y(), s(e, null, S(k, (e) => c("span", {
|
|
2833
2838
|
key: e,
|
|
2834
2839
|
class: "weekday"
|
|
2835
2840
|
}, w(e), 1)), 64))]),
|
|
2836
|
-
c("div",
|
|
2841
|
+
c("div", $r, [(y(!0), s(e, null, S(t.days, (e, t) => (y(), s("div", {
|
|
2837
2842
|
key: t,
|
|
2838
2843
|
class: h(["range-day", Re(e)]),
|
|
2839
2844
|
onClick: (t) => Le(e),
|
|
2840
2845
|
onMouseenter: (t) => J.value = e
|
|
2841
|
-
}, w(e.day), 43,
|
|
2846
|
+
}, w(e.day), 43, ei))), 128))])
|
|
2842
2847
|
])], 64))), 128))]),
|
|
2843
|
-
c("div",
|
|
2848
|
+
c("div", ti, [c("div", ni, [
|
|
2844
2849
|
c("span", { class: h(["range-val", { "is-empty": !X.value }]) }, w(X.value || "開始日期"), 3),
|
|
2845
2850
|
i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
|
|
2846
2851
|
c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, w(Pe.value || "結束日期"), 3)
|
|
@@ -2862,11 +2867,11 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2862
2867
|
key: 0,
|
|
2863
2868
|
class: "mobile-overlay",
|
|
2864
2869
|
onClick: O(Ve, ["self"])
|
|
2865
|
-
}, [c("div",
|
|
2870
|
+
}, [c("div", ri, [
|
|
2866
2871
|
i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
|
|
2867
2872
|
i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
|
|
2868
|
-
c("div",
|
|
2869
|
-
c("div",
|
|
2873
|
+
c("div", ii, [
|
|
2874
|
+
c("div", ai, [f(M, {
|
|
2870
2875
|
variant: "ghost",
|
|
2871
2876
|
square: "",
|
|
2872
2877
|
onClick: Fe
|
|
@@ -2884,8 +2889,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2884
2889
|
}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
|
|
2885
2890
|
_: 1
|
|
2886
2891
|
})]),
|
|
2887
|
-
c("div",
|
|
2888
|
-
c("div",
|
|
2892
|
+
c("div", oi, w(re[W.value]) + " " + w(U.value), 1),
|
|
2893
|
+
c("div", si, [f(M, {
|
|
2889
2894
|
variant: "ghost",
|
|
2890
2895
|
square: "",
|
|
2891
2896
|
onClick: Ie
|
|
@@ -2904,16 +2909,16 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2904
2909
|
_: 1
|
|
2905
2910
|
})])
|
|
2906
2911
|
]),
|
|
2907
|
-
c("div",
|
|
2912
|
+
c("div", ci, [(y(), s(e, null, S(k, (e) => c("span", {
|
|
2908
2913
|
key: e,
|
|
2909
2914
|
class: "weekday"
|
|
2910
2915
|
}, w(e), 1)), 64))]),
|
|
2911
|
-
c("div",
|
|
2916
|
+
c("div", li, [(y(!0), s(e, null, S(ke.value, (e, t) => (y(), s("div", {
|
|
2912
2917
|
key: t,
|
|
2913
2918
|
class: h(["range-day", Re(e)]),
|
|
2914
2919
|
onClick: (t) => Le(e)
|
|
2915
|
-
}, w(e.day), 11,
|
|
2916
|
-
c("div",
|
|
2920
|
+
}, w(e.day), 11, ui))), 128))]),
|
|
2921
|
+
c("div", di, [c("div", fi, [
|
|
2917
2922
|
c("span", { class: h(["range-val", { "is-empty": !X.value }]) }, w(X.value || "開始日期"), 3),
|
|
2918
2923
|
i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
|
|
2919
2924
|
c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, w(Pe.value || "結束日期"), 3)
|
|
@@ -2932,7 +2937,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2932
2937
|
})
|
|
2933
2938
|
], 512));
|
|
2934
2939
|
}
|
|
2935
|
-
}), [["__scopeId", "data-v-9f942c6b"]]),
|
|
2940
|
+
}), [["__scopeId", "data-v-9f942c6b"]]), mi = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
2936
2941
|
__name: "NTooltip",
|
|
2937
2942
|
props: {
|
|
2938
2943
|
content: { default: "" },
|
|
@@ -2967,10 +2972,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
2967
2972
|
_: 3
|
|
2968
2973
|
})], 32));
|
|
2969
2974
|
}
|
|
2970
|
-
}), [["__scopeId", "data-v-7a53ca0a"]]),
|
|
2975
|
+
}), [["__scopeId", "data-v-7a53ca0a"]]), hi = { class: "modal-header" }, gi = { class: "modal-title" }, _i = { class: "modal-content" }, vi = {
|
|
2971
2976
|
key: 0,
|
|
2972
2977
|
class: "modal-footer"
|
|
2973
|
-
},
|
|
2978
|
+
}, yi = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
2974
2979
|
__name: "NModal",
|
|
2975
2980
|
props: {
|
|
2976
2981
|
show: {
|
|
@@ -3014,7 +3019,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
3014
3019
|
class: "modal-container",
|
|
3015
3020
|
style: g({ width: e.width })
|
|
3016
3021
|
}, [
|
|
3017
|
-
c("header",
|
|
3022
|
+
c("header", hi, [c("h3", gi, w(e.title), 1), e.showClose ? (y(), s("button", {
|
|
3018
3023
|
key: 0,
|
|
3019
3024
|
class: "close-btn",
|
|
3020
3025
|
onClick: l
|
|
@@ -3026,16 +3031,16 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
3026
3031
|
fill: "currentColor",
|
|
3027
3032
|
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
|
|
3028
3033
|
})], -1)]])) : o("", !0)]),
|
|
3029
|
-
c("main",
|
|
3030
|
-
r.$slots.footer ? (y(), s("footer",
|
|
3034
|
+
c("main", _i, [C(r.$slots, "default", {}, void 0, !0)]),
|
|
3035
|
+
r.$slots.footer ? (y(), s("footer", vi, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
|
|
3031
3036
|
], 4)], 4)) : o("", !0)]),
|
|
3032
3037
|
_: 3
|
|
3033
3038
|
})]));
|
|
3034
3039
|
}
|
|
3035
|
-
}), [["__scopeId", "data-v-ee2fac3c"]]),
|
|
3040
|
+
}), [["__scopeId", "data-v-ee2fac3c"]]), bi = { class: "drawer-header" }, xi = { class: "drawer-title" }, Si = { class: "drawer-body" }, Ci = {
|
|
3036
3041
|
key: 0,
|
|
3037
3042
|
class: "drawer-footer"
|
|
3038
|
-
},
|
|
3043
|
+
}, wi = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3039
3044
|
__name: "NDrawer",
|
|
3040
3045
|
props: {
|
|
3041
3046
|
show: {
|
|
@@ -3080,7 +3085,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
3080
3085
|
class: h(["drawer-container", [`placement-${e.placement}`]]),
|
|
3081
3086
|
style: g({ width: e.width })
|
|
3082
3087
|
}, [
|
|
3083
|
-
c("header",
|
|
3088
|
+
c("header", bi, [c("h3", xi, [C(r.$slots, "title", {}, () => [d(w(e.title), 1)], !0)]), e.showClose ? (y(), s("button", {
|
|
3084
3089
|
key: 0,
|
|
3085
3090
|
class: "close-btn",
|
|
3086
3091
|
onClick: l
|
|
@@ -3092,18 +3097,18 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
|
|
|
3092
3097
|
fill: "currentColor",
|
|
3093
3098
|
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
|
|
3094
3099
|
})], -1)]])) : o("", !0)]),
|
|
3095
|
-
c("main",
|
|
3096
|
-
r.$slots.footer ? (y(), s("footer",
|
|
3100
|
+
c("main", Si, [C(r.$slots, "default", {}, void 0, !0)]),
|
|
3101
|
+
r.$slots.footer ? (y(), s("footer", Ci, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
|
|
3097
3102
|
], 6)], 4)) : o("", !0)]),
|
|
3098
3103
|
_: 3
|
|
3099
3104
|
})]));
|
|
3100
3105
|
}
|
|
3101
|
-
}), [["__scopeId", "data-v-f8c0a0bb"]]),
|
|
3102
|
-
function
|
|
3106
|
+
}), [["__scopeId", "data-v-f8c0a0bb"]]), Ti = 0, Ei = b([]);
|
|
3107
|
+
function Di() {
|
|
3103
3108
|
let e = function(e, t = {}) {
|
|
3104
|
-
let n = ++
|
|
3109
|
+
let n = ++Ti;
|
|
3105
3110
|
return new Promise((r) => {
|
|
3106
|
-
|
|
3111
|
+
Ei.push({
|
|
3107
3112
|
id: n,
|
|
3108
3113
|
type: "alert",
|
|
3109
3114
|
message: e,
|
|
@@ -3129,8 +3134,8 @@ function Oi() {
|
|
|
3129
3134
|
});
|
|
3130
3135
|
function t(e, t = {}) {
|
|
3131
3136
|
return new Promise((n) => {
|
|
3132
|
-
let r = ++
|
|
3133
|
-
|
|
3137
|
+
let r = ++Ti;
|
|
3138
|
+
Ei.push({
|
|
3134
3139
|
id: r,
|
|
3135
3140
|
type: "confirm",
|
|
3136
3141
|
message: e,
|
|
@@ -3143,10 +3148,10 @@ function Oi() {
|
|
|
3143
3148
|
});
|
|
3144
3149
|
}
|
|
3145
3150
|
function n() {
|
|
3146
|
-
for (;
|
|
3151
|
+
for (; Ei.length > 0;) Ei.shift().resolve(!1);
|
|
3147
3152
|
}
|
|
3148
3153
|
return {
|
|
3149
|
-
alerts:
|
|
3154
|
+
alerts: Ei,
|
|
3150
3155
|
alert: e,
|
|
3151
3156
|
confirm: t,
|
|
3152
3157
|
clearAlerts: n
|
|
@@ -3154,13 +3159,13 @@ function Oi() {
|
|
|
3154
3159
|
}
|
|
3155
3160
|
//#endregion
|
|
3156
3161
|
//#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
|
|
3157
|
-
var
|
|
3162
|
+
var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-body" }, ji = {
|
|
3158
3163
|
key: 0,
|
|
3159
3164
|
class: "card-title"
|
|
3160
|
-
},
|
|
3165
|
+
}, Mi = { class: "card-message" }, Ni = { class: "card-footer" }, Pi = ["onClick"], Fi = ["onClick"], Ii = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3161
3166
|
__name: "NAlert",
|
|
3162
3167
|
setup(n) {
|
|
3163
|
-
let { alerts: r, clearAlerts: i } =
|
|
3168
|
+
let { alerts: r, clearAlerts: i } = Di(), l = {
|
|
3164
3169
|
success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 12l3 3 5-6\"/></svg>",
|
|
3165
3170
|
warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></svg>",
|
|
3166
3171
|
danger: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>",
|
|
@@ -3197,7 +3202,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3197
3202
|
}
|
|
3198
3203
|
return _(() => document.addEventListener("keydown", m)), v(() => {
|
|
3199
3204
|
document.removeEventListener("keydown", m), i();
|
|
3200
|
-
}), (n, i) => (y(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: T(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: T(r).length > 0 }]) }, [c("div",
|
|
3205
|
+
}), (n, i) => (y(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: T(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: T(r).length > 0 }]) }, [c("div", Oi, [(y(!0), s(e, null, S(T(r), (e, t) => (y(), s("div", {
|
|
3201
3206
|
key: e.id,
|
|
3202
3207
|
class: h(["alert-card", `status-${e.status}`]),
|
|
3203
3208
|
style: g(d(t))
|
|
@@ -3205,25 +3210,25 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3205
3210
|
c("div", {
|
|
3206
3211
|
class: "card-icon",
|
|
3207
3212
|
innerHTML: u(e)
|
|
3208
|
-
}, null, 8,
|
|
3209
|
-
c("div",
|
|
3210
|
-
c("div",
|
|
3213
|
+
}, null, 8, ki),
|
|
3214
|
+
c("div", Ai, [e.title ? (y(), s("p", ji, w(e.title), 1)) : o("", !0), c("p", Mi, w(e.message), 1)]),
|
|
3215
|
+
c("div", Ni, [e.type === "confirm" ? (y(), s("button", {
|
|
3211
3216
|
key: 0,
|
|
3212
3217
|
class: "btn btn-cancel",
|
|
3213
3218
|
onClick: (t) => p(e)
|
|
3214
|
-
}, w(e.cancelText), 9,
|
|
3219
|
+
}, w(e.cancelText), 9, Pi)) : o("", !0), c("button", {
|
|
3215
3220
|
class: h(["btn btn-confirm", `btn-${e.status}`]),
|
|
3216
3221
|
onClick: (t) => f(e)
|
|
3217
|
-
}, w(e.confirmText), 11,
|
|
3222
|
+
}, w(e.confirmText), 11, Fi)])
|
|
3218
3223
|
], 6))), 128))])], 2)]));
|
|
3219
3224
|
}
|
|
3220
|
-
}), [["__scopeId", "data-v-20105bbb"]]),
|
|
3225
|
+
}), [["__scopeId", "data-v-20105bbb"]]), Li = { class: "nav" }, Ri = ["onClick"], zi = ["innerHTML"], Bi = { class: "nav-list" }, Vi = ["href", "onClick"], Hi = ["innerHTML"], Ui = { class: "nav-text" }, Wi = ["href", "onClick"], Gi = { class: "title no-children" }, Ki = ["innerHTML"], qi = { class: "user-capsule" }, Ji = { class: "user-avatar" }, Yi = ["src"], Xi = {
|
|
3221
3226
|
key: 1,
|
|
3222
3227
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3223
3228
|
width: "36",
|
|
3224
3229
|
height: "36",
|
|
3225
3230
|
viewBox: "0 0 36 36"
|
|
3226
|
-
},
|
|
3231
|
+
}, Zi = { class: "user-info" }, Qi = { class: "user-name-row" }, $i = { class: "user-name" }, ea = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3227
3232
|
__name: "NSidebar",
|
|
3228
3233
|
props: {
|
|
3229
3234
|
isOpen: {
|
|
@@ -3276,7 +3281,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3276
3281
|
onMouseenter: _[2] ||= (e) => p.value = !0
|
|
3277
3282
|
}, [
|
|
3278
3283
|
_[9] ||= c("div", { class: "header" }, [c("div", { class: "brand-logo" }, [c("span", { class: "logo-text" }, "NICKLABS"), c("span", { class: "logo-icon" }, "N")])], -1),
|
|
3279
|
-
c("div",
|
|
3284
|
+
c("div", Li, [(y(!0), s(e, null, S(n.menus, (t) => (y(), s(e, null, [t.children?.length ? (y(), s("div", {
|
|
3280
3285
|
key: 0,
|
|
3281
3286
|
class: h(["menu", {
|
|
3282
3287
|
open: T(i)(t.title),
|
|
@@ -3285,7 +3290,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3285
3290
|
}, [c("div", {
|
|
3286
3291
|
class: "title",
|
|
3287
3292
|
onClick: (e) => T(o)(t.title)
|
|
3288
|
-
}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8,
|
|
3293
|
+
}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, zi), c("span", null, w(t.title), 1)]), _[6] ||= c("svg", {
|
|
3289
3294
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3290
3295
|
width: "14",
|
|
3291
3296
|
height: "14",
|
|
@@ -3296,23 +3301,23 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3296
3301
|
"stroke-linecap": "round",
|
|
3297
3302
|
"stroke-linejoin": "round",
|
|
3298
3303
|
class: "icon"
|
|
3299
|
-
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8,
|
|
3304
|
+
}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Ri), c("div", Bi, [c("div", null, [(y(!0), s(e, null, S(t.children, (e) => (y(), s("a", {
|
|
3300
3305
|
href: e.route,
|
|
3301
3306
|
onClick: O((t) => g(e), ["prevent"])
|
|
3302
|
-
}, [c("div", { class: h(["nav-item", { active: T(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8,
|
|
3307
|
+
}, [c("div", { class: h(["nav-item", { active: T(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Hi), c("span", Ui, w(e.title), 1)], 2)], 8, Vi))), 256))])])], 2)) : (y(), s("div", {
|
|
3303
3308
|
key: 1,
|
|
3304
3309
|
class: h(["menu", { active: t.route === n.currentPath }])
|
|
3305
3310
|
}, [c("a", {
|
|
3306
3311
|
href: t.route,
|
|
3307
3312
|
onClick: O((e) => ee(t), ["prevent"])
|
|
3308
|
-
}, [c("div",
|
|
3309
|
-
c("div",
|
|
3310
|
-
c("div",
|
|
3313
|
+
}, [c("div", Gi, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ki), c("span", null, w(t.title), 1)])])], 8, Wi)], 2))], 64))), 256))]),
|
|
3314
|
+
c("div", qi, [C(r.$slots, "user", {}, () => [
|
|
3315
|
+
c("div", Ji, [n.userAvatarUrl ? (y(), s("img", {
|
|
3311
3316
|
key: 0,
|
|
3312
3317
|
src: n.userAvatarUrl,
|
|
3313
3318
|
alt: "User Avatar"
|
|
3314
|
-
}, null, 8,
|
|
3315
|
-
c("div",
|
|
3319
|
+
}, null, 8, Yi)) : (y(), s("svg", Xi, [..._[7] ||= [u("<defs data-v-c84404ab><clipPath id=\"avatarClip\" data-v-c84404ab><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-c84404ab></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-c84404ab></circle><g clip-path=\"url(#avatarClip)\" data-v-c84404ab><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-c84404ab></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-c84404ab></path></g>", 3)]]))]),
|
|
3320
|
+
c("div", Zi, [c("div", Qi, [c("span", $i, w(n.userName || "ADMINISTRATOR"), 1)])]),
|
|
3316
3321
|
f(M, {
|
|
3317
3322
|
class: "logout-btn",
|
|
3318
3323
|
intent: "error",
|
|
@@ -3351,7 +3356,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3351
3356
|
}, null, 2)]))
|
|
3352
3357
|
], 34));
|
|
3353
3358
|
}
|
|
3354
|
-
}), [["__scopeId", "data-v-c84404ab"]]),
|
|
3359
|
+
}), [["__scopeId", "data-v-c84404ab"]]), ta = { class: "layout" }, na = { class: "main-content" }, ra = { class: "copyright" }, ia = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3355
3360
|
__name: "NLayout",
|
|
3356
3361
|
props: {
|
|
3357
3362
|
isShowSidebar: {
|
|
@@ -3365,7 +3370,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3365
3370
|
emits: ["logout", "navigate"],
|
|
3366
3371
|
setup(e, { emit: t }) {
|
|
3367
3372
|
let n = Rt(), r = t;
|
|
3368
|
-
return (t, i) => (y(), s("div",
|
|
3373
|
+
return (t, i) => (y(), s("div", ta, [e.isShowSidebar ? (y(), a(ea, {
|
|
3369
3374
|
key: 0,
|
|
3370
3375
|
isOpen: T(n).isSidebarExpanded(),
|
|
3371
3376
|
"onUpdate:isOpen": i[0] ||= (e) => T(n).toggleSidebar(),
|
|
@@ -3377,18 +3382,18 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3377
3382
|
"isOpen",
|
|
3378
3383
|
"menus",
|
|
3379
3384
|
"currentPath"
|
|
3380
|
-
])) : o("", !0), c("main",
|
|
3385
|
+
])) : o("", !0), c("main", na, [C(t.$slots, "default", {}, void 0, !0), c("div", ra, w(e.copyright), 1)])]));
|
|
3381
3386
|
}
|
|
3382
|
-
}), [["__scopeId", "data-v-42c0ab8b"]]),
|
|
3387
|
+
}), [["__scopeId", "data-v-42c0ab8b"]]), aa = { class: "topbar" }, oa = { class: "topbar-left" }, sa = { class: "topbar-right" }, ca = {
|
|
3383
3388
|
key: 0,
|
|
3384
3389
|
class: "pill"
|
|
3385
|
-
},
|
|
3390
|
+
}, la = {
|
|
3386
3391
|
key: 0,
|
|
3387
3392
|
class: "name"
|
|
3388
|
-
},
|
|
3393
|
+
}, ua = {
|
|
3389
3394
|
key: 1,
|
|
3390
3395
|
class: "separator"
|
|
3391
|
-
},
|
|
3396
|
+
}, da = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3392
3397
|
__name: "NNavigation",
|
|
3393
3398
|
props: {
|
|
3394
3399
|
isShowSidebar: {
|
|
@@ -3413,7 +3418,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3413
3418
|
let n = t, r = () => {
|
|
3414
3419
|
document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
|
|
3415
3420
|
};
|
|
3416
|
-
return (t, i) => (y(), s("header",
|
|
3421
|
+
return (t, i) => (y(), s("header", aa, [c("div", oa, [e.isShowSidebar ? (y(), a(M, {
|
|
3417
3422
|
key: 0,
|
|
3418
3423
|
onClick: i[0] ||= (e) => n("toggleSidebar"),
|
|
3419
3424
|
padding: "8px"
|
|
@@ -3456,9 +3461,9 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3456
3461
|
c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
|
|
3457
3462
|
], -1)]]),
|
|
3458
3463
|
_: 1
|
|
3459
|
-
})) : o("", !0)]), c("div",
|
|
3460
|
-
e.isShowUser ? (y(), s("span",
|
|
3461
|
-
e.isShowUser && e.isShowLogoutButton ? (y(), s("div",
|
|
3464
|
+
})) : o("", !0)]), c("div", sa, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", ca, [
|
|
3465
|
+
e.isShowUser ? (y(), s("span", la, "Nick")) : o("", !0),
|
|
3466
|
+
e.isShowUser && e.isShowLogoutButton ? (y(), s("div", ua)) : o("", !0),
|
|
3462
3467
|
e.isShowLogoutButton ? (y(), a(M, {
|
|
3463
3468
|
key: 2,
|
|
3464
3469
|
variant: "mute",
|
|
@@ -3484,10 +3489,10 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3484
3489
|
})) : o("", !0)
|
|
3485
3490
|
])) : o("", !0)])]));
|
|
3486
3491
|
}
|
|
3487
|
-
}), [["__scopeId", "data-v-f38a4beb"]]),
|
|
3492
|
+
}), [["__scopeId", "data-v-f38a4beb"]]), fa = { class: "brand" }, pa = ["src", "alt"], ma = {
|
|
3488
3493
|
key: 1,
|
|
3489
3494
|
class: "icon"
|
|
3490
|
-
},
|
|
3495
|
+
}, ha = { key: 2 }, ga = { key: 3 }, _a = /* @__PURE__ */ j(/* @__PURE__ */ p({
|
|
3491
3496
|
__name: "NLoginLayout",
|
|
3492
3497
|
props: {
|
|
3493
3498
|
backgroundImage: { default: "" },
|
|
@@ -3505,15 +3510,15 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3505
3510
|
radius: "xl",
|
|
3506
3511
|
class: "card"
|
|
3507
3512
|
}, {
|
|
3508
|
-
default: D(() => [c("div",
|
|
3513
|
+
default: D(() => [c("div", fa, [
|
|
3509
3514
|
t.value ? (y(), s("img", {
|
|
3510
3515
|
key: 0,
|
|
3511
3516
|
class: "logo-img",
|
|
3512
3517
|
src: e.logo,
|
|
3513
3518
|
alt: e.title
|
|
3514
|
-
}, null, 8,
|
|
3515
|
-
e.title ? (y(), s("h1",
|
|
3516
|
-
e.description ? (y(), s("p",
|
|
3519
|
+
}, null, 8, pa)) : (y(), s("div", ma, w(e.logo), 1)),
|
|
3520
|
+
e.title ? (y(), s("h1", ha, w(e.title), 1)) : o("", !0),
|
|
3521
|
+
e.description ? (y(), s("p", ga, w(e.description), 1)) : o("", !0)
|
|
3517
3522
|
]), C(n.$slots, "default", {}, void 0, !0)]),
|
|
3518
3523
|
_: 3
|
|
3519
3524
|
})], 4));
|
|
@@ -3521,7 +3526,7 @@ var ki = { class: "cards-wrapper" }, Ai = ["innerHTML"], ji = { class: "card-bod
|
|
|
3521
3526
|
}), [["__scopeId", "data-v-f0866bc5"]]);
|
|
3522
3527
|
//#endregion
|
|
3523
3528
|
//#region src/composables/useRouteModal.ts
|
|
3524
|
-
function
|
|
3529
|
+
function va(e) {
|
|
3525
3530
|
let t = i(() => {
|
|
3526
3531
|
let t = A();
|
|
3527
3532
|
return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
|
|
@@ -3545,7 +3550,7 @@ function ya(e) {
|
|
|
3545
3550
|
}
|
|
3546
3551
|
//#endregion
|
|
3547
3552
|
//#region src/composables/useDisclosure.ts
|
|
3548
|
-
function
|
|
3553
|
+
function ya() {
|
|
3549
3554
|
let e = x(!1);
|
|
3550
3555
|
function t() {
|
|
3551
3556
|
e.value = !0;
|
|
@@ -3561,7 +3566,7 @@ function ba() {
|
|
|
3561
3566
|
}
|
|
3562
3567
|
//#endregion
|
|
3563
3568
|
//#region src/index.ts
|
|
3564
|
-
var
|
|
3569
|
+
var ba = {
|
|
3565
3570
|
NButton: M,
|
|
3566
3571
|
NBreadcrumb: ce,
|
|
3567
3572
|
NInput: me,
|
|
@@ -3572,26 +3577,26 @@ var xa = {
|
|
|
3572
3577
|
NForm: tn,
|
|
3573
3578
|
NList: Vn,
|
|
3574
3579
|
NEmpty: pn,
|
|
3575
|
-
NToast:
|
|
3580
|
+
NToast: Xn,
|
|
3576
3581
|
NLoading: wn,
|
|
3577
|
-
NCode:
|
|
3578
|
-
NSwitch:
|
|
3579
|
-
NTag:
|
|
3580
|
-
NDatePicker:
|
|
3581
|
-
NTooltip:
|
|
3582
|
-
NModal:
|
|
3583
|
-
NDrawer:
|
|
3584
|
-
NAlert:
|
|
3582
|
+
NCode: ar,
|
|
3583
|
+
NSwitch: sr,
|
|
3584
|
+
NTag: cr,
|
|
3585
|
+
NDatePicker: pi,
|
|
3586
|
+
NTooltip: mi,
|
|
3587
|
+
NModal: yi,
|
|
3588
|
+
NDrawer: wi,
|
|
3589
|
+
NAlert: Ii,
|
|
3585
3590
|
NTable: Ln,
|
|
3586
|
-
NLayout:
|
|
3587
|
-
NNavigation:
|
|
3588
|
-
NSidebar:
|
|
3591
|
+
NLayout: ia,
|
|
3592
|
+
NNavigation: da,
|
|
3593
|
+
NSidebar: ea,
|
|
3589
3594
|
NCard: nn,
|
|
3590
|
-
NLoginLayout:
|
|
3591
|
-
},
|
|
3592
|
-
Object.entries(
|
|
3595
|
+
NLoginLayout: _a
|
|
3596
|
+
}, xa = { install(e, t = {}) {
|
|
3597
|
+
Object.entries(ba).forEach(([t, n]) => {
|
|
3593
3598
|
e.component(t, n);
|
|
3594
3599
|
}), t.router && ie(t.router);
|
|
3595
3600
|
} };
|
|
3596
3601
|
//#endregion
|
|
3597
|
-
export {
|
|
3602
|
+
export { Ii as NAlert, M as NButton, nn as NCard, H as NCheckbox, ar as NCode, pi as NDatePicker, wi as NDrawer, pn as NEmpty, Pt as NFileSelect, tn as NForm, me as NInput, ia as NLayout, Vn as NList, wn as NLoading, _a as NLoginLayout, yi as NModal, da as NNavigation, Ae as NSelect, ea as NSidebar, sr as NSwitch, Ln as NTable, cr as NTag, ye as NTextarea, Xn as NToast, mi as NTooltip, xa as NickLabsUI, Di as useAlert, F as useBreadcrumb, ya as useDisclosure, va as useRouteModal, Rt as useSidebarManager, Wn as useToast };
|