web-win-vue 0.5.3 → 0.5.4
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/package.json +1 -1
- package/web-win-vue.mjs +63 -58
- package/web-win-vue.umd.js +5 -5
package/package.json
CHANGED
package/web-win-vue.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { createElementBlock as u, openBlock as c, renderSlot as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as u, openBlock as c, renderSlot as b, defineComponent as V, ref as r, normalizeClass as h, unref as d, createElementVNode as n, toDisplayString as w, createVNode as k, Fragment as W, renderList as z, normalizeStyle as M, watch as K, Transition as C, withCtx as $, createCommentVNode as S, withDirectives as B, vShow as D, onMounted as Q, nextTick as Z, createBlock as H, vModelCheckbox as A, vModelRadio as ee, useCssVars as te, isRef as oe, createTextVNode as le } from "vue";
|
|
2
|
+
const _ = (e, l) => {
|
|
3
3
|
const t = e.__vccOpts || e;
|
|
4
4
|
for (const [o, i] of l)
|
|
5
5
|
t[o] = i;
|
|
@@ -10,10 +10,10 @@ const g = (e, l) => {
|
|
|
10
10
|
return console.log("%c✨Welcome to Web-Win-Vue-Button✨", `
|
|
11
11
|
color: #0078d7;
|
|
12
12
|
text-shadow: 0 1px 0 #0078d7;`), (l, t) => (c(), u("button", null, [
|
|
13
|
-
|
|
13
|
+
b(l.$slots, "default", {}, void 0, !0)
|
|
14
14
|
]));
|
|
15
15
|
}
|
|
16
|
-
}, N = /* @__PURE__ */
|
|
16
|
+
}, N = /* @__PURE__ */ _(ne, [["__scopeId", "data-v-85a8a3fa"]]), se = ["value", "placeholder"], R = /* @__PURE__ */ V({
|
|
17
17
|
__name: "webwin-inputbox",
|
|
18
18
|
props: { value: String, placeholder: String },
|
|
19
19
|
setup(e) {
|
|
@@ -104,7 +104,7 @@ const g = (e, l) => {
|
|
|
104
104
|
}, null, 2)
|
|
105
105
|
], 2),
|
|
106
106
|
n("div", ie, [
|
|
107
|
-
|
|
107
|
+
k(R, {
|
|
108
108
|
placeholder: "查找",
|
|
109
109
|
class: h(["inputbox", d(o)]),
|
|
110
110
|
style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
|
|
@@ -116,7 +116,7 @@ const g = (e, l) => {
|
|
|
116
116
|
}, w(e.title), 3)
|
|
117
117
|
]),
|
|
118
118
|
n("div", ce, [
|
|
119
|
-
(c(!0), u(
|
|
119
|
+
(c(!0), u(W, null, z(e.items, (v, p) => (c(), u("li", {
|
|
120
120
|
key: p,
|
|
121
121
|
class: h({ active: p === e.modelValue }),
|
|
122
122
|
onClick: (x) => s.$emit("update:modelValue", p)
|
|
@@ -134,7 +134,7 @@ const g = (e, l) => {
|
|
|
134
134
|
])
|
|
135
135
|
], 2));
|
|
136
136
|
}
|
|
137
|
-
}, T = /* @__PURE__ */
|
|
137
|
+
}, T = /* @__PURE__ */ _(pe, [["__scopeId", "data-v-30fc2437"]]);
|
|
138
138
|
console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
|
|
139
139
|
color: #0078d7;
|
|
140
140
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
@@ -199,8 +199,8 @@ const me = {
|
|
|
199
199
|
viewBox: "0 0 24 24",
|
|
200
200
|
width: "24",
|
|
201
201
|
height: "24"
|
|
202
|
-
}, fe = ["d"],
|
|
203
|
-
function
|
|
202
|
+
}, fe = ["d"], ge = { class: "tile-title" };
|
|
203
|
+
function _e(e, l, t, o, i, s) {
|
|
204
204
|
return c(), u("div", {
|
|
205
205
|
class: h(["tile", t.size]),
|
|
206
206
|
style: M(s.tileStyle),
|
|
@@ -210,7 +210,7 @@ function ge(e, l, t, o, i, s) {
|
|
|
210
210
|
}, [
|
|
211
211
|
n("div", he, [
|
|
212
212
|
n("div", ve, [
|
|
213
|
-
|
|
213
|
+
b(e.$slots, "icon", {}, () => [
|
|
214
214
|
(c(), u("svg", we, [
|
|
215
215
|
n("path", {
|
|
216
216
|
fill: "white",
|
|
@@ -219,7 +219,7 @@ function ge(e, l, t, o, i, s) {
|
|
|
219
219
|
]))
|
|
220
220
|
], !0)
|
|
221
221
|
]),
|
|
222
|
-
n("div",
|
|
222
|
+
n("div", ge, w(t.title), 1)
|
|
223
223
|
]),
|
|
224
224
|
n("div", {
|
|
225
225
|
class: "glow-border",
|
|
@@ -231,7 +231,7 @@ function ge(e, l, t, o, i, s) {
|
|
|
231
231
|
}, null, 4)
|
|
232
232
|
], 38);
|
|
233
233
|
}
|
|
234
|
-
const X = /* @__PURE__ */
|
|
234
|
+
const X = /* @__PURE__ */ _(me, [["render", _e], ["__scopeId", "data-v-9ae9ef89"]]), xe = { class: "container" }, be = ["src"], ye = ["src"], Y = {
|
|
235
235
|
__name: "webwin-tab",
|
|
236
236
|
props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
|
|
237
237
|
setup(e) {
|
|
@@ -247,36 +247,41 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
247
247
|
p ? a.value = "" : a.value = "folded";
|
|
248
248
|
}
|
|
249
249
|
return (p, x) => (c(), u("div", xe, [
|
|
250
|
-
|
|
250
|
+
k(T, {
|
|
251
251
|
modelValue: t.value,
|
|
252
|
-
"onUpdate:modelValue": x[0] || (x[0] = (
|
|
252
|
+
"onUpdate:modelValue": x[0] || (x[0] = (g) => t.value = g),
|
|
253
253
|
items: e.menu,
|
|
254
254
|
class: "item-1",
|
|
255
255
|
bartitle: d(s),
|
|
256
256
|
onUpdate: v
|
|
257
257
|
}, null, 8, ["modelValue", "items", "bartitle"]),
|
|
258
|
-
|
|
258
|
+
k(C, {
|
|
259
259
|
name: "fade",
|
|
260
|
-
mode: "out-in"
|
|
260
|
+
mode: "out-in",
|
|
261
|
+
style: { "margin-top": "70px" }
|
|
261
262
|
}, {
|
|
262
|
-
default:
|
|
263
|
+
default: $(() => [
|
|
263
264
|
o.value === 0 ? (c(), u("div", {
|
|
264
265
|
key: "state0",
|
|
265
266
|
class: h(["iframe-container", d(a)])
|
|
266
267
|
}, [
|
|
267
|
-
|
|
268
|
-
|
|
268
|
+
b(p.$slots, "default", {}, () => [
|
|
269
|
+
B(n("iframe", { src: i.value }, null, 8, be), [
|
|
270
|
+
[D, o.value === 0]
|
|
271
|
+
])
|
|
269
272
|
])
|
|
270
273
|
], 2)) : o.value === 1 ? (c(), u("div", {
|
|
271
274
|
key: "state1",
|
|
272
275
|
class: h(["iframe-container", d(a)])
|
|
273
276
|
}, [
|
|
274
|
-
|
|
275
|
-
|
|
277
|
+
b(p.$slots, "default", {}, () => [
|
|
278
|
+
B(n("iframe", { src: i.value }, null, 8, ye), [
|
|
279
|
+
[D, o.value === 1]
|
|
280
|
+
])
|
|
276
281
|
])
|
|
277
282
|
], 2)) : S("", !0)
|
|
278
283
|
]),
|
|
279
|
-
_:
|
|
284
|
+
_: 3
|
|
280
285
|
})
|
|
281
286
|
]));
|
|
282
287
|
}
|
|
@@ -309,27 +314,27 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
309
314
|
Q(() => {
|
|
310
315
|
i.value && (i.value.textContent = t.value || "", a.value = t.value || "");
|
|
311
316
|
});
|
|
312
|
-
const v = (
|
|
317
|
+
const v = (g) => {
|
|
313
318
|
if (!i.value) return;
|
|
314
319
|
const f = i.value.textContent || "";
|
|
315
320
|
o("update", f), Z(() => {
|
|
316
321
|
if (i.value) {
|
|
317
|
-
const m = document.createRange(),
|
|
318
|
-
m.selectNodeContents(i.value), m.collapse(!1),
|
|
322
|
+
const m = document.createRange(), y = window.getSelection();
|
|
323
|
+
m.selectNodeContents(i.value), m.collapse(!1), y?.removeAllRanges(), y?.addRange(m);
|
|
319
324
|
}
|
|
320
325
|
});
|
|
321
|
-
}, p = (
|
|
322
|
-
const f =
|
|
326
|
+
}, p = (g) => {
|
|
327
|
+
const f = g.target;
|
|
323
328
|
f.textContent === t.placeholder && (f.textContent = "");
|
|
324
|
-
}, x = (
|
|
325
|
-
const f =
|
|
329
|
+
}, x = (g) => {
|
|
330
|
+
const f = g.target, m = f.textContent || "";
|
|
326
331
|
m !== a.value && (o("change", {
|
|
327
332
|
target: {
|
|
328
333
|
value: m
|
|
329
334
|
}
|
|
330
335
|
}), a.value = m), m.trim() === "" && (f.textContent = "");
|
|
331
336
|
};
|
|
332
|
-
return (
|
|
337
|
+
return (g, f) => (c(), u("div", {
|
|
333
338
|
ref_key: "editableDiv",
|
|
334
339
|
ref: i,
|
|
335
340
|
class: "uwprichrditbox",
|
|
@@ -360,7 +365,7 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
360
365
|
return l({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
|
|
361
366
|
color: #0078d7;
|
|
362
367
|
text-shadow: 0 1px 0 #0078d7;`), (v, p) => (c(), H(C, { name: "slide-fade" }, {
|
|
363
|
-
default:
|
|
368
|
+
default: $(() => [
|
|
364
369
|
d(o) ? (c(), u("div", {
|
|
365
370
|
key: 0,
|
|
366
371
|
class: "Notification",
|
|
@@ -385,7 +390,7 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
385
390
|
const l = e, t = r(l.name), o = r(l.checked);
|
|
386
391
|
return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨", `
|
|
387
392
|
color: #0078d7;
|
|
388
|
-
text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(
|
|
393
|
+
text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(W, null, [
|
|
389
394
|
B(n("input", {
|
|
390
395
|
type: "checkbox",
|
|
391
396
|
class: "ww-checkbox",
|
|
@@ -400,18 +405,18 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
400
405
|
for: t.value,
|
|
401
406
|
class: "ww-checkbox-label"
|
|
402
407
|
}, [
|
|
403
|
-
|
|
408
|
+
b(i.$slots, "default", {}, void 0, !0)
|
|
404
409
|
], 8, Be)
|
|
405
410
|
], 64));
|
|
406
411
|
}
|
|
407
|
-
}), U = /* @__PURE__ */
|
|
412
|
+
}), U = /* @__PURE__ */ _(Ie, [["__scopeId", "data-v-c289ea76"]]), ze = ["name", "id"], Ne = ["for"], Re = /* @__PURE__ */ V({
|
|
408
413
|
__name: "webwin-radio",
|
|
409
414
|
props: { name: String, checked: Array },
|
|
410
415
|
setup(e) {
|
|
411
416
|
const l = e, t = r(l.name), o = r(l.checked);
|
|
412
417
|
return console.log("%c✨Welcome to Web-Win-Vue-radio✨", `
|
|
413
418
|
color: #0078d7;
|
|
414
|
-
text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(
|
|
419
|
+
text-shadow: 0 1px 0 #0078d7;`), (i, s) => (c(), u(W, null, [
|
|
415
420
|
B(n("input", {
|
|
416
421
|
type: "radio",
|
|
417
422
|
class: "ww-radio",
|
|
@@ -426,11 +431,11 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
426
431
|
for: t.value,
|
|
427
432
|
class: "ww-radio-label"
|
|
428
433
|
}, [
|
|
429
|
-
|
|
434
|
+
b(i.$slots, "default", {}, void 0, !0)
|
|
430
435
|
], 8, Ne)
|
|
431
436
|
], 64));
|
|
432
437
|
}
|
|
433
|
-
}), q = /* @__PURE__ */
|
|
438
|
+
}), q = /* @__PURE__ */ _(Re, [["__scopeId", "data-v-78978c8c"]]), Te = { style: { position: "relative" } }, De = {
|
|
434
439
|
key: 0,
|
|
435
440
|
class: "list-box"
|
|
436
441
|
}, He = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Xe = ["onClick"], Ye = { class: "label" }, Fe = {
|
|
@@ -450,7 +455,7 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
450
455
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
451
456
|
const t = e, o = l;
|
|
452
457
|
let i = r(""), s = r(!1), a = r(t.modelValue), v = r(t.title), p = r(-6), x = r(6);
|
|
453
|
-
function
|
|
458
|
+
function g(m) {
|
|
454
459
|
s.value = !1, i.value = "", a.value = m, v.value = t.items[m].name, o("update", m), setTimeout(() => {
|
|
455
460
|
p.value = m * -35 - 6, x.value = m * 35 + 6;
|
|
456
461
|
}, 100);
|
|
@@ -458,32 +463,32 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
458
463
|
function f() {
|
|
459
464
|
s.value = !s.value, i.value = s.value ? "active" : "";
|
|
460
465
|
}
|
|
461
|
-
return (m,
|
|
466
|
+
return (m, y) => (c(), u("div", Te, [
|
|
462
467
|
n("div", {
|
|
463
468
|
class: h(["list-box-button", d(i)]),
|
|
464
469
|
onClick: f
|
|
465
470
|
}, w(d(v)), 3),
|
|
466
|
-
|
|
467
|
-
default:
|
|
471
|
+
k(C, null, {
|
|
472
|
+
default: $(() => [
|
|
468
473
|
d(s) ? (c(), u("ul", De, [
|
|
469
|
-
|
|
474
|
+
y[0] || (y[0] = n("div", { style: { height: "6px" } }, null, -1)),
|
|
470
475
|
n("div", He, [
|
|
471
|
-
(c(!0), u(
|
|
476
|
+
(c(!0), u(W, null, z(e.items, (J, I) => (c(), u("li", {
|
|
472
477
|
key: I,
|
|
473
478
|
class: h({ active: I === d(a) }),
|
|
474
|
-
onClick: (et) =>
|
|
479
|
+
onClick: (et) => g(I)
|
|
475
480
|
}, [
|
|
476
481
|
n("span", Ye, w(J.name), 1)
|
|
477
482
|
], 10, Xe))), 128))
|
|
478
483
|
]),
|
|
479
|
-
|
|
484
|
+
y[1] || (y[1] = n("div", { style: { height: "6px" } }, null, -1))
|
|
480
485
|
])) : S("", !0)
|
|
481
486
|
]),
|
|
482
487
|
_: 1
|
|
483
488
|
})
|
|
484
489
|
]));
|
|
485
490
|
}
|
|
486
|
-
}, E = /* @__PURE__ */
|
|
491
|
+
}, E = /* @__PURE__ */ _(Fe, [["__scopeId", "data-v-cc406956"]]), Oe = { class: "progress-bar" }, Le = {
|
|
487
492
|
__name: "webwin-progressbar",
|
|
488
493
|
props: {
|
|
489
494
|
progress: { type: Number, default: 0 }
|
|
@@ -498,7 +503,7 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
498
503
|
}, null, 4)
|
|
499
504
|
]));
|
|
500
505
|
}
|
|
501
|
-
}, G = /* @__PURE__ */
|
|
506
|
+
}, G = /* @__PURE__ */ _(Le, [["__scopeId", "data-v-18bec619"]]), Ue = {
|
|
502
507
|
key: 0,
|
|
503
508
|
class: "window-background"
|
|
504
509
|
}, qe = {
|
|
@@ -514,28 +519,28 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
514
519
|
let t = r("");
|
|
515
520
|
return l({ showDialog: () => {
|
|
516
521
|
t.value = !0;
|
|
517
|
-
} }), (i, s) => (c(), u(
|
|
518
|
-
|
|
519
|
-
default:
|
|
522
|
+
} }), (i, s) => (c(), u(W, null, [
|
|
523
|
+
k(C, null, {
|
|
524
|
+
default: $(() => [
|
|
520
525
|
d(t) ? (c(), u("div", Ue)) : S("", !0)
|
|
521
526
|
]),
|
|
522
527
|
_: 1
|
|
523
528
|
}),
|
|
524
|
-
|
|
525
|
-
default:
|
|
529
|
+
k(C, null, {
|
|
530
|
+
default: $(() => [
|
|
526
531
|
d(t) ? (c(), u("div", qe, [
|
|
527
532
|
n("div", Ee, [
|
|
528
533
|
n("h2", Ge, w(e.title), 1),
|
|
529
534
|
n("div", Pe, [
|
|
530
|
-
|
|
535
|
+
b(i.$slots, "default", {}, void 0, !0)
|
|
531
536
|
]),
|
|
532
537
|
n("div", je, [
|
|
533
|
-
(c(!0), u(
|
|
538
|
+
(c(!0), u(W, null, z(e.items, (a, v) => (c(), H(N, {
|
|
534
539
|
class: "window-button",
|
|
535
540
|
key: v,
|
|
536
541
|
onClick: s[0] || (s[0] = (p) => oe(t) ? t.value = !1 : t = !1)
|
|
537
542
|
}, {
|
|
538
|
-
default:
|
|
543
|
+
default: $(() => [
|
|
539
544
|
le(w(a.text), 1)
|
|
540
545
|
]),
|
|
541
546
|
_: 2
|
|
@@ -548,13 +553,13 @@ const X = /* @__PURE__ */ g(me, [["render", ge], ["__scopeId", "data-v-9ae9ef89"
|
|
|
548
553
|
})
|
|
549
554
|
], 64));
|
|
550
555
|
}
|
|
551
|
-
}, P = /* @__PURE__ */
|
|
556
|
+
}, P = /* @__PURE__ */ _(Je, [["__scopeId", "data-v-925d7c12"]]), Ke = {}, Qe = { class: "card" };
|
|
552
557
|
function Ze(e, l) {
|
|
553
558
|
return c(), u("div", Qe, [
|
|
554
|
-
|
|
559
|
+
b(e.$slots, "default", {}, void 0, !0)
|
|
555
560
|
]);
|
|
556
561
|
}
|
|
557
|
-
const j = /* @__PURE__ */
|
|
562
|
+
const j = /* @__PURE__ */ _(Ke, [["render", Ze], ["__scopeId", "data-v-f3f865b5"]]), Ae = [j, P, G, E, q, U, N, T, X, Y, R, F, O, L], ot = {
|
|
558
563
|
install(e) {
|
|
559
564
|
Ae.forEach((l) => {
|
|
560
565
|
e.component("winbutton", N), e.component("winitem", T), e.component("wintile", X), e.component("wintab", Y), e.component("wininputbox", R), e.component("winpasswordbox", F), e.component("winricheditbox", O), e.component("winnotifications", L), e.component("wincheckbox", U), e.component("winradio", q), e.component("wincombobox", E), e.component("winprogressbar", G), e.component("winwindow", P), e.component("wincard", j);
|
package/web-win-vue.umd.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["web-win-vue"]={},c.Vue))})(this,(function(c,e){"use strict";const f=(t,l)=>{const o=t.__vccOpts||t;for(const[n,s]of l)o[n]=s;return o},
|
|
1
|
+
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["web-win-vue"]={},c.Vue))})(this,(function(c,e){"use strict";const f=(t,l)=>{const o=t.__vccOpts||t;for(const[n,s]of l)o[n]=s;return o},g=f({__name:"webwin-button",setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Button✨",`
|
|
2
2
|
color: #0078d7;
|
|
3
|
-
text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),M=["value","placeholder"],
|
|
3
|
+
text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),M=["value","placeholder"],_=e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-InputBox✨",`
|
|
4
4
|
color: #0078d7;
|
|
5
5
|
text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.value),n=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:o.value,placeholder:n.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,M))}}),D={class:"sidebar-text"},T={style:{width:"var(--sb-width, 350px)",margin:"auto"}},I={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},F=["onClick"],R={class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},H=["d"],b=f({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"},bartitle:{type:String,default:"Window"}},emits:["update"],setup(t,{emit:l}){console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
|
|
6
6
|
color: #0078d7;
|
|
7
|
-
text-shadow: 0 1px 0 #0078d7;`);const o=l;let n=e.ref("");function s(){n.value===""?(n.value="folded",o("update",!1)):(n.value="",o("update",!0))}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(n)])},[e.createElementVNode("p",D,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:s},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:s,class:e.normalizeClass(["search-fold",e.unref(n)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)],2),e.createElementVNode("div",T,[e.createVNode(
|
|
7
|
+
text-shadow: 0 1px 0 #0078d7;`);const o=l;let n=e.ref("");function s(){n.value===""?(n.value="folded",o("update",!1)):(n.value="",o("update",!0))}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(n)])},[e.createElementVNode("p",D,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:s},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:s,class:e.normalizeClass(["search-fold",e.unref(n)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},null,2)],2),e.createElementVNode("div",T,[e.createVNode(_,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(n)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(n)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(m,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass({active:r===t.modelValue}),onClick:w=>a.$emit("update:modelValue",r)},[i[2]||(i[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",R,[e.createElementVNode("path",{d:m.icon},null,8,H)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(n)])},e.toDisplayString(m.name),3)],10,F))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
|
|
8
8
|
color: #0078d7;
|
|
9
9
|
text-shadow: 0 1px 0 #0078d7;`);const X={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const o=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),n=this.glowRadius;this.glowOpacity=Math.max(0,(n-o)/n)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},Y={class:"tile-content"},L={class:"tile-icon"},O={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},q=["d"],U={class:"tile-title"};function j(t,l,o,n,s,a){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(a.tileStyle),onMousemove:l[0]||(l[0]=(...i)=>a.handleMouseMove&&a.handleMouseMove(...i)),onMouseenter:l[1]||(l[1]=i=>s.isHovered=!0),onMouseleave:l[2]||(l[2]=(...i)=>a.handleMouseLeave&&a.handleMouseLeave(...i))},[e.createElementVNode("div",Y,[e.createElementVNode("div",L,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",O,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,q)]))],!0)]),e.createElementVNode("div",U,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(a.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(a.pointerGlowStyle)},null,4)],38)}const x=f(X,[["render",j],["__scopeId","data-v-9ae9ef89"]]),P={class:"container"},G=["src"],J=["src"],k={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
|
|
10
10
|
color: #0078d7;
|
|
11
|
-
text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(0),n=e.ref(0),s=e.ref(l.url[0]);let a=e.ref(""),i=e.ref("");l.titlebar?a.value=l.titlebartext:a.value="",e.watch(o,r=>{console.log("activeIndex changed:",r),console.log("new url:",l.url[r]),s.value=l.url[r],n.value=n.value===0?1:0,console.log("docState:",n.value)});function m(r){r?i.value="":i.value="folded"}return(r,w)=>(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(b,{modelValue:o.value,"onUpdate:modelValue":w[0]||(w[0]=h=>o.value=h),items:t.menu,class:"item-1",bartitle:e.unref(a),onUpdate:m},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[n.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,G),[[e.vShow,n.value===0]])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,J),[[e.vShow,n.value===1]])],2)):e.createCommentVNode("",!0)]),_:
|
|
11
|
+
text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(0),n=e.ref(0),s=e.ref(l.url[0]);let a=e.ref(""),i=e.ref("");l.titlebar?a.value=l.titlebartext:a.value="",e.watch(o,r=>{console.log("activeIndex changed:",r),console.log("new url:",l.url[r]),s.value=l.url[r],n.value=n.value===0?1:0,console.log("docState:",n.value)});function m(r){r?i.value="":i.value="folded"}return(r,w)=>(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(b,{modelValue:o.value,"onUpdate:modelValue":w[0]||(w[0]=h=>o.value=h),items:t.menu,class:"item-1",bartitle:e.unref(a),onUpdate:m},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in",style:{"margin-top":"70px"}},{default:e.withCtx(()=>[n.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(r.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,G),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.renderSlot(r.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,J),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},K=["value","placeholder"],y=e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
|
|
12
12
|
color: #0078d7;
|
|
13
13
|
text-shadow: 0 1px 0 #0078d7;`);const l=t,o=e.ref(l.value),n=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:n.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,K))}}),Q=["data-placeholder"],V=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:l}){const o=t,n=l,s=e.ref(null),a=e.ref(o.placeholder),i=e.ref(o.value);e.onMounted(()=>{s.value&&(s.value.textContent=o.value||"",i.value=o.value||"")});const m=h=>{if(!s.value)return;const p=s.value.textContent||"";n("update",p),e.nextTick(()=>{if(s.value){const d=document.createRange(),u=window.getSelection();d.selectNodeContents(s.value),d.collapse(!1),u?.removeAllRanges(),u?.addRange(d)}})},r=h=>{const p=h.target;p.textContent===o.placeholder&&(p.textContent="")},w=h=>{const p=h.target,d=p.textContent||"";d!==i.value&&(n("change",{target:{value:d}}),i.value=d),d.trim()===""&&(p.textContent="")};return(h,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:s,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":a.value,onInput:m,onFocus:r,onBlur:w},null,40,Q))}}),Z=["src"],A={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},v={class:"n-text n-title"},ee={class:"n-vulua"},E={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const o=t;let n=e.ref(!1),s=e.ref(o.img);const a=()=>{n.value=!n.value};function i(){n.value&&setTimeout(()=>{n.value=!1},250)}return l({showNotification:a}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
|
|
14
14
|
color: #0078d7;
|
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
color: #0078d7;
|
|
21
21
|
text-shadow: 0 1px 0 #0078d7;`);const o=t,n=l;let s=e.ref(""),a=e.ref(!1),i=e.ref(o.modelValue),m=e.ref(o.title),r=e.ref(-6),w=e.ref(6);function h(d){a.value=!1,s.value="",i.value=d,m.value=o.items[d].name,n("update",d),setTimeout(()=>{r.value=d*-35-6,w.value=d*35+6},100)}function p(){a.value=!a.value,s.value=a.value?"active":""}return(d,u)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(s)]),onClick:p},e.toDisplayString(e.unref(m)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("ul",ie,[u[0]||(u[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(ye,z)=>(e.openBlock(),e.createElementBlock("li",{key:z,class:e.normalizeClass({active:z===e.unref(i)}),onClick:We=>h(z)},[e.createElementVNode("span",re,e.toDisplayString(ye.name),1)],10,ce))),128))]),u[1]||(u[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-cc406956"]]),de={class:"progress-bar"},C=f({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
|
|
22
22
|
color: #0078d7;
|
|
23
|
-
text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),me={key:0,class:"window-background"},pe={key:0,class:"window"},fe={style:{"margin-top":"24px","margin-bottom":"24px"}},he={class:"window-title"},we={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},ue={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},S=f({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let o=e.ref("");return l({showDialog:()=>{o.value=!0}}),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",me)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("h2",he,e.toDisplayString(t.title),1),e.createElementVNode("div",we,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,m)=>(e.openBlock(),e.createBlock(
|
|
23
|
+
text-shadow: 0 1px 0 #0078d7;`),(l,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),me={key:0,class:"window-background"},pe={key:0,class:"window"},fe={style:{"margin-top":"24px","margin-bottom":"24px"}},he={class:"window-title"},we={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},ue={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},S=f({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},setup(t,{expose:l}){let o=e.ref("");return l({showDialog:()=>{o.value=!0}}),(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",me)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("h2",he,e.toDisplayString(t.title),1),e.createElementVNode("div",we,[e.renderSlot(s.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,m)=>(e.openBlock(),e.createBlock(g,{class:"window-button",key:m,onClick:a[0]||(a[0]=r=>e.isRef(o)?o.value=!1:o=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1024))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-925d7c12"]]),ge={},_e={class:"card"};function be(t,l){return e.openBlock(),e.createElementBlock("div",_e,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const W=f(ge,[["render",be],["__scopeId","data-v-f3f865b5"]]),xe=[W,S,C,N,$,B,g,b,x,k,_,y,V,E],ke={install(t){xe.forEach(l=>{t.component("winbutton",g),t.component("winitem",b),t.component("wintile",x),t.component("wintab",k),t.component("wininputbox",_),t.component("winpasswordbox",y),t.component("winricheditbox",V),t.component("winnotifications",E),t.component("wincheckbox",B),t.component("winradio",$),t.component("wincombobox",N),t.component("winprogressbar",C),t.component("winwindow",S),t.component("wincard",W)})}};c.default=ke,c.winbutton=g,c.wincard=W,c.wincheckbox=B,c.wincombobox=N,c.wininputbox=_,c.winitem=b,c.winnotifications=E,c.winpasswordbox=y,c.winprogressbar=C,c.winradio=$,c.winricheditbox=V,c.wintab=k,c.wintile=x,c.winwindow=S,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|