web-win-vue 0.7.6 → 0.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/style.css +1 -1
- package/web-win-vue.es.js +267 -239
- package/web-win-vue.umd.js +3 -3
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.webwin-button[data-v-a059307c]{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}.webwin-button[data-v-a059307c]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}.webwin-button[data-v-a059307c]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}.webwin-button[data-v-a059307c]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.webwin-uwpinput[data-v-7641a566]{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:#fff;color:#000;border:none;font-size:16px}.webwin-uwpinput[data-v-7641a566]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.webwin-uwpinput[data-v-7641a566]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwpinput[data-v-7641a566]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-sidebar[data-v-d1920b87]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.webwin-sidebar.folded[data-v-d1920b87]{opacity:0}.webwin-sidebar-text[data-v-d1920b87]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;overflow:hidden}.webwin-side-bar.folded[data-v-d1920b87]{width:55px;overflow-x:hidden}.webwin-search-fold[data-v-d1920b87]{display:none!important}.webwin-search-fold.folded[data-v-d1920b87]{display:flex!important;width:24px;margin-bottom:58px}.webwin-title.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-inputbox.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]:hover{background:#cecece}.webwin-label.folded[data-v-d1920b87]{opacity:0}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#333;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#333;white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;background:#1b1b1b}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-side-bar li[data-v-d1920b87]:hover{background:#252525}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#fff;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#fff;white-space:nowrap;font-size:16px}.webwin-title[data-v-d1920b87]{color:#fff}}.webwin-tile[data-v-51adc759]{--tile-color: #0078d7;--glow-color: rgb(0, 0, 0);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .15s cubic-bezier(.78,.12,0,1)}.webwin-tile.small[data-v-51adc759]{width:70px;height:70px}.webwin-tile.medium[data-v-51adc759]{width:150px;height:150px}.webwin-tile.wide[data-v-51adc759]{width:310px;height:150px}.webwin-tile.large[data-v-51adc759]{width:310px;height:310px}.webwin-tile-content[data-v-51adc759]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.webwin-tile-icon[data-v-51adc759]{font-size:24px;margin-bottom:8px}.webwin-tile-title[data-v-51adc759]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.webwin-glow-border[data-v-51adc759]{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}.webwin-pointer-glow[data-v-51adc759]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:150px;height:150px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .25s ease}.webwin-tile[data-v-51adc759]:active{transform:scale(.9)}.webwin-item-1{display:inline-block;background-color:#e6e6e6}.webwin-iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.webwin-iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.webwin-iframe-container.folded{width:calc(100% - 55px)}.webwin-container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}.webwin-iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}.webwin-iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}.webwin-iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.webwin-uwppassword[data-v-dd8b91fe]{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}.webwin-uwppassword[data-v-dd8b91fe]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwppassword[data-v-dd8b91fe]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwppassword[data-v-dd8b91fe]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-uwprichrditbox[data-v-f7a96b3a]{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}.webwin-uwprichrditbox[data-v-f7a96b3a]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwprichrditbox[data-v-f7a96b3a]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.webwin-uwprichrditbox[data-placeholder][data-v-f7a96b3a]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.webwin-uwprichrditbox[data-v-f7a96b3a]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-notification[data-v-445b06e9]{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:transform .35s cubic-bezier(0,.6,0,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-fade-enter-active[data-v-445b06e9]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-445b06e9]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-445b06e9],.slide-fade-leave-to[data-v-445b06e9]{transform:translate(520px)}.webwin-n-text[data-v-445b06e9]{color:#fff;margin-left:16px}.webwin-n-title[data-v-445b06e9]{margin-top:-2.5px}.webwin-n-vulua[data-v-445b06e9]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.webwin-notification[data-v-445b06e9]:hover{outline:#464646 6px solid;outline-offset:-6px}.webwin-notification[data-v-445b06e9]:active{transform:scale(.925)}.webwin-n-name[data-v-445b06e9]{color:#fff}.webwin-checkbox[type=checkbox][data-v-3b234b99]{position:absolute;opacity:0}.webwin-checkbox-label[data-v-3b234b99]: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}.webwin-checkbox-label[data-v-3b234b99]{display:flex;align-items:center}.webwin-checkbox[type=checkbox]:checked+.webwin-checkbox-label[data-v-3b234b99]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.webwin-checkbox-label[data-v-3b234b99]:hover:before,.webwin-checkbox[type=checkbox]:focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:not(:checked):hover+.webwin-checkbox-label[data-v-3b234b99]:before,.webwin-checkbox[type=checkbox]:not(:checked):focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:checked:hover+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#000}.webwin-radio[type=radio][data-v-04fe95c4]{position:absolute;opacity:0}.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]{display:flex;align-items:center}.webwin-radio[type=radio]:checked+.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]:hover:before,.webwin-radio[type=radio]:focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:not(:checked):hover+.webwin-radio-label[data-v-04fe95c4]:before,.webwin-radio[type=radio]:not(:checked):focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:checked:hover+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#000}.webwin-list-box-button[data-v-ac4b4002]{z-index:10;height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);box-shadow:0 0 0 2px #999 inset;width:300px;background-color:#fff}.webwin-list-box[data-v-ac4b4002]{z-index:1;transform-origin:0 var(--v1be24303);-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:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--v5172b45c)}.webwin-list-box li[data-v-ac4b4002]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.webwin-list-box li[data-v-ac4b4002]:active{transform:scale(.975)}.webwin-list-box li.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.webwin-list-box-button.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.webwin-list-box li[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-list-box li.active[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #6db9f3)}.webwin-label[data-v-ac4b4002]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-ac4b4002],.v-leave-to[data-v-ac4b4002]{transform:scaleY(0)}.webwin-progress-bar[data-v-9ef8a457]{width:100%;height:5px;background-color:#e0e0e0}.webwin-progress[data-v-9ef8a457]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.webwin-window-background[data-v-e4bb637e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.webwin-window[data-v-e4bb637e]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.webwin-window-button[data-v-e4bb637e]{display:inline-block;width:244px}.webwin-window-title[data-v-e4bb637e]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-e4bb637e],.v-leave-active[data-v-e4bb637e]{transition:all .225s cubic-bezier(0,0,0,1)}.webwin-window.v-enter-from[data-v-e4bb637e],.webwin-window.v-leave-to[data-v-e4bb637e]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.webwin-window-background.v-enter-from[data-v-e4bb637e],.webwin-window-background.v-leave-to[data-v-e4bb637e]{opacity:0}.webwin-card[data-v-26a8c2e0]{height:300px;width:300px;background:#e4e4e4}@media (prefers-color-scheme: dark){.webwin-card[data-v-26a8c2e0]{background-color:#1a1a1a;color:#fff}}.webwin-dropdown-container[data-v-2d220786]{transform-origin:center}.webwin-dropdown[data-v-2d220786]{z-index:101;-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:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--v08042082);top:var(--v6fe54d61);border:2px solid #cdcdcd}.webwin-dropdown_backgroud[data-v-2d220786]{position:fixed;inset:0;background-color:#0000;z-index:100}.webwin-dropdown li[data-v-2d220786]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.webwin-dropdown li[data-v-2d220786]:active{transform:scale(.975)}.webwin-dropdown li[data-v-2d220786]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-label[data-v-2d220786]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-2d220786]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-2d220786]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-2d220786],.v-leave-to[data-v-2d220786]{opacity:0;position:fixed}.webwin-topappbar[data-v-ef60c98a]{position:sticky;top:0;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:330px;font-size:14px;background-color:#ebebebf3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);width:100%}.webwin-topappbar li[data-v-ef60c98a]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:10px 15px 0}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#cecece}.webwin-topappbar-label[data-v-ef60c98a]{color:#333;white-space:nowrap;font-size:16px}.webwin-topappbar-indicator[data-v-ef60c98a]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.webwin-topappbar-indicator-not[data-v-ef60c98a]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}@media (prefers-color-scheme: dark){.webwin-topappbar[data-v-ef60c98a]{background-color:#363636;color:#fff}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#252525;color:#fff}.webwin-topappbar-label[data-v-ef60c98a]{color:#fff}.webwin-topappbar-indicator[data-v-ef60c98a]{background-color:#4b99da}}.webwin-slider[data-v-480ca2b0]{--l: 2px;--s: 20px;width:600px;appearance:none;background:none;cursor:default;overflow:hidden}.webwin-slider[type=range i][data-v-480ca2b0]::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px inset var(--v23dfb612);border-image:linear-gradient(90deg,var(--v23dfb612) 50%,#ababab 0) 0 1/ calc(50% - 1px) 100vw/0 calc(100vw + 0px);-webkit-appearance:none;appearance:none}
|
|
1
|
+
.webwin-button[data-v-a059307c]{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}.webwin-button[data-v-a059307c]:active{cursor:default;transition:opacity .3s ease;transform:scale(.97);filter:blur(.5px);outline:0px solid #999999;background:var(--primary-color, #999999)}.webwin-button[data-v-a059307c]:hover{cursor:default;outline:2.75px solid #999999;outline-offset:-2.75px}.webwin-button[data-v-a059307c]:disabled{transition:opacity 0s ease;transform:scale(1);filter:blur(0);outline:0px solid #7A7A7A;color:#919191;background:#ccc;cursor:not-allowed}.webwin-uwpinput[data-v-7641a566]{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:#fff;color:#000;border:none;font-size:16px}.webwin-uwpinput[data-v-7641a566]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px;background:#fff}.webwin-uwpinput[data-v-7641a566]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwpinput[data-v-7641a566]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-sidebar[data-v-d1920b87]{width:380px;height:36px;display:inline-flex;align-items:center;background-color:#e6e6e6}.webwin-sidebar.folded[data-v-d1920b87]{opacity:0}.webwin-sidebar-text[data-v-d1920b87]{-webkit-user-select:none;user-select:none;margin-left:16px;font-size:16px;margin-top:0;margin-bottom:0;background-color:#e6e6e6}.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;overflow:hidden}.webwin-side-bar.folded[data-v-d1920b87]{width:55px;overflow-x:hidden}.webwin-search-fold[data-v-d1920b87]{display:none!important}.webwin-search-fold.folded[data-v-d1920b87]{display:flex!important;width:24px;margin-bottom:58px}.webwin-title.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-inputbox.folded[data-v-d1920b87]{display:none}.webwin-side-bar li[data-v-d1920b87]:hover{background:#cecece}.webwin-label.folded[data-v-d1920b87]{opacity:0}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#333;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#333;white-space:nowrap;font-size:16px}@media (prefers-color-scheme: dark){.webwin-side-bar[data-v-d1920b87]{-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:380px;font-size:14px;background:#1b1b1b}.webwin-side-bar li[data-v-d1920b87]{position:relative;display:flex;align-items:center;padding:10px 16px}.webwin-side-bar li[data-v-d1920b87]:hover{background:#252525}.webwin-indicator[data-v-d1920b87]{position:absolute;left:0;top:50%;margin-top:-12.5px;bottom:0;width:3px;background:#006fd0;transform:scaleY(0);height:26px;line-height:100px;width:4px}.webwin-side-bar li.active .webwin-indicator[data-v-d1920b87]{transform:scaleY(1)}.webwin-icon[data-v-d1920b87]{width:20px;height:38px;margin-right:12px;color:#fff;flex-shrink:0}.webwin-label[data-v-d1920b87]{color:#fff;white-space:nowrap;font-size:16px}.webwin-title[data-v-d1920b87]{color:#fff}}.webwin-tile[data-v-51adc759]{--tile-color: #0078d7;--glow-color: rgb(0, 0, 0);--glow-radius: 20px;position:relative;background-color:var(--tile-color);color:#fff;overflow:hidden;transition:all .15s cubic-bezier(.78,.12,0,1)}.webwin-tile.small[data-v-51adc759]{width:70px;height:70px}.webwin-tile.medium[data-v-51adc759]{width:150px;height:150px}.webwin-tile.wide[data-v-51adc759]{width:310px;height:150px}.webwin-tile.large[data-v-51adc759]{width:310px;height:310px}.webwin-tile-content[data-v-51adc759]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.webwin-tile-icon[data-v-51adc759]{font-size:24px;margin-bottom:8px}.webwin-tile-title[data-v-51adc759]{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700;position:absolute;bottom:26px;left:8px}.webwin-glow-border[data-v-51adc759]{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}.webwin-pointer-glow[data-v-51adc759]{position:absolute;top:calc(var(--y) - 50px);left:calc(var(--x) - 50px);width:150px;height:150px;border-radius:60%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .25s ease}.webwin-tile[data-v-51adc759]:active{transform:scale(.9)}.webwin-item-1{display:inline-block;background-color:#e6e6e6}.webwin-iframe{border:none;display:inline-block;width:100%;height:calc(100% - 73.9px);background-color:#fff}.webwin-iframe-container{width:calc(100% - 380px);height:100%;position:relative;display:inline-block;overflow:auto;margin-left:24px}.webwin-iframe-container.folded{width:calc(100% - 55px)}.webwin-container{display:flex;height:calc(100% - .9px);background-color:#fff}.fade-enter-active{transition:all .35s ease}.fade-enter-from{opacity:0;transform:translateY(300px)}.webwin-iframe::-webkit-scrollbar{width:4px;height:16px;background-color:#e6e6e6}.webwin-iframe::-webkit-scrollbar-track{border-radius:0;background-color:#fff0}.webwin-iframe::-webkit-scrollbar-thumb{border-radius:0;background-color:#818181}.webwin-uwppassword[data-v-dd8b91fe]{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}.webwin-uwppassword[data-v-dd8b91fe]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwppassword[data-v-dd8b91fe]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}@media (prefers-color-scheme: dark){.webwin-uwppassword[data-v-dd8b91fe]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-uwprichrditbox[data-v-f7a96b3a]{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}.webwin-uwprichrditbox[data-v-f7a96b3a]:focus{outline:2.75px solid #0078D4;outline-offset:-2.75px}.webwin-uwprichrditbox[data-v-f7a96b3a]:disabled{background-color:#ccc;outline:2.75px solid #CCCCCC;cursor:not-allowed;color:#7a7a7a}.webwin-uwprichrditbox[data-placeholder][data-v-f7a96b3a]:empty:before{content:attr(data-placeholder);color:#666}@media (prefers-color-scheme: dark){.webwin-uwprichrditbox[data-v-f7a96b3a]{color:#919191;background:var(--primary-color, rgb(0, 0, 0))}}.webwin-notification[data-v-445b06e9]{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:transform .35s cubic-bezier(0,.6,0,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-fade-enter-active[data-v-445b06e9]{transition:all .4s cubic-bezier(0,.6,0,1)}.slide-fade-leave-active[data-v-445b06e9]{transition:all .55s cubic-bezier(.6,0,0,1)}.slide-fade-enter-from[data-v-445b06e9],.slide-fade-leave-to[data-v-445b06e9]{transform:translate(520px)}.webwin-n-text[data-v-445b06e9]{color:#fff;margin-left:16px}.webwin-n-title[data-v-445b06e9]{margin-top:-2.5px}.webwin-n-vulua[data-v-445b06e9]{margin-left:16px;color:#a3a3a3;margin-top:-18px}.webwin-notification[data-v-445b06e9]:hover{outline:#464646 6px solid;outline-offset:-6px}.webwin-notification[data-v-445b06e9]:active{transform:scale(.925)}.webwin-n-name[data-v-445b06e9]{color:#fff}.webwin-checkbox[type=checkbox][data-v-3b234b99]{position:absolute;opacity:0}.webwin-checkbox-label[data-v-3b234b99]: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}.webwin-checkbox-label[data-v-3b234b99]{display:flex;align-items:center}.webwin-checkbox[type=checkbox]:checked+.webwin-checkbox-label[data-v-3b234b99]:before{background-color:#0077d7;border-color:#0077d7;content:"√";color:#fff;line-height:1.25em;font-size:1.1em;text-align:center}.webwin-checkbox-label[data-v-3b234b99]:hover:before,.webwin-checkbox[type=checkbox]:focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:not(:checked):hover+.webwin-checkbox-label[data-v-3b234b99]:before,.webwin-checkbox[type=checkbox]:not(:checked):focus+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#0077d7}.webwin-checkbox[type=checkbox]:checked:hover+.webwin-checkbox-label[data-v-3b234b99]:before{border-color:#000}.webwin-radio[type=radio][data-v-04fe95c4]{position:absolute;opacity:0}.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]{display:flex;align-items:center}.webwin-radio[type=radio]:checked+.webwin-radio-label[data-v-04fe95c4]: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}.webwin-radio-label[data-v-04fe95c4]:hover:before,.webwin-radio[type=radio]:focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:not(:checked):hover+.webwin-radio-label[data-v-04fe95c4]:before,.webwin-radio[type=radio]:not(:checked):focus+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#0077d7}.webwin-radio[type=radio]:checked:hover+.webwin-radio-label[data-v-04fe95c4]:before{border-color:#000}.webwin-list-box-button[data-v-ac4b4002]{z-index:10;height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);box-shadow:0 0 0 2px #999 inset;width:300px;background-color:#fff}.webwin-list-box[data-v-ac4b4002]{z-index:1;transform-origin:0 var(--v1be24303);-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:#ebebebf3;position:absolute;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0 0 30px #7d7d7dbf;top:var(--v5172b45c)}.webwin-list-box li[data-v-ac4b4002]{height:15px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:all .15s cubic-bezier(.05,-.01,0,1)}.webwin-list-box li[data-v-ac4b4002]:active{transform:scale(.975)}.webwin-list-box li.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);opacity:0}.webwin-list-box-button.active[data-v-ac4b4002]{background:var(--sb-hover-bg, #6db9f3);box-shadow:0 0 0 2px #6db9f3 inset}.webwin-list-box li[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-list-box li.active[data-v-ac4b4002]:hover{background:var(--sb-hover-bg, #6db9f3)}.webwin-label[data-v-ac4b4002]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7dbf;transition:all .15s cubic-bezier(.05,-.01,0,1)}.v-leave-active[data-v-ac4b4002]{box-shadow:0 0 30px #7d7d7d00;transition:all 75ms cubic-bezier(.05,-.01,0,1)}.v-enter-from[data-v-ac4b4002],.v-leave-to[data-v-ac4b4002]{transform:scaleY(0)}.webwin-progress-bar[data-v-9ef8a457]{width:100%;height:5px;background-color:#e0e0e0}.webwin-progress[data-v-9ef8a457]{background-color:#006fd0;height:5px;transition:width .25s cubic-bezier(0,0,0,1)}.webwin-window-background[data-v-e4bb637e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.webwin-window[data-v-e4bb637e]{background-color:#f2f2f2;margin:auto;min-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:#006fd0 2px solid;z-index:999}.webwin-window-button[data-v-e4bb637e]{display:inline-block;width:244px}.webwin-window-title[data-v-e4bb637e]{font-weight:400;margin-left:24px;margin-right:24px;width:calc(100% - 48px);white-space:pre-line;margin-bottom:8px}.v-enter-active[data-v-e4bb637e],.v-leave-active[data-v-e4bb637e]{transition:all .225s cubic-bezier(0,0,0,1)}.webwin-window.v-enter-from[data-v-e4bb637e],.webwin-window.v-leave-to[data-v-e4bb637e]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.webwin-window-background.v-enter-from[data-v-e4bb637e],.webwin-window-background.v-leave-to[data-v-e4bb637e]{opacity:0}.webwin-card[data-v-26a8c2e0]{height:300px;width:300px;background:#e4e4e4}@media (prefers-color-scheme: dark){.webwin-card[data-v-26a8c2e0]{background-color:#1a1a1a;color:#fff}}.webwin-dropdown-container[data-v-2d220786]{transform-origin:center}.webwin-dropdown[data-v-2d220786]{z-index:101;-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:#ebebebf3;position:fixed;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);left:var(--v08042082);top:var(--v6fe54d61);border:2px solid #cdcdcd}.webwin-dropdown_backgroud[data-v-2d220786]{position:fixed;inset:0;background-color:#0000;z-index:100}.webwin-dropdown li[data-v-2d220786]{height:18px;position:relative;display:flex;align-items:center;padding:var(--sb-pad, 10px 15px);transition:transform .15s cubic-bezier(.05,-.01,0,1)}.webwin-dropdown li[data-v-2d220786]:active{transform:scale(.975)}.webwin-dropdown li[data-v-2d220786]:hover{background:var(--sb-hover-bg, #cecece)}.webwin-label[data-v-2d220786]{color:var(--sb-label-color, #333);white-space:nowrap;font-size:16px}.v-enter-active[data-v-2d220786]{transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-leave-active[data-v-2d220786]{box-shadow:0 0 30px #7d7d7d00;transition:all .15s cubic-bezier(.05,-.01,0,1);position:fixed}.v-enter-from[data-v-2d220786],.v-leave-to[data-v-2d220786]{opacity:0;position:fixed}.webwin-topappbar[data-v-ef60c98a]{position:sticky;top:0;-webkit-user-select:none;user-select:none;list-style:none;margin:0;padding:0;width:330px;font-size:14px;background-color:#ebebebf3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);width:100%}.webwin-topappbar li[data-v-ef60c98a]{transform-origin:center;position:relative;display:inline-block;align-items:center;padding:10px 15px 0}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#cecece}.webwin-topappbar-label[data-v-ef60c98a]{color:#333;white-space:nowrap;font-size:16px}.webwin-topappbar-indicator[data-v-ef60c98a]{height:2.5px;background-color:#006fd0;width:26px;margin:8px auto 0;display:block}.webwin-topappbar-indicator-not[data-v-ef60c98a]{height:2.5px;background-color:#006fd000;width:26px;margin:8px auto 0;display:block}@media (prefers-color-scheme: dark){.webwin-topappbar[data-v-ef60c98a]{background-color:#363636;color:#fff}.webwin-topappbar .webwin-topappbar-item[data-v-ef60c98a]:hover{background:#252525;color:#fff}.webwin-topappbar-label[data-v-ef60c98a]{color:#fff}.webwin-topappbar-indicator[data-v-ef60c98a]{background-color:#4b99da}}.webwin-slider[data-v-480ca2b0]{--l: 2px;--s: 20px;width:600px;appearance:none;background:none;cursor:default;overflow:hidden}.webwin-slider[type=range i][data-v-480ca2b0]::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px inset var(--v23dfb612);border-image:linear-gradient(90deg,var(--v23dfb612) 50%,#ababab 0) 0 1/ calc(50% - 1px) 100vw/0 calc(100vw + 0px);-webkit-appearance:none;appearance:none}.webwin-listview{height:64px;width:100%;background-color:#fff;-webkit-user-select:none;user-select:none;transition:.25s transform cubic-bezier(.075,.82,.165,1)}.webwin-listview:hover{background-color:#e7e7ea}.webwin-listview.active{background-color:#96c5ee}.webwin-listview.active:hover{background-color:#66aceb}.webwin-listview-context{transition:.25s transform cubic-bezier(.075,.82,.165,1)}.webwin-listview:active *{transform:scale(.99)}
|
package/web-win-vue.es.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { createElementBlock as u, openBlock as c, renderSlot as k, defineComponent as I, ref as r, normalizeClass as h, unref as p, createElementVNode as l, toDisplayString as x, createVNode as S, Fragment as $, renderList as V, computed as T, normalizeStyle as W, watch as oe, Transition as z, withCtx as M, createCommentVNode as C, withDirectives as N, vShow as O, onMounted as ae, nextTick as ie, createBlock as D, vModelCheckbox as se, vModelRadio as ce, useCssVars as q, createTextVNode as re, isRef as E, KeepAlive as ue, mergeModels as de, useModel as we, vModelText as pe } from "vue";
|
|
2
2
|
const g = (e, a) => {
|
|
3
3
|
const o = e.__vccOpts || e;
|
|
4
4
|
for (const [t, n] of a)
|
|
5
5
|
o[t] = n;
|
|
6
6
|
return o;
|
|
7
|
-
},
|
|
8
|
-
function
|
|
9
|
-
return
|
|
7
|
+
}, ve = {}, me = { class: "webwin-button" };
|
|
8
|
+
function be(e, a) {
|
|
9
|
+
return c(), u("button", me, [
|
|
10
10
|
k(e.$slots, "default", {}, void 0, !0)
|
|
11
11
|
]);
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const F = /* @__PURE__ */ g(ve, [["render", be], ["__scopeId", "data-v-a059307c"]]), _e = ["value", "placeholder"], fe = /* @__PURE__ */ I({
|
|
14
14
|
__name: "webwin-inputbox",
|
|
15
15
|
props: { value: String, placeholder: String },
|
|
16
16
|
setup(e) {
|
|
17
|
-
const o =
|
|
18
|
-
return (t, n) => (
|
|
17
|
+
const o = r(e.placeholder);
|
|
18
|
+
return (t, n) => (c(), u("input", {
|
|
19
19
|
type: "text",
|
|
20
20
|
name: "fname",
|
|
21
21
|
class: "webwin-uwpinput",
|
|
22
22
|
value: e.value,
|
|
23
23
|
placeholder: o.value,
|
|
24
|
-
onChange: n[0] || (n[0] = (
|
|
25
|
-
}, null, 40,
|
|
24
|
+
onChange: n[0] || (n[0] = (s) => t.$emit("@change", s))
|
|
25
|
+
}, null, 40, _e));
|
|
26
26
|
}
|
|
27
|
-
}),
|
|
27
|
+
}), U = /* @__PURE__ */ g(fe, [["__scopeId", "data-v-7641a566"]]), he = { class: "webwin-sidebar-text" }, ge = { style: { width: "350px", margin: "auto" } }, xe = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, ye = ["onClick"], $e = {
|
|
28
28
|
class: "webwin-icon",
|
|
29
29
|
viewBox: "0 0 1024 1024",
|
|
30
30
|
fill: "currentColor",
|
|
31
31
|
"aria-hidden": "true",
|
|
32
32
|
height: "16"
|
|
33
|
-
},
|
|
33
|
+
}, ke = ["d"], Ce = {
|
|
34
34
|
__name: "webwin-sidebar",
|
|
35
35
|
props: {
|
|
36
36
|
items: { type: Array, required: !0 },
|
|
@@ -41,24 +41,24 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
41
41
|
emits: ["update"],
|
|
42
42
|
setup(e, { emit: a }) {
|
|
43
43
|
const o = a;
|
|
44
|
-
let t =
|
|
44
|
+
let t = r("");
|
|
45
45
|
function n() {
|
|
46
46
|
t.value === "" ? (t.value = "folded", o("update", !1)) : (t.value = "", o("update", !0));
|
|
47
47
|
}
|
|
48
|
-
return (
|
|
49
|
-
class: h(["webwin-side-bar",
|
|
48
|
+
return (s, i) => (c(), u("ul", {
|
|
49
|
+
class: h(["webwin-side-bar", p(t)])
|
|
50
50
|
}, [
|
|
51
51
|
l("div", {
|
|
52
|
-
class: h(["webwin-sidebar",
|
|
52
|
+
class: h(["webwin-sidebar", p(t)])
|
|
53
53
|
}, [
|
|
54
|
-
l("p",
|
|
54
|
+
l("p", he, x(e.bartitle), 1)
|
|
55
55
|
], 2),
|
|
56
56
|
l("div", null, [
|
|
57
57
|
l("li", {
|
|
58
58
|
style: { "margin-top": "24px", width: "24px" },
|
|
59
59
|
onClick: n
|
|
60
60
|
}, [
|
|
61
|
-
|
|
61
|
+
i[0] || (i[0] = l("svg", {
|
|
62
62
|
class: "webwin-icon",
|
|
63
63
|
viewBox: "0 0 1024 1024",
|
|
64
64
|
fill: "currentColor",
|
|
@@ -71,14 +71,14 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
71
71
|
})
|
|
72
72
|
], -1)),
|
|
73
73
|
l("span", {
|
|
74
|
-
class: h(["webwin-label",
|
|
74
|
+
class: h(["webwin-label", p(t)])
|
|
75
75
|
}, null, 2)
|
|
76
76
|
]),
|
|
77
77
|
l("li", {
|
|
78
78
|
onClick: n,
|
|
79
|
-
class: h(["webwin-search-fold",
|
|
79
|
+
class: h(["webwin-search-fold", p(t)])
|
|
80
80
|
}, [
|
|
81
|
-
|
|
81
|
+
i[1] || (i[1] = l("svg", {
|
|
82
82
|
class: "webwin-icon",
|
|
83
83
|
viewBox: "0 0 1024 1024",
|
|
84
84
|
fill: "currentColor",
|
|
@@ -91,46 +91,46 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
91
91
|
})
|
|
92
92
|
], -1)),
|
|
93
93
|
l("span", {
|
|
94
|
-
class: h(["webwin-label",
|
|
94
|
+
class: h(["webwin-label", p(t)])
|
|
95
95
|
}, null, 2)
|
|
96
96
|
], 2),
|
|
97
|
-
l("div",
|
|
98
|
-
|
|
97
|
+
l("div", ge, [
|
|
98
|
+
S(U, {
|
|
99
99
|
placeholder: "查找",
|
|
100
|
-
class: h(["webwin-inputbox",
|
|
100
|
+
class: h(["webwin-inputbox", p(t)]),
|
|
101
101
|
style: { "margin-top": "6px", width: "320px" }
|
|
102
102
|
}, null, 8, ["class"])
|
|
103
103
|
]),
|
|
104
104
|
l("h3", {
|
|
105
105
|
style: { "margin-top": "26px", "margin-bottom": "26px", "margin-left": "18px" },
|
|
106
|
-
class: h(["webwin-title",
|
|
106
|
+
class: h(["webwin-title", p(t)])
|
|
107
107
|
}, x(e.title), 3)
|
|
108
108
|
]),
|
|
109
|
-
l("div",
|
|
110
|
-
(
|
|
111
|
-
key:
|
|
112
|
-
class: h({ active:
|
|
113
|
-
onClick: (m) =>
|
|
109
|
+
l("div", xe, [
|
|
110
|
+
(c(!0), u($, null, V(e.items, (b, d) => (c(), u("li", {
|
|
111
|
+
key: d,
|
|
112
|
+
class: h({ active: d === e.modelValue }),
|
|
113
|
+
onClick: (m) => s.$emit("update:modelValue", d)
|
|
114
114
|
}, [
|
|
115
|
-
|
|
116
|
-
(
|
|
115
|
+
i[2] || (i[2] = l("span", { class: "webwin-indicator" }, null, -1)),
|
|
116
|
+
(c(), u("svg", $e, [
|
|
117
117
|
l("path", {
|
|
118
118
|
d: b.icon
|
|
119
|
-
}, null, 8,
|
|
119
|
+
}, null, 8, ke)
|
|
120
120
|
])),
|
|
121
121
|
l("span", {
|
|
122
|
-
class: h(["webwin-label",
|
|
122
|
+
class: h(["webwin-label", p(t)])
|
|
123
123
|
}, x(b.name), 3)
|
|
124
|
-
], 10,
|
|
124
|
+
], 10, ye))), 128))
|
|
125
125
|
])
|
|
126
126
|
], 2));
|
|
127
127
|
}
|
|
128
|
-
}, H = /* @__PURE__ */ g(
|
|
128
|
+
}, H = /* @__PURE__ */ g(Ce, [["__scopeId", "data-v-d1920b87"]]), Me = { class: "webwin-tile-content" }, Se = { class: "webwin-tile-icon" }, Ve = {
|
|
129
129
|
xmlns: "http://www.w3.org/2000/svg",
|
|
130
130
|
viewBox: "0 0 24 24",
|
|
131
131
|
width: "24",
|
|
132
132
|
height: "24"
|
|
133
|
-
},
|
|
133
|
+
}, Ie = ["d"], Be = { class: "webwin-tile-title" }, ze = /* @__PURE__ */ I({
|
|
134
134
|
__name: "webwin-tile",
|
|
135
135
|
props: {
|
|
136
136
|
size: { default: "medium" },
|
|
@@ -144,50 +144,50 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
144
144
|
console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
|
|
145
145
|
color: #0078d7;
|
|
146
146
|
text-shadow: 0 1px 0 #0078d7;`);
|
|
147
|
-
const a = e, o =
|
|
147
|
+
const a = e, o = r(!1), t = r(0), n = r(0), s = r(0), i = T(() => ({
|
|
148
148
|
"--tile-color": a.color,
|
|
149
149
|
"--glow-color": a.glowColor,
|
|
150
150
|
"--glow-radius": `${a.glowRadius}px`
|
|
151
151
|
})), b = T(() => ({
|
|
152
152
|
"--x": `${t.value}px`,
|
|
153
153
|
"--y": `${n.value}px`,
|
|
154
|
-
opacity:
|
|
155
|
-
})),
|
|
154
|
+
opacity: s.value
|
|
155
|
+
})), d = T(() => ({
|
|
156
156
|
"--x": `${t.value}px`,
|
|
157
157
|
"--y": `${n.value}px`,
|
|
158
158
|
opacity: o.value ? 1 : 0
|
|
159
159
|
})), m = (v) => {
|
|
160
|
-
const
|
|
161
|
-
t.value = v.clientX -
|
|
162
|
-
const
|
|
160
|
+
const w = v.currentTarget.getBoundingClientRect();
|
|
161
|
+
t.value = v.clientX - w.left, n.value = v.clientY - w.top;
|
|
162
|
+
const f = Math.min(
|
|
163
163
|
t.value,
|
|
164
|
-
|
|
164
|
+
w.width - t.value,
|
|
165
165
|
n.value,
|
|
166
|
-
|
|
166
|
+
w.height - n.value
|
|
167
167
|
), y = a.glowRadius;
|
|
168
|
-
|
|
169
|
-
},
|
|
170
|
-
o.value = !1,
|
|
168
|
+
s.value = Math.max(0, (y - f) / y);
|
|
169
|
+
}, _ = () => {
|
|
170
|
+
o.value = !1, s.value = 0;
|
|
171
171
|
};
|
|
172
|
-
return (v,
|
|
172
|
+
return (v, w) => (c(), u("div", {
|
|
173
173
|
class: h(["webwin-tile", e.size]),
|
|
174
|
-
style: W(
|
|
174
|
+
style: W(i.value),
|
|
175
175
|
onMousemove: m,
|
|
176
|
-
onMouseenter:
|
|
177
|
-
onMouseleave:
|
|
176
|
+
onMouseenter: w[0] || (w[0] = (f) => o.value = !0),
|
|
177
|
+
onMouseleave: _
|
|
178
178
|
}, [
|
|
179
|
-
l("div",
|
|
179
|
+
l("div", Me, [
|
|
180
180
|
l("div", Se, [
|
|
181
181
|
k(v.$slots, "icon", {}, () => [
|
|
182
|
-
(
|
|
182
|
+
(c(), u("svg", Ve, [
|
|
183
183
|
l("path", {
|
|
184
184
|
fill: "white",
|
|
185
185
|
d: e.icon
|
|
186
|
-
}, null, 8,
|
|
186
|
+
}, null, 8, Ie)
|
|
187
187
|
]))
|
|
188
188
|
], !0)
|
|
189
189
|
]),
|
|
190
|
-
l("div",
|
|
190
|
+
l("div", Be, x(e.title), 1)
|
|
191
191
|
]),
|
|
192
192
|
l("div", {
|
|
193
193
|
class: "webwin-glow-border",
|
|
@@ -195,60 +195,60 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
195
195
|
}, null, 4),
|
|
196
196
|
l("div", {
|
|
197
197
|
class: "webwin-pointer-glow",
|
|
198
|
-
style: W(
|
|
198
|
+
style: W(d.value)
|
|
199
199
|
}, null, 4)
|
|
200
200
|
], 38));
|
|
201
201
|
}
|
|
202
|
-
}),
|
|
202
|
+
}), L = /* @__PURE__ */ g(ze, [["__scopeId", "data-v-51adc759"]]), Ne = { class: "webwin-container" }, Re = ["src"], We = ["src"], X = {
|
|
203
203
|
__name: "webwin-tab",
|
|
204
204
|
props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
|
|
205
205
|
setup(e) {
|
|
206
|
-
const a = e, o =
|
|
207
|
-
let
|
|
208
|
-
a.titlebar ?
|
|
209
|
-
console.log("activeIndex changed:",
|
|
206
|
+
const a = e, o = r(0), t = r(0), n = r(a.url[0]);
|
|
207
|
+
let s = r(""), i = r("");
|
|
208
|
+
a.titlebar ? s.value = a.titlebartext : s.value = "", oe(o, (d) => {
|
|
209
|
+
console.log("activeIndex changed:", d), console.log("new url:", a.url[d]), n.value = a.url[d], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
|
|
210
210
|
});
|
|
211
|
-
function b(
|
|
212
|
-
|
|
211
|
+
function b(d) {
|
|
212
|
+
d ? i.value = "" : i.value = "folded";
|
|
213
213
|
}
|
|
214
|
-
return (
|
|
215
|
-
|
|
214
|
+
return (d, m) => (c(), u("div", Ne, [
|
|
215
|
+
S(H, {
|
|
216
216
|
modelValue: o.value,
|
|
217
|
-
"onUpdate:modelValue": m[0] || (m[0] = (
|
|
217
|
+
"onUpdate:modelValue": m[0] || (m[0] = (_) => o.value = _),
|
|
218
218
|
items: e.menu,
|
|
219
219
|
class: "webwin-item-1",
|
|
220
|
-
bartitle:
|
|
220
|
+
bartitle: p(s),
|
|
221
221
|
onUpdate: b
|
|
222
222
|
}, null, 8, ["modelValue", "items", "bartitle"]),
|
|
223
|
-
|
|
223
|
+
S(z, {
|
|
224
224
|
name: "fade",
|
|
225
225
|
mode: "out-in"
|
|
226
226
|
}, {
|
|
227
|
-
default:
|
|
228
|
-
t.value === 0 ? (
|
|
227
|
+
default: M(() => [
|
|
228
|
+
t.value === 0 ? (c(), u("div", {
|
|
229
229
|
key: "state0",
|
|
230
|
-
class: h(["webwin-iframe-container",
|
|
230
|
+
class: h(["webwin-iframe-container", p(i)])
|
|
231
231
|
}, [
|
|
232
|
-
k(
|
|
232
|
+
k(d.$slots, "default", {}, () => [
|
|
233
233
|
N(l("iframe", {
|
|
234
234
|
src: n.value,
|
|
235
235
|
style: { "margin-top": "70px" },
|
|
236
236
|
class: "webwin-iframe"
|
|
237
|
-
}, null, 8,
|
|
238
|
-
[
|
|
237
|
+
}, null, 8, Re), [
|
|
238
|
+
[O, t.value === 0]
|
|
239
239
|
])
|
|
240
240
|
])
|
|
241
|
-
], 2)) : t.value === 1 ? (
|
|
241
|
+
], 2)) : t.value === 1 ? (c(), u("div", {
|
|
242
242
|
key: "state1",
|
|
243
|
-
class: h(["webwin-iframe-container",
|
|
243
|
+
class: h(["webwin-iframe-container", p(i)])
|
|
244
244
|
}, [
|
|
245
|
-
k(
|
|
245
|
+
k(d.$slots, "default", {}, () => [
|
|
246
246
|
N(l("iframe", {
|
|
247
247
|
src: n.value,
|
|
248
248
|
style: { "margin-top": "70px" },
|
|
249
249
|
class: "webwin-iframe"
|
|
250
|
-
}, null, 8,
|
|
251
|
-
[
|
|
250
|
+
}, null, 8, We), [
|
|
251
|
+
[O, t.value === 1]
|
|
252
252
|
])
|
|
253
253
|
])
|
|
254
254
|
], 2)) : C("", !0)
|
|
@@ -257,21 +257,21 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
257
257
|
})
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
},
|
|
260
|
+
}, Te = ["value", "placeholder"], De = /* @__PURE__ */ I({
|
|
261
261
|
__name: "webwin-passwordbox",
|
|
262
262
|
props: { value: String, placeholder: String },
|
|
263
263
|
setup(e) {
|
|
264
|
-
const a = e, o =
|
|
265
|
-
return (n,
|
|
264
|
+
const a = e, o = r(a.value), t = r(a.placeholder);
|
|
265
|
+
return (n, s) => (c(), u("input", {
|
|
266
266
|
type: "password",
|
|
267
267
|
name: "fname",
|
|
268
268
|
class: "webwin-uwppassword",
|
|
269
269
|
value: o.value,
|
|
270
270
|
placeholder: t.value,
|
|
271
|
-
onChange:
|
|
272
|
-
}, null, 40,
|
|
271
|
+
onChange: s[0] || (s[0] = (i) => n.$emit("@change", i))
|
|
272
|
+
}, null, 40, Te));
|
|
273
273
|
}
|
|
274
|
-
}), Y = /* @__PURE__ */ g(
|
|
274
|
+
}), Y = /* @__PURE__ */ g(De, [["__scopeId", "data-v-dd8b91fe"]]), qe = ["data-placeholder"], Fe = /* @__PURE__ */ I({
|
|
275
275
|
__name: "webwin-richeditbox",
|
|
276
276
|
props: {
|
|
277
277
|
value: { type: String, default: "" },
|
|
@@ -279,131 +279,131 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
279
279
|
},
|
|
280
280
|
emits: ["update", "change"],
|
|
281
281
|
setup(e, { emit: a }) {
|
|
282
|
-
const o = e, t = a, n =
|
|
283
|
-
|
|
284
|
-
n.value && (n.value.textContent = o.value || "",
|
|
282
|
+
const o = e, t = a, n = r(null), s = r(o.placeholder), i = r(o.value);
|
|
283
|
+
ae(() => {
|
|
284
|
+
n.value && (n.value.textContent = o.value || "", i.value = o.value || "");
|
|
285
285
|
});
|
|
286
|
-
const b = (
|
|
286
|
+
const b = (_) => {
|
|
287
287
|
if (!n.value) return;
|
|
288
288
|
const v = n.value.textContent || "";
|
|
289
|
-
t("update", v),
|
|
289
|
+
t("update", v), ie(() => {
|
|
290
290
|
if (n.value) {
|
|
291
|
-
const
|
|
292
|
-
|
|
291
|
+
const w = document.createRange(), f = window.getSelection();
|
|
292
|
+
w.selectNodeContents(n.value), w.collapse(!1), f?.removeAllRanges(), f?.addRange(w);
|
|
293
293
|
}
|
|
294
294
|
});
|
|
295
|
-
},
|
|
296
|
-
const v =
|
|
295
|
+
}, d = (_) => {
|
|
296
|
+
const v = _.target;
|
|
297
297
|
v.textContent === o.placeholder && (v.textContent = "");
|
|
298
|
-
}, m = (
|
|
299
|
-
const v =
|
|
300
|
-
|
|
298
|
+
}, m = (_) => {
|
|
299
|
+
const v = _.target, w = v.textContent || "";
|
|
300
|
+
w !== i.value && (t("change", {
|
|
301
301
|
target: {
|
|
302
|
-
value:
|
|
302
|
+
value: w
|
|
303
303
|
}
|
|
304
|
-
}),
|
|
304
|
+
}), i.value = w), w.trim() === "" && (v.textContent = "");
|
|
305
305
|
};
|
|
306
|
-
return (
|
|
306
|
+
return (_, v) => (c(), u("div", {
|
|
307
307
|
ref_key: "editableDiv",
|
|
308
308
|
ref: n,
|
|
309
309
|
class: "webwin-uwprichrditbox",
|
|
310
310
|
contenteditable: "plaintext-only",
|
|
311
|
-
"data-placeholder":
|
|
311
|
+
"data-placeholder": s.value,
|
|
312
312
|
onInput: b,
|
|
313
|
-
onFocus:
|
|
313
|
+
onFocus: d,
|
|
314
314
|
onBlur: m
|
|
315
|
-
}, null, 40,
|
|
315
|
+
}, null, 40, qe));
|
|
316
316
|
}
|
|
317
|
-
}), j = /* @__PURE__ */ g(Fe, [["__scopeId", "data-v-f7a96b3a"]]), Ue = ["src"],
|
|
317
|
+
}), j = /* @__PURE__ */ g(Fe, [["__scopeId", "data-v-f7a96b3a"]]), Ue = ["src"], He = {
|
|
318
318
|
class: "webwin-n-name",
|
|
319
319
|
style: { display: "inline-block", "margin-left": "6px" }
|
|
320
|
-
},
|
|
320
|
+
}, Oe = { class: "webwin-n-text webwin-n-title" }, Ee = { class: "webwin-n-vulua" }, Le = {
|
|
321
321
|
__name: "webwin-notifications",
|
|
322
322
|
props: { name: String, title: String, text: String, img: String },
|
|
323
323
|
setup(e, { expose: a }) {
|
|
324
324
|
const o = e;
|
|
325
|
-
let t =
|
|
326
|
-
const
|
|
325
|
+
let t = r(!1), n = r(o.img);
|
|
326
|
+
const s = () => {
|
|
327
327
|
t.value = !t.value;
|
|
328
328
|
};
|
|
329
|
-
function
|
|
329
|
+
function i() {
|
|
330
330
|
t.value && setTimeout(() => {
|
|
331
331
|
t.value = !1;
|
|
332
332
|
}, 250);
|
|
333
333
|
}
|
|
334
|
-
return a({ showNotification:
|
|
334
|
+
return a({ showNotification: s }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
|
|
335
335
|
color: #0078d7;
|
|
336
|
-
text-shadow: 0 1px 0 #0078d7;`), (b,
|
|
337
|
-
default:
|
|
338
|
-
|
|
336
|
+
text-shadow: 0 1px 0 #0078d7;`), (b, d) => (c(), D(z, { name: "slide-fade" }, {
|
|
337
|
+
default: M(() => [
|
|
338
|
+
p(t) ? (c(), u("div", {
|
|
339
339
|
key: 0,
|
|
340
340
|
class: "webwin-notification",
|
|
341
|
-
onClick:
|
|
341
|
+
onClick: i
|
|
342
342
|
}, [
|
|
343
343
|
l("img", {
|
|
344
|
-
src:
|
|
344
|
+
src: p(n),
|
|
345
345
|
style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
|
|
346
346
|
}, null, 8, Ue),
|
|
347
|
-
l("p",
|
|
348
|
-
l("h4",
|
|
347
|
+
l("p", He, x(e.name), 1),
|
|
348
|
+
l("h4", Oe, x(e.title), 1),
|
|
349
349
|
l("p", Ee, x(e.text), 1)
|
|
350
350
|
])) : C("", !0)
|
|
351
351
|
]),
|
|
352
352
|
_: 1
|
|
353
353
|
}));
|
|
354
354
|
}
|
|
355
|
-
}, G = /* @__PURE__ */ g(Le, [["__scopeId", "data-v-445b06e9"]]),
|
|
355
|
+
}, G = /* @__PURE__ */ g(Le, [["__scopeId", "data-v-445b06e9"]]), Xe = ["name", "id"], Ye = ["for"], je = /* @__PURE__ */ I({
|
|
356
356
|
__name: "webwin-checkbox",
|
|
357
357
|
props: { name: String, checked: Array },
|
|
358
358
|
setup(e) {
|
|
359
|
-
const a = e, o =
|
|
360
|
-
return (n,
|
|
359
|
+
const a = e, o = r(a.name), t = r(a.checked);
|
|
360
|
+
return (n, s) => (c(), u($, null, [
|
|
361
361
|
N(l("input", {
|
|
362
362
|
type: "checkbox",
|
|
363
363
|
class: "webwin-checkbox",
|
|
364
364
|
name: o.value,
|
|
365
365
|
id: o.value,
|
|
366
|
-
"onUpdate:modelValue":
|
|
367
|
-
onClick:
|
|
368
|
-
}, null, 8,
|
|
369
|
-
[
|
|
366
|
+
"onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i),
|
|
367
|
+
onClick: s[1] || (s[1] = (i) => n.$emit("click", i))
|
|
368
|
+
}, null, 8, Xe), [
|
|
369
|
+
[se, t.value]
|
|
370
370
|
]),
|
|
371
371
|
l("label", {
|
|
372
372
|
for: o.value,
|
|
373
373
|
class: "webwin-checkbox-label"
|
|
374
374
|
}, [
|
|
375
375
|
k(n.$slots, "default", {}, void 0, !0)
|
|
376
|
-
], 8,
|
|
376
|
+
], 8, Ye)
|
|
377
377
|
], 64));
|
|
378
378
|
}
|
|
379
|
-
}), K = /* @__PURE__ */ g(
|
|
379
|
+
}), K = /* @__PURE__ */ g(je, [["__scopeId", "data-v-3b234b99"]]), Ge = ["name", "id"], Ke = ["for"], Je = /* @__PURE__ */ I({
|
|
380
380
|
__name: "webwin-radio",
|
|
381
381
|
props: { name: String, checked: Array },
|
|
382
382
|
setup(e) {
|
|
383
|
-
const a = e, o =
|
|
384
|
-
return (n,
|
|
383
|
+
const a = e, o = r(a.name), t = r(a.checked);
|
|
384
|
+
return (n, s) => (c(), u($, null, [
|
|
385
385
|
N(l("input", {
|
|
386
386
|
type: "radio",
|
|
387
387
|
class: "webwin-radio",
|
|
388
388
|
name: o.value,
|
|
389
389
|
id: o.value,
|
|
390
|
-
"onUpdate:modelValue":
|
|
391
|
-
onClick:
|
|
392
|
-
}, null, 8,
|
|
393
|
-
[
|
|
390
|
+
"onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i),
|
|
391
|
+
onClick: s[1] || (s[1] = (i) => n.$emit("click", i))
|
|
392
|
+
}, null, 8, Ge), [
|
|
393
|
+
[ce, t.value]
|
|
394
394
|
]),
|
|
395
395
|
l("label", {
|
|
396
396
|
for: o.value,
|
|
397
397
|
class: "webwin-radio-label"
|
|
398
398
|
}, [
|
|
399
399
|
k(n.$slots, "default", {}, void 0, !0)
|
|
400
|
-
], 8,
|
|
400
|
+
], 8, Ke)
|
|
401
401
|
], 64));
|
|
402
402
|
}
|
|
403
|
-
}), J = /* @__PURE__ */ g(
|
|
403
|
+
}), J = /* @__PURE__ */ g(Je, [["__scopeId", "data-v-04fe95c4"]]), Pe = { style: { position: "relative" } }, Qe = {
|
|
404
404
|
key: 0,
|
|
405
405
|
class: "webwin-list-box"
|
|
406
|
-
},
|
|
406
|
+
}, Ze = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, Ae = ["onClick"], et = { class: "webwin-label" }, tt = {
|
|
407
407
|
__name: "webwin-combobox",
|
|
408
408
|
props: {
|
|
409
409
|
items: { type: Array, required: !0 },
|
|
@@ -412,65 +412,65 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
412
412
|
},
|
|
413
413
|
emits: ["update"],
|
|
414
414
|
setup(e, { emit: a }) {
|
|
415
|
-
|
|
416
|
-
v1be24303:
|
|
417
|
-
v5172b45c:
|
|
415
|
+
q((w) => ({
|
|
416
|
+
v1be24303: p(m) + "px",
|
|
417
|
+
v5172b45c: p(d) + "px"
|
|
418
418
|
}));
|
|
419
419
|
const o = e, t = a;
|
|
420
|
-
let n =
|
|
421
|
-
function
|
|
422
|
-
|
|
423
|
-
|
|
420
|
+
let n = r(""), s = r(!1), i = r(o.modelValue), b = r(o.title), d = r(-6), m = r(6);
|
|
421
|
+
function _(w) {
|
|
422
|
+
s.value = !1, n.value = "", i.value = w, b.value = o.items[w].name, t("update", w), setTimeout(() => {
|
|
423
|
+
d.value = w * -35 - 6, m.value = w * 35 + 6;
|
|
424
424
|
}, 100);
|
|
425
425
|
}
|
|
426
426
|
function v() {
|
|
427
|
-
|
|
427
|
+
s.value = !s.value, n.value = s.value ? "active" : "";
|
|
428
428
|
}
|
|
429
|
-
return (
|
|
429
|
+
return (w, f) => (c(), u("div", Pe, [
|
|
430
430
|
l("div", {
|
|
431
|
-
class: h(["webwin-list-box-button",
|
|
431
|
+
class: h(["webwin-list-box-button", p(n)]),
|
|
432
432
|
onClick: v
|
|
433
|
-
}, x(
|
|
434
|
-
|
|
435
|
-
default:
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
l("div",
|
|
439
|
-
(
|
|
440
|
-
key:
|
|
441
|
-
class: h({ active:
|
|
442
|
-
onClick: (R) =>
|
|
433
|
+
}, x(p(b)), 3),
|
|
434
|
+
S(z, null, {
|
|
435
|
+
default: M(() => [
|
|
436
|
+
p(s) ? (c(), u("ul", Qe, [
|
|
437
|
+
f[0] || (f[0] = l("div", { style: { height: "6px" } }, null, -1)),
|
|
438
|
+
l("div", Ze, [
|
|
439
|
+
(c(!0), u($, null, V(e.items, (y, B) => (c(), u("li", {
|
|
440
|
+
key: B,
|
|
441
|
+
class: h({ active: B === p(i) }),
|
|
442
|
+
onClick: (R) => _(B)
|
|
443
443
|
}, [
|
|
444
|
-
l("span",
|
|
445
|
-
], 10,
|
|
444
|
+
l("span", et, x(y.name), 1)
|
|
445
|
+
], 10, Ae))), 128))
|
|
446
446
|
]),
|
|
447
|
-
|
|
447
|
+
f[1] || (f[1] = l("div", { style: { height: "6px" } }, null, -1))
|
|
448
448
|
])) : C("", !0)
|
|
449
449
|
]),
|
|
450
450
|
_: 1
|
|
451
451
|
})
|
|
452
452
|
]));
|
|
453
453
|
}
|
|
454
|
-
}, P = /* @__PURE__ */ g(
|
|
454
|
+
}, P = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-ac4b4002"]]), nt = { class: "webwin-progress-bar" }, lt = {
|
|
455
455
|
__name: "webwin-progressbar",
|
|
456
456
|
props: {
|
|
457
457
|
progress: { type: Number, default: 0 }
|
|
458
458
|
},
|
|
459
459
|
setup(e) {
|
|
460
|
-
return (a, o) => (
|
|
460
|
+
return (a, o) => (c(), u("div", nt, [
|
|
461
461
|
l("div", {
|
|
462
462
|
class: "webwin-progress",
|
|
463
463
|
style: W({ width: e.progress + "%" })
|
|
464
464
|
}, null, 4)
|
|
465
465
|
]));
|
|
466
466
|
}
|
|
467
|
-
}, Q = /* @__PURE__ */ g(
|
|
467
|
+
}, Q = /* @__PURE__ */ g(lt, [["__scopeId", "data-v-9ef8a457"]]), ot = {
|
|
468
468
|
key: 0,
|
|
469
469
|
class: "webwin-window-background"
|
|
470
|
-
},
|
|
470
|
+
}, at = {
|
|
471
471
|
key: 0,
|
|
472
472
|
class: "webwin-window"
|
|
473
|
-
},
|
|
473
|
+
}, it = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, st = { class: "webwin-window-title" }, ct = { style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" } }, rt = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, ut = {
|
|
474
474
|
__name: "webwin-contentdialog",
|
|
475
475
|
props: {
|
|
476
476
|
items: { type: Array, required: !0, default: [{ text: "11" }, { text: "11" }] },
|
|
@@ -478,36 +478,36 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
478
478
|
},
|
|
479
479
|
emits: ["clickBotton"],
|
|
480
480
|
setup(e, { expose: a, emit: o }) {
|
|
481
|
-
let t =
|
|
482
|
-
const n = o,
|
|
481
|
+
let t = r("");
|
|
482
|
+
const n = o, s = () => {
|
|
483
483
|
t.value = !0;
|
|
484
484
|
};
|
|
485
|
-
function
|
|
485
|
+
function i(b) {
|
|
486
486
|
t.value = !1, n("clickBotton", b);
|
|
487
487
|
}
|
|
488
|
-
return a({ showDialog:
|
|
489
|
-
|
|
490
|
-
default:
|
|
491
|
-
|
|
488
|
+
return a({ showDialog: s }), (b, d) => (c(), u($, null, [
|
|
489
|
+
S(z, null, {
|
|
490
|
+
default: M(() => [
|
|
491
|
+
p(t) ? (c(), u("div", ot)) : C("", !0)
|
|
492
492
|
]),
|
|
493
493
|
_: 1
|
|
494
494
|
}),
|
|
495
|
-
|
|
496
|
-
default:
|
|
497
|
-
|
|
498
|
-
l("div",
|
|
499
|
-
l("h2",
|
|
500
|
-
l("div",
|
|
495
|
+
S(z, null, {
|
|
496
|
+
default: M(() => [
|
|
497
|
+
p(t) ? (c(), u("div", at, [
|
|
498
|
+
l("div", it, [
|
|
499
|
+
l("h2", st, x(e.title), 1),
|
|
500
|
+
l("div", ct, [
|
|
501
501
|
k(b.$slots, "default", {}, void 0, !0)
|
|
502
502
|
]),
|
|
503
|
-
l("div",
|
|
504
|
-
(
|
|
503
|
+
l("div", rt, [
|
|
504
|
+
(c(!0), u($, null, V(e.items, (m, _) => (c(), D(F, {
|
|
505
505
|
class: "webwin-window-button",
|
|
506
|
-
key:
|
|
507
|
-
onClick: (v) =>
|
|
506
|
+
key: _,
|
|
507
|
+
onClick: (v) => i(_)
|
|
508
508
|
}, {
|
|
509
|
-
default:
|
|
510
|
-
|
|
509
|
+
default: M(() => [
|
|
510
|
+
re(x(m.text), 1)
|
|
511
511
|
]),
|
|
512
512
|
_: 2
|
|
513
513
|
}, 1032, ["onClick"]))), 128))
|
|
@@ -519,51 +519,51 @@ const U = /* @__PURE__ */ g(we, [["render", me], ["__scopeId", "data-v-a059307c"
|
|
|
519
519
|
})
|
|
520
520
|
], 64));
|
|
521
521
|
}
|
|
522
|
-
}, Z = /* @__PURE__ */ g(
|
|
522
|
+
}, Z = /* @__PURE__ */ g(ut, [["__scopeId", "data-v-e4bb637e"]]), dt = {}, wt = { class: "webwin-card" };
|
|
523
523
|
function pt(e, a) {
|
|
524
|
-
return
|
|
524
|
+
return c(), u("div", wt, [
|
|
525
525
|
k(e.$slots, "default", {}, void 0, !0)
|
|
526
526
|
]);
|
|
527
527
|
}
|
|
528
|
-
const A = /* @__PURE__ */ g(
|
|
528
|
+
const A = /* @__PURE__ */ g(dt, [["render", pt], ["__scopeId", "data-v-26a8c2e0"]]), vt = {
|
|
529
529
|
key: 0,
|
|
530
530
|
class: "webwin-dropdown-container"
|
|
531
|
-
},
|
|
531
|
+
}, mt = { class: "webwin-dropdown" }, bt = { style: { overflow: "auto", height: "calc( 100% - 240px )" } }, _t = ["onClick"], ft = { class: "webwin-label" }, ht = {
|
|
532
532
|
__name: "webwin-dropdown",
|
|
533
533
|
props: {
|
|
534
534
|
items: { type: Array, required: !0 }
|
|
535
535
|
},
|
|
536
536
|
emits: ["update"],
|
|
537
537
|
setup(e, { expose: a, emit: o }) {
|
|
538
|
-
|
|
539
|
-
v08042082:
|
|
540
|
-
v6fe54d61:
|
|
538
|
+
q((f) => ({
|
|
539
|
+
v08042082: p(s) + "px",
|
|
540
|
+
v6fe54d61: p(i) + "px"
|
|
541
541
|
}));
|
|
542
542
|
const t = e, n = o;
|
|
543
|
-
let
|
|
544
|
-
function v(
|
|
545
|
-
|
|
543
|
+
let s = r(0), i = r(0), b = r(""), d = r(!1), m = r(0), _ = r(t.title || "");
|
|
544
|
+
function v(f) {
|
|
545
|
+
d.value = !1, b.value = "", m.value = f, _.value = t.items[f].name, n("update", f);
|
|
546
546
|
}
|
|
547
|
-
return a({ showbox: (
|
|
548
|
-
|
|
549
|
-
} }), (
|
|
550
|
-
|
|
551
|
-
default:
|
|
552
|
-
|
|
547
|
+
return a({ showbox: (f, y) => {
|
|
548
|
+
d.value = !d.value, b.value = d.value ? "active" : "", s.value = f, i.value = y;
|
|
549
|
+
} }), (f, y) => (c(), u("div", null, [
|
|
550
|
+
S(z, null, {
|
|
551
|
+
default: M(() => [
|
|
552
|
+
p(d) ? (c(), u("div", vt, [
|
|
553
553
|
l("div", {
|
|
554
554
|
class: "webwin-dropdown_backgroud",
|
|
555
|
-
onClick: y[0] || (y[0] = (
|
|
555
|
+
onClick: y[0] || (y[0] = (B) => E(d) ? d.value = !1 : d = !1)
|
|
556
556
|
}),
|
|
557
|
-
l("ul",
|
|
557
|
+
l("ul", mt, [
|
|
558
558
|
y[1] || (y[1] = l("div", { style: { height: "6px" } }, null, -1)),
|
|
559
|
-
l("div",
|
|
560
|
-
(
|
|
559
|
+
l("div", bt, [
|
|
560
|
+
(c(!0), u($, null, V(e.items, (B, R) => (c(), u("li", {
|
|
561
561
|
key: R,
|
|
562
|
-
class: h({ active: R ===
|
|
563
|
-
onClick: (
|
|
562
|
+
class: h({ active: R === p(m) }),
|
|
563
|
+
onClick: (Nt) => v(R)
|
|
564
564
|
}, [
|
|
565
|
-
l("span",
|
|
566
|
-
], 10,
|
|
565
|
+
l("span", ft, x(B.name), 1)
|
|
566
|
+
], 10, _t))), 128))
|
|
567
567
|
]),
|
|
568
568
|
y[2] || (y[2] = l("div", { style: { height: "6px" } }, null, -1))
|
|
569
569
|
])
|
|
@@ -573,51 +573,51 @@ const A = /* @__PURE__ */ g(ut, [["render", pt], ["__scopeId", "data-v-26a8c2e0"
|
|
|
573
573
|
})
|
|
574
574
|
]));
|
|
575
575
|
}
|
|
576
|
-
}, ee = /* @__PURE__ */ g(
|
|
576
|
+
}, ee = /* @__PURE__ */ g(ht, [["__scopeId", "data-v-2d220786"]]), gt = { class: "webwin-topappbar" }, xt = ["is", "onClick"], yt = { class: "webwin-topappbar-label" }, $t = {
|
|
577
577
|
key: 0,
|
|
578
578
|
class: "webwin-topappbar-indicator"
|
|
579
|
-
},
|
|
579
|
+
}, kt = {
|
|
580
580
|
key: 1,
|
|
581
581
|
class: "webwin-topappbar-indicator-not"
|
|
582
|
-
},
|
|
582
|
+
}, Ct = ["onClick"], Mt = { class: "webwin-topappbar-label" }, St = {
|
|
583
583
|
__name: "webwin-topappbar",
|
|
584
584
|
props: { items: Array, activeIndex: Number, rightMenu: { type: Array, default: [] } },
|
|
585
585
|
emits: ["update"],
|
|
586
586
|
setup(e, { emit: a }) {
|
|
587
587
|
const o = a, t = e;
|
|
588
|
-
let n =
|
|
588
|
+
let n = r(t.activeIndex || 0), s = r(t.items), i = r(t.rightMenu);
|
|
589
589
|
function b(m) {
|
|
590
590
|
n.value = m, o("update", [m, "left"]);
|
|
591
591
|
}
|
|
592
|
-
function
|
|
592
|
+
function d(m) {
|
|
593
593
|
o("update", [m, "right"]);
|
|
594
594
|
}
|
|
595
|
-
return (m,
|
|
596
|
-
(
|
|
597
|
-
(
|
|
595
|
+
return (m, _) => (c(), u("ul", gt, [
|
|
596
|
+
(c(), D(ue, null, [
|
|
597
|
+
(c(!0), u($, null, V(p(s), (v, w) => (c(), u("li", {
|
|
598
598
|
is: m.activeComponent,
|
|
599
|
-
key:
|
|
600
|
-
class: h([{ active:
|
|
601
|
-
onClick: (
|
|
599
|
+
key: w,
|
|
600
|
+
class: h([{ active: w === p(n) }, "webwin-topappbar-item"]),
|
|
601
|
+
onClick: (f) => b(w)
|
|
602
602
|
}, [
|
|
603
|
-
l("span",
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
], 10,
|
|
603
|
+
l("span", yt, x(v.name), 1),
|
|
604
|
+
w === p(n) ? (c(), u("span", $t)) : C("", !0),
|
|
605
|
+
w != p(n) ? (c(), u("span", kt)) : C("", !0)
|
|
606
|
+
], 10, xt))), 128))
|
|
607
607
|
], 1024)),
|
|
608
|
-
(
|
|
609
|
-
key:
|
|
610
|
-
onClick: (
|
|
608
|
+
(c(!0), u($, null, V(p(i), (v, w) => (c(), u("li", {
|
|
609
|
+
key: w,
|
|
610
|
+
onClick: (f) => d(w),
|
|
611
611
|
class: "webwin-topappbar-item",
|
|
612
612
|
style: { float: "right" }
|
|
613
613
|
}, [
|
|
614
|
-
l("span",
|
|
615
|
-
], 8,
|
|
614
|
+
l("span", Mt, x(v.name), 1)
|
|
615
|
+
], 8, Ct))), 128))
|
|
616
616
|
]));
|
|
617
617
|
}
|
|
618
618
|
}, te = /* @__PURE__ */ g(St, [["__scopeId", "data-v-ef60c98a"]]), Vt = {
|
|
619
619
|
__name: "webwin-range",
|
|
620
|
-
props: /* @__PURE__ */
|
|
620
|
+
props: /* @__PURE__ */ de({
|
|
621
621
|
color: { type: String, default: "#006fd0" }
|
|
622
622
|
}, {
|
|
623
623
|
modelValue: {},
|
|
@@ -625,36 +625,64 @@ const A = /* @__PURE__ */ g(ut, [["render", pt], ["__scopeId", "data-v-26a8c2e0"
|
|
|
625
625
|
}),
|
|
626
626
|
emits: ["update:modelValue"],
|
|
627
627
|
setup(e) {
|
|
628
|
-
|
|
628
|
+
q((o) => ({
|
|
629
629
|
v23dfb612: e.color
|
|
630
630
|
}));
|
|
631
|
-
let a =
|
|
632
|
-
return (o, t) => N((
|
|
631
|
+
let a = we(e, "modelValue");
|
|
632
|
+
return (o, t) => N((c(), u("input", {
|
|
633
633
|
type: "range",
|
|
634
|
-
"onUpdate:modelValue": t[0] || (t[0] = (n) =>
|
|
634
|
+
"onUpdate:modelValue": t[0] || (t[0] = (n) => E(a) ? a.value = n : a = n),
|
|
635
635
|
class: "webwin-slider",
|
|
636
636
|
min: "1",
|
|
637
637
|
max: "100"
|
|
638
638
|
}, null, 512)), [
|
|
639
|
-
[pe,
|
|
639
|
+
[pe, p(a)]
|
|
640
640
|
]);
|
|
641
641
|
}
|
|
642
|
-
}, ne = /* @__PURE__ */ g(Vt, [["__scopeId", "data-v-480ca2b0"]]),
|
|
642
|
+
}, ne = /* @__PURE__ */ g(Vt, [["__scopeId", "data-v-480ca2b0"]]), It = ["onClick"], Bt = { class: "webwin-listview-context" }, le = /* @__PURE__ */ I({
|
|
643
|
+
__name: "webwin-listview",
|
|
644
|
+
props: {
|
|
645
|
+
items: {
|
|
646
|
+
type: Array,
|
|
647
|
+
required: !1,
|
|
648
|
+
default: () => []
|
|
649
|
+
},
|
|
650
|
+
activeIndex: Array,
|
|
651
|
+
isMultiple: Boolean
|
|
652
|
+
},
|
|
653
|
+
emits: ["update"],
|
|
654
|
+
setup(e, { emit: a }) {
|
|
655
|
+
const o = a, t = e, n = r("context");
|
|
656
|
+
let s = r(t.items || []);
|
|
657
|
+
const i = r(t.activeIndex ?? [0]);
|
|
658
|
+
function b(d) {
|
|
659
|
+
console.log(1), t.isMultiple ? i.value.indexOf(d) !== -1 ? i.value = i.value.filter((_) => _ !== d) : i.value.push(d) : i.value = [d], o("update", i.value);
|
|
660
|
+
}
|
|
661
|
+
return (d, m) => (c(!0), u($, null, V(p(s), (_, v) => (c(), u("div", {
|
|
662
|
+
key: v,
|
|
663
|
+
class: h([{ active: i.value.indexOf(v) != -1 }, "webwin-listview"]),
|
|
664
|
+
onClick: (w) => b(v)
|
|
665
|
+
}, [
|
|
666
|
+
l("div", Bt, x(_[n.value]), 1)
|
|
667
|
+
], 10, It))), 128));
|
|
668
|
+
}
|
|
669
|
+
}), zt = [ne, te, ee, A, Z, Q, P, J, K, F, H, L, X, U, Y, j, G, le], Wt = {
|
|
643
670
|
install(e) {
|
|
644
|
-
|
|
645
|
-
e.component("winbutton",
|
|
671
|
+
zt.forEach((a) => {
|
|
672
|
+
e.component("winbutton", F), e.component("winsidebar", H), e.component("wintile", L), e.component("wintab", X), e.component("wininputbox", U), e.component("winpasswordbox", Y), e.component("winricheditbox", j), e.component("winnotifications", G), e.component("wincheckbox", K), e.component("winradio", J), e.component("wincombobox", P), e.component("winprogressbar", Q), e.component("wincontentdialog", Z), e.component("wincard", A), e.component("windropdown", ee), e.component("wintopappbar", te), e.component("winrange", ne), e.component("winlistview", le);
|
|
646
673
|
});
|
|
647
674
|
}
|
|
648
675
|
};
|
|
649
676
|
export {
|
|
650
|
-
|
|
651
|
-
|
|
677
|
+
Wt as default,
|
|
678
|
+
F as winbutton,
|
|
652
679
|
A as wincard,
|
|
653
680
|
K as wincheckbox,
|
|
654
681
|
P as wincombobox,
|
|
655
682
|
Z as wincontentdialog,
|
|
656
683
|
ee as windropdown,
|
|
657
|
-
|
|
684
|
+
U as wininputbox,
|
|
685
|
+
le as winlistview,
|
|
658
686
|
G as winnotifications,
|
|
659
687
|
Y as winpasswordbox,
|
|
660
688
|
Q as winprogressbar,
|
|
@@ -663,6 +691,6 @@ export {
|
|
|
663
691
|
j as winricheditbox,
|
|
664
692
|
H as winsidebar,
|
|
665
693
|
X as wintab,
|
|
666
|
-
|
|
694
|
+
L as wintile,
|
|
667
695
|
te as wintopappbar
|
|
668
696
|
};
|
package/web-win-vue.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m["web-win-vue"]={},m.Vue))})(this,(function(m,e){"use strict";const b=(t,a)=>{const l=t.__vccOpts||t;for(const[n,o]of a)l[n]=o;return l},L={},q={class:"webwin-button"};function O(t,a){return e.openBlock(),e.createElementBlock("button",q,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const u=b(L,[["render",O],["__scopeId","data-v-a059307c"]]),U=["value","placeholder"],k=b(e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){const a=t,l=e.ref(a.placeholder);return(n,o)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"webwin-uwpinput",value:t.value,placeholder:l.value,onChange:o[0]||(o[0]=c=>n.$emit("@change",c))},null,40,U))}}),[["__scopeId","data-v-7641a566"]]),H={class:"webwin-sidebar-text"},j={style:{width:"350px",margin:"auto"}},X={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},Y=["onClick"],G={class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},K=["d"],y=b({__name:"webwin-sidebar",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:a}){const l=a;let n=e.ref("");function o(){n.value===""?(n.value="folded",l("update",!1)):(n.value="",l("update",!0))}return(c,i)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["webwin-side-bar",e.unref(n)])},[e.createElementVNode("div",{class:e.normalizeClass(["webwin-sidebar",e.unref(n)])},[e.createElementVNode("p",H,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:o},[i[0]||(i[0]=e.createElementVNode("svg",{class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M63.7 191.4h895.2v64H63.7zM63.7 480.2h895.2v64H63.7zM63.7 767.2h895.2v64H63.7z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},null,2)]),e.createElementVNode("li",{onClick:o,class:e.normalizeClass(["webwin-search-fold",e.unref(n)])},[i[1]||(i[1]=e.createElementVNode("svg",{class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{xmlns:"http://www.w3.org/2000/svg",style:{stroke:"none","fill-rule":"nonzero",fill:"rgb(0%,0%,0%)","fill-opacity":"1"},d:"M916.374282 878.7028 661.417543 604.016717c1.402953-1.616824 2.784416-3.254114 4.155646-4.90266 0.367367-0.459464 0.747014-0.909719 1.115404-1.37123 1.308809-1.585101 2.600221-3.181459 3.879354-4.798283 0.337691-0.429789 0.675382-0.86981 1.011027-1.299599 1.209548-1.555425 2.416026-3.122107 3.603061-4.696975 0.347924-0.471744 0.695848-0.931209 1.043772-1.402953 1.176802-1.585101 2.354628-3.181459 3.499707-4.798283 0.318248-0.449231 0.633427-0.889253 0.951675-1.331321 1.197268-1.686409 2.37407-3.39533 3.541663-5.104251 0.285502-0.419556 0.561795-0.829901 0.849344-1.249457 1.257643-1.87265 2.495844-3.755534 3.723811-5.65786 0.23536-0.360204 0.461511-0.727571 0.695848-1.085728 1.127683-1.77032 2.232854-3.551896 3.325745-5.342682 0.268106-0.440022 0.533143-0.87902 0.799202-1.319042 1.052982-1.750877 2.096754-3.50994 3.120061-5.28026 0.255827-0.440022 0.511653-0.87902 0.76748-1.331321 1.035586-1.801019 2.046612-3.611248 3.040243-5.432733 0.226151-0.409322 0.449231-0.819668 0.675382-1.228991 1.052982-1.944282 2.076288-3.90903 3.099594-5.873778l0.533143-1.052982c1.043772-2.046612 2.067079-4.103458 3.069919-6.181793 0.184195-0.358157 0.347924-0.715291 0.521886-1.083681 0.941442-1.954515 1.851161-3.90903 2.75167-5.884011 0.184195-0.400113 0.358157-0.809435 0.541329-1.207501 0.881067-1.954515 1.740644-3.931542 2.579755-5.9055 0.173962-0.398066 0.347924-0.797156 0.511653-1.197268 0.859577-2.036379 1.698688-4.082992 2.506077-6.139837 0.134053-0.316202 0.26606-0.64366 0.38988-0.971118 0.87902-2.240017 1.738597-4.493338 2.568499-6.753821l0.255827-0.707105c0.807389-2.220574 1.595334-4.451382 2.362814-6.691399 0.113587-0.327458 0.215918-0.655939 0.318248-0.973164 0.727571-2.148943 1.432629-4.296863 2.109034-6.465249l0.327458-1.055029c0.663102-2.169409 1.308809-4.349051 1.942235-6.538927l0.277316-0.971118c0.64366-2.272763 1.257643-4.563946 1.851161-6.856152 0.062422-0.225127 0.12382-0.450255 0.186242-0.674359 0.623193-2.455935 1.226944-4.923126 1.801019-7.398504l0.121773-0.542352c0.543376-2.373047 1.065262-4.748141 1.555425-7.141654l0.173962-0.880043c0.471744-2.302439 0.920976-4.626367 1.341554-6.948249l0.163729-0.920976c0.419556-2.353604 0.809435-4.716418 1.167592-7.081279 0.039909-0.26606 0.092098-0.532119 0.121773-0.797156 0.38988-2.518357 0.747014-5.045923 1.065262-7.582699l0.029676-0.23536c0.337691-2.620687 0.633427-5.238304 0.901533-7.868201l0.060375-0.563842c0.245593-2.486634 0.471744-4.982478 0.665149-7.480368l0.052189-0.788969c0.184195-2.445702 0.337691-4.900613 0.469698-7.356548l0.041956-0.849344c0.121773-2.5071 0.224104-5.024433 0.285502-7.541767l0.020466-0.582261c0.062422-2.711761 0.104377-5.424546 0.104377-8.146541 0-178.843224-145.034211-323.876412-323.876412-323.876412-178.844248 0-323.886645 145.033187-323.886645 323.876412 0 178.844248 145.043421 323.876412 323.886645 323.876412 2.701528 0 5.392824-0.029676 8.073886-0.102331l0.490164-0.010233c2.620687-0.062422 5.219885-0.163729 7.819083-0.295735l0.603751-0.031722c2.620687-0.132006 5.239328-0.295735 7.838525-0.50142l0.245593-0.010233c2.578732-0.203638 5.136997-0.429789 7.68503-0.685615l0.583285-0.060375c2.51631-0.255827 5.034666-0.543376 7.53051-0.861624l0.76748-0.092098c2.476401-0.325411 4.952802-0.663102 7.408737-1.043772l0.715291-0.11154c2.364861-0.358157 4.718465-0.747014 7.071046-1.167592l0.777713-0.144286c2.37407-0.417509 4.728698-0.87902 7.083326-1.348718l1.115404-0.23536c2.292206-0.471744 4.583388-0.960885 6.855128-1.484817 0.38988-0.092098 0.777713-0.184195 1.157359-0.276293 2.13871-0.491187 4.256954-1.013073 6.374174-1.555425 0.451278-0.11154 0.900509-0.226151 1.350764-0.347924 2.109034-0.541329 4.195555-1.115404 6.293333-1.698688 0.50142-0.144286 1.00284-0.285502 1.505283-0.429789 2.096754-0.603751 4.185322-1.216711 6.261611-1.862417 0.543376-0.163729 1.075495-0.337691 1.616824-0.50142 1.882883-0.593518 3.755534-1.207501 5.628184-1.830695 0.685615-0.226151 1.360997-0.461511 2.046612-0.685615 1.790786-0.62524 3.581572-1.249457 5.362124-1.895163 0.633427-0.234337 1.2689-0.459464 1.902326-0.695848 1.882883-0.695848 3.755534-1.411139 5.617951-2.13871 0.705058-0.276293 1.402953-0.551562 2.109034-0.827855 1.616824-0.645706 3.233648-1.310855 4.840238-1.986237 0.899486-0.367367 1.790786-0.757247 2.680039-1.134847 1.505283-0.645706 2.998287-1.289366 4.483104-1.954515 0.941442-0.419556 1.87265-0.839111 2.814092-1.2689 1.503237-0.695848 3.007497-1.390673 4.500501-2.109034 0.819668-0.387833 1.629103-0.777713 2.436492-1.174756 1.390673-0.675382 2.774183-1.360997 4.145413-2.058892 1.063215-0.541329 2.128477-1.083681 3.191692-1.63729 1.2689-0.653893 2.52859-1.319042 3.78521-1.994424 1.127683-0.603751 2.242064-1.216711 3.367701-1.832741 1.226944-0.685615 2.455935-1.37123 3.683902-2.067079 1.023306-0.574075 2.046612-1.167592 3.059686-1.759063 1.043772-0.61603 2.098801-1.228991 3.14155-1.853208 1.176802-0.717338 2.364861-1.423419 3.529383-2.148943 1.085728-0.665149 2.160199-1.341554 3.233648-2.016937 1.216711-0.76748 2.426259-1.545192 3.63376-2.332115 1.052982-0.685615 2.086521-1.360997 3.13234-2.058892l0.020466-0.010233 255.611655 275.361465c18.399045 19.822464 46.170552 23.64042 62.59564 9.56996l6.723122-5.752004C937.106466 927.146115 934.764118 898.512984 916.374282 878.7028zM416.63349 630.643144c-131.760906 0-238.604306-106.853633-238.604306-238.603283 0-131.750673 106.8434-238.604306 238.604306-238.604306 131.74965 0 238.594073 106.853633 238.594073 238.604306C655.227564 523.789511 548.38314 630.643144 416.63349 630.643144z"})],-1)),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},null,2)],2),e.createElementVNode("div",j,[e.createVNode(k,{placeholder:"查找",class:e.normalizeClass(["webwin-inputbox",e.unref(n)]),style:{"margin-top":"6px",width:"320px"}},null,8,["class"])]),e.createElementVNode("h3",{style:{"margin-top":"26px","margin-bottom":"26px","margin-left":"18px"},class:e.normalizeClass(["webwin-title",e.unref(n)])},e.toDisplayString(t.title),3)]),e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(w,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:e.normalizeClass({active:s===t.modelValue}),onClick:p=>c.$emit("update:modelValue",s)},[i[2]||(i[2]=e.createElementVNode("span",{class:"webwin-indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",G,[e.createElementVNode("path",{d:w.icon},null,8,K)])),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},e.toDisplayString(w.name),3)],10,Y))),128))])],2))}},[["__scopeId","data-v-d1920b87"]]),P={class:"webwin-tile-content"},J={class:"webwin-tile-icon"},Q={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},Z=["d"],A={class:"webwin-tile-title"},$=b(e.defineComponent({__name:"webwin-tile",props:{size:{default:"medium"},color:{default:"#0078d7"},title:{default:"App"},icon:{default:""},glowColor:{default:"rgba(255,255,255,0.5)"},glowRadius:{default:60}},setup(t){console.log("%c✨Welcome to Web-Win-Vue-Tile✨",`
|
|
2
2
|
color: #0078d7;
|
|
3
|
-
text-shadow: 0 1px 0 #0078d7;`);const a=t,l=e.ref(!1),n=e.ref(0),o=e.ref(0),
|
|
3
|
+
text-shadow: 0 1px 0 #0078d7;`);const a=t,l=e.ref(!1),n=e.ref(0),o=e.ref(0),c=e.ref(0),i=e.computed(()=>({"--tile-color":a.color,"--glow-color":a.glowColor,"--glow-radius":`${a.glowRadius}px`})),w=e.computed(()=>({"--x":`${n.value}px`,"--y":`${o.value}px`,opacity:c.value})),s=e.computed(()=>({"--x":`${n.value}px`,"--y":`${o.value}px`,opacity:l.value?1:0})),p=d=>{const r=d.currentTarget.getBoundingClientRect();n.value=d.clientX-r.left,o.value=d.clientY-r.top;const _=Math.min(n.value,r.width-n.value,o.value,r.height-o.value),h=a.glowRadius;c.value=Math.max(0,(h-_)/h)},f=()=>{l.value=!1,c.value=0};return(d,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["webwin-tile",t.size]),style:e.normalizeStyle(i.value),onMousemove:p,onMouseenter:r[0]||(r[0]=_=>l.value=!0),onMouseleave:f},[e.createElementVNode("div",P,[e.createElementVNode("div",J,[e.renderSlot(d.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",Q,[e.createElementVNode("path",{fill:"white",d:t.icon},null,8,Z)]))],!0)]),e.createElementVNode("div",A,e.toDisplayString(t.title),1)]),e.createElementVNode("div",{class:"webwin-glow-border",style:e.normalizeStyle(w.value)},null,4),e.createElementVNode("div",{class:"webwin-pointer-glow",style:e.normalizeStyle(s.value)},null,4)],38))}}),[["__scopeId","data-v-51adc759"]]),v={class:"webwin-container"},ee=["src"],te=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){const a=t,l=e.ref(0),n=e.ref(0),o=e.ref(a.url[0]);let c=e.ref(""),i=e.ref("");a.titlebar?c.value=a.titlebartext:c.value="",e.watch(l,s=>{console.log("activeIndex changed:",s),console.log("new url:",a.url[s]),o.value=a.url[s],n.value=n.value===0?1:0,console.log("docState:",n.value)});function w(s){s?i.value="":i.value="folded"}return(s,p)=>(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(y,{modelValue:l.value,"onUpdate:modelValue":p[0]||(p[0]=f=>l.value=f),items:t.menu,class:"webwin-item-1",bartitle:e.unref(c),onUpdate:w},null,8,["modelValue","items","bartitle"]),e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[n.value===0?(e.openBlock(),e.createElementBlock("div",{key:"state0",class:e.normalizeClass(["webwin-iframe-container",e.unref(i)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,ee),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["webwin-iframe-container",e.unref(i)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,te),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},ne=["value","placeholder"],V=b(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){const a=t,l=e.ref(a.value),n=e.ref(a.placeholder);return(o,c)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"webwin-uwppassword",value:l.value,placeholder:n.value,onChange:c[0]||(c[0]=i=>o.$emit("@change",i))},null,40,ne))}}),[["__scopeId","data-v-dd8b91fe"]]),oe=["data-placeholder"],E=b(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:a}){const l=t,n=a,o=e.ref(null),c=e.ref(l.placeholder),i=e.ref(l.value);e.onMounted(()=>{o.value&&(o.value.textContent=l.value||"",i.value=l.value||"")});const w=f=>{if(!o.value)return;const d=o.value.textContent||"";n("update",d),e.nextTick(()=>{if(o.value){const r=document.createRange(),_=window.getSelection();r.selectNodeContents(o.value),r.collapse(!1),_?.removeAllRanges(),_?.addRange(r)}})},s=f=>{const d=f.target;d.textContent===l.placeholder&&(d.textContent="")},p=f=>{const d=f.target,r=d.textContent||"";r!==i.value&&(n("change",{target:{value:r}}),i.value=r),r.trim()===""&&(d.textContent="")};return(f,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:o,class:"webwin-uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":c.value,onInput:w,onFocus:s,onBlur:p},null,40,oe))}}),[["__scopeId","data-v-f7a96b3a"]]),le=["src"],ae={class:"webwin-n-name",style:{display:"inline-block","margin-left":"6px"}},ie={class:"webwin-n-text webwin-n-title"},ce={class:"webwin-n-vulua"},C=b({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:a}){const l=t;let n=e.ref(!1),o=e.ref(l.img);const c=()=>{n.value=!n.value};function i(){n.value&&setTimeout(()=>{n.value=!1},250)}return a({showNotification:c}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
|
|
4
4
|
color: #0078d7;
|
|
5
|
-
text-shadow: 0 1px 0 #0078d7;`),(w,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"webwin-notification",onClick:c},[e.createElementVNode("img",{src:e.unref(o),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,oe),e.createElementVNode("p",le,e.toDisplayString(t.name),1),e.createElementVNode("h4",ae,e.toDisplayString(t.title),1),e.createElementVNode("p",ie,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-445b06e9"]]),ce=["name","id"],se=["for"],N=_(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const a=t,l=e.ref(a.name),n=e.ref(a.checked);return(o,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"webwin-checkbox",name:l.value,id:l.value,"onUpdate:modelValue":i[0]||(i[0]=c=>n.value=c),onClick:i[1]||(i[1]=c=>o.$emit("click",c))},null,8,ce),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-checkbox-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,se)],64))}}),[["__scopeId","data-v-3b234b99"]]),re=["name","id"],de=["for"],S=_(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const a=t,l=e.ref(a.name),n=e.ref(a.checked);return(o,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"webwin-radio",name:l.value,id:l.value,"onUpdate:modelValue":i[0]||(i[0]=c=>n.value=c),onClick:i[1]||(i[1]=c=>o.$emit("click",c))},null,8,re),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-radio-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,de)],64))}}),[["__scopeId","data-v-04fe95c4"]]),me={style:{position:"relative"}},pe={key:0,class:"webwin-list-box"},we={style:{overflow:"auto",height:"calc( 100% - 240px )"}},fe=["onClick"],be={class:"webwin-label"},z=_({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:a}){e.useCssVars(s=>({v1be24303:e.unref(p)+"px",v5172b45c:e.unref(r)+"px"}));const l=t,n=a;let o=e.ref(""),i=e.ref(!1),c=e.ref(l.modelValue),w=e.ref(l.title),r=e.ref(-6),p=e.ref(6);function b(s){i.value=!1,o.value="",c.value=s,w.value=l.items[s].name,n("update",s),setTimeout(()=>{r.value=s*-35-6,p.value=s*35+6},100)}function m(){i.value=!i.value,o.value=i.value?"active":""}return(s,f)=>(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",{class:e.normalizeClass(["webwin-list-box-button",e.unref(o)]),onClick:m},e.toDisplayString(e.unref(w)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createElementBlock("ul",pe,[f[0]||(f[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass({active:g===e.unref(c)}),onClick:x=>b(g)},[e.createElementVNode("span",be,e.toDisplayString(h.name),1)],10,fe))),128))]),f[1]||(f[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-ac4b4002"]]),_e={class:"webwin-progress-bar"},M=_({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return(a,l)=>(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",{class:"webwin-progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-9ef8a457"]]),he={key:0,class:"webwin-window-background"},ge={key:0,class:"webwin-window"},ke={style:{"margin-top":"24px","margin-bottom":"24px"}},ue={class:"webwin-window-title"},ye={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},xe={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},D=_({__name:"webwin-contentdialog",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},emits:["clickBotton"],setup(t,{expose:a,emit:l}){let n=e.ref("");const o=l,i=()=>{n.value=!0};function c(w){n.value=!1,o("clickBotton",w)}return a({showDialog:i}),(w,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",he)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",ke,[e.createElementVNode("h2",ue,e.toDisplayString(t.title),1),e.createElementVNode("div",ye,[e.renderSlot(w.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,b)=>(e.openBlock(),e.createBlock(k,{class:"webwin-window-button",key:b,onClick:m=>c(b)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.text),1)]),_:2},1032,["onClick"]))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-e4bb637e"]]),$e={},Ve={class:"webwin-card"};function Be(t,a){return e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const I=_($e,[["render",Be],["__scopeId","data-v-26a8c2e0"]]),Ee={key:0,class:"webwin-dropdown-container"},Ce={class:"webwin-dropdown"},Ne={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Se=["onClick"],ze={class:"webwin-label"},T=_({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:a,emit:l}){e.useCssVars(f=>({v08042082:e.unref(i)+"px",v6fe54d61:e.unref(c)+"px"}));const n=t,o=l;let i=e.ref(0),c=e.ref(0),w=e.ref(""),r=e.ref(!1),p=e.ref(0),b=e.ref(n.title||"");function m(f){r.value=!1,w.value="",p.value=f,b.value=n.items[f].name,o("update",f)}return a({showbox:(f,h)=>{r.value=!r.value,w.value=r.value?"active":"",i.value=f,c.value=h}}),(f,h)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",{class:"webwin-dropdown_backgroud",onClick:h[0]||(h[0]=g=>e.isRef(r)?r.value=!1:r=!1)}),e.createElementVNode("ul",Ce,[h[1]||(h[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,x)=>(e.openBlock(),e.createElementBlock("li",{key:x,class:e.normalizeClass({active:x===e.unref(p)}),onClick:et=>m(x)},[e.createElementVNode("span",ze,e.toDisplayString(g.name),1)],10,Se))),128))]),h[2]||(h[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-2d220786"]]),Me={class:"webwin-topappbar"},De=["is","onClick"],Ie={class:"webwin-topappbar-label"},Te={key:0,class:"webwin-topappbar-indicator"},Fe={key:1,class:"webwin-topappbar-indicator-not"},Re=["onClick"],We={class:"webwin-topappbar-label"},F=_({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:a}){const l=a,n=t;let o=e.ref(n.activeIndex||0),i=e.ref(n.items),c=e.ref(n.rightMenu);function w(p){o.value=p,l("update",[p,"left"])}function r(p){l("update",[p,"right"])}return(p,b)=>(e.openBlock(),e.createElementBlock("ul",Me,[(e.openBlock(),e.createBlock(e.KeepAlive,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(m,s)=>(e.openBlock(),e.createElementBlock("li",{is:p.activeComponent,key:s,class:e.normalizeClass([{active:s===e.unref(o)},"webwin-topappbar-item"]),onClick:f=>w(s)},[e.createElementVNode("span",Ie,e.toDisplayString(m.name),1),s===e.unref(o)?(e.openBlock(),e.createElementBlock("span",Te)):e.createCommentVNode("",!0),s!=e.unref(o)?(e.openBlock(),e.createElementBlock("span",Fe)):e.createCommentVNode("",!0)],10,De))),128))],1024)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(m,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,onClick:f=>r(s),class:"webwin-topappbar-item",style:{float:"right"}},[e.createElementVNode("span",We,e.toDisplayString(m.name),1)],8,Re))),128))]))}},[["__scopeId","data-v-ef60c98a"]]),R=_({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(l=>({v23dfb612:t.color}));let a=e.useModel(t,"modelValue");return(l,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(a)?a.value=o:a=o),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(a)]])}},[["__scopeId","data-v-480ca2b0"]]),Le=[R,F,T,I,D,M,z,S,N,k,y,$,V,u,B,E,C],qe={install(t){Le.forEach(a=>{t.component("winbutton",k),t.component("winsidebar",y),t.component("wintile",$),t.component("wintab",V),t.component("wininputbox",u),t.component("winpasswordbox",B),t.component("winricheditbox",E),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",z),t.component("winprogressbar",M),t.component("wincontentdialog",D),t.component("wincard",I),t.component("windropdown",T),t.component("wintopappbar",F),t.component("winrange",R)})}};d.default=qe,d.winbutton=k,d.wincard=I,d.wincheckbox=N,d.wincombobox=z,d.wincontentdialog=D,d.windropdown=T,d.wininputbox=u,d.winnotifications=C,d.winpasswordbox=B,d.winprogressbar=M,d.winradio=S,d.winrange=R,d.winricheditbox=E,d.winsidebar=y,d.wintab=V,d.wintile=$,d.wintopappbar=F,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
5
|
+
text-shadow: 0 1px 0 #0078d7;`),(w,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"webwin-notification",onClick:i},[e.createElementVNode("img",{src:e.unref(o),style:{"object-fit":"contain","margin-left":"16px","margin-right":"0px",display:"inline-block","vertical-align":"middle",width:"16px",height:"16px"}},null,8,le),e.createElementVNode("p",ae,e.toDisplayString(t.name),1),e.createElementVNode("h4",ie,e.toDisplayString(t.title),1),e.createElementVNode("p",ce,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-445b06e9"]]),se=["name","id"],re=["for"],N=b(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const a=t,l=e.ref(a.name),n=e.ref(a.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"webwin-checkbox",name:l.value,id:l.value,"onUpdate:modelValue":c[0]||(c[0]=i=>n.value=i),onClick:c[1]||(c[1]=i=>o.$emit("click",i))},null,8,se),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-checkbox-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,re)],64))}}),[["__scopeId","data-v-3b234b99"]]),de=["name","id"],me=["for"],S=b(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const a=t,l=e.ref(a.name),n=e.ref(a.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"webwin-radio",name:l.value,id:l.value,"onUpdate:modelValue":c[0]||(c[0]=i=>n.value=i),onClick:c[1]||(c[1]=i=>o.$emit("click",i))},null,8,de),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:l.value,class:"webwin-radio-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,me)],64))}}),[["__scopeId","data-v-04fe95c4"]]),pe={style:{position:"relative"}},we={key:0,class:"webwin-list-box"},fe={style:{overflow:"auto",height:"calc( 100% - 240px )"}},_e=["onClick"],be={class:"webwin-label"},z=b({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:a}){e.useCssVars(r=>({v1be24303:e.unref(p)+"px",v5172b45c:e.unref(s)+"px"}));const l=t,n=a;let o=e.ref(""),c=e.ref(!1),i=e.ref(l.modelValue),w=e.ref(l.title),s=e.ref(-6),p=e.ref(6);function f(r){c.value=!1,o.value="",i.value=r,w.value=l.items[r].name,n("update",r),setTimeout(()=>{s.value=r*-35-6,p.value=r*35+6},100)}function d(){c.value=!c.value,o.value=c.value?"active":""}return(r,_)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",{class:e.normalizeClass(["webwin-list-box-button",e.unref(o)]),onClick:d},e.toDisplayString(e.unref(w)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("ul",we,[_[0]||(_[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass({active:g===e.unref(i)}),onClick:x=>f(g)},[e.createElementVNode("span",be,e.toDisplayString(h.name),1)],10,_e))),128))]),_[1]||(_[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-ac4b4002"]]),he={class:"webwin-progress-bar"},M=b({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return(a,l)=>(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",{class:"webwin-progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-9ef8a457"]]),ge={key:0,class:"webwin-window-background"},ue={key:0,class:"webwin-window"},ke={style:{"margin-top":"24px","margin-bottom":"24px"}},ye={class:"webwin-window-title"},xe={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},$e={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},D=b({__name:"webwin-contentdialog",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"}},emits:["clickBotton"],setup(t,{expose:a,emit:l}){let n=e.ref("");const o=l,c=()=>{n.value=!0};function i(w){n.value=!1,o("clickBotton",w)}return a({showDialog:c}),(w,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ge)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",ke,[e.createElementVNode("h2",ye,e.toDisplayString(t.title),1),e.createElementVNode("div",xe,[e.renderSlot(w.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,f)=>(e.openBlock(),e.createBlock(u,{class:"webwin-window-button",key:f,onClick:d=>i(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.text),1)]),_:2},1032,["onClick"]))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-e4bb637e"]]),Be={},Ve={class:"webwin-card"};function Ee(t,a){return e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const I=b(Be,[["render",Ee],["__scopeId","data-v-26a8c2e0"]]),Ce={key:0,class:"webwin-dropdown-container"},Ne={class:"webwin-dropdown"},Se={style:{overflow:"auto",height:"calc( 100% - 240px )"}},ze=["onClick"],Me={class:"webwin-label"},T=b({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:a,emit:l}){e.useCssVars(_=>({v08042082:e.unref(c)+"px",v6fe54d61:e.unref(i)+"px"}));const n=t,o=l;let c=e.ref(0),i=e.ref(0),w=e.ref(""),s=e.ref(!1),p=e.ref(0),f=e.ref(n.title||"");function d(_){s.value=!1,w.value="",p.value=_,f.value=n.items[_].name,o("update",_)}return a({showbox:(_,h)=>{s.value=!s.value,w.value=s.value?"active":"",c.value=_,i.value=h}}),(_,h)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",{class:"webwin-dropdown_backgroud",onClick:h[0]||(h[0]=g=>e.isRef(s)?s.value=!1:s=!1)}),e.createElementVNode("ul",Ne,[h[1]||(h[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(g,x)=>(e.openBlock(),e.createElementBlock("li",{key:x,class:e.normalizeClass({active:x===e.unref(p)}),onClick:ot=>d(x)},[e.createElementVNode("span",Me,e.toDisplayString(g.name),1)],10,ze))),128))]),h[2]||(h[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-2d220786"]]),De={class:"webwin-topappbar"},Ie=["is","onClick"],Te={class:"webwin-topappbar-label"},Fe={key:0,class:"webwin-topappbar-indicator"},Re={key:1,class:"webwin-topappbar-indicator-not"},We=["onClick"],Le={class:"webwin-topappbar-label"},F=b({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:a}){const l=a,n=t;let o=e.ref(n.activeIndex||0),c=e.ref(n.items),i=e.ref(n.rightMenu);function w(p){o.value=p,l("update",[p,"left"])}function s(p){l("update",[p,"right"])}return(p,f)=>(e.openBlock(),e.createElementBlock("ul",De,[(e.openBlock(),e.createBlock(e.KeepAlive,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(d,r)=>(e.openBlock(),e.createElementBlock("li",{is:p.activeComponent,key:r,class:e.normalizeClass([{active:r===e.unref(o)},"webwin-topappbar-item"]),onClick:_=>w(r)},[e.createElementVNode("span",Te,e.toDisplayString(d.name),1),r===e.unref(o)?(e.openBlock(),e.createElementBlock("span",Fe)):e.createCommentVNode("",!0),r!=e.unref(o)?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0)],10,Ie))),128))],1024)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(d,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:_=>s(r),class:"webwin-topappbar-item",style:{float:"right"}},[e.createElementVNode("span",Le,e.toDisplayString(d.name),1)],8,We))),128))]))}},[["__scopeId","data-v-ef60c98a"]]),R=b({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(l=>({v23dfb612:t.color}));let a=e.useModel(t,"modelValue");return(l,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(a)?a.value=o:a=o),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(a)]])}},[["__scopeId","data-v-480ca2b0"]]),qe=["onClick"],Oe={class:"webwin-listview-context"},W=e.defineComponent({__name:"webwin-listview",props:{items:{type:Array,required:!1,default:()=>[]},activeIndex:Array,isMultiple:Boolean},emits:["update"],setup(t,{emit:a}){const l=a,n=t,o=e.ref("context");let c=e.ref(n.items||[]);const i=e.ref(n.activeIndex??[0]);function w(s){console.log(1),n.isMultiple?i.value.indexOf(s)!==-1?i.value=i.value.filter(f=>f!==s):i.value.push(s):i.value=[s],l("update",i.value)}return(s,p)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(f,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass([{active:i.value.indexOf(d)!=-1},"webwin-listview"]),onClick:r=>w(d)},[e.createElementVNode("div",Oe,e.toDisplayString(f[o.value]),1)],10,qe))),128))}}),Ue=[R,F,T,I,D,M,z,S,N,u,y,$,B,k,V,E,C,W],He={install(t){Ue.forEach(a=>{t.component("winbutton",u),t.component("winsidebar",y),t.component("wintile",$),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",V),t.component("winricheditbox",E),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",z),t.component("winprogressbar",M),t.component("wincontentdialog",D),t.component("wincard",I),t.component("windropdown",T),t.component("wintopappbar",F),t.component("winrange",R),t.component("winlistview",W)})}};m.default=He,m.winbutton=u,m.wincard=I,m.wincheckbox=N,m.wincombobox=z,m.wincontentdialog=D,m.windropdown=T,m.wininputbox=k,m.winlistview=W,m.winnotifications=C,m.winpasswordbox=V,m.winprogressbar=M,m.winradio=S,m.winrange=R,m.winricheditbox=E,m.winsidebar=y,m.wintab=B,m.wintile=$,m.wintopappbar=F,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|