web-win-vue 0.7.0 → 0.7.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/package.json +5 -5
- package/web-win-vue.es.js +691 -0
- package/web-win-vue.umd.js +5 -0
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "web-win-vue",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.2",
|
|
4
4
|
"description": "基于 Vue3 开发的 Windows10 风格 Web 组件库",
|
|
5
|
-
"main": "web-win-vue.umd.js",
|
|
6
|
-
"module": "web-win-vue.es.js",
|
|
7
|
-
"types": "web-win-vue.d.ts",
|
|
8
|
-
"style": "style.css",
|
|
5
|
+
"main": "./web-win-vue.umd.js",
|
|
6
|
+
"module": "./web-win-vue.es.js",
|
|
7
|
+
"types": "./web-win-vue.d.ts",
|
|
8
|
+
"style": "./style.css",
|
|
9
9
|
"files": [
|
|
10
10
|
"*.js",
|
|
11
11
|
"*.d.ts",
|
|
@@ -0,0 +1,691 @@
|
|
|
1
|
+
import { createElementBlock as r, openBlock as c, renderSlot as k, defineComponent as N, ref as u, normalizeClass as _, unref as d, createElementVNode as l, toDisplayString as x, createVNode as S, Fragment as $, renderList as I, normalizeStyle as W, watch as ne, Transition as B, withCtx as M, createCommentVNode as C, withDirectives as z, vShow as F, onMounted as le, nextTick as oe, createBlock as T, vModelCheckbox as ie, vModelRadio as se, useCssVars as D, createTextVNode as ae, isRef as L, KeepAlive as ce, mergeModels as re, useModel as ue, vModelText as de } from "vue";
|
|
2
|
+
const f = (e, n) => {
|
|
3
|
+
const o = e.__vccOpts || e;
|
|
4
|
+
for (const [t, i] of n)
|
|
5
|
+
o[t] = i;
|
|
6
|
+
return o;
|
|
7
|
+
}, we = {}, pe = { class: "webwin-button" };
|
|
8
|
+
function me(e, n) {
|
|
9
|
+
return c(), r("button", pe, [
|
|
10
|
+
k(e.$slots, "default", {}, void 0, !0)
|
|
11
|
+
]);
|
|
12
|
+
}
|
|
13
|
+
const H = /* @__PURE__ */ f(we, [["render", me], ["__scopeId", "data-v-a059307c"]]), ve = ["value", "placeholder"], be = /* @__PURE__ */ N({
|
|
14
|
+
__name: "webwin-inputbox",
|
|
15
|
+
props: { value: String, placeholder: String },
|
|
16
|
+
setup(e) {
|
|
17
|
+
const o = u(e.placeholder);
|
|
18
|
+
return (t, i) => (c(), r("input", {
|
|
19
|
+
type: "text",
|
|
20
|
+
name: "fname",
|
|
21
|
+
class: "webwin-uwpinput",
|
|
22
|
+
value: e.value,
|
|
23
|
+
placeholder: o.value,
|
|
24
|
+
onChange: i[0] || (i[0] = (s) => t.$emit("@change", s))
|
|
25
|
+
}, null, 40, ve));
|
|
26
|
+
}
|
|
27
|
+
}), X = /* @__PURE__ */ f(be, [["__scopeId", "data-v-7641a566"]]), he = { class: "webwin-sidebar-text" }, _e = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, fe = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, ge = ["onClick"], xe = {
|
|
28
|
+
class: "webwin-icon",
|
|
29
|
+
viewBox: "0 0 1024 1024",
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
"aria-hidden": "true",
|
|
32
|
+
height: "16"
|
|
33
|
+
}, ye = ["d"], $e = {
|
|
34
|
+
__name: "webwin-item",
|
|
35
|
+
props: {
|
|
36
|
+
items: { type: Array, required: !0 },
|
|
37
|
+
modelValue: { type: Number, default: 0 },
|
|
38
|
+
title: { type: String, default: "Menu" },
|
|
39
|
+
bartitle: { type: String, default: "Window" }
|
|
40
|
+
},
|
|
41
|
+
emits: ["update"],
|
|
42
|
+
setup(e, { emit: n }) {
|
|
43
|
+
const o = n;
|
|
44
|
+
let t = u("");
|
|
45
|
+
function i() {
|
|
46
|
+
t.value === "" ? (t.value = "folded", o("update", !1)) : (t.value = "", o("update", !0));
|
|
47
|
+
}
|
|
48
|
+
return (s, a) => (c(), r("ul", {
|
|
49
|
+
class: _(["webwin-side-bar", d(t)])
|
|
50
|
+
}, [
|
|
51
|
+
l("div", {
|
|
52
|
+
class: _(["webwin-sidebar", d(t)])
|
|
53
|
+
}, [
|
|
54
|
+
l("p", he, x(e.bartitle), 1)
|
|
55
|
+
], 2),
|
|
56
|
+
l("div", null, [
|
|
57
|
+
l("li", {
|
|
58
|
+
style: { "margin-top": "24px", width: "24px" },
|
|
59
|
+
onClick: i
|
|
60
|
+
}, [
|
|
61
|
+
a[0] || (a[0] = l("svg", {
|
|
62
|
+
class: "webwin-icon",
|
|
63
|
+
viewBox: "0 0 1024 1024",
|
|
64
|
+
fill: "currentColor",
|
|
65
|
+
"aria-hidden": "true"
|
|
66
|
+
}, [
|
|
67
|
+
l("path", {
|
|
68
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
69
|
+
style: { stroke: "none", "fill-rule": "nonzero", fill: "rgb(0%,0%,0%)", "fill-opacity": "1" },
|
|
70
|
+
d: "M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"
|
|
71
|
+
})
|
|
72
|
+
], -1)),
|
|
73
|
+
l("span", {
|
|
74
|
+
class: _(["webwin-label", d(t)])
|
|
75
|
+
}, null, 2)
|
|
76
|
+
]),
|
|
77
|
+
l("li", {
|
|
78
|
+
onClick: i,
|
|
79
|
+
class: _(["webwin-search-fold", d(t)])
|
|
80
|
+
}, [
|
|
81
|
+
a[1] || (a[1] = l("svg", {
|
|
82
|
+
class: "webwin-icon",
|
|
83
|
+
viewBox: "0 0 1024 1024",
|
|
84
|
+
fill: "currentColor",
|
|
85
|
+
"aria-hidden": "true"
|
|
86
|
+
}, [
|
|
87
|
+
l("path", {
|
|
88
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
89
|
+
style: { stroke: "none", "fill-rule": "nonzero", fill: "rgb(0%,0%,0%)", "fill-opacity": "1" },
|
|
90
|
+
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"
|
|
91
|
+
})
|
|
92
|
+
], -1)),
|
|
93
|
+
l("span", {
|
|
94
|
+
class: _(["webwin-label", d(t)])
|
|
95
|
+
}, null, 2)
|
|
96
|
+
], 2),
|
|
97
|
+
l("div", _e, [
|
|
98
|
+
S(X, {
|
|
99
|
+
placeholder: "查找",
|
|
100
|
+
class: _(["webwin-inputbox", d(t)]),
|
|
101
|
+
style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
|
|
102
|
+
}, null, 8, ["class"])
|
|
103
|
+
]),
|
|
104
|
+
l("h3", {
|
|
105
|
+
style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
|
|
106
|
+
class: _(["webwin-title", d(t)])
|
|
107
|
+
}, x(e.title), 3)
|
|
108
|
+
]),
|
|
109
|
+
l("div", fe, [
|
|
110
|
+
(c(!0), r($, null, I(e.items, (v, w) => (c(), r("li", {
|
|
111
|
+
key: w,
|
|
112
|
+
class: _({ active: w === e.modelValue }),
|
|
113
|
+
onClick: (m) => s.$emit("update:modelValue", w)
|
|
114
|
+
}, [
|
|
115
|
+
a[2] || (a[2] = l("span", { class: "webwin-indicator" }, null, -1)),
|
|
116
|
+
(c(), r("svg", xe, [
|
|
117
|
+
l("path", {
|
|
118
|
+
d: v.icon
|
|
119
|
+
}, null, 8, ye)
|
|
120
|
+
])),
|
|
121
|
+
l("span", {
|
|
122
|
+
class: _(["webwin-label", d(t)])
|
|
123
|
+
}, x(v.name), 3)
|
|
124
|
+
], 10, ge))), 128))
|
|
125
|
+
])
|
|
126
|
+
], 2));
|
|
127
|
+
}
|
|
128
|
+
}, Y = /* @__PURE__ */ f($e, [["__scopeId", "data-v-9741fc8d"]]);
|
|
129
|
+
console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
|
|
130
|
+
color: #0078d7;
|
|
131
|
+
text-shadow: 0 1px 0 #0078d7;`);
|
|
132
|
+
const ke = {
|
|
133
|
+
props: {
|
|
134
|
+
size: { default: "medium" },
|
|
135
|
+
color: { default: "#0078d7" },
|
|
136
|
+
title: { default: "App" },
|
|
137
|
+
icon: { default: "" },
|
|
138
|
+
glowColor: { default: "rgba(255,255,255,0.5)" },
|
|
139
|
+
glowRadius: { default: 60 }
|
|
140
|
+
},
|
|
141
|
+
data() {
|
|
142
|
+
return {
|
|
143
|
+
isHovered: !1,
|
|
144
|
+
mouseX: 0,
|
|
145
|
+
mouseY: 0,
|
|
146
|
+
glowOpacity: 0
|
|
147
|
+
};
|
|
148
|
+
},
|
|
149
|
+
computed: {
|
|
150
|
+
tileStyle() {
|
|
151
|
+
return {
|
|
152
|
+
"--tile-color": this.color,
|
|
153
|
+
"--glow-color": this.glowColor,
|
|
154
|
+
"--glow-radius": `${this.glowRadius}px`
|
|
155
|
+
};
|
|
156
|
+
},
|
|
157
|
+
glowStyle() {
|
|
158
|
+
return {
|
|
159
|
+
"--x": `${this.mouseX}px`,
|
|
160
|
+
"--y": `${this.mouseY}px`,
|
|
161
|
+
opacity: this.glowOpacity
|
|
162
|
+
};
|
|
163
|
+
},
|
|
164
|
+
pointerGlowStyle() {
|
|
165
|
+
return {
|
|
166
|
+
"--x": `${this.mouseX}px`,
|
|
167
|
+
"--y": `${this.mouseY}px`,
|
|
168
|
+
opacity: this.isHovered ? 1 : 0
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
methods: {
|
|
173
|
+
handleMouseMove(e) {
|
|
174
|
+
const n = e.currentTarget.getBoundingClientRect();
|
|
175
|
+
this.mouseX = e.clientX - n.left, this.mouseY = e.clientY - n.top;
|
|
176
|
+
const o = Math.min(
|
|
177
|
+
this.mouseX,
|
|
178
|
+
n.width - this.mouseX,
|
|
179
|
+
this.mouseY,
|
|
180
|
+
n.height - this.mouseY
|
|
181
|
+
), t = this.glowRadius;
|
|
182
|
+
this.glowOpacity = Math.max(0, (t - o) / t);
|
|
183
|
+
},
|
|
184
|
+
handleMouseLeave() {
|
|
185
|
+
this.isHovered = !1, this.glowOpacity = 0;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}, Ce = { class: "webwin-tile-content" }, Me = { class: "webwin-tile-icon" }, Se = {
|
|
189
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
190
|
+
viewBox: "0 0 24 24",
|
|
191
|
+
width: "24",
|
|
192
|
+
height: "24"
|
|
193
|
+
}, Ve = ["d"], Ie = { class: "webwin-tile-title" };
|
|
194
|
+
function Be(e, n, o, t, i, s) {
|
|
195
|
+
return c(), r("div", {
|
|
196
|
+
class: _(["webwin-tile", o.size]),
|
|
197
|
+
style: W(s.tileStyle),
|
|
198
|
+
onMousemove: n[0] || (n[0] = (...a) => s.handleMouseMove && s.handleMouseMove(...a)),
|
|
199
|
+
onMouseenter: n[1] || (n[1] = (a) => i.isHovered = !0),
|
|
200
|
+
onMouseleave: n[2] || (n[2] = (...a) => s.handleMouseLeave && s.handleMouseLeave(...a))
|
|
201
|
+
}, [
|
|
202
|
+
l("div", Ce, [
|
|
203
|
+
l("div", Me, [
|
|
204
|
+
k(e.$slots, "icon", {}, () => [
|
|
205
|
+
(c(), r("svg", Se, [
|
|
206
|
+
l("path", {
|
|
207
|
+
fill: "white",
|
|
208
|
+
d: o.icon
|
|
209
|
+
}, null, 8, Ve)
|
|
210
|
+
]))
|
|
211
|
+
], !0)
|
|
212
|
+
]),
|
|
213
|
+
l("div", Ie, x(o.title), 1)
|
|
214
|
+
]),
|
|
215
|
+
l("div", {
|
|
216
|
+
class: "webwin-glow-border",
|
|
217
|
+
style: W(s.glowStyle)
|
|
218
|
+
}, null, 4),
|
|
219
|
+
l("div", {
|
|
220
|
+
class: "webwin-pointer-glow",
|
|
221
|
+
style: W(s.pointerGlowStyle)
|
|
222
|
+
}, null, 4)
|
|
223
|
+
], 38);
|
|
224
|
+
}
|
|
225
|
+
const O = /* @__PURE__ */ f(ke, [["render", Be], ["__scopeId", "data-v-dca3ebff"]]), ze = { class: "webwin-container" }, Ne = ["src"], Re = ["src"], U = {
|
|
226
|
+
__name: "webwin-tab",
|
|
227
|
+
props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
|
|
228
|
+
setup(e) {
|
|
229
|
+
const n = e, o = u(0), t = u(0), i = u(n.url[0]);
|
|
230
|
+
let s = u(""), a = u("");
|
|
231
|
+
n.titlebar ? s.value = n.titlebartext : s.value = "", ne(o, (w) => {
|
|
232
|
+
console.log("activeIndex changed:", w), console.log("new url:", n.url[w]), i.value = n.url[w], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
|
|
233
|
+
});
|
|
234
|
+
function v(w) {
|
|
235
|
+
w ? a.value = "" : a.value = "folded";
|
|
236
|
+
}
|
|
237
|
+
return (w, m) => (c(), r("div", ze, [
|
|
238
|
+
S(Y, {
|
|
239
|
+
modelValue: o.value,
|
|
240
|
+
"onUpdate:modelValue": m[0] || (m[0] = (g) => o.value = g),
|
|
241
|
+
items: e.menu,
|
|
242
|
+
class: "webwin-item-1",
|
|
243
|
+
bartitle: d(s),
|
|
244
|
+
onUpdate: v
|
|
245
|
+
}, null, 8, ["modelValue", "items", "bartitle"]),
|
|
246
|
+
S(B, {
|
|
247
|
+
name: "fade",
|
|
248
|
+
mode: "out-in"
|
|
249
|
+
}, {
|
|
250
|
+
default: M(() => [
|
|
251
|
+
t.value === 0 ? (c(), r("div", {
|
|
252
|
+
key: "state0",
|
|
253
|
+
class: _(["webwin-iframe-container", d(a)])
|
|
254
|
+
}, [
|
|
255
|
+
k(w.$slots, "default", {}, () => [
|
|
256
|
+
z(l("iframe", {
|
|
257
|
+
src: i.value,
|
|
258
|
+
style: { "margin-top": "70px" },
|
|
259
|
+
class: "webwin-iframe"
|
|
260
|
+
}, null, 8, Ne), [
|
|
261
|
+
[F, t.value === 0]
|
|
262
|
+
])
|
|
263
|
+
])
|
|
264
|
+
], 2)) : t.value === 1 ? (c(), r("div", {
|
|
265
|
+
key: "state1",
|
|
266
|
+
class: _(["webwin-iframe-container", d(a)])
|
|
267
|
+
}, [
|
|
268
|
+
k(w.$slots, "default", {}, () => [
|
|
269
|
+
z(l("iframe", {
|
|
270
|
+
src: i.value,
|
|
271
|
+
style: { "margin-top": "70px" },
|
|
272
|
+
class: "webwin-iframe"
|
|
273
|
+
}, null, 8, Re), [
|
|
274
|
+
[F, t.value === 1]
|
|
275
|
+
])
|
|
276
|
+
])
|
|
277
|
+
], 2)) : C("", !0)
|
|
278
|
+
]),
|
|
279
|
+
_: 3
|
|
280
|
+
})
|
|
281
|
+
]));
|
|
282
|
+
}
|
|
283
|
+
}, We = ["value", "placeholder"], Te = /* @__PURE__ */ N({
|
|
284
|
+
__name: "webwin-passwordbox",
|
|
285
|
+
props: { value: String, placeholder: String },
|
|
286
|
+
setup(e) {
|
|
287
|
+
const n = e, o = u(n.value), t = u(n.placeholder);
|
|
288
|
+
return (i, s) => (c(), r("input", {
|
|
289
|
+
type: "password",
|
|
290
|
+
name: "fname",
|
|
291
|
+
class: "webwin-uwppassword",
|
|
292
|
+
value: o.value,
|
|
293
|
+
placeholder: t.value,
|
|
294
|
+
onChange: s[0] || (s[0] = (a) => i.$emit("@change", a))
|
|
295
|
+
}, null, 40, We));
|
|
296
|
+
}
|
|
297
|
+
}), q = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-dd8b91fe"]]), De = ["data-placeholder"], He = /* @__PURE__ */ N({
|
|
298
|
+
__name: "webwin-richeditbox",
|
|
299
|
+
props: {
|
|
300
|
+
value: { type: String, default: "" },
|
|
301
|
+
placeholder: { type: String, default: "" }
|
|
302
|
+
},
|
|
303
|
+
emits: ["update", "change"],
|
|
304
|
+
setup(e, { emit: n }) {
|
|
305
|
+
const o = e, t = n, i = u(null), s = u(o.placeholder), a = u(o.value);
|
|
306
|
+
le(() => {
|
|
307
|
+
i.value && (i.value.textContent = o.value || "", a.value = o.value || "");
|
|
308
|
+
});
|
|
309
|
+
const v = (g) => {
|
|
310
|
+
if (!i.value) return;
|
|
311
|
+
const b = i.value.textContent || "";
|
|
312
|
+
t("update", b), oe(() => {
|
|
313
|
+
if (i.value) {
|
|
314
|
+
const p = document.createRange(), h = window.getSelection();
|
|
315
|
+
p.selectNodeContents(i.value), p.collapse(!1), h?.removeAllRanges(), h?.addRange(p);
|
|
316
|
+
}
|
|
317
|
+
});
|
|
318
|
+
}, w = (g) => {
|
|
319
|
+
const b = g.target;
|
|
320
|
+
b.textContent === o.placeholder && (b.textContent = "");
|
|
321
|
+
}, m = (g) => {
|
|
322
|
+
const b = g.target, p = b.textContent || "";
|
|
323
|
+
p !== a.value && (t("change", {
|
|
324
|
+
target: {
|
|
325
|
+
value: p
|
|
326
|
+
}
|
|
327
|
+
}), a.value = p), p.trim() === "" && (b.textContent = "");
|
|
328
|
+
};
|
|
329
|
+
return (g, b) => (c(), r("div", {
|
|
330
|
+
ref_key: "editableDiv",
|
|
331
|
+
ref: i,
|
|
332
|
+
class: "webwin-uwprichrditbox",
|
|
333
|
+
contenteditable: "plaintext-only",
|
|
334
|
+
"data-placeholder": s.value,
|
|
335
|
+
onInput: v,
|
|
336
|
+
onFocus: w,
|
|
337
|
+
onBlur: m
|
|
338
|
+
}, null, 40, De));
|
|
339
|
+
}
|
|
340
|
+
}), E = /* @__PURE__ */ f(He, [["__scopeId", "data-v-f7a96b3a"]]), Xe = ["src"], Ye = {
|
|
341
|
+
class: "webwin-n-name",
|
|
342
|
+
style: { display: "inline-block", "margin-left": "6px" }
|
|
343
|
+
}, Fe = { class: "webwin-n-text webwin-n-title" }, Le = { class: "webwin-n-vulua" }, Oe = {
|
|
344
|
+
__name: "webwin-notifications",
|
|
345
|
+
props: { name: String, title: String, text: String, img: String },
|
|
346
|
+
setup(e, { expose: n }) {
|
|
347
|
+
const o = e;
|
|
348
|
+
let t = u(!1), i = u(o.img);
|
|
349
|
+
const s = () => {
|
|
350
|
+
t.value = !t.value;
|
|
351
|
+
};
|
|
352
|
+
function a() {
|
|
353
|
+
t.value && setTimeout(() => {
|
|
354
|
+
t.value = !1;
|
|
355
|
+
}, 250);
|
|
356
|
+
}
|
|
357
|
+
return n({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
|
|
358
|
+
color: #0078d7;
|
|
359
|
+
text-shadow: 0 1px 0 #0078d7;`), (v, w) => (c(), T(B, { name: "slide-fade" }, {
|
|
360
|
+
default: M(() => [
|
|
361
|
+
d(t) ? (c(), r("div", {
|
|
362
|
+
key: 0,
|
|
363
|
+
class: "webwin-notification",
|
|
364
|
+
onClick: a
|
|
365
|
+
}, [
|
|
366
|
+
l("img", {
|
|
367
|
+
src: d(i),
|
|
368
|
+
style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
|
|
369
|
+
}, null, 8, Xe),
|
|
370
|
+
l("p", Ye, x(e.name), 1),
|
|
371
|
+
l("h4", Fe, x(e.title), 1),
|
|
372
|
+
l("p", Le, x(e.text), 1)
|
|
373
|
+
])) : C("", !0)
|
|
374
|
+
]),
|
|
375
|
+
_: 1
|
|
376
|
+
}));
|
|
377
|
+
}
|
|
378
|
+
}, G = /* @__PURE__ */ f(Oe, [["__scopeId", "data-v-c29ecbbb"]]), Ue = ["name", "id"], qe = ["for"], Ee = /* @__PURE__ */ N({
|
|
379
|
+
__name: "webwin-checkbox",
|
|
380
|
+
props: { name: String, checked: Array },
|
|
381
|
+
setup(e) {
|
|
382
|
+
const n = e, o = u(n.name), t = u(n.checked);
|
|
383
|
+
return (i, s) => (c(), r($, null, [
|
|
384
|
+
z(l("input", {
|
|
385
|
+
type: "checkbox",
|
|
386
|
+
class: "webwin-checkbox",
|
|
387
|
+
name: o.value,
|
|
388
|
+
id: o.value,
|
|
389
|
+
"onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
|
|
390
|
+
onClick: s[1] || (s[1] = (a) => i.$emit("click", a))
|
|
391
|
+
}, null, 8, Ue), [
|
|
392
|
+
[ie, t.value]
|
|
393
|
+
]),
|
|
394
|
+
l("label", {
|
|
395
|
+
for: o.value,
|
|
396
|
+
class: "webwin-checkbox-label"
|
|
397
|
+
}, [
|
|
398
|
+
k(i.$slots, "default", {}, void 0, !0)
|
|
399
|
+
], 8, qe)
|
|
400
|
+
], 64));
|
|
401
|
+
}
|
|
402
|
+
}), j = /* @__PURE__ */ f(Ee, [["__scopeId", "data-v-3b234b99"]]), Ge = ["name", "id"], je = ["for"], Ke = /* @__PURE__ */ N({
|
|
403
|
+
__name: "webwin-radio",
|
|
404
|
+
props: { name: String, checked: Array },
|
|
405
|
+
setup(e) {
|
|
406
|
+
const n = e, o = u(n.name), t = u(n.checked);
|
|
407
|
+
return (i, s) => (c(), r($, null, [
|
|
408
|
+
z(l("input", {
|
|
409
|
+
type: "radio",
|
|
410
|
+
class: "webwin-radio",
|
|
411
|
+
name: o.value,
|
|
412
|
+
id: o.value,
|
|
413
|
+
"onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
|
|
414
|
+
onClick: s[1] || (s[1] = (a) => i.$emit("click", a))
|
|
415
|
+
}, null, 8, Ge), [
|
|
416
|
+
[se, t.value]
|
|
417
|
+
]),
|
|
418
|
+
l("label", {
|
|
419
|
+
for: o.value,
|
|
420
|
+
class: "webwin-radio-label"
|
|
421
|
+
}, [
|
|
422
|
+
k(i.$slots, "default", {}, void 0, !0)
|
|
423
|
+
], 8, je)
|
|
424
|
+
], 64));
|
|
425
|
+
}
|
|
426
|
+
}), K = /* @__PURE__ */ f(Ke, [["__scopeId", "data-v-04fe95c4"]]), Je = { style: { position: "relative" } }, Pe = {
|
|
427
|
+
key: 0,
|
|
428
|
+
class: "webwin-list-box"
|
|
429
|
+
}, Qe = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Ze = ["onClick"], Ae = { class: "webwin-label" }, et = {
|
|
430
|
+
__name: "webwin-combobox",
|
|
431
|
+
props: {
|
|
432
|
+
items: { type: Array, required: !0 },
|
|
433
|
+
modelValue: { type: Number, default: 0 },
|
|
434
|
+
title: { type: String, default: "itembox" }
|
|
435
|
+
},
|
|
436
|
+
emits: ["update"],
|
|
437
|
+
setup(e, { emit: n }) {
|
|
438
|
+
D((p) => ({
|
|
439
|
+
v1be24303: d(m) + "px",
|
|
440
|
+
v5172b45c: d(w) + "px"
|
|
441
|
+
}));
|
|
442
|
+
const o = e, t = n;
|
|
443
|
+
let i = u(""), s = u(!1), a = u(o.modelValue), v = u(o.title), w = u(-6), m = u(6);
|
|
444
|
+
function g(p) {
|
|
445
|
+
s.value = !1, i.value = "", a.value = p, v.value = o.items[p].name, t("update", p), setTimeout(() => {
|
|
446
|
+
w.value = p * -35 - 6, m.value = p * 35 + 6;
|
|
447
|
+
}, 100);
|
|
448
|
+
}
|
|
449
|
+
function b() {
|
|
450
|
+
s.value = !s.value, i.value = s.value ? "active" : "";
|
|
451
|
+
}
|
|
452
|
+
return (p, h) => (c(), r("div", Je, [
|
|
453
|
+
l("div", {
|
|
454
|
+
class: _(["webwin-list-box-button", d(i)]),
|
|
455
|
+
onClick: b
|
|
456
|
+
}, x(d(v)), 3),
|
|
457
|
+
S(B, null, {
|
|
458
|
+
default: M(() => [
|
|
459
|
+
d(s) ? (c(), r("ul", Pe, [
|
|
460
|
+
h[0] || (h[0] = l("div", { style: { height: "6px" } }, null, -1)),
|
|
461
|
+
l("div", Qe, [
|
|
462
|
+
(c(!0), r($, null, I(e.items, (y, V) => (c(), r("li", {
|
|
463
|
+
key: V,
|
|
464
|
+
class: _({ active: V === d(a) }),
|
|
465
|
+
onClick: (R) => g(V)
|
|
466
|
+
}, [
|
|
467
|
+
l("span", Ae, x(y.name), 1)
|
|
468
|
+
], 10, Ze))), 128))
|
|
469
|
+
]),
|
|
470
|
+
h[1] || (h[1] = l("div", { style: { height: "6px" } }, null, -1))
|
|
471
|
+
])) : C("", !0)
|
|
472
|
+
]),
|
|
473
|
+
_: 1
|
|
474
|
+
})
|
|
475
|
+
]));
|
|
476
|
+
}
|
|
477
|
+
}, J = /* @__PURE__ */ f(et, [["__scopeId", "data-v-ac4b4002"]]), tt = { class: "webwin-progress-bar" }, nt = {
|
|
478
|
+
__name: "webwin-progressbar",
|
|
479
|
+
props: {
|
|
480
|
+
progress: { type: Number, default: 0 }
|
|
481
|
+
},
|
|
482
|
+
setup(e) {
|
|
483
|
+
return (n, o) => (c(), r("div", tt, [
|
|
484
|
+
l("div", {
|
|
485
|
+
class: "webwin-progress",
|
|
486
|
+
style: W({ width: e.progress + "%" })
|
|
487
|
+
}, null, 4)
|
|
488
|
+
]));
|
|
489
|
+
}
|
|
490
|
+
}, P = /* @__PURE__ */ f(nt, [["__scopeId", "data-v-9ef8a457"]]), lt = {
|
|
491
|
+
key: 0,
|
|
492
|
+
class: "webwin-window-background"
|
|
493
|
+
}, ot = {
|
|
494
|
+
key: 0,
|
|
495
|
+
class: "webwin-window"
|
|
496
|
+
}, it = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, st = { class: "webwin-window-title" }, at = { style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" } }, ct = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, rt = {
|
|
497
|
+
__name: "webwin-window",
|
|
498
|
+
props: {
|
|
499
|
+
items: { type: Array, required: !0, default: [{ text: "11" }, { text: "11" }] },
|
|
500
|
+
title: { type: String, default: "Title" }
|
|
501
|
+
},
|
|
502
|
+
emits: ["clickBotton"],
|
|
503
|
+
setup(e, { expose: n, emit: o }) {
|
|
504
|
+
let t = u("");
|
|
505
|
+
const i = o, s = () => {
|
|
506
|
+
t.value = !0;
|
|
507
|
+
};
|
|
508
|
+
function a(v) {
|
|
509
|
+
t.value = !1, i("clickBotton", v);
|
|
510
|
+
}
|
|
511
|
+
return n({ showDialog: s }), (v, w) => (c(), r($, null, [
|
|
512
|
+
S(B, null, {
|
|
513
|
+
default: M(() => [
|
|
514
|
+
d(t) ? (c(), r("div", lt)) : C("", !0)
|
|
515
|
+
]),
|
|
516
|
+
_: 1
|
|
517
|
+
}),
|
|
518
|
+
S(B, null, {
|
|
519
|
+
default: M(() => [
|
|
520
|
+
d(t) ? (c(), r("div", ot, [
|
|
521
|
+
l("div", it, [
|
|
522
|
+
l("h2", st, x(e.title), 1),
|
|
523
|
+
l("div", at, [
|
|
524
|
+
k(v.$slots, "default", {}, void 0, !0)
|
|
525
|
+
]),
|
|
526
|
+
l("div", ct, [
|
|
527
|
+
(c(!0), r($, null, I(e.items, (m, g) => (c(), T(H, {
|
|
528
|
+
class: "webwin-window-button",
|
|
529
|
+
key: g,
|
|
530
|
+
onClick: (b) => a(g)
|
|
531
|
+
}, {
|
|
532
|
+
default: M(() => [
|
|
533
|
+
ae(x(m.text), 1)
|
|
534
|
+
]),
|
|
535
|
+
_: 2
|
|
536
|
+
}, 1032, ["onClick"]))), 128))
|
|
537
|
+
])
|
|
538
|
+
])
|
|
539
|
+
])) : C("", !0)
|
|
540
|
+
]),
|
|
541
|
+
_: 3
|
|
542
|
+
})
|
|
543
|
+
], 64));
|
|
544
|
+
}
|
|
545
|
+
}, Q = /* @__PURE__ */ f(rt, [["__scopeId", "data-v-ed2b82b4"]]), ut = {}, dt = { class: "webwin-card" };
|
|
546
|
+
function wt(e, n) {
|
|
547
|
+
return c(), r("div", dt, [
|
|
548
|
+
k(e.$slots, "default", {}, void 0, !0)
|
|
549
|
+
]);
|
|
550
|
+
}
|
|
551
|
+
const Z = /* @__PURE__ */ f(ut, [["render", wt], ["__scopeId", "data-v-26a8c2e0"]]), pt = {
|
|
552
|
+
key: 0,
|
|
553
|
+
class: "webwin-dropdown-container"
|
|
554
|
+
}, mt = { class: "webwin-dropdown" }, vt = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, bt = ["onClick"], ht = { class: "webwin-label" }, _t = {
|
|
555
|
+
__name: "webwin-dropdown",
|
|
556
|
+
props: {
|
|
557
|
+
items: { type: Array, required: !0 }
|
|
558
|
+
},
|
|
559
|
+
emits: ["update"],
|
|
560
|
+
setup(e, { expose: n, emit: o }) {
|
|
561
|
+
D((h) => ({
|
|
562
|
+
v08042082: d(s) + "px",
|
|
563
|
+
v6fe54d61: d(a) + "px"
|
|
564
|
+
}));
|
|
565
|
+
const t = e, i = o;
|
|
566
|
+
let s = u(0), a = u(0), v = u(""), w = u(!1), m = u(0), g = u(t.title || "");
|
|
567
|
+
function b(h) {
|
|
568
|
+
w.value = !1, v.value = "", m.value = h, g.value = t.items[h].name, i("update", h);
|
|
569
|
+
}
|
|
570
|
+
return n({ showbox: (h, y) => {
|
|
571
|
+
w.value = !w.value, v.value = w.value ? "active" : "", s.value = h, a.value = y;
|
|
572
|
+
} }), (h, y) => (c(), r("div", null, [
|
|
573
|
+
S(B, null, {
|
|
574
|
+
default: M(() => [
|
|
575
|
+
d(w) ? (c(), r("div", pt, [
|
|
576
|
+
l("div", {
|
|
577
|
+
class: "webwin-dropdown_backgroud",
|
|
578
|
+
onClick: y[0] || (y[0] = (V) => L(w) ? w.value = !1 : w = !1)
|
|
579
|
+
}),
|
|
580
|
+
l("ul", mt, [
|
|
581
|
+
y[1] || (y[1] = l("div", { style: { height: "6px" } }, null, -1)),
|
|
582
|
+
l("div", vt, [
|
|
583
|
+
(c(!0), r($, null, I(e.items, (V, R) => (c(), r("li", {
|
|
584
|
+
key: R,
|
|
585
|
+
class: _({ active: R === d(m) }),
|
|
586
|
+
onClick: (It) => b(R)
|
|
587
|
+
}, [
|
|
588
|
+
l("span", ht, x(V.name), 1)
|
|
589
|
+
], 10, bt))), 128))
|
|
590
|
+
]),
|
|
591
|
+
y[2] || (y[2] = l("div", { style: { height: "6px" } }, null, -1))
|
|
592
|
+
])
|
|
593
|
+
])) : C("", !0)
|
|
594
|
+
]),
|
|
595
|
+
_: 1
|
|
596
|
+
})
|
|
597
|
+
]));
|
|
598
|
+
}
|
|
599
|
+
}, A = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-2d220786"]]), ft = { class: "webwin-topappbar" }, gt = ["is", "onClick"], xt = { class: "webwin-topappbar-label" }, yt = {
|
|
600
|
+
key: 0,
|
|
601
|
+
class: "webwin-topappbar-indicator"
|
|
602
|
+
}, $t = {
|
|
603
|
+
key: 1,
|
|
604
|
+
class: "webwin-topappbar-indicator-not"
|
|
605
|
+
}, kt = ["onClick"], Ct = { class: "webwin-topappbar-label" }, Mt = {
|
|
606
|
+
__name: "webwin-topappbar",
|
|
607
|
+
props: { items: Array, activeIndex: Number, rightMenu: { type: Array, default: [] } },
|
|
608
|
+
emits: ["update"],
|
|
609
|
+
setup(e, { emit: n }) {
|
|
610
|
+
const o = n, t = e;
|
|
611
|
+
let i = u(t.activeIndex || 0), s = u(t.items), a = u(t.rightMenu);
|
|
612
|
+
function v(m) {
|
|
613
|
+
i.value = m, o("update", [m, "left"]);
|
|
614
|
+
}
|
|
615
|
+
function w(m) {
|
|
616
|
+
o("update", [m, "right"]);
|
|
617
|
+
}
|
|
618
|
+
return (m, g) => (c(), r("ul", ft, [
|
|
619
|
+
(c(), T(ce, null, [
|
|
620
|
+
(c(!0), r($, null, I(d(s), (b, p) => (c(), r("li", {
|
|
621
|
+
is: m.activeComponent,
|
|
622
|
+
key: p,
|
|
623
|
+
class: _([{ active: p === d(i) }, "webwin-topappbar-item"]),
|
|
624
|
+
onClick: (h) => v(p)
|
|
625
|
+
}, [
|
|
626
|
+
l("span", xt, x(b.name), 1),
|
|
627
|
+
p === d(i) ? (c(), r("span", yt)) : C("", !0),
|
|
628
|
+
p != d(i) ? (c(), r("span", $t)) : C("", !0)
|
|
629
|
+
], 10, gt))), 128))
|
|
630
|
+
], 1024)),
|
|
631
|
+
(c(!0), r($, null, I(d(a), (b, p) => (c(), r("li", {
|
|
632
|
+
key: p,
|
|
633
|
+
onClick: (h) => w(p),
|
|
634
|
+
class: "webwin-topappbar-item",
|
|
635
|
+
style: { float: "right" }
|
|
636
|
+
}, [
|
|
637
|
+
l("span", Ct, x(b.name), 1)
|
|
638
|
+
], 8, kt))), 128))
|
|
639
|
+
]));
|
|
640
|
+
}
|
|
641
|
+
}, ee = /* @__PURE__ */ f(Mt, [["__scopeId", "data-v-ef60c98a"]]), St = {
|
|
642
|
+
__name: "webwin-range",
|
|
643
|
+
props: /* @__PURE__ */ re({
|
|
644
|
+
color: { type: String, default: "#006fd0" }
|
|
645
|
+
}, {
|
|
646
|
+
modelValue: {},
|
|
647
|
+
modelModifiers: {}
|
|
648
|
+
}),
|
|
649
|
+
emits: ["update:modelValue"],
|
|
650
|
+
setup(e) {
|
|
651
|
+
D((o) => ({
|
|
652
|
+
v23dfb612: e.color
|
|
653
|
+
}));
|
|
654
|
+
let n = ue(e, "modelValue");
|
|
655
|
+
return (o, t) => z((c(), r("input", {
|
|
656
|
+
type: "range",
|
|
657
|
+
"onUpdate:modelValue": t[0] || (t[0] = (i) => L(n) ? n.value = i : n = i),
|
|
658
|
+
class: "webwin-slider",
|
|
659
|
+
min: "1",
|
|
660
|
+
max: "100"
|
|
661
|
+
}, null, 512)), [
|
|
662
|
+
[de, d(n)]
|
|
663
|
+
]);
|
|
664
|
+
}
|
|
665
|
+
}, te = /* @__PURE__ */ f(St, [["__scopeId", "data-v-480ca2b0"]]), Vt = [te, ee, A, Z, Q, P, J, K, j, H, Y, O, U, X, q, E, G], zt = {
|
|
666
|
+
install(e) {
|
|
667
|
+
Vt.forEach((n) => {
|
|
668
|
+
e.component("winbutton", H), e.component("winitem", Y), e.component("wintile", O), e.component("wintab", U), e.component("wininputbox", X), e.component("winpasswordbox", q), e.component("winricheditbox", E), e.component("winnotifications", G), e.component("wincheckbox", j), e.component("winradio", K), e.component("wincombobox", J), e.component("winprogressbar", P), e.component("winwindow", Q), e.component("wincard", Z), e.component("windropdown", A), e.component("wintopappbar", ee), e.component("winrange", te);
|
|
669
|
+
});
|
|
670
|
+
}
|
|
671
|
+
};
|
|
672
|
+
export {
|
|
673
|
+
zt as default,
|
|
674
|
+
H as winbutton,
|
|
675
|
+
Z as wincard,
|
|
676
|
+
j as wincheckbox,
|
|
677
|
+
J as wincombobox,
|
|
678
|
+
A as windropdown,
|
|
679
|
+
X as wininputbox,
|
|
680
|
+
Y as winitem,
|
|
681
|
+
G as winnotifications,
|
|
682
|
+
q as winpasswordbox,
|
|
683
|
+
P as winprogressbar,
|
|
684
|
+
K as winradio,
|
|
685
|
+
te as winrange,
|
|
686
|
+
E as winricheditbox,
|
|
687
|
+
U as wintab,
|
|
688
|
+
O as wintile,
|
|
689
|
+
ee as wintopappbar,
|
|
690
|
+
Q as winwindow
|
|
691
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["web-win-vue"]={},d.Vue))})(this,(function(d,e){"use strict";const b=(t,o)=>{const l=t.__vccOpts||t;for(const[n,a]of o)l[n]=a;return l},L={},W={class:"webwin-button"};function H(t,o){return e.openBlock(),e.createElementBlock("button",W,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const u=b(L,[["render",H],["__scopeId","data-v-a059307c"]]),X=["value","placeholder"],k=b(e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){const o=t,l=e.ref(o.placeholder);return(n,a)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"webwin-uwpinput",value:t.value,placeholder:l.value,onChange:a[0]||(a[0]=i=>n.$emit("@change",i))},null,40,X))}}),[["__scopeId","data-v-7641a566"]]),Y={class:"webwin-sidebar-text"},O={style:{width:"var(--sb-width, 350px)",margin:"auto"}},q={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},U=["onClick"],j={class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},G=["d"],y=b({__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:o}){const l=o;let n=e.ref("");function a(){n.value===""?(n.value="folded",l("update",!1)):(n.value="",l("update",!0))}return(i,s)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["webwin-side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["webwin-sidebar",e.unref(n)])},[e.createElementVNode("p",Y,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:a},[s[0]||(s[0]=e.createElementVNode("svg",{class:"webwin-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(["webwin-label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:a,class:e.normalizeClass(["webwin-search-fold",e.unref(n)])},[s[1]||(s[1]=e.createElementVNode("svg",{class:"webwin-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(["webwin-label",e.unref(n)])},null,2)],2),e.createElementVNode("div",O,[e.createVNode(k,{placeholder:"查找",class:e.normalizeClass(["webwin-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(["webwin-title",e.unref(n)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,c)=>(e.openBlock(),e.createElementBlock("li",{key:c,class:e.normalizeClass({active:c===t.modelValue}),onClick:m=>i.$emit("update:modelValue",c)},[s[2]||(s[2]=e.createElementVNode("span",{class:"webwin-indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",j,[e.createElementVNode("path",{d:p.icon},null,8,G)])),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},e.toDisplayString(p.name),3)],10,U))),128))])],2))}},[["__scopeId","data-v-9741fc8d"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
|
|
2
|
+
color: #0078d7;
|
|
3
|
+
text-shadow: 0 1px 0 #0078d7;`);const K={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 o=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-o.left,this.mouseY=t.clientY-o.top;const l=Math.min(this.mouseX,o.width-this.mouseX,this.mouseY,o.height-this.mouseY),n=this.glowRadius;this.glowOpacity=Math.max(0,(n-l)/n)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},P={class:"webwin-tile-content"},J={class:"webwin-tile-icon"},Q={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},Z=["d"],A={class:"webwin-tile-title"};function v(t,o,l,n,a,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["webwin-tile",l.size]),style:e.normalizeStyle(i.tileStyle),onMousemove:o[0]||(o[0]=(...s)=>i.handleMouseMove&&i.handleMouseMove(...s)),onMouseenter:o[1]||(o[1]=s=>a.isHovered=!0),onMouseleave:o[2]||(o[2]=(...s)=>i.handleMouseLeave&&i.handleMouseLeave(...s))},[e.createElementVNode("div",P,[e.createElementVNode("div",J,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",Q,[e.createElementVNode("path",{fill:"white",d:l.icon},null,8,Z)]))],!0)]),e.createElementVNode("div",A,e.toDisplayString(l.title),1)]),e.createElementVNode("div",{class:"webwin-glow-border",style:e.normalizeStyle(i.glowStyle)},null,4),e.createElementVNode("div",{class:"webwin-pointer-glow",style:e.normalizeStyle(i.pointerGlowStyle)},null,4)],38)}const V=b(K,[["render",v],["__scopeId","data-v-dca3ebff"]]),ee={class:"webwin-container"},te=["src"],ne=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){const o=t,l=e.ref(0),n=e.ref(0),a=e.ref(o.url[0]);let i=e.ref(""),s=e.ref("");o.titlebar?i.value=o.titlebartext:i.value="",e.watch(l,c=>{console.log("activeIndex changed:",c),console.log("new url:",o.url[c]),a.value=o.url[c],n.value=n.value===0?1:0,console.log("docState:",n.value)});function p(c){c?s.value="":s.value="folded"}return(c,m)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(y,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=_=>l.value=_),items:t.menu,class:"webwin-item-1",bartitle:e.unref(i),onUpdate:p},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(["webwin-iframe-container",e.unref(s)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,te),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["webwin-iframe-container",e.unref(s)])},[e.renderSlot(c.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:a.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,ne),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},oe=["value","placeholder"],$=b(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){const o=t,l=e.ref(o.value),n=e.ref(o.placeholder);return(a,i)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"webwin-uwppassword",value:l.value,placeholder:n.value,onChange:i[0]||(i[0]=s=>a.$emit("@change",s))},null,40,oe))}}),[["__scopeId","data-v-dd8b91fe"]]),le=["data-placeholder"],E=b(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:o}){const l=t,n=o,a=e.ref(null),i=e.ref(l.placeholder),s=e.ref(l.value);e.onMounted(()=>{a.value&&(a.value.textContent=l.value||"",s.value=l.value||"")});const p=_=>{if(!a.value)return;const w=a.value.textContent||"";n("update",w),e.nextTick(()=>{if(a.value){const r=document.createRange(),f=window.getSelection();r.selectNodeContents(a.value),r.collapse(!1),f?.removeAllRanges(),f?.addRange(r)}})},c=_=>{const w=_.target;w.textContent===l.placeholder&&(w.textContent="")},m=_=>{const w=_.target,r=w.textContent||"";r!==s.value&&(n("change",{target:{value:r}}),s.value=r),r.trim()===""&&(w.textContent="")};return(_,w)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:a,class:"webwin-uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":i.value,onInput:p,onFocus:c,onBlur:m},null,40,le))}}),[["__scopeId","data-v-f7a96b3a"]]),ae=["src"],ie={class:"webwin-n-name",style:{display:"inline-block","margin-left":"6px"}},se={class:"webwin-n-text webwin-n-title"},ce={class:"webwin-n-vulua"},C=b({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:o}){const l=t;let n=e.ref(!1),a=e.ref(l.img);const i=()=>{n.value=!n.value};function s(){n.value&&setTimeout(()=>{n.value=!1},250)}return o({showNotification:i}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
|
|
4
|
+
color: #0078d7;
|
|
5
|
+
text-shadow: 0 1px 0 #0078d7;`),(p,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"webwin-notification",onClick:s},[e.createElementVNode("img",{src:e.unref(a),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,ae),e.createElementVNode("p",ie,e.toDisplayString(t.name),1),e.createElementVNode("h4",se,e.toDisplayString(t.title),1),e.createElementVNode("p",ce,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-c29ecbbb"]]),re=["name","id"],de=["for"],N=b(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const o=t,l=e.ref(o.name),n=e.ref(o.checked);return(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"webwin-checkbox",name:l.value,id:l.value,"onUpdate:modelValue":i[0]||(i[0]=s=>n.value=s),onClick:i[1]||(i[1]=s=>a.$emit("click",s))},null,8,re),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-checkbox-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,de)],64))}}),[["__scopeId","data-v-3b234b99"]]),me=["name","id"],pe=["for"],S=b(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const o=t,l=e.ref(o.name),n=e.ref(o.checked);return(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"webwin-radio",name:l.value,id:l.value,"onUpdate:modelValue":i[0]||(i[0]=s=>n.value=s),onClick:i[1]||(i[1]=s=>a.$emit("click",s))},null,8,me),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-radio-label"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,pe)],64))}}),[["__scopeId","data-v-04fe95c4"]]),we={style:{position:"relative"}},fe={key:0,class:"webwin-list-box"},be={style:{overflow:"auto",height:"calc( 100% - 240px )"}},_e=["onClick"],he={class:"webwin-label"},M=b({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:o}){e.useCssVars(r=>({v1be24303:e.unref(m)+"px",v5172b45c:e.unref(c)+"px"}));const l=t,n=o;let a=e.ref(""),i=e.ref(!1),s=e.ref(l.modelValue),p=e.ref(l.title),c=e.ref(-6),m=e.ref(6);function _(r){i.value=!1,a.value="",s.value=r,p.value=l.items[r].name,n("update",r),setTimeout(()=>{c.value=r*-35-6,m.value=r*35+6},100)}function w(){i.value=!i.value,a.value=i.value?"active":""}return(r,f)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",{class:e.normalizeClass(["webwin-list-box-button",e.unref(a)]),onClick:w},e.toDisplayString(e.unref(p)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createElementBlock("ul",fe,[f[0]||(f[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass({active:g===e.unref(s)}),onClick:x=>_(g)},[e.createElementVNode("span",he,e.toDisplayString(h.name),1)],10,_e))),128))]),f[1]||(f[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-ac4b4002"]]),ge={class:"webwin-progress-bar"},z=b({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",{class:"webwin-progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-9ef8a457"]]),ue={key:0,class:"webwin-window-background"},ke={key:0,class:"webwin-window"},ye={style:{"margin-top":"24px","margin-bottom":"24px"}},xe={class:"webwin-window-title"},Ve={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},Be={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},D=b({__name:"webwin-window",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},emits:["clickBotton"],setup(t,{expose:o,emit:l}){let n=e.ref("");const a=l,i=()=>{n.value=!0};function s(p){n.value=!1,a("clickBotton",p)}return o({showDialog:i}),(p,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ue)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("div",ye,[e.createElementVNode("h2",xe,e.toDisplayString(t.title),1),e.createElementVNode("div",Ve,[e.renderSlot(p.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(m,_)=>(e.openBlock(),e.createBlock(u,{class:"webwin-window-button",key:_,onClick:w=>s(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.text),1)]),_:2},1032,["onClick"]))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-ed2b82b4"]]),$e={},Ee={class:"webwin-card"};function Ce(t,o){return e.openBlock(),e.createElementBlock("div",Ee,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const I=b($e,[["render",Ce],["__scopeId","data-v-26a8c2e0"]]),Ne={key:0,class:"webwin-dropdown-container"},Se={class:"webwin-dropdown"},Me={style:{overflow:"auto",height:"calc( 100% - 240px )"}},ze=["onClick"],De={class:"webwin-label"},T=b({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:o,emit:l}){e.useCssVars(f=>({v08042082:e.unref(i)+"px",v6fe54d61:e.unref(s)+"px"}));const n=t,a=l;let i=e.ref(0),s=e.ref(0),p=e.ref(""),c=e.ref(!1),m=e.ref(0),_=e.ref(n.title||"");function w(f){c.value=!1,p.value="",m.value=f,_.value=n.items[f].name,a("update",f)}return o({showbox:(f,h)=>{c.value=!c.value,p.value=c.value?"active":"",i.value=f,s.value=h}}),(f,h)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",{class:"webwin-dropdown_backgroud",onClick:h[0]||(h[0]=g=>e.isRef(c)?c.value=!1:c=!1)}),e.createElementVNode("ul",Se,[h[1]||(h[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,x)=>(e.openBlock(),e.createElementBlock("li",{key:x,class:e.normalizeClass({active:x===e.unref(m)}),onClick:tt=>w(x)},[e.createElementVNode("span",De,e.toDisplayString(g.name),1)],10,ze))),128))]),h[2]||(h[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-2d220786"]]),Ie={class:"webwin-topappbar"},Te=["is","onClick"],Fe={class:"webwin-topappbar-label"},Re={key:0,class:"webwin-topappbar-indicator"},Le={key:1,class:"webwin-topappbar-indicator-not"},We=["onClick"],He={class:"webwin-topappbar-label"},F=b({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:o}){const l=o,n=t;let a=e.ref(n.activeIndex||0),i=e.ref(n.items),s=e.ref(n.rightMenu);function p(m){a.value=m,l("update",[m,"left"])}function c(m){l("update",[m,"right"])}return(m,_)=>(e.openBlock(),e.createElementBlock("ul",Ie,[(e.openBlock(),e.createBlock(e.KeepAlive,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(w,r)=>(e.openBlock(),e.createElementBlock("li",{is:m.activeComponent,key:r,class:e.normalizeClass([{active:r===e.unref(a)},"webwin-topappbar-item"]),onClick:f=>p(r)},[e.createElementVNode("span",Fe,e.toDisplayString(w.name),1),r===e.unref(a)?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0),r!=e.unref(a)?(e.openBlock(),e.createElementBlock("span",Le)):e.createCommentVNode("",!0)],10,Te))),128))],1024)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(w,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:f=>c(r),class:"webwin-topappbar-item",style:{float:"right"}},[e.createElementVNode("span",He,e.toDisplayString(w.name),1)],8,We))),128))]))}},[["__scopeId","data-v-ef60c98a"]]),R=b({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(l=>({v23dfb612:t.color}));let o=e.useModel(t,"modelValue");return(l,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":n[0]||(n[0]=a=>e.isRef(o)?o.value=a:o=a),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(o)]])}},[["__scopeId","data-v-480ca2b0"]]),Xe=[R,F,T,I,D,z,M,S,N,u,y,V,B,k,$,E,C],Ye={install(t){Xe.forEach(o=>{t.component("winbutton",u),t.component("winitem",y),t.component("wintile",V),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",$),t.component("winricheditbox",E),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",M),t.component("winprogressbar",z),t.component("winwindow",D),t.component("wincard",I),t.component("windropdown",T),t.component("wintopappbar",F),t.component("winrange",R)})}};d.default=Ye,d.winbutton=u,d.wincard=I,d.wincheckbox=N,d.wincombobox=M,d.windropdown=T,d.wininputbox=k,d.winitem=y,d.winnotifications=C,d.winpasswordbox=$,d.winprogressbar=z,d.winradio=S,d.winrange=R,d.winricheditbox=E,d.wintab=B,d.wintile=V,d.wintopappbar=F,d.winwindow=D,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|