web-win-vue 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/web-win-vue.css +1 -1
  3. package/web-win-vue.js +196 -134
  4. package/web-win-vue.umd.cjs +12 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-win-vue",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "",
5
5
  "main": "web-win-vue.js",
6
6
  "scripts": {
package/web-win-vue.css CHANGED
@@ -1 +1 @@
1
- button[data-v-85a8a3fa]{vertical-align:middle;line-height:16.67px;min-height:16.67px;padding:10px 20px;background:var(--primary-color, #CCCCCC);color:#000;border:none;cursor:default;font-size:16px;filter:blur(0px);transition:filter .3s ease;transform:scale(1);transition:transform .3s ease}button[data-v-85a8a3fa]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}button[data-v-85a8a3fa]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}button[data-v-85a8a3fa]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.uwpinput{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwpinput:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.side-bar[data-v-cbab5da9]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #cecece)}.indicator[data-v-cbab5da9]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-cbab5da9]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-cbab5da9]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-cbab5da9]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-cbab5da9]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-cbab5da9]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:100%}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block}.container{display:flex;height:calc(100% + .9px)}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}.uwppassword{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwppassword:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox{resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;font-size:18px;height:auto;cursor:text;padding:9.5px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap}.uwprichrditbox:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:45px;right:12px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(480px)}.n-text{color:#fff;margin-left:16px}.n-title{margin-top:-2.5px}.n-vulua{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification:hover{border:#5f5f5f 4px solid}.Notification:active{transform:scale(.925)}
1
+ button[data-v-85a8a3fa]{vertical-align:middle;line-height:16.67px;min-height:16.67px;padding:10px 20px;background:var(--primary-color, #CCCCCC);color:#000;border:none;cursor:default;font-size:16px;filter:blur(0px);transition:filter .3s ease;transform:scale(1);transition:transform .3s ease}button[data-v-85a8a3fa]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}button[data-v-85a8a3fa]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}button[data-v-85a8a3fa]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.uwpinput{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwpinput:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwpinput:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwpinput{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.side-bar[data-v-cbab5da9]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #cecece)}.indicator[data-v-cbab5da9]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #333);flex-shrink:0}.label[data-v-cbab5da9]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-cbab5da9]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 380px);font-size:var(--sb-fs, 14px);background:var(--sb-hover-bg, #1b1b1b)}.side-bar li[data-v-cbab5da9]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-cbab5da9]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-cbab5da9]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:var(--sb-indicator-width, 3px);background:var(--sb-indicator-color, #006fd0);transform:scaleY(0);height:26px;line-height:100px;width:4px}.side-bar li.active .indicator[data-v-cbab5da9]{transform:scaleY(1)}.icon[data-v-cbab5da9]{width:var(--sb-icon-size, 20px);height:var(--sb-icon-size, 38px);margin-right:var(--sb-icon-mr, 12px);color:var(--sb-icon-color, #ffffff);flex-shrink:0}.label[data-v-cbab5da9]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-cbab5da9]{color:#fff}}.tile[data-v-9ae9ef89]{--tile-color: #0078d7;--glow-color: rgba(255, 255, 255, .459);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.78,.12,0,1.01)}.tile.small[data-v-9ae9ef89]{width:70px;height:70px}.tile.medium[data-v-9ae9ef89]{width:150px;height:150px}.tile.wide[data-v-9ae9ef89]{width:310px;height:150px}.tile.large[data-v-9ae9ef89]{width:310px;height:310px}.tile-content[data-v-9ae9ef89]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.tile-icon[data-v-9ae9ef89]{font-size:24px;margin-bottom:8px}.tile-title[data-v-9ae9ef89]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.glow-border[data-v-9ae9ef89]{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--x) var(--y),var(--glow-color) 0%,transparent var(--glow-radius));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;transition:opacity .2s ease}.pointer-glow[data-v-9ae9ef89]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:100px;height:100px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.tile[data-v-9ae9ef89]:active{transform:scale(.9)}.item-1{display:inline-block;background-color:#e6e6e6}iframe{border:none;display:inline-block;width:100%;height:100%}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block}.container{display:flex;height:calc(100% + .9px)}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}.uwppassword{vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;height:18px;padding:10px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px}.uwppassword:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwppassword:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.uwppassword{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.uwprichrditbox{resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;line-height:18px;font-size:18px;height:auto;cursor:text;padding:9.5px 14px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap}.uwprichrditbox:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.uwprichrditbox:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.uwprichrditbox[data-placeholder]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.uwprichrditbox{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.Notification{border:rgba(163,163,163,0) 4px solid;-webkit-user-select:none;user-select:none;position:fixed;bottom:45px;right:12px;width:400px;height:150px;background-color:#141414f2;transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-enter-active{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(480px)}.n-text{color:#fff;margin-left:16px}.n-title{margin-top:-2.5px}.n-vulua{margin-left:16px;color:#a3a3a3;margin-top:-18px}.Notification:hover{border:#5f5f5f 4px solid}.Notification:active{transform:scale(.925)}.n-name{color:#fff}.ww-checkbox[type=checkbox][data-v-c289ea76]{position:absolute;opacity:0}.ww-checkbox-label[data-v-c289ea76]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none}.ww-checkbox-label[data-v-c289ea76]{display:flex;align-items:center}.ww-checkbox[type=checkbox]:checked+.ww-checkbox-label[data-v-c289ea76]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-checkbox-label[data-v-c289ea76]:hover:before,.ww-checkbox[type=checkbox]:focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:not(:checked):hover+.ww-checkbox-label[data-v-c289ea76]:before,.ww-checkbox[type=checkbox]:not(:checked):focus+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#0077d7}.ww-checkbox[type=checkbox]:checked:hover+.ww-checkbox-label[data-v-c289ea76]:before{border-color:#000}.ww-radio[type=radio][data-v-78978c8c]{position:absolute;opacity:0}.ww-radio-label[data-v-78978c8c]:before{--length: 1.1em;content:"";display:inline-block;width:var(--length);height:var(--length);font-size:1.1em;border:2.5px solid black;margin-right:6px;-webkit-user-select:none;user-select:none;border-radius:50px}.ww-radio-label[data-v-78978c8c]{display:flex;align-items:center}.ww-radio[type=radio]:checked+.ww-radio-label[data-v-78978c8c]:before{background-color:#0077d7;border-color:#0077d7;color:#fff;box-shadow:inset 0 0 0 2px #fff;line-height:1.25em;font-size:1.1em;text-align:center}.ww-radio-label[data-v-78978c8c]:hover:before,.ww-radio[type=radio]:focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:not(:checked):hover+.ww-radio-label[data-v-78978c8c]:before,.ww-radio[type=radio]:not(:checked):focus+.ww-radio-label[data-v-78978c8c]:before{border-color:#0077d7}.ww-radio[type=radio]:checked:hover+.ww-radio-label[data-v-78978c8c]:before{border-color:#000}
package/web-win-vue.js CHANGED
@@ -1,44 +1,44 @@
1
- import { createElementBlock as r, openBlock as c, renderSlot as L, defineComponent as g, ref as u, createElementVNode as a, createVNode as _, toDisplayString as p, Fragment as T, renderList as z, normalizeClass as S, normalizeStyle as w, watch as O, Transition as W, withCtx as M, createCommentVNode as V, withDirectives as C, vShow as $, onMounted as H, nextTick as E, createBlock as F, unref as G } from "vue";
2
- const f = (e, o) => {
3
- const t = e.__vccOpts || e;
4
- for (const [n, l] of o)
5
- t[n] = l;
6
- return t;
7
- }, Z = {
1
+ import { createElementBlock as r, openBlock as c, renderSlot as f, defineComponent as v, ref as u, createElementVNode as a, createVNode as b, toDisplayString as p, Fragment as y, renderList as E, normalizeClass as V, normalizeStyle as x, watch as F, Transition as M, withCtx as B, createCommentVNode as I, withDirectives as g, vShow as S, onMounted as U, nextTick as G, createBlock as Z, unref as L, vModelCheckbox as j, vModelRadio as q } from "vue";
2
+ const w = (e, t) => {
3
+ const o = e.__vccOpts || e;
4
+ for (const [n, s] of t)
5
+ o[n] = s;
6
+ return o;
7
+ }, P = {
8
8
  __name: "webwin-button",
9
9
  setup(e) {
10
10
  return console.log("%c✨Welcome to Web-Win-Vue-Button✨", `
11
11
  color: #0078d7;
12
- text-shadow: 0 1px 0 #0078d7;`), (o, t) => (c(), r("button", null, [
13
- L(o.$slots, "default", {}, void 0, !0)
12
+ text-shadow: 0 1px 0 #0078d7;`), (t, o) => (c(), r("button", null, [
13
+ f(t.$slots, "default", {}, void 0, !0)
14
14
  ]));
15
15
  }
16
- }, k = /* @__PURE__ */ f(Z, [["__scopeId", "data-v-85a8a3fa"]]), q = ["value", "placeholder"], x = /* @__PURE__ */ g({
16
+ }, N = /* @__PURE__ */ w(P, [["__scopeId", "data-v-85a8a3fa"]]), J = ["value", "placeholder"], $ = /* @__PURE__ */ v({
17
17
  __name: "webwin-inputbox",
18
18
  props: { value: String, placeholder: String },
19
19
  setup(e) {
20
20
  console.log("%c✨Welcome to Web-Win-Vue-InputBox✨", `
21
21
  color: #0078d7;
22
22
  text-shadow: 0 1px 0 #0078d7;`);
23
- const o = e, t = u(o.value), n = u(o.placeholder);
24
- return (l, s) => (c(), r("input", {
23
+ const t = e, o = u(t.value), n = u(t.placeholder);
24
+ return (s, l) => (c(), r("input", {
25
25
  type: "text",
26
26
  name: "fname",
27
27
  class: "uwpinput",
28
- value: t.value,
28
+ value: o.value,
29
29
  placeholder: n.value,
30
- onChange: s[0] || (s[0] = (i) => l.$emit("@change", i))
31
- }, null, 40, q));
30
+ onChange: l[0] || (l[0] = (i) => s.$emit("@change", i))
31
+ }, null, 40, J));
32
32
  }
33
- }), P = { class: "side-bar" }, U = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, j = {
33
+ }), K = { class: "side-bar" }, Q = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, A = {
34
34
  style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
35
35
  class: "title"
36
- }, J = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, K = ["onClick"], Q = {
36
+ }, ee = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, te = ["onClick"], oe = {
37
37
  class: "icon",
38
38
  viewBox: "0 0 24 24",
39
39
  fill: "currentColor",
40
40
  "aria-hidden": "true"
41
- }, A = ["d"], ee = { class: "label" }, te = {
41
+ }, ne = ["d"], le = { class: "label" }, se = {
42
42
  __name: "webwin-item",
43
43
  props: {
44
44
  items: { type: Array, required: !0 },
@@ -49,9 +49,9 @@ const f = (e, o) => {
49
49
  setup(e) {
50
50
  return console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
51
51
  color: #0078d7;
52
- text-shadow: 0 1px 0 #0078d7;`), (o, t) => (c(), r("ul", P, [
52
+ text-shadow: 0 1px 0 #0078d7;`), (t, o) => (c(), r("ul", K, [
53
53
  a("div", null, [
54
- t[0] || (t[0] = a("li", { style: { "margin-top": "24px" } }, [
54
+ o[0] || (o[0] = a("li", { style: { "margin-top": "24px" } }, [
55
55
  a("svg", {
56
56
  class: "icon",
57
57
  viewBox: "0 0 24 24",
@@ -66,36 +66,36 @@ const f = (e, o) => {
66
66
  ]),
67
67
  a("span", { class: "label" }, "主页")
68
68
  ], -1)),
69
- a("div", U, [
70
- _(x, {
69
+ a("div", Q, [
70
+ b($, {
71
71
  placeholder: "查找",
72
72
  style: { "margin-top": "6px", width: "320px" }
73
73
  })
74
74
  ]),
75
- a("h3", j, p(e.title), 1)
75
+ a("h3", A, p(e.title), 1)
76
76
  ]),
77
- a("div", J, [
78
- (c(!0), r(T, null, z(e.items, (n, l) => (c(), r("li", {
79
- key: l,
80
- class: S({ active: l === e.modelValue }),
81
- onClick: (s) => o.$emit("update:modelValue", l)
77
+ a("div", ee, [
78
+ (c(!0), r(y, null, E(e.items, (n, s) => (c(), r("li", {
79
+ key: s,
80
+ class: V({ active: s === e.modelValue }),
81
+ onClick: (l) => t.$emit("update:modelValue", s)
82
82
  }, [
83
- t[1] || (t[1] = a("span", { class: "indicator" }, null, -1)),
84
- (c(), r("svg", Q, [
83
+ o[1] || (o[1] = a("span", { class: "indicator" }, null, -1)),
84
+ (c(), r("svg", oe, [
85
85
  a("path", {
86
86
  d: n.icon
87
- }, null, 8, A)
87
+ }, null, 8, ne)
88
88
  ])),
89
- a("span", ee, p(n.name), 1)
90
- ], 10, K))), 128))
89
+ a("span", le, p(n.name), 1)
90
+ ], 10, te))), 128))
91
91
  ])
92
92
  ]));
93
93
  }
94
- }, b = /* @__PURE__ */ f(te, [["__scopeId", "data-v-cbab5da9"]]);
94
+ }, C = /* @__PURE__ */ w(se, [["__scopeId", "data-v-cbab5da9"]]);
95
95
  console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
96
96
  color: #0078d7;
97
97
  text-shadow: 0 1px 0 #0078d7;`);
98
- const oe = {
98
+ const ae = {
99
99
  props: {
100
100
  size: { default: "medium" },
101
101
  color: { default: "#0078d7" },
@@ -137,141 +137,141 @@ const oe = {
137
137
  },
138
138
  methods: {
139
139
  handleMouseMove(e) {
140
- const o = e.currentTarget.getBoundingClientRect();
141
- this.mouseX = e.clientX - o.left, this.mouseY = e.clientY - o.top;
142
- const t = Math.min(
140
+ const t = e.currentTarget.getBoundingClientRect();
141
+ this.mouseX = e.clientX - t.left, this.mouseY = e.clientY - t.top;
142
+ const o = Math.min(
143
143
  this.mouseX,
144
- o.width - this.mouseX,
144
+ t.width - this.mouseX,
145
145
  this.mouseY,
146
- o.height - this.mouseY
146
+ t.height - this.mouseY
147
147
  ), n = this.glowRadius;
148
- this.glowOpacity = Math.max(0, (n - t) / n);
148
+ this.glowOpacity = Math.max(0, (n - o) / n);
149
149
  },
150
150
  handleMouseLeave() {
151
151
  this.isHovered = !1, this.glowOpacity = 0;
152
152
  }
153
153
  }
154
- }, ne = { class: "tile-content" }, le = { class: "tile-icon" }, se = {
154
+ }, ie = { class: "tile-content" }, ce = { class: "tile-icon" }, re = {
155
155
  xmlns: "http://www.w3.org/2000/svg",
156
156
  viewBox: "0 0 24 24",
157
157
  width: "24",
158
158
  height: "24"
159
- }, ae = ["d"], ie = { class: "tile-title" };
160
- function ce(e, o, t, n, l, s) {
159
+ }, ue = ["d"], de = { class: "tile-title" };
160
+ function me(e, t, o, n, s, l) {
161
161
  return c(), r("div", {
162
- class: S(["tile", t.size]),
163
- style: w(s.tileStyle),
164
- onMousemove: o[0] || (o[0] = (...i) => s.handleMouseMove && s.handleMouseMove(...i)),
165
- onMouseenter: o[1] || (o[1] = (i) => l.isHovered = !0),
166
- onMouseleave: o[2] || (o[2] = (...i) => s.handleMouseLeave && s.handleMouseLeave(...i))
162
+ class: V(["tile", o.size]),
163
+ style: x(l.tileStyle),
164
+ onMousemove: t[0] || (t[0] = (...i) => l.handleMouseMove && l.handleMouseMove(...i)),
165
+ onMouseenter: t[1] || (t[1] = (i) => s.isHovered = !0),
166
+ onMouseleave: t[2] || (t[2] = (...i) => l.handleMouseLeave && l.handleMouseLeave(...i))
167
167
  }, [
168
- a("div", ne, [
169
- a("div", le, [
170
- L(e.$slots, "icon", {}, () => [
171
- (c(), r("svg", se, [
168
+ a("div", ie, [
169
+ a("div", ce, [
170
+ f(e.$slots, "icon", {}, () => [
171
+ (c(), r("svg", re, [
172
172
  a("path", {
173
173
  fill: "white",
174
- d: t.icon
175
- }, null, 8, ae)
174
+ d: o.icon
175
+ }, null, 8, ue)
176
176
  ]))
177
177
  ], !0)
178
178
  ]),
179
- a("div", ie, p(t.title), 1)
179
+ a("div", de, p(o.title), 1)
180
180
  ]),
181
181
  a("div", {
182
182
  class: "glow-border",
183
- style: w(s.glowStyle)
183
+ style: x(l.glowStyle)
184
184
  }, null, 4),
185
185
  a("div", {
186
186
  class: "pointer-glow",
187
- style: w(s.pointerGlowStyle)
187
+ style: x(l.pointerGlowStyle)
188
188
  }, null, 4)
189
189
  ], 38);
190
190
  }
191
- const B = /* @__PURE__ */ f(oe, [["render", ce], ["__scopeId", "data-v-9ae9ef89"]]), re = { class: "container" }, ue = {
191
+ const R = /* @__PURE__ */ w(ae, [["render", me], ["__scopeId", "data-v-9ae9ef89"]]), pe = { class: "container" }, he = {
192
192
  key: "state0",
193
193
  class: "iframe-container"
194
- }, de = ["src"], me = {
194
+ }, ve = ["src"], we = {
195
195
  key: "state1",
196
196
  class: "iframe-container"
197
- }, pe = ["src"], N = {
197
+ }, _e = ["src"], X = {
198
198
  __name: "webwin-tab",
199
199
  props: { menu: Array, url: Array },
200
200
  setup(e) {
201
201
  console.log("%c✨Welcome to Web-Win-Vue-Tab✨", `
202
202
  color: #0078d7;
203
203
  text-shadow: 0 1px 0 #0078d7;`);
204
- const o = e, t = u(0), n = u(0), l = u(o.url[0]);
205
- return O(t, (s) => {
206
- console.log("activeIndex changed:", s), console.log("new url:", o.url[s]), l.value = o.url[s], n.value = n.value === 0 ? 1 : 0, console.log("docState:", n.value);
207
- }), (s, i) => (c(), r("div", re, [
208
- _(b, {
209
- modelValue: t.value,
210
- "onUpdate:modelValue": i[0] || (i[0] = (v) => t.value = v),
204
+ const t = e, o = u(0), n = u(0), s = u(t.url[0]);
205
+ return F(o, (l) => {
206
+ console.log("activeIndex changed:", l), console.log("new url:", t.url[l]), s.value = t.url[l], n.value = n.value === 0 ? 1 : 0, console.log("docState:", n.value);
207
+ }), (l, i) => (c(), r("div", pe, [
208
+ b(C, {
209
+ modelValue: o.value,
210
+ "onUpdate:modelValue": i[0] || (i[0] = (_) => o.value = _),
211
211
  items: e.menu,
212
212
  class: "item-1"
213
213
  }, null, 8, ["modelValue", "items"]),
214
- _(W, {
214
+ b(M, {
215
215
  name: "fade",
216
216
  mode: "out-in"
217
217
  }, {
218
- default: M(() => [
219
- n.value === 0 ? (c(), r("div", ue, [
220
- C(a("iframe", { src: l.value }, null, 8, de), [
221
- [$, n.value === 0]
218
+ default: B(() => [
219
+ n.value === 0 ? (c(), r("div", he, [
220
+ g(a("iframe", { src: s.value }, null, 8, ve), [
221
+ [S, n.value === 0]
222
222
  ])
223
- ])) : n.value === 1 ? (c(), r("div", me, [
224
- C(a("iframe", { src: l.value }, null, 8, pe), [
225
- [$, n.value === 1]
223
+ ])) : n.value === 1 ? (c(), r("div", we, [
224
+ g(a("iframe", { src: s.value }, null, 8, _e), [
225
+ [S, n.value === 1]
226
226
  ])
227
- ])) : V("", !0)
227
+ ])) : I("", !0)
228
228
  ]),
229
229
  _: 1
230
230
  })
231
231
  ]));
232
232
  }
233
- }, he = ["value", "placeholder"], I = /* @__PURE__ */ g({
233
+ }, ge = ["value", "placeholder"], Y = /* @__PURE__ */ v({
234
234
  __name: "webwin-passwordbox",
235
235
  props: { value: String, placeholder: String },
236
236
  setup(e) {
237
237
  console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨", `
238
238
  color: #0078d7;
239
239
  text-shadow: 0 1px 0 #0078d7;`);
240
- const o = e, t = u(o.value), n = u(o.placeholder);
241
- return (l, s) => (c(), r("input", {
240
+ const t = e, o = u(t.value), n = u(t.placeholder);
241
+ return (s, l) => (c(), r("input", {
242
242
  type: "password",
243
243
  name: "fname",
244
244
  class: "uwppassword",
245
- value: t.value,
245
+ value: o.value,
246
246
  placeholder: n.value,
247
- onChange: s[0] || (s[0] = (i) => l.$emit("@change", i))
248
- }, null, 40, he));
247
+ onChange: l[0] || (l[0] = (i) => s.$emit("@change", i))
248
+ }, null, 40, ge));
249
249
  }
250
- }), ve = ["data-placeholder"], R = /* @__PURE__ */ g({
250
+ }), fe = ["data-placeholder"], D = /* @__PURE__ */ v({
251
251
  __name: "webwin-richeditbox",
252
252
  props: {
253
253
  value: { type: String, default: "" },
254
254
  placeholder: { type: String, default: "" }
255
255
  },
256
256
  emits: ["update:value", "change"],
257
- setup(e, { emit: o }) {
258
- const t = e, n = o, l = u(null), s = u(t.placeholder), i = u(t.value);
259
- H(() => {
260
- l.value && (l.value.textContent = t.value || "", i.value = t.value || "");
257
+ setup(e, { emit: t }) {
258
+ const o = e, n = t, s = u(null), l = u(o.placeholder), i = u(o.value);
259
+ U(() => {
260
+ s.value && (s.value.textContent = o.value || "", i.value = o.value || "");
261
261
  });
262
- const v = (h) => {
263
- if (!l.value) return;
264
- const d = l.value.textContent || "";
265
- n("update:value", d), E(() => {
266
- if (l.value) {
267
- const m = document.createRange(), y = window.getSelection();
268
- m.selectNodeContents(l.value), m.collapse(!1), y?.removeAllRanges(), y?.addRange(m);
262
+ const _ = (h) => {
263
+ if (!s.value) return;
264
+ const d = s.value.textContent || "";
265
+ n("update:value", d), G(() => {
266
+ if (s.value) {
267
+ const m = document.createRange(), W = window.getSelection();
268
+ m.selectNodeContents(s.value), m.collapse(!1), W?.removeAllRanges(), W?.addRange(m);
269
269
  }
270
270
  });
271
- }, Y = (h) => {
271
+ }, k = (h) => {
272
272
  const d = h.target;
273
- d.textContent === t.placeholder && (d.textContent = "");
274
- }, D = (h) => {
273
+ d.textContent === o.placeholder && (d.textContent = "");
274
+ }, H = (h) => {
275
275
  const d = h.target, m = d.textContent || "";
276
276
  m !== i.value && (n("change", {
277
277
  target: {
@@ -281,60 +281,122 @@ const B = /* @__PURE__ */ f(oe, [["render", ce], ["__scopeId", "data-v-9ae9ef89"
281
281
  };
282
282
  return (h, d) => (c(), r("div", {
283
283
  ref_key: "editableDiv",
284
- ref: l,
284
+ ref: s,
285
285
  class: "uwprichrditbox",
286
286
  contenteditable: "plaintext-only",
287
- "data-placeholder": s.value,
288
- onInput: v,
289
- onFocus: Y,
290
- onBlur: D
291
- }, null, 40, ve));
287
+ "data-placeholder": l.value,
288
+ onInput: _,
289
+ onFocus: k,
290
+ onBlur: H
291
+ }, null, 40, fe));
292
292
  }
293
- }), we = { class: "n-text n-name" }, _e = { class: "n-text n-title" }, ge = { class: "n-vulua" }, X = {
293
+ }), xe = ["src"], be = {
294
+ class: "n-name",
295
+ style: { display: "inline-block", "margin-left": "6px" }
296
+ }, ye = { class: "n-text n-title" }, $e = { class: "n-vulua" }, T = {
294
297
  __name: "webwin-notifications",
295
- props: { name: String, title: String, text: String },
296
- setup(e, { expose: o }) {
297
- let t = u(!1);
298
- const n = () => {
299
- t.value = !t.value;
298
+ props: { name: String, title: String, text: String, img: String },
299
+ setup(e, { expose: t }) {
300
+ const o = e;
301
+ let n = u(!1), s = u(o.img);
302
+ const l = () => {
303
+ n.value = !n.value;
300
304
  };
301
- function l() {
302
- t.value && setTimeout(() => {
303
- t.value = !1;
305
+ function i() {
306
+ n.value && setTimeout(() => {
307
+ n.value = !1;
304
308
  }, 250);
305
309
  }
306
- return o({ showNotification: n }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
310
+ return t({ showNotification: l }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
307
311
  color: #0078d7;
308
- text-shadow: 0 1px 0 #0078d7;`), (s, i) => (c(), F(W, { name: "slide-fade" }, {
309
- default: M(() => [
310
- G(t) ? (c(), r("div", {
312
+ text-shadow: 0 1px 0 #0078d7;`), (_, k) => (c(), Z(M, { name: "slide-fade" }, {
313
+ default: B(() => [
314
+ L(n) ? (c(), r("div", {
311
315
  key: 0,
312
316
  class: "Notification",
313
- onClick: l
317
+ onClick: i
314
318
  }, [
315
- a("p", we, p(e.name), 1),
316
- a("h4", _e, p(e.title), 1),
317
- a("p", ge, p(e.text), 1)
318
- ])) : V("", !0)
319
+ a("img", {
320
+ src: L(s),
321
+ style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
322
+ }, null, 8, xe),
323
+ a("p", be, p(e.name), 1),
324
+ a("h4", ye, p(e.title), 1),
325
+ a("p", $e, p(e.text), 1)
326
+ ])) : I("", !0)
319
327
  ]),
320
328
  _: 1
321
329
  }));
322
330
  }
323
- }, fe = [k, b, B, N, x, I, R, X], be = {
331
+ }, Ce = ["name", "id"], ke = ["for"], We = /* @__PURE__ */ v({
332
+ __name: "webwin-checkbox",
333
+ props: { name: String, checked: Array },
334
+ setup(e) {
335
+ const t = e, o = u(t.name), n = u(t.checked);
336
+ return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨", `
337
+ color: #0078d7;
338
+ text-shadow: 0 1px 0 #0078d7;`), (s, l) => (c(), r(y, null, [
339
+ g(a("input", {
340
+ type: "checkbox",
341
+ class: "ww-checkbox",
342
+ name: o.value,
343
+ id: o.value,
344
+ "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
345
+ onClick: l[1] || (l[1] = (i) => s.$emit("click", i))
346
+ }, null, 8, Ce), [
347
+ [j, n.value]
348
+ ]),
349
+ a("label", {
350
+ for: o.value,
351
+ class: "ww-checkbox-label"
352
+ }, [
353
+ f(s.$slots, "default", {}, void 0, !0)
354
+ ], 8, ke)
355
+ ], 64));
356
+ }
357
+ }), z = /* @__PURE__ */ w(We, [["__scopeId", "data-v-c289ea76"]]), Se = ["name", "id"], Le = ["for"], Ve = /* @__PURE__ */ v({
358
+ __name: "webwin-radio",
359
+ props: { name: String, checked: Array },
360
+ setup(e) {
361
+ const t = e, o = u(t.name), n = u(t.checked);
362
+ return console.log("%c✨Welcome to Web-Win-Vue-radio✨", `
363
+ color: #0078d7;
364
+ text-shadow: 0 1px 0 #0078d7;`), (s, l) => (c(), r(y, null, [
365
+ g(a("input", {
366
+ type: "radio",
367
+ class: "ww-radio",
368
+ name: o.value,
369
+ id: o.value,
370
+ "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
371
+ onClick: l[1] || (l[1] = (i) => s.$emit("click", i))
372
+ }, null, 8, Se), [
373
+ [q, n.value]
374
+ ]),
375
+ a("label", {
376
+ for: o.value,
377
+ class: "ww-radio-label"
378
+ }, [
379
+ f(s.$slots, "default", {}, void 0, !0)
380
+ ], 8, Le)
381
+ ], 64));
382
+ }
383
+ }), O = /* @__PURE__ */ w(Ve, [["__scopeId", "data-v-78978c8c"]]), Me = [O, z, N, C, R, X, $, Y, D, T], Ie = {
324
384
  install(e) {
325
- fe.forEach((o) => {
326
- e.component("winbutton", k), e.component("winitem", b), e.component("wintile", B), e.component("wintab", N), e.component("wininputbox", x), e.component("winpasswordbox", I), e.component("winricheditbox", R), e.component("winnotifications", X);
385
+ Me.forEach((t) => {
386
+ e.component("winbutton", N), e.component("winitem", C), e.component("wintile", R), e.component("wintab", X), e.component("wininputbox", $), e.component("winpasswordbox", Y), e.component("winricheditbox", D), e.component("winnotifications", T), e.component("wincheckbox", z), e.component("winradio", O);
327
387
  });
328
388
  }
329
389
  };
330
390
  export {
331
- be as default,
332
- k as winbutton,
333
- x as wininputbox,
334
- b as winitem,
335
- X as winnotifications,
336
- I as winpasswordbox,
337
- R as winricheditbox,
338
- N as wintab,
339
- B as wintile
391
+ Ie as default,
392
+ N as winbutton,
393
+ z as wincheckbox,
394
+ $ as wininputbox,
395
+ C as winitem,
396
+ T as winnotifications,
397
+ Y as winpasswordbox,
398
+ O as winradio,
399
+ D as winricheditbox,
400
+ X as wintab,
401
+ R as wintile
340
402
  };
package/web-win-vue.umd.cjs CHANGED
@@ -1,15 +1,19 @@
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 h=(t,n)=>{const o=t.__vccOpts||t;for(const[l,a]of n)o[l]=a;return o},f=h({__name:"webwin-button",setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Button✨",`
1
+ (function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["web-win-vue"]={},s.Vue))})(this,(function(s,e){"use strict";const m=(t,o)=>{const n=t.__vccOpts||t;for(const[l,i]of o)n[l]=i;return n},f=m({__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;`),(n,o)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(n.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),k=["value","placeholder"],u=e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-InputBox✨",`
3
+ text-shadow: 0 1px 0 #0078d7;`),(o,n)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(o.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),B=["value","placeholder"],u=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
- text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(n.value),l=e.ref(n.placeholder);return(a,i)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:o.value,placeholder:l.value,onChange:i[0]||(i[0]=s=>a.$emit("@change",s))},null,40,k))}}),B={class:"side-bar"},C={style:{width:"var(--sb-width, 350px)",margin:"auto"}},E={style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:"title"},S={style:{overflow:"auto",height:"calc( 100% - 240px )"}},N=["onClick"],$={class:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},L=["d"],W={class:"label"},p=h({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"}},emits:["update:modelValue"],setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
5
+ text-shadow: 0 1px 0 #0078d7;`);const o=t,n=e.ref(o.value),l=e.ref(o.placeholder);return(i,a)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:n.value,placeholder:l.value,onChange:a[0]||(a[0]=c=>i.$emit("@change",c))},null,40,B))}}),$={class:"side-bar"},S={style:{width:"var(--sb-width, 350px)",margin:"auto"}},N={style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:"title"},W={style:{overflow:"auto",height:"calc( 100% - 240px )"}},L=["onClick"],M={class:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},D=["d"],T={class:"label"},h=m({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"}},emits:["update:modelValue"],setup(t){return console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
6
6
  color: #0078d7;
7
- text-shadow: 0 1px 0 #0078d7;`),(n,o)=>(e.openBlock(),e.createElementBlock("ul",B,[e.createElementVNode("div",null,[o[0]||(o[0]=e.createElementVNode("li",{style:{"margin-top":"24px"}},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 24 24",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:"M 0.863281 14.628906 L 2.898438 14.628906 L 2.898438 22.773438 C 2.898438 23.253906 3.292969 23.648438 3.773438 23.648438 L 9.734375 23.648438 C 10.214844 23.648438 10.609375 23.253906 10.609375 22.773438 L 10.609375 16.8125 L 14.246094 16.8125 L 14.246094 22.773438 C 14.246094 23.253906 14.636719 23.648438 15.117188 23.648438 L 20.789062 23.648438 C 21.269531 23.648438 21.664062 23.253906 21.664062 22.773438 L 21.664062 14.628906 L 24.136719 14.628906 C 24.484375 14.628906 24.804688 14.410156 24.9375 14.089844 C 25.066406 13.769531 24.992188 13.394531 24.746094 13.144531 L 13.371094 1.609375 C 13.039062 1.277344 12.484375 1.261719 12.152344 1.597656 L 0.265625 13.132812 C 0.00390625 13.378906 -0.0664062 13.757812 0.0625 14.089844 C 0.195312 14.425781 0.515625 14.628906 0.863281 14.628906 Z M 12.734375 3.457031 L 22.042969 12.882812 L 20.789062 12.882812 C 20.308594 12.882812 19.917969 13.277344 19.917969 13.757812 L 19.917969 21.902344 L 15.992188 21.902344 L 15.992188 15.9375 C 15.992188 15.457031 15.597656 15.066406 15.117188 15.066406 L 9.734375 15.066406 C 9.257812 15.066406 8.863281 15.457031 8.863281 15.9375 L 8.863281 21.902344 L 4.644531 21.902344 L 4.644531 13.757812 C 4.644531 13.277344 4.253906 12.882812 3.773438 12.882812 L 3.015625 12.882812 Z M 12.734375 3.457031 "})]),e.createElementVNode("span",{class:"label"},"主页")],-1)),e.createElementVNode("div",C,[e.createVNode(u,{placeholder:"查找",style:{"margin-top":"6px",width:"320px"}})]),e.createElementVNode("h3",E,e.toDisplayString(t.title),1)]),e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:e.normalizeClass({active:a===t.modelValue}),onClick:i=>n.$emit("update:modelValue",a)},[o[1]||(o[1]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",$,[e.createElementVNode("path",{d:l.icon},null,8,L)])),e.createElementVNode("span",W,e.toDisplayString(l.name),1)],10,N))),128))])]))}},[["__scopeId","data-v-cbab5da9"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
7
+ text-shadow: 0 1px 0 #0078d7;`),(o,n)=>(e.openBlock(),e.createElementBlock("ul",$,[e.createElementVNode("div",null,[n[0]||(n[0]=e.createElementVNode("li",{style:{"margin-top":"24px"}},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 24 24",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:"M 0.863281 14.628906 L 2.898438 14.628906 L 2.898438 22.773438 C 2.898438 23.253906 3.292969 23.648438 3.773438 23.648438 L 9.734375 23.648438 C 10.214844 23.648438 10.609375 23.253906 10.609375 22.773438 L 10.609375 16.8125 L 14.246094 16.8125 L 14.246094 22.773438 C 14.246094 23.253906 14.636719 23.648438 15.117188 23.648438 L 20.789062 23.648438 C 21.269531 23.648438 21.664062 23.253906 21.664062 22.773438 L 21.664062 14.628906 L 24.136719 14.628906 C 24.484375 14.628906 24.804688 14.410156 24.9375 14.089844 C 25.066406 13.769531 24.992188 13.394531 24.746094 13.144531 L 13.371094 1.609375 C 13.039062 1.277344 12.484375 1.261719 12.152344 1.597656 L 0.265625 13.132812 C 0.00390625 13.378906 -0.0664062 13.757812 0.0625 14.089844 C 0.195312 14.425781 0.515625 14.628906 0.863281 14.628906 Z M 12.734375 3.457031 L 22.042969 12.882812 L 20.789062 12.882812 C 20.308594 12.882812 19.917969 13.277344 19.917969 13.757812 L 19.917969 21.902344 L 15.992188 21.902344 L 15.992188 15.9375 C 15.992188 15.457031 15.597656 15.066406 15.117188 15.066406 L 9.734375 15.066406 C 9.257812 15.066406 8.863281 15.457031 8.863281 15.9375 L 8.863281 21.902344 L 4.644531 21.902344 L 4.644531 13.757812 C 4.644531 13.277344 4.253906 12.882812 3.773438 12.882812 L 3.015625 12.882812 Z M 12.734375 3.457031 "})]),e.createElementVNode("span",{class:"label"},"主页")],-1)),e.createElementVNode("div",S,[e.createVNode(u,{placeholder:"查找",style:{"margin-top":"6px",width:"320px"}})]),e.createElementVNode("h3",N,e.toDisplayString(t.title),1)]),e.createElementVNode("div",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,i)=>(e.openBlock(),e.createElementBlock("li",{key:i,class:e.normalizeClass({active:i===t.modelValue}),onClick:a=>o.$emit("update:modelValue",i)},[n[1]||(n[1]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",M,[e.createElementVNode("path",{d:l.icon},null,8,D)])),e.createElementVNode("span",T,e.toDisplayString(l.name),1)],10,L))),128))])]))}},[["__scopeId","data-v-cbab5da9"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
8
8
  color: #0078d7;
9
- text-shadow: 0 1px 0 #0078d7;`);const M={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 n=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-n.left,this.mouseY=t.clientY-n.top;const o=Math.min(this.mouseX,n.width-this.mouseX,this.mouseY,n.height-this.mouseY),l=this.glowRadius;this.glowOpacity=Math.max(0,(l-o)/l)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},D={class:"tile-content"},T={class:"tile-icon"},v={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},z=["d"],I={class:"tile-title"};function R(t,n,o,l,a,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",o.size]),style:e.normalizeStyle(i.tileStyle),onMousemove:n[0]||(n[0]=(...s)=>i.handleMouseMove&&i.handleMouseMove(...s)),onMouseenter:n[1]||(n[1]=s=>a.isHovered=!0),onMouseleave:n[2]||(n[2]=(...s)=>i.handleMouseLeave&&i.handleMouseLeave(...s))},[e.createElementVNode("div",D,[e.createElementVNode("div",T,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",v,[e.createElementVNode("path",{fill:"white",d:o.icon},null,8,z)]))],!0)]),e.createElementVNode("div",I,e.toDisplayString(o.title),1)]),e.createElementVNode("div",{class:"glow-border",style:e.normalizeStyle(i.glowStyle)},null,4),e.createElementVNode("div",{class:"pointer-glow",style:e.normalizeStyle(i.pointerGlowStyle)},null,4)],38)}const w=h(M,[["render",R],["__scopeId","data-v-9ae9ef89"]]),X={class:"container"},Y={key:"state0",class:"iframe-container"},O=["src"],H={key:"state1",class:"iframe-container"},F=["src"],_={__name:"webwin-tab",props:{menu:Array,url:Array},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
9
+ text-shadow: 0 1px 0 #0078d7;`);const I={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 n=Math.min(this.mouseX,o.width-this.mouseX,this.mouseY,o.height-this.mouseY),l=this.glowRadius;this.glowOpacity=Math.max(0,(l-n)/l)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},z={class:"tile-content"},R={class:"tile-icon"},X={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},Y=["d"],O={class:"tile-title"};function F(t,o,n,l,i,a){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",n.size]),style:e.normalizeStyle(a.tileStyle),onMousemove:o[0]||(o[0]=(...c)=>a.handleMouseMove&&a.handleMouseMove(...c)),onMouseenter:o[1]||(o[1]=c=>i.isHovered=!0),onMouseleave:o[2]||(o[2]=(...c)=>a.handleMouseLeave&&a.handleMouseLeave(...c))},[e.createElementVNode("div",z,[e.createElementVNode("div",R,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",X,[e.createElementVNode("path",{fill:"white",d:n.icon},null,8,Y)]))],!0)]),e.createElementVNode("div",O,e.toDisplayString(n.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 _=m(I,[["render",F],["__scopeId","data-v-9ae9ef89"]]),H={class:"container"},j={key:"state0",class:"iframe-container"},v=["src"],U={key:"state1",class:"iframe-container"},q=["src"],g={__name:"webwin-tab",props:{menu:Array,url:Array},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
10
10
  color: #0078d7;
11
- text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(0),l=e.ref(0),a=e.ref(n.url[0]);return e.watch(o,i=>{console.log("activeIndex changed:",i),console.log("new url:",n.url[i]),a.value=n.url[i],l.value=l.value===0?1:0,console.log("docState:",l.value)}),(i,s)=>(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(p,{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=b=>o.value=b),items:t.menu,class:"item-1"},null,8,["modelValue","items"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[l.value===0?(e.openBlock(),e.createElementBlock("div",Y,[e.withDirectives(e.createElementVNode("iframe",{src:a.value},null,8,O),[[e.vShow,l.value===0]])])):l.value===1?(e.openBlock(),e.createElementBlock("div",H,[e.withDirectives(e.createElementVNode("iframe",{src:a.value},null,8,F),[[e.vShow,l.value===1]])])):e.createCommentVNode("",!0)]),_:1})]))}},j=["value","placeholder"],g=e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨",`
11
+ text-shadow: 0 1px 0 #0078d7;`);const o=t,n=e.ref(0),l=e.ref(0),i=e.ref(o.url[0]);return e.watch(n,a=>{console.log("activeIndex changed:",a),console.log("new url:",o.url[a]),i.value=o.url[a],l.value=l.value===0?1:0,console.log("docState:",l.value)}),(a,c)=>(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(h,{modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=w=>n.value=w),items:t.menu,class:"item-1"},null,8,["modelValue","items"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[l.value===0?(e.openBlock(),e.createElementBlock("div",j,[e.withDirectives(e.createElementVNode("iframe",{src:i.value},null,8,v),[[e.vShow,l.value===0]])])):l.value===1?(e.openBlock(),e.createElementBlock("div",U,[e.withDirectives(e.createElementVNode("iframe",{src:i.value},null,8,q),[[e.vShow,l.value===1]])])):e.createCommentVNode("",!0)]),_:1})]))}},G=["value","placeholder"],x=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
- text-shadow: 0 1px 0 #0078d7;`);const n=t,o=e.ref(n.value),l=e.ref(n.placeholder);return(a,i)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:o.value,placeholder:l.value,onChange:i[0]||(i[0]=s=>a.$emit("@change",s))},null,40,j))}}),q=["data-placeholder"],x=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:value","change"],setup(t,{emit:n}){const o=t,l=n,a=e.ref(null),i=e.ref(o.placeholder),s=e.ref(o.value);e.onMounted(()=>{a.value&&(a.value.textContent=o.value||"",s.value=o.value||"")});const b=m=>{if(!a.value)return;const r=a.value.textContent||"";l("update:value",r),e.nextTick(()=>{if(a.value){const d=document.createRange(),V=window.getSelection();d.selectNodeContents(a.value),d.collapse(!1),V?.removeAllRanges(),V?.addRange(d)}})},K=m=>{const r=m.target;r.textContent===o.placeholder&&(r.textContent="")},Q=m=>{const r=m.target,d=r.textContent||"";d!==s.value&&(l("change",{target:{value:d}}),s.value=d),d.trim()===""&&(r.textContent="")};return(m,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:a,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":i.value,onInput:b,onFocus:K,onBlur:Q},null,40,q))}}),G={class:"n-text n-name"},P={class:"n-text n-title"},Z={class:"n-vulua"},y={__name:"webwin-notifications",props:{name:String,title:String,text:String},setup(t,{expose:n}){let o=e.ref(!1);const l=()=>{o.value=!o.value};function a(){o.value&&setTimeout(()=>{o.value=!1},250)}return n({showNotification:l}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
13
+ text-shadow: 0 1px 0 #0078d7;`);const o=t,n=e.ref(o.value),l=e.ref(o.placeholder);return(i,a)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:n.value,placeholder:l.value,onChange:a[0]||(a[0]=c=>i.$emit("@change",c))},null,40,G))}}),P=["data-placeholder"],b=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:value","change"],setup(t,{emit:o}){const n=t,l=o,i=e.ref(null),a=e.ref(n.placeholder),c=e.ref(n.value);e.onMounted(()=>{i.value&&(i.value.textContent=n.value||"",c.value=n.value||"")});const w=p=>{if(!i.value)return;const r=i.value.textContent||"";l("update:value",r),e.nextTick(()=>{if(i.value){const d=document.createRange(),E=window.getSelection();d.selectNodeContents(i.value),d.collapse(!1),E?.removeAllRanges(),E?.addRange(d)}})},C=p=>{const r=p.target;r.textContent===n.placeholder&&(r.textContent="")},ae=p=>{const r=p.target,d=r.textContent||"";d!==c.value&&(l("change",{target:{value:d}}),c.value=d),d.trim()===""&&(r.textContent="")};return(p,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:i,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":a.value,onInput:w,onFocus:C,onBlur:ae},null,40,P))}}),Z=["src"],J={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},K={class:"n-text n-title"},Q={class:"n-vulua"},k={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:o}){const n=t;let l=e.ref(!1),i=e.ref(n.img);const a=()=>{l.value=!l.value};function c(){l.value&&setTimeout(()=>{l.value=!1},250)}return o({showNotification:a}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
14
14
  color: #0078d7;
15
- text-shadow: 0 1px 0 #0078d7;`),(i,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:a},[e.createElementVNode("p",G,e.toDisplayString(t.name),1),e.createElementVNode("h4",P,e.toDisplayString(t.title),1),e.createElementVNode("p",Z,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},U=[f,p,w,_,u,g,x,y],J={install(t){U.forEach(n=>{t.component("winbutton",f),t.component("winitem",p),t.component("wintile",w),t.component("wintab",_),t.component("wininputbox",u),t.component("winpasswordbox",g),t.component("winricheditbox",x),t.component("winnotifications",y)})}};c.default=J,c.winbutton=f,c.wininputbox=u,c.winitem=p,c.winnotifications=y,c.winpasswordbox=g,c.winricheditbox=x,c.wintab=_,c.wintile=w,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
15
+ text-shadow: 0 1px 0 #0078d7;`),(w,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"Notification",onClick:c},[e.createElementVNode("img",{src:e.unref(i),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,Z),e.createElementVNode("p",J,e.toDisplayString(t.name),1),e.createElementVNode("h4",K,e.toDisplayString(t.title),1),e.createElementVNode("p",Q,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},A=["name","id"],ee=["for"],y=m(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const o=t,n=e.ref(o.name),l=e.ref(o.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
16
+ color: #0078d7;
17
+ text-shadow: 0 1px 0 #0078d7;`),(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"ww-checkbox",name:n.value,id:n.value,"onUpdate:modelValue":a[0]||(a[0]=c=>l.value=c),onClick:a[1]||(a[1]=c=>i.$emit("click",c))},null,8,A),[[e.vModelCheckbox,l.value]]),e.createElementVNode("label",{for:n.value,class:"ww-checkbox-label"},[e.renderSlot(i.$slots,"default",{},void 0,!0)],8,ee)],64))}}),[["__scopeId","data-v-c289ea76"]]),te=["name","id"],oe=["for"],V=m(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const o=t,n=e.ref(o.name),l=e.ref(o.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
18
+ color: #0078d7;
19
+ text-shadow: 0 1px 0 #0078d7;`),(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"ww-radio",name:n.value,id:n.value,"onUpdate:modelValue":a[0]||(a[0]=c=>l.value=c),onClick:a[1]||(a[1]=c=>i.$emit("click",c))},null,8,te),[[e.vModelRadio,l.value]]),e.createElementVNode("label",{for:n.value,class:"ww-radio-label"},[e.renderSlot(i.$slots,"default",{},void 0,!0)],8,oe)],64))}}),[["__scopeId","data-v-78978c8c"]]),ne=[V,y,f,h,_,g,u,x,b,k],le={install(t){ne.forEach(o=>{t.component("winbutton",f),t.component("winitem",h),t.component("wintile",_),t.component("wintab",g),t.component("wininputbox",u),t.component("winpasswordbox",x),t.component("winricheditbox",b),t.component("winnotifications",k),t.component("wincheckbox",y),t.component("winradio",V)})}};s.default=le,s.winbutton=f,s.wincheckbox=y,s.wininputbox=u,s.winitem=h,s.winnotifications=k,s.winpasswordbox=x,s.winradio=V,s.winricheditbox=b,s.wintab=g,s.wintile=_,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));