web-win-vue 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -1
- package/web-win-vue.css +1 -1
- package/web-win-vue.mjs +279 -213
- package/web-win-vue.umd.js +13 -11
package/package.json
CHANGED
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%;background-color:#fff}.iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.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}.list-box-button[data-v-5fe19256]{z-index:999;-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;height:17px;font-size:18px;cursor:default;padding:9px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-5fe19256]{z-index:1;transform-origin:0 var(--4c8120fa);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebe5;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #00000080;top:var(--1ae8acfb)}.list-box li[data-v-5fe19256]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-5fe19256]:active{transform:scale(.975)}.list-box li.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3)}.list-box-button.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3);outline:2.75px solid #6db9f3}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #6db9f3)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.list-box[data-v-5fe19256]{-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)}.list-box li[data-v-5fe19256]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #252525)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-5fe19256]{color:#fff}}.v-enter-active[data-v-5fe19256]{box-shadow:0 0 30px #00000080;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-5fe19256]{box-shadow:0 0 30px #0000;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-5fe19256],.v-leave-to[data-v-5fe19256]{transform:scaleY(0)}
|
|
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))}}.sidebar[data-v-30fc2437]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.sidebar.folded[data-v-30fc2437]{opacity:0}.sidebar-text[data-v-30fc2437]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.side-bar[data-v-30fc2437]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:var(--sb-fs, 14px);transition:width 0s cubic-bezier(0,.5,0,1);overflow:hidden}.side-bar.folded[data-v-30fc2437]{width:55px;overflow-x:hidden}.search-fold[data-v-30fc2437]{display:none!important}.search-fold.folded[data-v-30fc2437]{display:flex!important;width:24px;margin-bottom:58px}.title.folded[data-v-30fc2437]{display:none}.title[data-v-30fc2437]{transition:all 0s ease}.side-bar li[data-v-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px)}.inputbox.folded[data-v-30fc2437]{display:none}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #cecece)}.label.folded[data-v-30fc2437]{opacity:0}.indicator[data-v-30fc2437]{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-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{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-30fc2437]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.side-bar[data-v-30fc2437]{-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-30fc2437]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.side-bar li[data-v-30fc2437]:hover{background:var(--sb-hover-bg, #252525)}.indicator[data-v-30fc2437]{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-30fc2437]{transform:scaleY(1)}.icon[data-v-30fc2437]{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-30fc2437]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-30fc2437]{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%;background-color:#fff}.iframe-container{width:calc(100% - 380px);height:calc(100% + 35px);position:relative;display:inline-block}.iframe-container.folded{width:calc(100% - 55px)}.container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(150px)}iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.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:24px;right:24px;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(520px)}.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}.list-box-button[data-v-5fe19256]{z-index:999;-webkit-user-select:none;user-select:none;resize:none;vertical-align:middle;display:inline-block;min-width:300px;outline:2.75px solid #999999;outline-offset:-2.75px;height:17px;font-size:18px;cursor:default;padding:9px 15px;background:var(--primary-color, rgb(255, 255, 255));color:#000;border:none;font-size:16px;vertical-align:top;white-space:pre-wrap;position:relative}.list-box[data-v-5fe19256]{z-index:1;transform-origin:0 var(--4c8120fa);-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:var(--sb-width, 330px);font-size:var(--sb-fs, 14px);background-color:#ebebebe5;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #00000080;top:var(--1ae8acfb)}.list-box li[data-v-5fe19256]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.list-box li[data-v-5fe19256]:active{transform:scale(.975)}.list-box li.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3)}.list-box-button.active[data-v-5fe19256]{background:var(--sb-hover-bg, #6db9f3);outline:2.75px solid #6db9f3}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #cecece)}.list-box li.active[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #6db9f3)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.list-box[data-v-5fe19256]{-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)}.list-box li[data-v-5fe19256]{position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 16px);transition:background .2s}.list-box li[data-v-5fe19256]:hover{background:var(--sb-hover-bg, #252525)}.icon[data-v-5fe19256]{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-5fe19256]{color:var(--sb-label-color, #ffffff);white-space:nowrap;font-size:16px}.title[data-v-5fe19256]{color:#fff}}.v-enter-active[data-v-5fe19256]{box-shadow:0 0 30px #00000080;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-5fe19256]{box-shadow:0 0 30px #0000;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-5fe19256],.v-leave-to[data-v-5fe19256]{transform:scaleY(0)}.progress-bar[data-v-18bec619]{width:100%;height:5px;background-color:#e0e0e0}.progress[data-v-18bec619]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}
|
package/web-win-vue.mjs
CHANGED
|
@@ -1,97 +1,140 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
for (const [
|
|
5
|
-
t
|
|
6
|
-
return
|
|
7
|
-
},
|
|
1
|
+
import { createElementBlock as u, openBlock as r, renderSlot as W, defineComponent as x, ref as c, normalizeClass as v, unref as d, createElementVNode as a, toDisplayString as g, createVNode as $, Fragment as C, renderList as H, normalizeStyle as y, watch as P, Transition as M, withCtx as B, createCommentVNode as I, withDirectives as k, vShow as R, onMounted as j, nextTick as J, createBlock as K, vModelCheckbox as Q, vModelRadio as Z, useCssVars as A } from "vue";
|
|
2
|
+
const b = (e, o) => {
|
|
3
|
+
const l = e.__vccOpts || e;
|
|
4
|
+
for (const [t, i] of o)
|
|
5
|
+
l[t] = i;
|
|
6
|
+
return l;
|
|
7
|
+
}, ee = {
|
|
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,
|
|
13
|
-
|
|
12
|
+
text-shadow: 0 1px 0 #0078d7;`), (o, l) => (r(), u("button", null, [
|
|
13
|
+
W(o.$slots, "default", {}, void 0, !0)
|
|
14
14
|
]));
|
|
15
15
|
}
|
|
16
|
-
},
|
|
16
|
+
}, T = /* @__PURE__ */ b(ee, [["__scopeId", "data-v-85a8a3fa"]]), te = ["value", "placeholder"], z = /* @__PURE__ */ x({
|
|
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,
|
|
24
|
-
return (
|
|
23
|
+
const o = e, l = c(o.value), t = c(o.placeholder);
|
|
24
|
+
return (i, n) => (r(), u("input", {
|
|
25
25
|
type: "text",
|
|
26
26
|
name: "fname",
|
|
27
27
|
class: "uwpinput",
|
|
28
|
-
value:
|
|
29
|
-
placeholder:
|
|
30
|
-
onChange: n[0] || (n[0] = (
|
|
31
|
-
}, null, 40,
|
|
28
|
+
value: l.value,
|
|
29
|
+
placeholder: t.value,
|
|
30
|
+
onChange: n[0] || (n[0] = (s) => i.$emit("@change", s))
|
|
31
|
+
}, null, 40, te));
|
|
32
32
|
}
|
|
33
|
-
}),
|
|
34
|
-
style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
|
|
35
|
-
class: "title"
|
|
36
|
-
}, le = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, se = ["onClick"], ae = {
|
|
33
|
+
}), oe = { class: "sidebar-text" }, le = { style: { width: "var(--sb-width, 350px)", margin: "auto" } }, ne = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, se = ["onClick"], ae = {
|
|
37
34
|
class: "icon",
|
|
38
|
-
viewBox: "0 0
|
|
35
|
+
viewBox: "0 0 1024 1024",
|
|
39
36
|
fill: "currentColor",
|
|
40
|
-
"aria-hidden": "true"
|
|
41
|
-
|
|
37
|
+
"aria-hidden": "true",
|
|
38
|
+
height: "16"
|
|
39
|
+
}, ie = ["d"], ce = {
|
|
42
40
|
__name: "webwin-item",
|
|
43
41
|
props: {
|
|
44
42
|
items: { type: Array, required: !0 },
|
|
45
43
|
modelValue: { type: Number, default: 0 },
|
|
46
|
-
title: { type: String, default: "Menu" }
|
|
44
|
+
title: { type: String, default: "Menu" },
|
|
45
|
+
bartitle: { type: String, default: "Window" }
|
|
47
46
|
},
|
|
48
|
-
emits: ["update
|
|
49
|
-
setup(e) {
|
|
50
|
-
|
|
47
|
+
emits: ["update"],
|
|
48
|
+
setup(e, { emit: o }) {
|
|
49
|
+
console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
|
|
51
50
|
color: #0078d7;
|
|
52
|
-
text-shadow: 0 1px 0 #0078d7;`)
|
|
51
|
+
text-shadow: 0 1px 0 #0078d7;`);
|
|
52
|
+
const l = o;
|
|
53
|
+
let t = c("");
|
|
54
|
+
function i() {
|
|
55
|
+
t.value === "" ? (t.value = "folded", l("update", !1)) : (t.value = "", l("update", !0));
|
|
56
|
+
}
|
|
57
|
+
return (n, s) => (r(), u("ul", {
|
|
58
|
+
class: v(["side-bar", d(t)])
|
|
59
|
+
}, [
|
|
60
|
+
a("div", {
|
|
61
|
+
class: v(["sidebar", d(t)])
|
|
62
|
+
}, [
|
|
63
|
+
a("p", oe, g(e.bartitle), 1)
|
|
64
|
+
], 2),
|
|
53
65
|
a("div", null, [
|
|
54
|
-
|
|
55
|
-
|
|
66
|
+
a("li", {
|
|
67
|
+
style: { "margin-top": "24px", width: "24px" },
|
|
68
|
+
onClick: i
|
|
69
|
+
}, [
|
|
70
|
+
s[0] || (s[0] = a("svg", {
|
|
56
71
|
class: "icon",
|
|
57
|
-
viewBox: "0 0
|
|
72
|
+
viewBox: "0 0 1024 1024",
|
|
58
73
|
fill: "currentColor",
|
|
59
74
|
"aria-hidden": "true"
|
|
60
75
|
}, [
|
|
61
76
|
a("path", {
|
|
62
77
|
xmlns: "http://www.w3.org/2000/svg",
|
|
63
78
|
style: { stroke: "none", "fill-rule": "nonzero", fill: "rgb(0%,0%,0%)", "fill-opacity": "1" },
|
|
64
|
-
d: "
|
|
79
|
+
d: "M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"
|
|
65
80
|
})
|
|
66
|
-
]),
|
|
67
|
-
a("span", {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
81
|
+
], -1)),
|
|
82
|
+
a("span", {
|
|
83
|
+
class: v(["label", d(t)])
|
|
84
|
+
}, null, 2)
|
|
85
|
+
]),
|
|
86
|
+
a("li", {
|
|
87
|
+
onClick: i,
|
|
88
|
+
class: v(["search-fold", d(t)])
|
|
89
|
+
}, [
|
|
90
|
+
s[1] || (s[1] = a("svg", {
|
|
91
|
+
class: "icon",
|
|
92
|
+
viewBox: "0 0 1024 1024",
|
|
93
|
+
fill: "currentColor",
|
|
94
|
+
"aria-hidden": "true"
|
|
95
|
+
}, [
|
|
96
|
+
a("path", {
|
|
97
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
98
|
+
style: { stroke: "none", "fill-rule": "nonzero", fill: "rgb(0%,0%,0%)", "fill-opacity": "1" },
|
|
99
|
+
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"
|
|
100
|
+
})
|
|
101
|
+
], -1)),
|
|
102
|
+
a("span", {
|
|
103
|
+
class: v(["label", d(t)])
|
|
104
|
+
}, null, 2)
|
|
105
|
+
], 2),
|
|
106
|
+
a("div", le, [
|
|
107
|
+
$(z, {
|
|
71
108
|
placeholder: "查找",
|
|
72
|
-
|
|
73
|
-
|
|
109
|
+
class: v(["inputbox", d(t)]),
|
|
110
|
+
style: { "margin-top": "6px", width: "320px", transition: "all 0s ease" }
|
|
111
|
+
}, null, 8, ["class"])
|
|
74
112
|
]),
|
|
75
|
-
a("h3",
|
|
113
|
+
a("h3", {
|
|
114
|
+
style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
|
|
115
|
+
class: v(["title", d(t)])
|
|
116
|
+
}, g(e.title), 3)
|
|
76
117
|
]),
|
|
77
|
-
a("div",
|
|
78
|
-
(
|
|
79
|
-
key:
|
|
80
|
-
class:
|
|
81
|
-
onClick: (
|
|
118
|
+
a("div", ne, [
|
|
119
|
+
(r(!0), u(C, null, H(e.items, (h, p) => (r(), u("li", {
|
|
120
|
+
key: p,
|
|
121
|
+
class: v({ active: p === e.modelValue }),
|
|
122
|
+
onClick: (_) => n.$emit("update:modelValue", p)
|
|
82
123
|
}, [
|
|
83
|
-
|
|
84
|
-
(
|
|
124
|
+
s[2] || (s[2] = a("span", { class: "indicator" }, null, -1)),
|
|
125
|
+
(r(), u("svg", ae, [
|
|
85
126
|
a("path", {
|
|
86
|
-
d:
|
|
127
|
+
d: h.icon
|
|
87
128
|
}, null, 8, ie)
|
|
88
129
|
])),
|
|
89
|
-
a("span",
|
|
130
|
+
a("span", {
|
|
131
|
+
class: v(["label", d(t)])
|
|
132
|
+
}, g(h.name), 3)
|
|
90
133
|
], 10, se))), 128))
|
|
91
134
|
])
|
|
92
|
-
]));
|
|
135
|
+
], 2));
|
|
93
136
|
}
|
|
94
|
-
}, N = /* @__PURE__ */
|
|
137
|
+
}, N = /* @__PURE__ */ b(ce, [["__scopeId", "data-v-30fc2437"]]);
|
|
95
138
|
console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
|
|
96
139
|
color: #0078d7;
|
|
97
140
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
@@ -139,115 +182,122 @@ const re = {
|
|
|
139
182
|
handleMouseMove(e) {
|
|
140
183
|
const o = e.currentTarget.getBoundingClientRect();
|
|
141
184
|
this.mouseX = e.clientX - o.left, this.mouseY = e.clientY - o.top;
|
|
142
|
-
const
|
|
185
|
+
const l = Math.min(
|
|
143
186
|
this.mouseX,
|
|
144
187
|
o.width - this.mouseX,
|
|
145
188
|
this.mouseY,
|
|
146
189
|
o.height - this.mouseY
|
|
147
|
-
),
|
|
148
|
-
this.glowOpacity = Math.max(0, (
|
|
190
|
+
), t = this.glowRadius;
|
|
191
|
+
this.glowOpacity = Math.max(0, (t - l) / t);
|
|
149
192
|
},
|
|
150
193
|
handleMouseLeave() {
|
|
151
194
|
this.isHovered = !1, this.glowOpacity = 0;
|
|
152
195
|
}
|
|
153
196
|
}
|
|
154
|
-
},
|
|
197
|
+
}, ue = { class: "tile-content" }, de = { class: "tile-icon" }, pe = {
|
|
155
198
|
xmlns: "http://www.w3.org/2000/svg",
|
|
156
199
|
viewBox: "0 0 24 24",
|
|
157
200
|
width: "24",
|
|
158
201
|
height: "24"
|
|
159
|
-
},
|
|
160
|
-
function
|
|
161
|
-
return
|
|
162
|
-
class:
|
|
163
|
-
style:
|
|
164
|
-
onMousemove: o[0] || (o[0] = (...
|
|
165
|
-
onMouseenter: o[1] || (o[1] = (
|
|
166
|
-
onMouseleave: o[2] || (o[2] = (...
|
|
202
|
+
}, me = ["d"], ve = { class: "tile-title" };
|
|
203
|
+
function he(e, o, l, t, i, n) {
|
|
204
|
+
return r(), u("div", {
|
|
205
|
+
class: v(["tile", l.size]),
|
|
206
|
+
style: y(n.tileStyle),
|
|
207
|
+
onMousemove: o[0] || (o[0] = (...s) => n.handleMouseMove && n.handleMouseMove(...s)),
|
|
208
|
+
onMouseenter: o[1] || (o[1] = (s) => i.isHovered = !0),
|
|
209
|
+
onMouseleave: o[2] || (o[2] = (...s) => n.handleMouseLeave && n.handleMouseLeave(...s))
|
|
167
210
|
}, [
|
|
168
|
-
a("div",
|
|
169
|
-
a("div",
|
|
170
|
-
|
|
171
|
-
(
|
|
211
|
+
a("div", ue, [
|
|
212
|
+
a("div", de, [
|
|
213
|
+
W(e.$slots, "icon", {}, () => [
|
|
214
|
+
(r(), u("svg", pe, [
|
|
172
215
|
a("path", {
|
|
173
216
|
fill: "white",
|
|
174
|
-
d:
|
|
175
|
-
}, null, 8,
|
|
217
|
+
d: l.icon
|
|
218
|
+
}, null, 8, me)
|
|
176
219
|
]))
|
|
177
220
|
], !0)
|
|
178
221
|
]),
|
|
179
|
-
a("div", ve,
|
|
222
|
+
a("div", ve, g(l.title), 1)
|
|
180
223
|
]),
|
|
181
224
|
a("div", {
|
|
182
225
|
class: "glow-border",
|
|
183
|
-
style:
|
|
226
|
+
style: y(n.glowStyle)
|
|
184
227
|
}, null, 4),
|
|
185
228
|
a("div", {
|
|
186
229
|
class: "pointer-glow",
|
|
187
|
-
style:
|
|
230
|
+
style: y(n.pointerGlowStyle)
|
|
188
231
|
}, null, 4)
|
|
189
232
|
], 38);
|
|
190
233
|
}
|
|
191
|
-
const
|
|
192
|
-
key: "state0",
|
|
193
|
-
class: "iframe-container"
|
|
194
|
-
}, ge = ["src"], xe = {
|
|
195
|
-
key: "state1",
|
|
196
|
-
class: "iframe-container"
|
|
197
|
-
}, be = ["src"], D = {
|
|
234
|
+
const X = /* @__PURE__ */ b(re, [["render", he], ["__scopeId", "data-v-9ae9ef89"]]), we = { class: "container" }, fe = ["src"], ge = ["src"], Y = {
|
|
198
235
|
__name: "webwin-tab",
|
|
199
|
-
props: { menu: Array, url: Array },
|
|
236
|
+
props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
|
|
200
237
|
setup(e) {
|
|
201
238
|
console.log("%c✨Welcome to Web-Win-Vue-Tab✨", `
|
|
202
239
|
color: #0078d7;
|
|
203
240
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
204
|
-
const o = e,
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
241
|
+
const o = e, l = c(0), t = c(0), i = c(o.url[0]);
|
|
242
|
+
let n = c(""), s = c("");
|
|
243
|
+
o.titlebar ? n.value = o.titlebartext : n.value = "", P(l, (p) => {
|
|
244
|
+
console.log("activeIndex changed:", p), console.log("new url:", o.url[p]), i.value = o.url[p], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
|
|
245
|
+
});
|
|
246
|
+
function h(p) {
|
|
247
|
+
p ? s.value = "" : s.value = "folded";
|
|
248
|
+
}
|
|
249
|
+
return (p, _) => (r(), u("div", we, [
|
|
250
|
+
$(N, {
|
|
251
|
+
modelValue: l.value,
|
|
252
|
+
"onUpdate:modelValue": _[0] || (_[0] = (f) => l.value = f),
|
|
211
253
|
items: e.menu,
|
|
212
|
-
class: "item-1"
|
|
213
|
-
|
|
214
|
-
|
|
254
|
+
class: "item-1",
|
|
255
|
+
bartitle: d(n),
|
|
256
|
+
onUpdate: h
|
|
257
|
+
}, null, 8, ["modelValue", "items", "bartitle"]),
|
|
258
|
+
$(M, {
|
|
215
259
|
name: "fade",
|
|
216
260
|
mode: "out-in"
|
|
217
261
|
}, {
|
|
218
|
-
default:
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
262
|
+
default: B(() => [
|
|
263
|
+
t.value === 0 ? (r(), u("div", {
|
|
264
|
+
key: "state0",
|
|
265
|
+
class: v(["iframe-container", d(s)])
|
|
266
|
+
}, [
|
|
267
|
+
k(a("iframe", { src: i.value }, null, 8, fe), [
|
|
268
|
+
[R, t.value === 0]
|
|
222
269
|
])
|
|
223
|
-
])) :
|
|
224
|
-
|
|
225
|
-
|
|
270
|
+
], 2)) : t.value === 1 ? (r(), u("div", {
|
|
271
|
+
key: "state1",
|
|
272
|
+
class: v(["iframe-container", d(s)])
|
|
273
|
+
}, [
|
|
274
|
+
k(a("iframe", { src: i.value }, null, 8, ge), [
|
|
275
|
+
[R, t.value === 1]
|
|
226
276
|
])
|
|
227
|
-
])) :
|
|
277
|
+
], 2)) : I("", !0)
|
|
228
278
|
]),
|
|
229
279
|
_: 1
|
|
230
280
|
})
|
|
231
281
|
]));
|
|
232
282
|
}
|
|
233
|
-
},
|
|
283
|
+
}, _e = ["value", "placeholder"], D = /* @__PURE__ */ x({
|
|
234
284
|
__name: "webwin-passwordbox",
|
|
235
285
|
props: { value: String, placeholder: String },
|
|
236
286
|
setup(e) {
|
|
237
287
|
console.log("%c✨Welcome to Web-Win-Vue-PasswordBox✨", `
|
|
238
288
|
color: #0078d7;
|
|
239
289
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
240
|
-
const o = e,
|
|
241
|
-
return (
|
|
290
|
+
const o = e, l = c(o.value), t = c(o.placeholder);
|
|
291
|
+
return (i, n) => (r(), u("input", {
|
|
242
292
|
type: "password",
|
|
243
293
|
name: "fname",
|
|
244
294
|
class: "uwppassword",
|
|
245
|
-
value:
|
|
246
|
-
placeholder:
|
|
247
|
-
onChange: n[0] || (n[0] = (
|
|
248
|
-
}, null, 40,
|
|
295
|
+
value: l.value,
|
|
296
|
+
placeholder: t.value,
|
|
297
|
+
onChange: n[0] || (n[0] = (s) => i.$emit("@change", s))
|
|
298
|
+
}, null, 40, _e));
|
|
249
299
|
}
|
|
250
|
-
}),
|
|
300
|
+
}), be = ["data-placeholder"], O = /* @__PURE__ */ x({
|
|
251
301
|
__name: "webwin-richeditbox",
|
|
252
302
|
props: {
|
|
253
303
|
value: { type: String, default: "" },
|
|
@@ -255,135 +305,135 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
|
|
|
255
305
|
},
|
|
256
306
|
emits: ["update:value", "change"],
|
|
257
307
|
setup(e, { emit: o }) {
|
|
258
|
-
const
|
|
259
|
-
|
|
260
|
-
|
|
308
|
+
const l = e, t = o, i = c(null), n = c(l.placeholder), s = c(l.value);
|
|
309
|
+
j(() => {
|
|
310
|
+
i.value && (i.value.textContent = l.value || "", s.value = l.value || "");
|
|
261
311
|
});
|
|
262
|
-
const
|
|
263
|
-
if (!
|
|
264
|
-
const
|
|
265
|
-
|
|
266
|
-
if (
|
|
267
|
-
const
|
|
268
|
-
|
|
312
|
+
const h = (f) => {
|
|
313
|
+
if (!i.value) return;
|
|
314
|
+
const w = i.value.textContent || "";
|
|
315
|
+
t("update:value", w), J(() => {
|
|
316
|
+
if (i.value) {
|
|
317
|
+
const m = document.createRange(), S = window.getSelection();
|
|
318
|
+
m.selectNodeContents(i.value), m.collapse(!1), S?.removeAllRanges(), S?.addRange(m);
|
|
269
319
|
}
|
|
270
320
|
});
|
|
271
|
-
},
|
|
272
|
-
const
|
|
273
|
-
|
|
274
|
-
},
|
|
275
|
-
const
|
|
276
|
-
|
|
321
|
+
}, p = (f) => {
|
|
322
|
+
const w = f.target;
|
|
323
|
+
w.textContent === l.placeholder && (w.textContent = "");
|
|
324
|
+
}, _ = (f) => {
|
|
325
|
+
const w = f.target, m = w.textContent || "";
|
|
326
|
+
m !== s.value && (t("change", {
|
|
277
327
|
target: {
|
|
278
|
-
value:
|
|
328
|
+
value: m
|
|
279
329
|
}
|
|
280
|
-
}),
|
|
330
|
+
}), s.value = m), m.trim() === "" && (w.textContent = "");
|
|
281
331
|
};
|
|
282
|
-
return (
|
|
332
|
+
return (f, w) => (r(), u("div", {
|
|
283
333
|
ref_key: "editableDiv",
|
|
284
|
-
ref:
|
|
334
|
+
ref: i,
|
|
285
335
|
class: "uwprichrditbox",
|
|
286
336
|
contenteditable: "plaintext-only",
|
|
287
337
|
"data-placeholder": n.value,
|
|
288
|
-
onInput:
|
|
289
|
-
onFocus:
|
|
290
|
-
onBlur:
|
|
291
|
-
}, null, 40,
|
|
338
|
+
onInput: h,
|
|
339
|
+
onFocus: p,
|
|
340
|
+
onBlur: _
|
|
341
|
+
}, null, 40, be));
|
|
292
342
|
}
|
|
293
|
-
}),
|
|
343
|
+
}), xe = ["src"], ye = {
|
|
294
344
|
class: "n-name",
|
|
295
345
|
style: { display: "inline-block", "margin-left": "6px" }
|
|
296
|
-
},
|
|
346
|
+
}, $e = { class: "n-text n-title" }, ke = { class: "n-vulua" }, F = {
|
|
297
347
|
__name: "webwin-notifications",
|
|
298
348
|
props: { name: String, title: String, text: String, img: String },
|
|
299
349
|
setup(e, { expose: o }) {
|
|
300
|
-
const
|
|
301
|
-
let
|
|
350
|
+
const l = e;
|
|
351
|
+
let t = c(!1), i = c(l.img);
|
|
302
352
|
const n = () => {
|
|
303
|
-
|
|
353
|
+
t.value = !t.value;
|
|
304
354
|
};
|
|
305
|
-
function
|
|
306
|
-
|
|
307
|
-
|
|
355
|
+
function s() {
|
|
356
|
+
t.value && setTimeout(() => {
|
|
357
|
+
t.value = !1;
|
|
308
358
|
}, 250);
|
|
309
359
|
}
|
|
310
360
|
return o({ showNotification: n }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
|
|
311
361
|
color: #0078d7;
|
|
312
|
-
text-shadow: 0 1px 0 #0078d7;`), (
|
|
313
|
-
default:
|
|
314
|
-
|
|
362
|
+
text-shadow: 0 1px 0 #0078d7;`), (h, p) => (r(), K(M, { name: "slide-fade" }, {
|
|
363
|
+
default: B(() => [
|
|
364
|
+
d(t) ? (r(), u("div", {
|
|
315
365
|
key: 0,
|
|
316
366
|
class: "Notification",
|
|
317
|
-
onClick:
|
|
367
|
+
onClick: s
|
|
318
368
|
}, [
|
|
319
369
|
a("img", {
|
|
320
|
-
src:
|
|
370
|
+
src: d(i),
|
|
321
371
|
style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
|
|
322
|
-
}, null, 8,
|
|
323
|
-
a("p",
|
|
324
|
-
a("h4",
|
|
325
|
-
a("p",
|
|
326
|
-
])) :
|
|
372
|
+
}, null, 8, xe),
|
|
373
|
+
a("p", ye, g(e.name), 1),
|
|
374
|
+
a("h4", $e, g(e.title), 1),
|
|
375
|
+
a("p", ke, g(e.text), 1)
|
|
376
|
+
])) : I("", !0)
|
|
327
377
|
]),
|
|
328
378
|
_: 1
|
|
329
379
|
}));
|
|
330
380
|
}
|
|
331
|
-
},
|
|
381
|
+
}, We = ["name", "id"], Ce = ["for"], Se = /* @__PURE__ */ x({
|
|
332
382
|
__name: "webwin-checkbox",
|
|
333
383
|
props: { name: String, checked: Array },
|
|
334
384
|
setup(e) {
|
|
335
|
-
const o = e,
|
|
385
|
+
const o = e, l = c(o.name), t = c(o.checked);
|
|
336
386
|
return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨", `
|
|
337
387
|
color: #0078d7;
|
|
338
|
-
text-shadow: 0 1px 0 #0078d7;`), (
|
|
339
|
-
|
|
388
|
+
text-shadow: 0 1px 0 #0078d7;`), (i, n) => (r(), u(C, null, [
|
|
389
|
+
k(a("input", {
|
|
340
390
|
type: "checkbox",
|
|
341
391
|
class: "ww-checkbox",
|
|
342
|
-
name:
|
|
343
|
-
id:
|
|
344
|
-
"onUpdate:modelValue": n[0] || (n[0] = (
|
|
345
|
-
onClick: n[1] || (n[1] = (
|
|
346
|
-
}, null, 8,
|
|
347
|
-
[
|
|
392
|
+
name: l.value,
|
|
393
|
+
id: l.value,
|
|
394
|
+
"onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
|
|
395
|
+
onClick: n[1] || (n[1] = (s) => i.$emit("click", s))
|
|
396
|
+
}, null, 8, We), [
|
|
397
|
+
[Q, t.value]
|
|
348
398
|
]),
|
|
349
399
|
a("label", {
|
|
350
|
-
for:
|
|
400
|
+
for: l.value,
|
|
351
401
|
class: "ww-checkbox-label"
|
|
352
402
|
}, [
|
|
353
|
-
|
|
354
|
-
], 8,
|
|
403
|
+
W(i.$slots, "default", {}, void 0, !0)
|
|
404
|
+
], 8, Ce)
|
|
355
405
|
], 64));
|
|
356
406
|
}
|
|
357
|
-
}),
|
|
407
|
+
}), L = /* @__PURE__ */ b(Se, [["__scopeId", "data-v-c289ea76"]]), Ve = ["name", "id"], Me = ["for"], Be = /* @__PURE__ */ x({
|
|
358
408
|
__name: "webwin-radio",
|
|
359
409
|
props: { name: String, checked: Array },
|
|
360
410
|
setup(e) {
|
|
361
|
-
const o = e,
|
|
411
|
+
const o = e, l = c(o.name), t = c(o.checked);
|
|
362
412
|
return console.log("%c✨Welcome to Web-Win-Vue-radio✨", `
|
|
363
413
|
color: #0078d7;
|
|
364
|
-
text-shadow: 0 1px 0 #0078d7;`), (
|
|
365
|
-
|
|
414
|
+
text-shadow: 0 1px 0 #0078d7;`), (i, n) => (r(), u(C, null, [
|
|
415
|
+
k(a("input", {
|
|
366
416
|
type: "radio",
|
|
367
417
|
class: "ww-radio",
|
|
368
|
-
name:
|
|
369
|
-
id:
|
|
370
|
-
"onUpdate:modelValue": n[0] || (n[0] = (
|
|
371
|
-
onClick: n[1] || (n[1] = (
|
|
372
|
-
}, null, 8,
|
|
373
|
-
[
|
|
418
|
+
name: l.value,
|
|
419
|
+
id: l.value,
|
|
420
|
+
"onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
|
|
421
|
+
onClick: n[1] || (n[1] = (s) => i.$emit("click", s))
|
|
422
|
+
}, null, 8, Ve), [
|
|
423
|
+
[Z, t.value]
|
|
374
424
|
]),
|
|
375
425
|
a("label", {
|
|
376
|
-
for:
|
|
426
|
+
for: l.value,
|
|
377
427
|
class: "ww-radio-label"
|
|
378
428
|
}, [
|
|
379
|
-
|
|
380
|
-
], 8,
|
|
429
|
+
W(i.$slots, "default", {}, void 0, !0)
|
|
430
|
+
], 8, Me)
|
|
381
431
|
], 64));
|
|
382
432
|
}
|
|
383
|
-
}),
|
|
433
|
+
}), U = /* @__PURE__ */ b(Be, [["__scopeId", "data-v-78978c8c"]]), Ie = { style: { position: "relative" } }, ze = {
|
|
384
434
|
key: 0,
|
|
385
435
|
class: "list-box"
|
|
386
|
-
},
|
|
436
|
+
}, Ne = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Re = ["onClick"], He = { class: "label" }, Te = {
|
|
387
437
|
__name: "webwin-listbox",
|
|
388
438
|
props: {
|
|
389
439
|
items: { type: Array, required: !0 },
|
|
@@ -392,63 +442,79 @@ const Y = /* @__PURE__ */ _(re, [["render", we], ["__scopeId", "data-v-9ae9ef89"
|
|
|
392
442
|
},
|
|
393
443
|
emits: ["update"],
|
|
394
444
|
setup(e, { emit: o }) {
|
|
395
|
-
|
|
396
|
-
"4c8120fa":
|
|
397
|
-
"1ae8acfb": p
|
|
445
|
+
A((m) => ({
|
|
446
|
+
"4c8120fa": d(_) + "px",
|
|
447
|
+
"1ae8acfb": d(p) + "px"
|
|
398
448
|
})), console.log("%c✨Welcome to Web-Win-Vue-Item✨", `
|
|
399
449
|
color: #0078d7;
|
|
400
450
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
401
|
-
const
|
|
402
|
-
let
|
|
403
|
-
function
|
|
404
|
-
n.value = !1,
|
|
405
|
-
|
|
451
|
+
const l = e, t = o;
|
|
452
|
+
let i = c(""), n = c(!1), s = c(l.modelValue), h = c(l.title), p = c(0), _ = c(0);
|
|
453
|
+
function f(m) {
|
|
454
|
+
n.value = !1, i.value = "", s.value = m, h.value = l.items[m].name, t("update", m), setTimeout(() => {
|
|
455
|
+
p.value = m * -35, _.value = m * 35 + 17.5;
|
|
406
456
|
}, 100);
|
|
407
457
|
}
|
|
408
|
-
function
|
|
409
|
-
n.value = !n.value,
|
|
458
|
+
function w() {
|
|
459
|
+
n.value = !n.value, i.value = n.value ? "active" : "";
|
|
410
460
|
}
|
|
411
|
-
return (
|
|
461
|
+
return (m, S) => (r(), u("div", Ie, [
|
|
412
462
|
a("div", {
|
|
413
|
-
class:
|
|
414
|
-
onClick:
|
|
415
|
-
},
|
|
416
|
-
|
|
417
|
-
default:
|
|
418
|
-
|
|
419
|
-
a("div",
|
|
420
|
-
(
|
|
463
|
+
class: v(["list-box-button", d(i)]),
|
|
464
|
+
onClick: w
|
|
465
|
+
}, g(d(h)), 3),
|
|
466
|
+
$(M, null, {
|
|
467
|
+
default: B(() => [
|
|
468
|
+
d(n) ? (r(), u("ul", ze, [
|
|
469
|
+
a("div", Ne, [
|
|
470
|
+
(r(!0), u(C, null, H(e.items, (G, V) => (r(), u("li", {
|
|
421
471
|
key: V,
|
|
422
|
-
class:
|
|
423
|
-
onClick: (
|
|
472
|
+
class: v({ active: V === d(s) }),
|
|
473
|
+
onClick: (Oe) => f(V)
|
|
424
474
|
}, [
|
|
425
|
-
a("span",
|
|
426
|
-
], 10,
|
|
475
|
+
a("span", He, g(G.name), 1)
|
|
476
|
+
], 10, Re))), 128))
|
|
427
477
|
])
|
|
428
|
-
])) :
|
|
478
|
+
])) : I("", !0)
|
|
429
479
|
]),
|
|
430
480
|
_: 1
|
|
431
481
|
})
|
|
432
482
|
]));
|
|
433
483
|
}
|
|
434
|
-
},
|
|
484
|
+
}, E = /* @__PURE__ */ b(Te, [["__scopeId", "data-v-5fe19256"]]), Xe = { class: "progress-bar" }, Ye = {
|
|
485
|
+
__name: "webwin-progressbar",
|
|
486
|
+
props: {
|
|
487
|
+
progress: { type: Number, default: 0 }
|
|
488
|
+
},
|
|
489
|
+
setup(e) {
|
|
490
|
+
return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨", `
|
|
491
|
+
color: #0078d7;
|
|
492
|
+
text-shadow: 0 1px 0 #0078d7;`), (o, l) => (r(), u("div", Xe, [
|
|
493
|
+
a("div", {
|
|
494
|
+
class: "progress",
|
|
495
|
+
style: y({ width: e.progress + "%" })
|
|
496
|
+
}, null, 4)
|
|
497
|
+
]));
|
|
498
|
+
}
|
|
499
|
+
}, q = /* @__PURE__ */ b(Ye, [["__scopeId", "data-v-18bec619"]]), De = [q, E, U, L, T, N, X, Y, z, D, O, F], Le = {
|
|
435
500
|
install(e) {
|
|
436
|
-
|
|
437
|
-
e.component("winbutton",
|
|
501
|
+
De.forEach((o) => {
|
|
502
|
+
e.component("winbutton", T), e.component("winitem", N), e.component("wintile", X), e.component("wintab", Y), e.component("wininputbox", z), e.component("winpasswordbox", D), e.component("winricheditbox", O), e.component("winnotifications", F), e.component("wincheckbox", L), e.component("winradio", U), e.component("winlistbox", E), e.component("winprogressbar", q);
|
|
438
503
|
});
|
|
439
504
|
}
|
|
440
505
|
};
|
|
441
506
|
export {
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
507
|
+
Le as default,
|
|
508
|
+
T as winbutton,
|
|
509
|
+
L as wincheckbox,
|
|
510
|
+
z as wininputbox,
|
|
446
511
|
N as winitem,
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
512
|
+
E as winlistbox,
|
|
513
|
+
F as winnotifications,
|
|
514
|
+
D as winpasswordbox,
|
|
515
|
+
q as winprogressbar,
|
|
516
|
+
U as winradio,
|
|
451
517
|
O as winricheditbox,
|
|
452
|
-
|
|
453
|
-
|
|
518
|
+
Y as wintab,
|
|
519
|
+
X as wintile
|
|
454
520
|
};
|
package/web-win-vue.umd.js
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
(function(
|
|
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 u=(t,l)=>{const n=t.__vccOpts||t;for(const[o,s]of l)n[o]=s;return n},_=u({__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
|
|
3
|
+
text-shadow: 0 1px 0 #0078d7;`),(l,n)=>(e.openBlock(),e.createElementBlock("button",null,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-85a8a3fa"]]),W=["value","placeholder"],w=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
|
|
5
|
+
text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(l.value),o=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"uwpinput",value:n.value,placeholder:o.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,W))}}),z={class:"sidebar-text"},M={style:{width:"var(--sb-width, 350px)",margin:"auto"}},D={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},I=["onClick"],T={class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},R=["d"],g=u({__name:"webwin-item",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"Menu"},bartitle:{type:String,default:"Window"}},emits:["update"],setup(t,{emit:l}){console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
|
|
6
6
|
color: #0078d7;
|
|
7
|
-
text-shadow: 0 1px 0 #0078d7;`),(n,
|
|
7
|
+
text-shadow: 0 1px 0 #0078d7;`);const n=l;let o=e.ref("");function s(){o.value===""?(o.value="folded",n("update",!1)):(o.value="",n("update",!0))}return(a,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["side-bar",e.unref(o)])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar",e.unref(o)])},[e.createElementVNode("p",z,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:s},[i[0]||(i[0]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)]),e.createElementVNode("li",{onClick:s,class:e.normalizeClass(["search-fold",e.unref(o)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},null,2)],2),e.createElementVNode("div",M,[e.createVNode(w,{placeholder:"查找",class:e.normalizeClass(["inputbox",e.unref(o)]),style:{"margin-top":"6px",width:"320px",transition:"all 0s ease"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["title",e.unref(o)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(m,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,class:e.normalizeClass({active:r===t.modelValue}),onClick:h=>a.$emit("update:modelValue",r)},[i[2]||(i[2]=e.createElementVNode("span",{class:"indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",T,[e.createElementVNode("path",{d:m.icon},null,8,R)])),e.createElementVNode("span",{class:e.normalizeClass(["label",e.unref(o)])},e.toDisplayString(m.name),3)],10,I))),128))])],2))}},[["__scopeId","data-v-30fc2437"]]);console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
|
|
8
8
|
color: #0078d7;
|
|
9
|
-
text-shadow: 0 1px 0 #0078d7;`);const
|
|
9
|
+
text-shadow: 0 1px 0 #0078d7;`);const F={props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},data(){return{isHovered:!1,mouseX:0,mouseY:0,glowOpacity:0}},computed:{tileStyle(){return{"--tile-color":this.color,"--glow-color":this.glowColor,"--glow-radius":`${this.glowRadius}px`}},glowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.glowOpacity}},pointerGlowStyle(){return{"--x":`${this.mouseX}px`,"--y":`${this.mouseY}px`,opacity:this.isHovered?1:0}}},methods:{handleMouseMove(t){const l=t.currentTarget.getBoundingClientRect();this.mouseX=t.clientX-l.left,this.mouseY=t.clientY-l.top;const n=Math.min(this.mouseX,l.width-this.mouseX,this.mouseY,l.height-this.mouseY),o=this.glowRadius;this.glowOpacity=Math.max(0,(o-n)/o)},handleMouseLeave(){this.isHovered=!1,this.glowOpacity=0}}},H={class:"tile-content"},X={class:"tile-icon"},Y={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},O=["d"],L={class:"tile-title"};function U(t,l,n,o,s,a){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tile",n.size]),style:e.normalizeStyle(a.tileStyle),onMousemove:l[0]||(l[0]=(...i)=>a.handleMouseMove&&a.handleMouseMove(...i)),onMouseenter:l[1]||(l[1]=i=>s.isHovered=!0),onMouseleave:l[2]||(l[2]=(...i)=>a.handleMouseLeave&&a.handleMouseLeave(...i))},[e.createElementVNode("div",H,[e.createElementVNode("div",X,[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",Y,[e.createElementVNode("path",{fill:"white",d:n.icon},null,8,O)]))],!0)]),e.createElementVNode("div",L,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 b=u(F,[["render",U],["__scopeId","data-v-9ae9ef89"]]),j={class:"container"},q=["src"],P=["src"],x={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tab✨",`
|
|
10
10
|
color: #0078d7;
|
|
11
|
-
text-shadow: 0 1px 0 #0078d7;`);const
|
|
11
|
+
text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(0),o=e.ref(0),s=e.ref(l.url[0]);let a=e.ref(""),i=e.ref("");l.titlebar?a.value=l.titlebartext:a.value="",e.watch(n,r=>{console.log("activeIndex changed:",r),console.log("new url:",l.url[r]),s.value=l.url[r],o.value=o.value===0?1:0,console.log("docState:",o.value)});function m(r){r?i.value="":i.value="folded"}return(r,h)=>(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(g,{modelValue:n.value,"onUpdate:modelValue":h[0]||(h[0]=f=>n.value=f),items:t.menu,class:"item-1",bartitle:e.unref(a),onUpdate:m},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[o.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,q),[[e.vShow,o.value===0]])],2)):o.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["iframe-container",e.unref(i)])},[e.withDirectives(e.createElementVNode("iframe",{src:s.value},null,8,P),[[e.vShow,o.value===1]])],2)):e.createCommentVNode("",!0)]),_:1})]))}},G=["value","placeholder"],k=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
|
|
13
|
+
text-shadow: 0 1px 0 #0078d7;`);const l=t,n=e.ref(l.value),o=e.ref(l.placeholder);return(s,a)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"uwppassword",value:n.value,placeholder:o.value,onChange:a[0]||(a[0]=i=>s.$emit("@change",i))},null,40,G))}}),J=["data-placeholder"],y=e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:value","change"],setup(t,{emit:l}){const n=t,o=l,s=e.ref(null),a=e.ref(n.placeholder),i=e.ref(n.value);e.onMounted(()=>{s.value&&(s.value.textContent=n.value||"",i.value=n.value||"")});const m=f=>{if(!s.value)return;const p=s.value.textContent||"";o("update:value",p),e.nextTick(()=>{if(s.value){const d=document.createRange(),$=window.getSelection();d.selectNodeContents(s.value),d.collapse(!1),$?.removeAllRanges(),$?.addRange(d)}})},r=f=>{const p=f.target;p.textContent===n.placeholder&&(p.textContent="")},h=f=>{const p=f.target,d=p.textContent||"";d!==i.value&&(o("change",{target:{value:d}}),i.value=d),d.trim()===""&&(p.textContent="")};return(f,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:s,class:"uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":a.value,onInput:m,onFocus:r,onBlur:h},null,40,J))}}),K=["src"],Q={class:"n-name",style:{display:"inline-block","margin-left":"6px"}},Z={class:"n-text n-title"},A={class:"n-vulua"},V={__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:l}){const n=t;let o=e.ref(!1),s=e.ref(n.img);const a=()=>{o.value=!o.value};function i(){o.value&&setTimeout(()=>{o.value=!1},250)}return l({showNotification:a}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
|
|
14
14
|
color: #0078d7;
|
|
15
|
-
text-shadow: 0 1px 0 #0078d7;`),(m,
|
|
15
|
+
text-shadow: 0 1px 0 #0078d7;`),(m,r)=>(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:i},[e.createElementVNode("img",{src:e.unref(s),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,K),e.createElementVNode("p",Q,e.toDisplayString(t.name),1),e.createElementVNode("h4",Z,e.toDisplayString(t.title),1),e.createElementVNode("p",A,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},v=["name","id"],ee=["for"],E=u(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-Checkbox✨",`
|
|
16
16
|
color: #0078d7;
|
|
17
|
-
text-shadow: 0 1px 0 #0078d7;`),(
|
|
17
|
+
text-shadow: 0 1px 0 #0078d7;`),(s,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]=i=>o.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,v),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-checkbox-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,ee)],64))}}),[["__scopeId","data-v-c289ea76"]]),te=["name","id"],oe=["for"],B=u(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const l=t,n=e.ref(l.name),o=e.ref(l.checked);return console.log("%c✨Welcome to Web-Win-Vue-radio✨",`
|
|
18
18
|
color: #0078d7;
|
|
19
|
-
text-shadow: 0 1px 0 #0078d7;`),(
|
|
19
|
+
text-shadow: 0 1px 0 #0078d7;`),(s,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]=i=>o.value=i),onClick:a[1]||(a[1]=i=>s.$emit("click",i))},null,8,te),[[e.vModelRadio,o.value]]),e.createElementVNode("label",{for:n.value,class:"ww-radio-label"},[e.renderSlot(s.$slots,"default",{},void 0,!0)],8,oe)],64))}}),[["__scopeId","data-v-78978c8c"]]),le={style:{position:"relative"}},ne={key:0,class:"list-box"},ae={style:{overflow:"auto",height:"calc( 100% - 240px )"}},ie=["onClick"],se={class:"label"},C=u({__name:"webwin-listbox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:l}){e.useCssVars(d=>({"4c8120fa":e.unref(h)+"px","1ae8acfb":e.unref(r)+"px"})),console.log("%c✨Welcome to Web-Win-Vue-Item✨",`
|
|
20
20
|
color: #0078d7;
|
|
21
|
-
text-shadow: 0 1px 0 #0078d7;`);const
|
|
21
|
+
text-shadow: 0 1px 0 #0078d7;`);const n=t,o=l;let s=e.ref(""),a=e.ref(!1),i=e.ref(n.modelValue),m=e.ref(n.title),r=e.ref(0),h=e.ref(0);function f(d){a.value=!1,s.value="",i.value=d,m.value=n.items[d].name,o("update",d),setTimeout(()=>{r.value=d*-35,h.value=d*35+17.5},100)}function p(){a.value=!a.value,s.value=a.value?"active":""}return(d,$)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",{class:e.normalizeClass(["list-box-button",e.unref(s)]),onClick:p},e.toDisplayString(e.unref(m)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(a)?(e.openBlock(),e.createElementBlock("ul",ne,[e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(me,S)=>(e.openBlock(),e.createElementBlock("li",{key:S,class:e.normalizeClass({active:S===e.unref(i)}),onClick:_e=>f(S)},[e.createElementVNode("span",se,e.toDisplayString(me.name),1)],10,ie))),128))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-5fe19256"]]),ce={class:"progress-bar"},N=u({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return console.log("%c✨Welcome to Web-Win-Vue-ProgressBar✨",`
|
|
22
|
+
color: #0078d7;
|
|
23
|
+
text-shadow: 0 1px 0 #0078d7;`),(l,n)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",{class:"progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-18bec619"]]),re=[N,C,B,E,_,g,b,x,w,k,y,V],de={install(t){re.forEach(l=>{t.component("winbutton",_),t.component("winitem",g),t.component("wintile",b),t.component("wintab",x),t.component("wininputbox",w),t.component("winpasswordbox",k),t.component("winricheditbox",y),t.component("winnotifications",V),t.component("wincheckbox",E),t.component("winradio",B),t.component("winlistbox",C),t.component("winprogressbar",N)})}};c.default=de,c.winbutton=_,c.wincheckbox=E,c.wininputbox=w,c.winitem=g,c.winlistbox=C,c.winnotifications=V,c.winpasswordbox=k,c.winprogressbar=N,c.winradio=B,c.winricheditbox=y,c.wintab=x,c.wintile=b,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|