web-win-vue 0.7.9 → 0.7.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-win-vue",
-  "version": "0.7.9",
+  "version": "0.7.10",
   "description": "基于 Vue3 开发的 Windows10 风格 Web 组件库",
   "main": "./web-win-vue.umd.js",
   "module": "./web-win-vue.es.js",

package/style.css

@@ -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}.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)}.webwin-listbox{height:64px;width:100%;background-color:#e7e7e7;-webkit-user-select:none;user-select:none}.webwin-listbox:hover{background-color:#e7e7ea}.webwin-listbox.active{background-color:#96c5ee}.webwin-listbox.active:hover{background-color:#66aceb}.webwin-switch{position:relative;display:inline-block;width:58px;height:26px}.webwin-switch input{opacity:0;width:0;height:0}.webwin-switch-slider{position:absolute;inset:0;background-color:#fff;transition:.25s all cubic-bezier(1,0,0,1);border-radius:34px;outline:4px solid black;outline-offset:-4px}.webwin-switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:8px;bottom:6px;background-color:#000;transition:.25s all cubic-bezier(1,0,0,1);border-radius:50%}.webwin-switch-checkbox:checked+.webwin-switch-slider{background-color:#0077d6;outline:4px solid #0077d6}.webwin-switch-checkbox:checked+.webwin-switch-slider:before{background-color:#fff}.webwin-switch-checkbox:checked+.webwin-switch-slider:before{transform:translate(30px)}
+.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-afae8037]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;z-index:998}.webwin-window[data-v-afae8037]{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-afae8037]{display:inline-block;width:244px}.webwin-window-title[data-v-afae8037]{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-afae8037],.v-leave-active[data-v-afae8037]{transition:all .225s cubic-bezier(0,0,0,1)}.webwin-window.v-enter-from[data-v-afae8037],.webwin-window.v-leave-to[data-v-afae8037]{opacity:0;transform:scale(.75) translate(-50%,-40%)}.webwin-window-background.v-enter-from[data-v-afae8037],.webwin-window-background.v-leave-to[data-v-afae8037]{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)}.webwin-listbox{height:64px;width:100%;background-color:#e7e7e7;-webkit-user-select:none;user-select:none}.webwin-listbox:hover{background-color:#e7e7ea}.webwin-listbox.active{background-color:#96c5ee}.webwin-listbox.active:hover{background-color:#66aceb}.webwin-switch{position:relative;display:inline-block;width:58px;height:26px}.webwin-switch input{opacity:0;width:0;height:0}.webwin-switch-slider{position:absolute;inset:0;background-color:#fff;transition:.25s all cubic-bezier(1,0,0,1);border-radius:34px;outline:4px solid black;outline-offset:-4px}.webwin-switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:8px;bottom:6px;background-color:#000;transition:.25s all cubic-bezier(1,0,0,1);border-radius:50%}.webwin-switch-checkbox:checked+.webwin-switch-slider{background-color:#0077d6;outline:4px solid #0077d6}.webwin-switch-checkbox:checked+.webwin-switch-slider:before{background-color:#fff}.webwin-switch-checkbox:checked+.webwin-switch-slider:before{transform:translate(30px)}

package/web-win-vue.d.ts

@@ -6,7 +6,7 @@ declare module 'web-win-vue' {
   export const wintopappbar: any;
   export const windropdown: any;
   export const wincard: any;
-  export const winwindow: any;
+  export const wincontentdialog: any;
   export const winprogressbar: any;
   export const wincombobox: any;
   export const winradio: any;
@@ -19,6 +19,9 @@ declare module 'web-win-vue' {
   export const winpasswordbox: any;
   export const winricheditbox: any;
   export const winnotifications: any;
+  export const winswitch: any;
+  export const winlistview: any;
+  export const winlistbox: any;
   
   // 导出安装函数
   const WebWin: {

package/web-win-vue.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as d, openBlock as a, renderSlot as C, defineComponent as k, ref as u, normalizeClass as h, unref as p, createElementVNode as o, toDisplayString as g, createVNode as V, Fragment as $, renderList as I, computed as T, normalizeStyle as W, watch as se, Transition as z, withCtx as S, createCommentVNode as M, withDirectives as N, vShow as H, onMounted as ae, nextTick as ce, createBlock as D, vModelCheckbox as re, vModelRadio as ue, useCssVars as O, createTextVNode as de, isRef as E, KeepAlive as we, mergeModels as pe, useModel as ve, vModelText as me } from "vue";
+import { createElementBlock as d, openBlock as a, renderSlot as S, defineComponent as k, ref as u, normalizeClass as h, unref as p, createElementVNode as o, toDisplayString as g, createVNode as V, Fragment as $, renderList as C, computed as W, normalizeStyle as R, watch as se, Transition as z, withCtx as I, createCommentVNode as M, withDirectives as N, vShow as L, onMounted as ae, nextTick as ce, createBlock as D, vModelCheckbox as re, vModelRadio as ue, useCssVars as O, createTextVNode as de, isRef as U, KeepAlive as we, mergeModels as pe, useModel as ve, vModelText as me } from "vue";
 const x = (e, s) => {
   const i = e.__vccOpts || e;
   for (const [t, n] of s)
@@ -7,7 +7,7 @@ const x = (e, s) => {
 }, be = {}, _e = { class: "webwin-button" };
 function fe(e, s) {
   return a(), d("button", _e, [
-    C(e.$slots, "default", {}, void 0, !0)
+    S(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"]]), he = ["value", "placeholder"], ge = /* @__PURE__ */ k({
@@ -24,13 +24,13 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
       onChange: n[0] || (n[0] = (c) => t.$emit("@change", c))
     }, null, 40, he));
   }
-}), F = /* @__PURE__ */ x(ge, [["__scopeId", "data-v-7641a566"]]), xe = { class: "webwin-sidebar-text" }, ye = { style: { width: "350px", margin: "auto" } }, $e = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, ke = ["onClick"], Ce = {
+}), H = /* @__PURE__ */ x(ge, [["__scopeId", "data-v-7641a566"]]), xe = { class: "webwin-sidebar-text" }, ye = { style: { width: "350px", margin: "auto" } }, $e = { style: { overflow: "auto", height: "calc( 100% - 240px )", "overflow-x": "hidden" } }, ke = ["onClick"], Ce = {
   class: "webwin-icon",
   viewBox: "0 0 1024 1024",
   fill: "currentColor",
   "aria-hidden": "true",
   height: "16"
-}, Ie = ["d"], Me = {
+}, Me = ["d"], Ie = {
   __name: "webwin-sidebar",
   props: {
     items: { type: Array, required: !0 },
@@ -95,7 +95,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
           }, null, 2)
         ], 2),
         o("div", ye, [
-          V(F, {
+          V(H, {
             placeholder: "查找",
             class: h(["webwin-inputbox", p(t)]),
             style: { "margin-top": "6px", width: "320px" }
@@ -107,7 +107,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
         }, g(e.title), 3)
       ]),
       o("div", $e, [
-        (a(!0), d($, null, I(e.items, (b, r) => (a(), d("li", {
+        (a(!0), d($, null, C(e.items, (_, r) => (a(), d("li", {
           key: r,
           class: h({ active: r === e.modelValue }),
           onClick: (m) => c.$emit("update:modelValue", r)
@@ -115,22 +115,22 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
           l[2] || (l[2] = o("span", { class: "webwin-indicator" }, null, -1)),
           (a(), d("svg", Ce, [
             o("path", {
-              d: b.icon
-            }, null, 8, Ie)
+              d: _.icon
+            }, null, 8, Me)
           ])),
           o("span", {
             class: h(["webwin-label", p(t)])
-          }, g(b.name), 3)
+          }, g(_.name), 3)
         ], 10, ke))), 128))
       ])
     ], 2));
   }
-}, U = /* @__PURE__ */ x(Me, [["__scopeId", "data-v-d1920b87"]]), Se = { class: "webwin-tile-content" }, Ve = { class: "webwin-tile-icon" }, Be = {
+}, F = /* @__PURE__ */ x(Ie, [["__scopeId", "data-v-d1920b87"]]), Se = { class: "webwin-tile-content" }, Ve = { class: "webwin-tile-icon" }, Be = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   width: "24",
   height: "24"
-}, ze = ["d"], Ne = { class: "webwin-tile-title" }, Re = /* @__PURE__ */ k({
+}, ze = ["d"], Ne = { class: "webwin-tile-title" }, Te = /* @__PURE__ */ k({
   __name: "webwin-tile",
   props: {
     size: { default: "medium" },
@@ -144,15 +144,15 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     console.log("%c✨Welcome to Web-Win-Vue-Tile✨", `
   color: #0078d7;
   text-shadow: 0 1px 0 #0078d7;`);
-    const s = e, i = u(!1), t = u(0), n = u(0), c = u(0), l = T(() => ({
+    const s = e, i = u(!1), t = u(0), n = u(0), c = u(0), l = W(() => ({
       "--tile-color": s.color,
       "--glow-color": s.glowColor,
       "--glow-radius": `${s.glowRadius}px`
-    })), b = T(() => ({
+    })), _ = W(() => ({
       "--x": `${t.value}px`,
       "--y": `${n.value}px`,
       opacity: c.value
-    })), r = T(() => ({
+    })), r = W(() => ({
       "--x": `${t.value}px`,
       "--y": `${n.value}px`,
       opacity: i.value ? 1 : 0
@@ -166,19 +166,19 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
         w.height - n.value
       ), y = s.glowRadius;
       c.value = Math.max(0, (y - f) / y);
-    }, _ = () => {
+    }, b = () => {
       i.value = !1, c.value = 0;
     };
     return (v, w) => (a(), d("div", {
       class: h(["webwin-tile", e.size]),
-      style: W(l.value),
+      style: R(l.value),
       onMousemove: m,
       onMouseenter: w[0] || (w[0] = (f) => i.value = !0),
-      onMouseleave: _
+      onMouseleave: b
     }, [
       o("div", Se, [
         o("div", Ve, [
-          C(v.$slots, "icon", {}, () => [
+          S(v.$slots, "icon", {}, () => [
             (a(), d("svg", Be, [
               o("path", {
                 fill: "white",
@@ -191,15 +191,15 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
       ]),
       o("div", {
         class: "webwin-glow-border",
-        style: W(b.value)
+        style: R(_.value)
       }, null, 4),
       o("div", {
         class: "webwin-pointer-glow",
-        style: W(r.value)
+        style: R(r.value)
       }, null, 4)
     ], 38));
   }
-}), L = /* @__PURE__ */ x(Re, [["__scopeId", "data-v-51adc759"]]), We = { class: "webwin-container" }, Te = ["src"], De = ["src"], j = {
+}), E = /* @__PURE__ */ x(Te, [["__scopeId", "data-v-51adc759"]]), Re = { class: "webwin-container" }, We = ["src"], De = ["src"], j = {
   __name: "webwin-tab",
   props: { menu: Array, url: Array, titlebar: Boolean, titlebartext: String },
   setup(e) {
@@ -208,47 +208,47 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     s.titlebar ? c.value = s.titlebartext : c.value = "", se(i, (r) => {
       console.log("activeIndex changed:", r), console.log("new url:", s.url[r]), n.value = s.url[r], t.value = t.value === 0 ? 1 : 0, console.log("docState:", t.value);
     });
-    function b(r) {
+    function _(r) {
       r ? l.value = "" : l.value = "folded";
     }
-    return (r, m) => (a(), d("div", We, [
-      V(U, {
+    return (r, m) => (a(), d("div", Re, [
+      V(F, {
         modelValue: i.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (_) => i.value = _),
+        "onUpdate:modelValue": m[0] || (m[0] = (b) => i.value = b),
         items: e.menu,
         class: "webwin-item-1",
         bartitle: p(c),
-        onUpdate: b
+        onUpdate: _
       }, null, 8, ["modelValue", "items", "bartitle"]),
       V(z, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: S(() => [
+        default: I(() => [
           t.value === 0 ? (a(), d("div", {
             key: "state0",
             class: h(["webwin-iframe-container", p(l)])
           }, [
-            C(r.$slots, "default", {}, () => [
+            S(r.$slots, "default", {}, () => [
               N(o("iframe", {
                 src: n.value,
                 style: { "margin-top": "70px" },
                 class: "webwin-iframe"
-              }, null, 8, Te), [
-                [H, t.value === 0]
+              }, null, 8, We), [
+                [L, t.value === 0]
               ])
             ])
           ], 2)) : t.value === 1 ? (a(), d("div", {
             key: "state1",
             class: h(["webwin-iframe-container", p(l)])
           }, [
-            C(r.$slots, "default", {}, () => [
+            S(r.$slots, "default", {}, () => [
               N(o("iframe", {
                 src: n.value,
                 style: { "margin-top": "70px" },
                 class: "webwin-iframe"
               }, null, 8, De), [
-                [H, t.value === 1]
+                [L, t.value === 1]
               ])
             ])
           ], 2)) : M("", !0)
@@ -271,7 +271,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
       onChange: c[0] || (c[0] = (l) => n.$emit("@change", l))
     }, null, 40, Oe));
   }
-}), X = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-dd8b91fe"]]), Fe = ["data-placeholder"], Ue = /* @__PURE__ */ k({
+}), X = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-dd8b91fe"]]), He = ["data-placeholder"], Fe = /* @__PURE__ */ k({
   __name: "webwin-richeditbox",
   props: {
     value: { type: String, default: "" },
@@ -283,7 +283,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     ae(() => {
       n.value && (n.value.textContent = i.value || "", l.value = i.value || "");
     });
-    const b = (_) => {
+    const _ = (b) => {
       if (!n.value) return;
       const v = n.value.textContent || "";
       t("update", v), ce(() => {
@@ -292,32 +292,32 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
           w.selectNodeContents(n.value), w.collapse(!1), f?.removeAllRanges(), f?.addRange(w);
         }
       });
-    }, r = (_) => {
-      const v = _.target;
+    }, r = (b) => {
+      const v = b.target;
       v.textContent === i.placeholder && (v.textContent = "");
-    }, m = (_) => {
-      const v = _.target, w = v.textContent || "";
+    }, m = (b) => {
+      const v = b.target, w = v.textContent || "";
       w !== l.value && (t("change", {
         target: {
           value: w
         }
       }), l.value = w), w.trim() === "" && (v.textContent = "");
     };
-    return (_, v) => (a(), d("div", {
+    return (b, v) => (a(), d("div", {
       ref_key: "editableDiv",
       ref: n,
       class: "webwin-uwprichrditbox",
       contenteditable: "plaintext-only",
       "data-placeholder": c.value,
-      onInput: b,
+      onInput: _,
       onFocus: r,
       onBlur: m
-    }, null, 40, Fe));
+    }, null, 40, He));
   }
-}), Y = /* @__PURE__ */ x(Ue, [["__scopeId", "data-v-f7a96b3a"]]), He = ["src"], Ee = {
+}), Y = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-f7a96b3a"]]), Le = ["src"], Ue = {
   class: "webwin-n-name",
   style: { display: "inline-block", "margin-left": "6px" }
-}, Le = { class: "webwin-n-text webwin-n-title" }, je = { class: "webwin-n-vulua" }, Xe = {
+}, Ee = { class: "webwin-n-text webwin-n-title" }, je = { class: "webwin-n-vulua" }, Xe = {
   __name: "webwin-notifications",
   props: { name: String, title: String, text: String, img: String },
   setup(e, { expose: s }) {
@@ -333,8 +333,8 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     }
     return s({ showNotification: c }), console.log("%c✨Welcome to Web-Win-Vue-Notifications✨", `
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`), (b, r) => (a(), D(z, { name: "slide-fade" }, {
-      default: S(() => [
+  text-shadow: 0 1px 0 #0078d7;`), (_, r) => (a(), D(z, { name: "slide-fade" }, {
+      default: I(() => [
         p(t) ? (a(), d("div", {
           key: 0,
           class: "webwin-notification",
@@ -343,9 +343,9 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
           o("img", {
             src: p(n),
             style: { "object-fit": "contain", "margin-left": "16px", "margin-right": "0px", display: "inline-block", "vertical-align": "middle", width: "16px", height: "16px" }
-          }, null, 8, He),
-          o("p", Ee, g(e.name), 1),
-          o("h4", Le, g(e.title), 1),
+          }, null, 8, Le),
+          o("p", Ue, g(e.name), 1),
+          o("h4", Ee, g(e.title), 1),
           o("p", je, g(e.text), 1)
         ])) : M("", !0)
       ]),
@@ -372,7 +372,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
         for: i.value,
         class: "webwin-checkbox-label"
       }, [
-        C(n.$slots, "default", {}, void 0, !0)
+        S(n.$slots, "default", {}, void 0, !0)
       ], 8, Ge)
     ], 64));
   }
@@ -396,7 +396,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
         for: i.value,
         class: "webwin-radio-label"
       }, [
-        C(n.$slots, "default", {}, void 0, !0)
+        S(n.$slots, "default", {}, void 0, !0)
       ], 8, Pe)
     ], 64));
   }
@@ -417,9 +417,9 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
       v5172b45c: p(r) + "px"
     }));
     const i = e, t = s;
-    let n = u(""), c = u(!1), l = u(i.modelValue), b = u(i.title), r = u(-6), m = u(6);
-    function _(w) {
-      c.value = !1, n.value = "", l.value = w, b.value = i.items[w].name, t("update", w), setTimeout(() => {
+    let n = u(""), c = u(!1), l = u(i.modelValue), _ = u(i.title), r = u(-6), m = u(6);
+    function b(w) {
+      c.value = !1, n.value = "", l.value = w, _.value = i.items[w].name, t("update", w), setTimeout(() => {
         r.value = w * -35 - 6, m.value = w * 35 + 6;
       }, 100);
     }
@@ -430,16 +430,16 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
       o("div", {
         class: h(["webwin-list-box-button", p(n)]),
         onClick: v
-      }, g(p(b)), 3),
+      }, g(p(_)), 3),
       V(z, null, {
-        default: S(() => [
+        default: I(() => [
           p(c) ? (a(), d("ul", Ae, [
             f[0] || (f[0] = o("div", { style: { height: "6px" } }, null, -1)),
             o("div", et, [
-              (a(!0), d($, null, I(e.items, (y, B) => (a(), d("li", {
+              (a(!0), d($, null, C(e.items, (y, B) => (a(), d("li", {
                 key: B,
                 class: h({ active: B === p(l) }),
-                onClick: (R) => _(B)
+                onClick: (T) => b(B)
               }, [
                 o("span", nt, g(y.name), 1)
               ], 10, tt))), 128))
@@ -460,7 +460,7 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     return (s, i) => (a(), d("div", ot, [
       o("div", {
         class: "webwin-progress",
-        style: W({ width: e.progress + "%" })
+        style: R({ width: e.progress + "%" })
       }, null, 4)
     ]));
   }
@@ -470,11 +470,12 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
 }, at = {
   key: 0,
   class: "webwin-window"
-}, ct = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, rt = { class: "webwin-window-title" }, ut = { style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" } }, dt = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, wt = {
+}, ct = { style: { "margin-top": "24px", "margin-bottom": "24px" } }, rt = { class: "webwin-window-title" }, ut = ["innerHTML"], dt = { style: { "margin-left": "24px", "margin-right": "24px", width: "calc(100% - 48px)", display: "Flex", gap: "6px", "margin-top": "48px" } }, wt = {
   __name: "webwin-contentdialog",
   props: {
     items: { type: Array, required: !0, default: [{ text: "11" }, { text: "11" }] },
-    title: { type: String, default: "Title" }
+    title: { type: String, default: "Title" },
+    content: { type: String, default: "Content" }
   },
   emits: ["clickBotton"],
   setup(e, { expose: s, emit: i }) {
@@ -482,31 +483,32 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
     const n = i, c = () => {
       t.value = !0;
     };
-    function l(b) {
-      t.value = !1, n("clickBotton", b);
+    function l(_) {
+      t.value = !1, n("clickBotton", _);
     }
-    return s({ showDialog: c }), (b, r) => (a(), d($, null, [
+    return s({ showDialog: c }), (_, r) => (a(), d($, null, [
       V(z, null, {
-        default: S(() => [
+        default: I(() => [
           p(t) ? (a(), d("div", st)) : M("", !0)
         ]),
         _: 1
       }),
       V(z, null, {
-        default: S(() => [
+        default: I(() => [
           p(t) ? (a(), d("div", at, [
             o("div", ct, [
               o("h2", rt, g(e.title), 1),
-              o("div", ut, [
-                C(b.$slots, "default", {}, void 0, !0)
-              ]),
+              o("div", {
+                style: { "margin-left": "25px", "margin-right": "24px", width: "calc(100% - 48px)" },
+                innerHTML: e.content
+              }, null, 8, ut),
               o("div", dt, [
-                (a(!0), d($, null, I(e.items, (m, _) => (a(), D(q, {
+                (a(!0), d($, null, C(e.items, (m, b) => (a(), D(q, {
                   class: "webwin-window-button",
-                  key: _,
-                  onClick: (v) => l(_)
+                  key: b,
+                  onClick: (v) => l(b)
                 }, {
-                  default: S(() => [
+                  default: I(() => [
                     de(g(m.text), 1)
                   ]),
                   _: 2
@@ -515,14 +517,14 @@ const q = /* @__PURE__ */ x(be, [["render", fe], ["__scopeId", "data-v-a059307c"
             ])
           ])) : M("", !0)
         ]),
-        _: 3
+        _: 1
       })
     ], 64));
   }
-}, Z = /* @__PURE__ */ x(wt, [["__scopeId", "data-v-e4bb637e"]]), pt = {}, vt = { class: "webwin-card" };
+}, Z = /* @__PURE__ */ x(wt, [["__scopeId", "data-v-afae8037"]]), pt = {}, vt = { class: "webwin-card" };
 function mt(e, s) {
   return a(), d("div", vt, [
-    C(e.$slots, "default", {}, void 0, !0)
+    S(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"]]), bt = {
@@ -540,27 +542,27 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
       v6fe54d61: p(l) + "px"
     }));
     const t = e, n = i;
-    let c = u(0), l = u(0), b = u(""), r = u(!1), m = u(0), _ = u(t.title || "");
+    let c = u(0), l = u(0), _ = u(""), r = u(!1), m = u(0), b = u(t.title || "");
     function v(f) {
-      r.value = !1, b.value = "", m.value = f, _.value = t.items[f].name, n("update", f);
+      r.value = !1, _.value = "", m.value = f, b.value = t.items[f].name, n("update", f);
     }
     return s({ showbox: (f, y) => {
-      r.value = !r.value, b.value = r.value ? "active" : "", c.value = f, l.value = y;
+      r.value = !r.value, _.value = r.value ? "active" : "", c.value = f, l.value = y;
     } }), (f, y) => (a(), d("div", null, [
       V(z, null, {
-        default: S(() => [
+        default: I(() => [
           p(r) ? (a(), d("div", bt, [
             o("div", {
               class: "webwin-dropdown_backgroud",
-              onClick: y[0] || (y[0] = (B) => E(r) ? r.value = !1 : r = !1)
+              onClick: y[0] || (y[0] = (B) => U(r) ? r.value = !1 : r = !1)
             }),
             o("ul", _t, [
               y[1] || (y[1] = o("div", { style: { height: "6px" } }, null, -1)),
               o("div", ft, [
-                (a(!0), d($, null, I(e.items, (B, R) => (a(), d("li", {
-                  key: R,
-                  class: h({ active: R === p(m) }),
-                  onClick: (Ot) => v(R)
+                (a(!0), d($, null, C(e.items, (B, T) => (a(), d("li", {
+                  key: T,
+                  class: h({ active: T === p(m) }),
+                  onClick: (Ot) => v(T)
                 }, [
                   o("span", gt, g(B.name), 1)
                 ], 10, ht))), 128))
@@ -576,43 +578,43 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
 }, ee = /* @__PURE__ */ x(xt, [["__scopeId", "data-v-2d220786"]]), yt = { class: "webwin-topappbar" }, $t = ["is", "onClick"], kt = { class: "webwin-topappbar-label" }, Ct = {
   key: 0,
   class: "webwin-topappbar-indicator"
-}, It = {
+}, Mt = {
   key: 1,
   class: "webwin-topappbar-indicator-not"
-}, Mt = ["onClick"], St = { class: "webwin-topappbar-label" }, Vt = {
+}, It = ["onClick"], St = { class: "webwin-topappbar-label" }, Vt = {
   __name: "webwin-topappbar",
   props: { items: Array, activeIndex: Number, rightMenu: { type: Array, default: [] } },
   emits: ["update"],
   setup(e, { emit: s }) {
     const i = s, t = e;
     let n = u(t.activeIndex || 0), c = u(t.items), l = u(t.rightMenu);
-    function b(m) {
+    function _(m) {
       n.value = m, i("update", [m, "left"]);
     }
     function r(m) {
       i("update", [m, "right"]);
     }
-    return (m, _) => (a(), d("ul", yt, [
+    return (m, b) => (a(), d("ul", yt, [
       (a(), D(we, null, [
-        (a(!0), d($, null, I(p(c), (v, w) => (a(), d("li", {
+        (a(!0), d($, null, C(p(c), (v, w) => (a(), d("li", {
           is: m.activeComponent,
           key: w,
           class: h([{ active: w === p(n) }, "webwin-topappbar-item"]),
-          onClick: (f) => b(w)
+          onClick: (f) => _(w)
         }, [
           o("span", kt, g(v.name), 1),
           w === p(n) ? (a(), d("span", Ct)) : M("", !0),
-          w != p(n) ? (a(), d("span", It)) : M("", !0)
+          w != p(n) ? (a(), d("span", Mt)) : M("", !0)
         ], 10, $t))), 128))
       ], 1024)),
-      (a(!0), d($, null, I(p(l), (v, w) => (a(), d("li", {
+      (a(!0), d($, null, C(p(l), (v, w) => (a(), d("li", {
         key: w,
         onClick: (f) => r(w),
         class: "webwin-topappbar-item",
         style: { float: "right" }
       }, [
         o("span", St, g(v.name), 1)
-      ], 8, Mt))), 128))
+      ], 8, It))), 128))
     ]));
   }
 }, te = /* @__PURE__ */ x(Vt, [["__scopeId", "data-v-ef60c98a"]]), Bt = {
@@ -631,7 +633,7 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
     let s = ve(e, "modelValue");
     return (i, t) => N((a(), d("input", {
       type: "range",
-      "onUpdate:modelValue": t[0] || (t[0] = (n) => E(s) ? s.value = n : s = n),
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => U(s) ? s.value = n : s = n),
       class: "webwin-slider",
       min: "1",
       max: "100"
@@ -655,18 +657,18 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
     const i = s, t = e, n = u("context");
     let c = u(t.items || []);
     const l = u(t.activeIndex ?? [0]);
-    function b(r) {
-      console.log(1), t.isMultiple ? l.value.indexOf(r) !== -1 ? l.value = l.value.filter((_) => _ !== r) : l.value.push(r) : l.value = [r], i("update", l.value);
+    function _(r) {
+      console.log(1), t.isMultiple ? l.value.indexOf(r) !== -1 ? l.value = l.value.filter((b) => b !== r) : l.value.push(r) : l.value = [r], i("update", l.value);
     }
-    return (r, m) => (a(!0), d($, null, I(p(c), (_, v) => (a(), d("div", {
+    return (r, m) => (a(!0), d($, null, C(p(c), (b, v) => (a(), d("div", {
       key: v,
       class: h([{ active: l.value.indexOf(v) != -1 }, "webwin-listview"]),
-      onClick: (w) => b(v)
+      onClick: (w) => _(v)
     }, [
-      o("div", Nt, g(_[n.value]), 1)
+      o("div", Nt, g(b[n.value]), 1)
     ], 10, zt))), 128));
   }
-}), Rt = ["onClick"], Wt = { class: "webwin-listbox-context" }, oe = /* @__PURE__ */ k({
+}), Tt = ["onClick"], Rt = { class: "webwin-listbox-context" }, oe = /* @__PURE__ */ k({
   __name: "webwin-listbox",
   props: {
     items: {
@@ -682,24 +684,24 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
     const i = s, t = e, n = u("context");
     let c = u(t.items || []);
     const l = u(t.activeIndex ?? [0]);
-    function b(r) {
-      console.log(1), t.isMultiple ? l.value.indexOf(r) !== -1 ? l.value = l.value.filter((_) => _ !== r) : l.value.push(r) : l.value = [r], i("update", l.value);
+    function _(r) {
+      console.log(1), t.isMultiple ? l.value.indexOf(r) !== -1 ? l.value = l.value.filter((b) => b !== r) : l.value.push(r) : l.value = [r], i("update", l.value);
     }
-    return (r, m) => (a(!0), d($, null, I(p(c), (_, v) => (a(), d("div", {
+    return (r, m) => (a(!0), d($, null, C(p(c), (b, v) => (a(), d("div", {
       key: v,
       class: h([{ active: l.value.indexOf(v) != -1 }, "webwin-listbox"]),
-      onClick: (w) => b(v)
+      onClick: (w) => _(v)
     }, [
-      o("div", Wt, g(_[n.value]), 1)
-    ], 10, Rt))), 128));
+      o("div", Rt, g(b[n.value]), 1)
+    ], 10, Tt))), 128));
   }
-}), Tt = { class: "webwin-switch" }, ie = /* @__PURE__ */ k({
+}), Wt = { class: "webwin-switch" }, ie = /* @__PURE__ */ k({
   __name: "webwin-switch",
   props: {
     isOn: Boolean
   },
   setup(e) {
-    return (s, i) => (a(), d("label", Tt, [...i[0] || (i[0] = [
+    return (s, i) => (a(), d("label", Wt, [...i[0] || (i[0] = [
       o("input", {
         type: "checkbox",
         class: "webwin-switch-checkbox"
@@ -707,22 +709,22 @@ const A = /* @__PURE__ */ x(pt, [["render", mt], ["__scopeId", "data-v-26a8c2e0"
       o("span", { class: "webwin-switch-slider" }, null, -1)
     ])]));
   }
-}), Dt = [ne, te, ee, A, Z, Q, P, J, K, q, U, L, j, F, X, Y, G, le, oe, ie], Ft = {
+}), Dt = [ne, te, ee, A, Z, Q, P, J, K, q, F, E, j, H, X, Y, G, le, oe, ie], Ht = {
   install(e) {
     Dt.forEach((s) => {
-      e.component("winbutton", q), e.component("winsidebar", U), e.component("wintile", L), e.component("wintab", j), e.component("wininputbox", F), e.component("winpasswordbox", X), e.component("winricheditbox", Y), 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), e.component("winlistbox", oe), e.component("winswitch", ie);
+      e.component("winbutton", q), e.component("winsidebar", F), e.component("wintile", E), e.component("wintab", j), e.component("wininputbox", H), e.component("winpasswordbox", X), e.component("winricheditbox", Y), 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), e.component("winlistbox", oe), e.component("winswitch", ie);
     });
   }
 };
 export {
-  Ft as default,
+  Ht as default,
   q as winbutton,
   A as wincard,
   K as wincheckbox,
   P as wincombobox,
   Z as wincontentdialog,
   ee as windropdown,
-  F as wininputbox,
+  H as wininputbox,
   oe as winlistbox,
   le as winlistview,
   G as winnotifications,
@@ -731,9 +733,9 @@ export {
   J as winradio,
   ne as winrange,
   Y as winricheditbox,
-  U as winsidebar,
+  F as winsidebar,
   ie as winswitch,
   j as wintab,
-  L as wintile,
+  E as wintile,
   te as wintopappbar
 };

package/web-win-vue.umd.js

@@ -1,5 +1,5 @@
-(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,i)=>{const a=t.__vccOpts||t;for(const[n,o]of i)a[n]=o;return a},q={},U={class:"webwin-button"};function j(t,i){return e.openBlock(),e.createElementBlock("button",U,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const u=b(q,[["render",j],["__scopeId","data-v-a059307c"]]),H=["value","placeholder"],k=b(e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){const i=t,a=e.ref(i.placeholder);return(n,o)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"webwin-uwpinput",value:t.value,placeholder:a.value,onChange:o[0]||(o[0]=c=>n.$emit("@change",c))},null,40,H))}}),[["__scopeId","data-v-7641a566"]]),X={class:"webwin-sidebar-text"},Y={style:{width:"350px",margin:"auto"}},G={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},K=["onClick"],P={class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},J=["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:i}){const a=i;let n=e.ref("");function o(){n.value===""?(n.value="folded",a("update",!1)):(n.value="",a("update",!0))}return(c,l)=>(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",X,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:o},[l[0]||(l[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)])},[l[1]||(l[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",Y,[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",G,[(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)},[l[2]||(l[2]=e.createElementVNode("span",{class:"webwin-indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",P,[e.createElementVNode("path",{d:w.icon},null,8,J)])),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},e.toDisplayString(w.name),3)],10,K))),128))])],2))}},[["__scopeId","data-v-d1920b87"]]),Q={class:"webwin-tile-content"},Z={class:"webwin-tile-icon"},A={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},v=["d"],ee={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✨",`
+(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,i)=>{const a=t.__vccOpts||t;for(const[n,o]of i)a[n]=o;return a},q={},H={class:"webwin-button"};function U(t,i){return e.openBlock(),e.createElementBlock("button",H,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const u=b(q,[["render",U],["__scopeId","data-v-a059307c"]]),j=["value","placeholder"],k=b(e.defineComponent({__name:"webwin-inputbox",props:{value:String,placeholder:String},setup(t){const i=t,a=e.ref(i.placeholder);return(n,o)=>(e.openBlock(),e.createElementBlock("input",{type:"text",name:"fname",class:"webwin-uwpinput",value:t.value,placeholder:a.value,onChange:o[0]||(o[0]=c=>n.$emit("@change",c))},null,40,j))}}),[["__scopeId","data-v-7641a566"]]),X={class:"webwin-sidebar-text"},Y={style:{width:"350px",margin:"auto"}},G={style:{overflow:"auto",height:"calc( 100% - 240px )","overflow-x":"hidden"}},K=["onClick"],P={class:"webwin-icon",viewBox:"0 0 1024 1024",fill:"currentColor","aria-hidden":"true",height:"16"},J=["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:i}){const a=i;let n=e.ref("");function o(){n.value===""?(n.value="folded",a("update",!1)):(n.value="",a("update",!0))}return(c,l)=>(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",X,e.toDisplayString(t.bartitle),1)],2),e.createElementVNode("div",null,[e.createElementVNode("li",{style:{"margin-top":"24px",width:"24px"},onClick:o},[l[0]||(l[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)])},[l[1]||(l[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",Y,[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",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(f,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:e.normalizeClass({active:s===t.modelValue}),onClick:p=>c.$emit("update:modelValue",s)},[l[2]||(l[2]=e.createElementVNode("span",{class:"webwin-indicator"},null,-1)),(e.openBlock(),e.createElementBlock("svg",P,[e.createElementVNode("path",{d:f.icon},null,8,J)])),e.createElementVNode("span",{class:e.normalizeClass(["webwin-label",e.unref(n)])},e.toDisplayString(f.name),3)],10,K))),128))])],2))}},[["__scopeId","data-v-d1920b87"]]),Q={class:"webwin-tile-content"},Z={class:"webwin-tile-icon"},A={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},v=["d"],ee={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✨",`
   color: #0078d7;
-  text-shadow: 0 1px 0 #0078d7;`);const i=t,a=e.ref(!1),n=e.ref(0),o=e.ref(0),c=e.ref(0),l=e.computed(()=>({"--tile-color":i.color,"--glow-color":i.glowColor,"--glow-radius":`${i.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:a.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=i.glowRadius;c.value=Math.max(0,(h-_)/h)},f=()=>{a.value=!1,c.value=0};return(d,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["webwin-tile",t.size]),style:e.normalizeStyle(l.value),onMousemove:p,onMouseenter:r[0]||(r[0]=_=>a.value=!0),onMouseleave:f},[e.createElementVNode("div",Q,[e.createElementVNode("div",Z,[e.renderSlot(d.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",A,[e.createElementVNode("path",{fill:"white",d:t.icon},null,8,v)]))],!0)]),e.createElementVNode("div",ee,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"]]),te={class:"webwin-container"},ne=["src"],oe=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){const i=t,a=e.ref(0),n=e.ref(0),o=e.ref(i.url[0]);let c=e.ref(""),l=e.ref("");i.titlebar?c.value=i.titlebartext:c.value="",e.watch(a,s=>{console.log("activeIndex changed:",s),console.log("new url:",i.url[s]),o.value=i.url[s],n.value=n.value===0?1:0,console.log("docState:",n.value)});function w(s){s?l.value="":l.value="folded"}return(s,p)=>(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(y,{modelValue:a.value,"onUpdate:modelValue":p[0]||(p[0]=f=>a.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(l)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,ne),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["webwin-iframe-container",e.unref(l)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,oe),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},le=["value","placeholder"],E=b(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){const i=t,a=e.ref(i.value),n=e.ref(i.placeholder);return(o,c)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"webwin-uwppassword",value:a.value,placeholder:n.value,onChange:c[0]||(c[0]=l=>o.$emit("@change",l))},null,40,le))}}),[["__scopeId","data-v-dd8b91fe"]]),ae=["data-placeholder"],V=b(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:i}){const a=t,n=i,o=e.ref(null),c=e.ref(a.placeholder),l=e.ref(a.value);e.onMounted(()=>{o.value&&(o.value.textContent=a.value||"",l.value=a.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===a.placeholder&&(d.textContent="")},p=f=>{const d=f.target,r=d.textContent||"";r!==l.value&&(n("change",{target:{value:r}}),l.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,ae))}}),[["__scopeId","data-v-f7a96b3a"]]),ie=["src"],ce={class:"webwin-n-name",style:{display:"inline-block","margin-left":"6px"}},se={class:"webwin-n-text webwin-n-title"},re={class:"webwin-n-vulua"},C=b({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:i}){const a=t;let n=e.ref(!1),o=e.ref(a.img);const c=()=>{n.value=!n.value};function l(){n.value&&setTimeout(()=>{n.value=!1},250)}return i({showNotification:c}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
+  text-shadow: 0 1px 0 #0078d7;`);const i=t,a=e.ref(!1),n=e.ref(0),o=e.ref(0),c=e.ref(0),l=e.computed(()=>({"--tile-color":i.color,"--glow-color":i.glowColor,"--glow-radius":`${i.glowRadius}px`})),f=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:a.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=i.glowRadius;c.value=Math.max(0,(h-_)/h)},w=()=>{a.value=!1,c.value=0};return(d,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["webwin-tile",t.size]),style:e.normalizeStyle(l.value),onMousemove:p,onMouseenter:r[0]||(r[0]=_=>a.value=!0),onMouseleave:w},[e.createElementVNode("div",Q,[e.createElementVNode("div",Z,[e.renderSlot(d.$slots,"icon",{},()=>[(e.openBlock(),e.createElementBlock("svg",A,[e.createElementVNode("path",{fill:"white",d:t.icon},null,8,v)]))],!0)]),e.createElementVNode("div",ee,e.toDisplayString(t.title),1)]),e.createElementVNode("div",{class:"webwin-glow-border",style:e.normalizeStyle(f.value)},null,4),e.createElementVNode("div",{class:"webwin-pointer-glow",style:e.normalizeStyle(s.value)},null,4)],38))}}),[["__scopeId","data-v-51adc759"]]),te={class:"webwin-container"},ne=["src"],oe=["src"],B={__name:"webwin-tab",props:{menu:Array,url:Array,titlebar:Boolean,titlebartext:String},setup(t){const i=t,a=e.ref(0),n=e.ref(0),o=e.ref(i.url[0]);let c=e.ref(""),l=e.ref("");i.titlebar?c.value=i.titlebartext:c.value="",e.watch(a,s=>{console.log("activeIndex changed:",s),console.log("new url:",i.url[s]),o.value=i.url[s],n.value=n.value===0?1:0,console.log("docState:",n.value)});function f(s){s?l.value="":l.value="folded"}return(s,p)=>(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(y,{modelValue:a.value,"onUpdate:modelValue":p[0]||(p[0]=w=>a.value=w),items:t.menu,class:"webwin-item-1",bartitle:e.unref(c),onUpdate:f},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(l)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,ne),[[e.vShow,n.value===0]])])],2)):n.value===1?(e.openBlock(),e.createElementBlock("div",{key:"state1",class:e.normalizeClass(["webwin-iframe-container",e.unref(l)])},[e.renderSlot(s.$slots,"default",{},()=>[e.withDirectives(e.createElementVNode("iframe",{src:o.value,style:{"margin-top":"70px"},class:"webwin-iframe"},null,8,oe),[[e.vShow,n.value===1]])])],2)):e.createCommentVNode("",!0)]),_:3})]))}},le=["value","placeholder"],E=b(e.defineComponent({__name:"webwin-passwordbox",props:{value:String,placeholder:String},setup(t){const i=t,a=e.ref(i.value),n=e.ref(i.placeholder);return(o,c)=>(e.openBlock(),e.createElementBlock("input",{type:"password",name:"fname",class:"webwin-uwppassword",value:a.value,placeholder:n.value,onChange:c[0]||(c[0]=l=>o.$emit("@change",l))},null,40,le))}}),[["__scopeId","data-v-dd8b91fe"]]),ae=["data-placeholder"],V=b(e.defineComponent({__name:"webwin-richeditbox",props:{value:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update","change"],setup(t,{emit:i}){const a=t,n=i,o=e.ref(null),c=e.ref(a.placeholder),l=e.ref(a.value);e.onMounted(()=>{o.value&&(o.value.textContent=a.value||"",l.value=a.value||"")});const f=w=>{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=w=>{const d=w.target;d.textContent===a.placeholder&&(d.textContent="")},p=w=>{const d=w.target,r=d.textContent||"";r!==l.value&&(n("change",{target:{value:r}}),l.value=r),r.trim()===""&&(d.textContent="")};return(w,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"editableDiv",ref:o,class:"webwin-uwprichrditbox",contenteditable:"plaintext-only","data-placeholder":c.value,onInput:f,onFocus:s,onBlur:p},null,40,ae))}}),[["__scopeId","data-v-f7a96b3a"]]),ie=["src"],ce={class:"webwin-n-name",style:{display:"inline-block","margin-left":"6px"}},se={class:"webwin-n-text webwin-n-title"},re={class:"webwin-n-vulua"},C=b({__name:"webwin-notifications",props:{name:String,title:String,text:String,img:String},setup(t,{expose:i}){const a=t;let n=e.ref(!1),o=e.ref(a.img);const c=()=>{n.value=!n.value};function l(){n.value&&setTimeout(()=>{n.value=!1},250)}return i({showNotification:c}),console.log("%c✨Welcome to Web-Win-Vue-Notifications✨",`
   color: #0078d7;
-  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:l},[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,ie),e.createElementVNode("p",ce,e.toDisplayString(t.name),1),e.createElementVNode("h4",se,e.toDisplayString(t.title),1),e.createElementVNode("p",re,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-445b06e9"]]),de=["name","id"],me=["for"],N=b(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const i=t,a=e.ref(i.name),n=e.ref(i.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"webwin-checkbox",name:a.value,id:a.value,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),onClick:c[1]||(c[1]=l=>o.$emit("click",l))},null,8,de),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:a.value,class:"webwin-checkbox-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,me)],64))}}),[["__scopeId","data-v-3b234b99"]]),pe=["name","id"],we=["for"],S=b(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const i=t,a=e.ref(i.name),n=e.ref(i.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"webwin-radio",name:a.value,id:a.value,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),onClick:c[1]||(c[1]=l=>o.$emit("click",l))},null,8,pe),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:a.value,class:"webwin-radio-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,we)],64))}}),[["__scopeId","data-v-04fe95c4"]]),fe={style:{position:"relative"}},_e={key:0,class:"webwin-list-box"},be={style:{overflow:"auto",height:"calc( 100% - 240px )"}},he=["onClick"],ge={class:"webwin-label"},M=b({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:i}){e.useCssVars(r=>({v1be24303:e.unref(p)+"px",v5172b45c:e.unref(s)+"px"}));const a=t,n=i;let o=e.ref(""),c=e.ref(!1),l=e.ref(a.modelValue),w=e.ref(a.title),s=e.ref(-6),p=e.ref(6);function f(r){c.value=!1,o.value="",l.value=r,w.value=a.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",fe,[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",_e,[_[0]||(_[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass({active:g===e.unref(l)}),onClick:x=>f(g)},[e.createElementVNode("span",ge,e.toDisplayString(h.name),1)],10,he))),128))]),_[1]||(_[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-ac4b4002"]]),ue={class:"webwin-progress-bar"},z=b({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return(i,a)=>(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",{class:"webwin-progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-9ef8a457"]]),ke={key:0,class:"webwin-window-background"},ye={key:0,class:"webwin-window"},xe={style:{"margin-top":"24px","margin-bottom":"24px"}},$e={class:"webwin-window-title"},Be={style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"}},Ee={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},I=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:i,emit:a}){let n=e.ref("");const o=a,c=()=>{n.value=!0};function l(w){n.value=!1,o("clickBotton",w)}return i({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",ke)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",xe,[e.createElementVNode("h2",$e,e.toDisplayString(t.title),1),e.createElementVNode("div",Be,[e.renderSlot(w.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",Ee,[(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=>l(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.text),1)]),_:2},1032,["onClick"]))),128))])])])):e.createCommentVNode("",!0)]),_:3})],64))}},[["__scopeId","data-v-e4bb637e"]]),Ve={},Ce={class:"webwin-card"};function Ne(t,i){return e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=b(Ve,[["render",Ne],["__scopeId","data-v-26a8c2e0"]]),Se={key:0,class:"webwin-dropdown-container"},Me={class:"webwin-dropdown"},ze={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ie=["onClick"],De={class:"webwin-label"},T=b({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:i,emit:a}){e.useCssVars(_=>({v08042082:e.unref(c)+"px",v6fe54d61:e.unref(l)+"px"}));const n=t,o=a;let c=e.ref(0),l=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 i({showbox:(_,h)=>{s.value=!s.value,w.value=s.value?"active":"",c.value=_,l.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",Se,[e.createElementVNode("div",{class:"webwin-dropdown_backgroud",onClick:h[0]||(h[0]=g=>e.isRef(s)?s.value=!1:s=!1)}),e.createElementVNode("ul",Me,[h[1]||(h[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",ze,[(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:st=>d(x)},[e.createElementVNode("span",De,e.toDisplayString(g.name),1)],10,Ie))),128))]),h[2]||(h[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-2d220786"]]),Te={class:"webwin-topappbar"},Fe=["is","onClick"],Re={class:"webwin-topappbar-label"},Le={key:0,class:"webwin-topappbar-indicator"},We={key:1,class:"webwin-topappbar-indicator-not"},Oe=["onClick"],qe={class:"webwin-topappbar-label"},F=b({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:i}){const a=i,n=t;let o=e.ref(n.activeIndex||0),c=e.ref(n.items),l=e.ref(n.rightMenu);function w(p){o.value=p,a("update",[p,"left"])}function s(p){a("update",[p,"right"])}return(p,f)=>(e.openBlock(),e.createElementBlock("ul",Te,[(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",Re,e.toDisplayString(d.name),1),r===e.unref(o)?(e.openBlock(),e.createElementBlock("span",Le)):e.createCommentVNode("",!0),r!=e.unref(o)?(e.openBlock(),e.createElementBlock("span",We)):e.createCommentVNode("",!0)],10,Fe))),128))],1024)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(d,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:_=>s(r),class:"webwin-topappbar-item",style:{float:"right"}},[e.createElementVNode("span",qe,e.toDisplayString(d.name),1)],8,Oe))),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(a=>({v23dfb612:t.color}));let i=e.useModel(t,"modelValue");return(a,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(i)?i.value=o:i=o),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(i)]])}},[["__scopeId","data-v-480ca2b0"]]),Ue=["onClick"],je={class:"webwin-listview-context"},L=e.defineComponent({__name:"webwin-listview",props:{items:{type:Array,required:!1,default:()=>[]},activeIndex:Array,isMultiple:Boolean},emits:["update"],setup(t,{emit:i}){const a=i,n=t,o=e.ref("context");let c=e.ref(n.items||[]);const l=e.ref(n.activeIndex??[0]);function w(s){console.log(1),n.isMultiple?l.value.indexOf(s)!==-1?l.value=l.value.filter(f=>f!==s):l.value.push(s):l.value=[s],a("update",l.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:l.value.indexOf(d)!=-1},"webwin-listview"]),onClick:r=>w(d)},[e.createElementVNode("div",je,e.toDisplayString(f[o.value]),1)],10,Ue))),128))}}),He=["onClick"],Xe={class:"webwin-listbox-context"},W=e.defineComponent({__name:"webwin-listbox",props:{items:{type:Array,required:!1,default:()=>[]},activeIndex:Array,isMultiple:Boolean},emits:["update"],setup(t,{emit:i}){const a=i,n=t,o=e.ref("context");let c=e.ref(n.items||[]);const l=e.ref(n.activeIndex??[0]);function w(s){console.log(1),n.isMultiple?l.value.indexOf(s)!==-1?l.value=l.value.filter(f=>f!==s):l.value.push(s):l.value=[s],a("update",l.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:l.value.indexOf(d)!=-1},"webwin-listbox"]),onClick:r=>w(d)},[e.createElementVNode("div",Xe,e.toDisplayString(f[o.value]),1)],10,He))),128))}}),Ye={class:"webwin-switch"},O=e.defineComponent({__name:"webwin-switch",props:{isOn:Boolean},setup(t){return(i,a)=>(e.openBlock(),e.createElementBlock("label",Ye,[...a[0]||(a[0]=[e.createElementVNode("input",{type:"checkbox",class:"webwin-switch-checkbox"},null,-1),e.createElementVNode("span",{class:"webwin-switch-slider"},null,-1)])]))}}),Ge=[R,F,T,D,I,z,M,S,N,u,y,$,B,k,E,V,C,L,W,O],Ke={install(t){Ge.forEach(i=>{t.component("winbutton",u),t.component("winsidebar",y),t.component("wintile",$),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",E),t.component("winricheditbox",V),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",M),t.component("winprogressbar",z),t.component("wincontentdialog",I),t.component("wincard",D),t.component("windropdown",T),t.component("wintopappbar",F),t.component("winrange",R),t.component("winlistview",L),t.component("winlistbox",W),t.component("winswitch",O)})}};m.default=Ke,m.winbutton=u,m.wincard=D,m.wincheckbox=N,m.wincombobox=M,m.wincontentdialog=I,m.windropdown=T,m.wininputbox=k,m.winlistbox=W,m.winlistview=L,m.winnotifications=C,m.winpasswordbox=E,m.winprogressbar=z,m.winradio=S,m.winrange=R,m.winricheditbox=V,m.winsidebar=y,m.winswitch=O,m.wintab=B,m.wintile=$,m.wintopappbar=F,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+  text-shadow: 0 1px 0 #0078d7;`),(f,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:l},[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,ie),e.createElementVNode("p",ce,e.toDisplayString(t.name),1),e.createElementVNode("h4",se,e.toDisplayString(t.title),1),e.createElementVNode("p",re,e.toDisplayString(t.text),1)])):e.createCommentVNode("",!0)]),_:1}))}},[["__scopeId","data-v-445b06e9"]]),de=["name","id"],me=["for"],N=b(e.defineComponent({__name:"webwin-checkbox",props:{name:String,checked:Array},setup(t){const i=t,a=e.ref(i.name),n=e.ref(i.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"webwin-checkbox",name:a.value,id:a.value,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),onClick:c[1]||(c[1]=l=>o.$emit("click",l))},null,8,de),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:a.value,class:"webwin-checkbox-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,me)],64))}}),[["__scopeId","data-v-3b234b99"]]),pe=["name","id"],we=["for"],S=b(e.defineComponent({__name:"webwin-radio",props:{name:String,checked:Array},setup(t){const i=t,a=e.ref(i.name),n=e.ref(i.checked);return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("input",{type:"radio",class:"webwin-radio",name:a.value,id:a.value,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),onClick:c[1]||(c[1]=l=>o.$emit("click",l))},null,8,pe),[[e.vModelRadio,n.value]]),e.createElementVNode("label",{for:a.value,class:"webwin-radio-label"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,we)],64))}}),[["__scopeId","data-v-04fe95c4"]]),fe={style:{position:"relative"}},_e={key:0,class:"webwin-list-box"},be={style:{overflow:"auto",height:"calc( 100% - 240px )"}},he=["onClick"],ge={class:"webwin-label"},M=b({__name:"webwin-combobox",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:0},title:{type:String,default:"itembox"}},emits:["update"],setup(t,{emit:i}){e.useCssVars(r=>({v1be24303:e.unref(p)+"px",v5172b45c:e.unref(s)+"px"}));const a=t,n=i;let o=e.ref(""),c=e.ref(!1),l=e.ref(a.modelValue),f=e.ref(a.title),s=e.ref(-6),p=e.ref(6);function w(r){c.value=!1,o.value="",l.value=r,f.value=a.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",fe,[e.createElementVNode("div",{class:e.normalizeClass(["webwin-list-box-button",e.unref(o)]),onClick:d},e.toDisplayString(e.unref(f)),3),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createElementBlock("ul",_e,[_[0]||(_[0]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass({active:g===e.unref(l)}),onClick:x=>w(g)},[e.createElementVNode("span",ge,e.toDisplayString(h.name),1)],10,he))),128))]),_[1]||(_[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-ac4b4002"]]),ue={class:"webwin-progress-bar"},z=b({__name:"webwin-progressbar",props:{progress:{type:Number,default:0}},setup(t){return(i,a)=>(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",{class:"webwin-progress",style:e.normalizeStyle({width:t.progress+"%"})},null,4)]))}},[["__scopeId","data-v-9ef8a457"]]),ke={key:0,class:"webwin-window-background"},ye={key:0,class:"webwin-window"},xe={style:{"margin-top":"24px","margin-bottom":"24px"}},$e={class:"webwin-window-title"},Be=["innerHTML"],Ee={style:{"margin-left":"24px","margin-right":"24px",width:"calc(100% - 48px)",display:"Flex",gap:"6px","margin-top":"48px"}},I=b({__name:"webwin-contentdialog",props:{items:{type:Array,required:!0,default:[{text:"11"},{text:"11"}]},title:{type:String,default:"Title"},content:{type:String,default:"Content"}},emits:["clickBotton"],setup(t,{expose:i,emit:a}){let n=e.ref("");const o=a,c=()=>{n.value=!0};function l(f){n.value=!1,o("clickBotton",f)}return i({showDialog:c}),(f,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ke)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",xe,[e.createElementVNode("h2",$e,e.toDisplayString(t.title),1),e.createElementVNode("div",{style:{"margin-left":"25px","margin-right":"24px",width:"calc(100% - 48px)"},innerHTML:t.content},null,8,Be),e.createElementVNode("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(p,w)=>(e.openBlock(),e.createBlock(u,{class:"webwin-window-button",key:w,onClick:d=>l(w)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.text),1)]),_:2},1032,["onClick"]))),128))])])])):e.createCommentVNode("",!0)]),_:1})],64))}},[["__scopeId","data-v-afae8037"]]),Ve={},Ce={class:"webwin-card"};function Ne(t,i){return e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const D=b(Ve,[["render",Ne],["__scopeId","data-v-26a8c2e0"]]),Se={key:0,class:"webwin-dropdown-container"},Me={class:"webwin-dropdown"},ze={style:{overflow:"auto",height:"calc( 100% - 240px )"}},Ie=["onClick"],De={class:"webwin-label"},T=b({__name:"webwin-dropdown",props:{items:{type:Array,required:!0}},emits:["update"],setup(t,{expose:i,emit:a}){e.useCssVars(_=>({v08042082:e.unref(c)+"px",v6fe54d61:e.unref(l)+"px"}));const n=t,o=a;let c=e.ref(0),l=e.ref(0),f=e.ref(""),s=e.ref(!1),p=e.ref(0),w=e.ref(n.title||"");function d(_){s.value=!1,f.value="",p.value=_,w.value=n.items[_].name,o("update",_)}return i({showbox:(_,h)=>{s.value=!s.value,f.value=s.value?"active":"",c.value=_,l.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",Se,[e.createElementVNode("div",{class:"webwin-dropdown_backgroud",onClick:h[0]||(h[0]=g=>e.isRef(s)?s.value=!1:s=!1)}),e.createElementVNode("ul",Me,[h[1]||(h[1]=e.createElementVNode("div",{style:{height:"6px"}},null,-1)),e.createElementVNode("div",ze,[(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:st=>d(x)},[e.createElementVNode("span",De,e.toDisplayString(g.name),1)],10,Ie))),128))]),h[2]||(h[2]=e.createElementVNode("div",{style:{height:"6px"}},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}},[["__scopeId","data-v-2d220786"]]),Te={class:"webwin-topappbar"},Fe=["is","onClick"],Le={class:"webwin-topappbar-label"},Re={key:0,class:"webwin-topappbar-indicator"},We={key:1,class:"webwin-topappbar-indicator-not"},Oe=["onClick"],qe={class:"webwin-topappbar-label"},F=b({__name:"webwin-topappbar",props:{items:Array,activeIndex:Number,rightMenu:{type:Array,default:[]}},emits:["update"],setup(t,{emit:i}){const a=i,n=t;let o=e.ref(n.activeIndex||0),c=e.ref(n.items),l=e.ref(n.rightMenu);function f(p){o.value=p,a("update",[p,"left"])}function s(p){a("update",[p,"right"])}return(p,w)=>(e.openBlock(),e.createElementBlock("ul",Te,[(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:_=>f(r)},[e.createElementVNode("span",Le,e.toDisplayString(d.name),1),r===e.unref(o)?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0),r!=e.unref(o)?(e.openBlock(),e.createElementBlock("span",We)):e.createCommentVNode("",!0)],10,Fe))),128))],1024)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(d,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,onClick:_=>s(r),class:"webwin-topappbar-item",style:{float:"right"}},[e.createElementVNode("span",qe,e.toDisplayString(d.name),1)],8,Oe))),128))]))}},[["__scopeId","data-v-ef60c98a"]]),L=b({__name:"webwin-range",props:e.mergeModels({color:{type:String,default:"#006fd0"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){e.useCssVars(a=>({v23dfb612:t.color}));let i=e.useModel(t,"modelValue");return(a,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{type:"range","onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(i)?i.value=o:i=o),class:"webwin-slider",min:"1",max:"100"},null,512)),[[e.vModelText,e.unref(i)]])}},[["__scopeId","data-v-480ca2b0"]]),He=["onClick"],Ue={class:"webwin-listview-context"},R=e.defineComponent({__name:"webwin-listview",props:{items:{type:Array,required:!1,default:()=>[]},activeIndex:Array,isMultiple:Boolean},emits:["update"],setup(t,{emit:i}){const a=i,n=t,o=e.ref("context");let c=e.ref(n.items||[]);const l=e.ref(n.activeIndex??[0]);function f(s){console.log(1),n.isMultiple?l.value.indexOf(s)!==-1?l.value=l.value.filter(w=>w!==s):l.value.push(s):l.value=[s],a("update",l.value)}return(s,p)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(w,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass([{active:l.value.indexOf(d)!=-1},"webwin-listview"]),onClick:r=>f(d)},[e.createElementVNode("div",Ue,e.toDisplayString(w[o.value]),1)],10,He))),128))}}),je=["onClick"],Xe={class:"webwin-listbox-context"},W=e.defineComponent({__name:"webwin-listbox",props:{items:{type:Array,required:!1,default:()=>[]},activeIndex:Array,isMultiple:Boolean},emits:["update"],setup(t,{emit:i}){const a=i,n=t,o=e.ref("context");let c=e.ref(n.items||[]);const l=e.ref(n.activeIndex??[0]);function f(s){console.log(1),n.isMultiple?l.value.indexOf(s)!==-1?l.value=l.value.filter(w=>w!==s):l.value.push(s):l.value=[s],a("update",l.value)}return(s,p)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(w,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass([{active:l.value.indexOf(d)!=-1},"webwin-listbox"]),onClick:r=>f(d)},[e.createElementVNode("div",Xe,e.toDisplayString(w[o.value]),1)],10,je))),128))}}),Ye={class:"webwin-switch"},O=e.defineComponent({__name:"webwin-switch",props:{isOn:Boolean},setup(t){return(i,a)=>(e.openBlock(),e.createElementBlock("label",Ye,[...a[0]||(a[0]=[e.createElementVNode("input",{type:"checkbox",class:"webwin-switch-checkbox"},null,-1),e.createElementVNode("span",{class:"webwin-switch-slider"},null,-1)])]))}}),Ge=[L,F,T,D,I,z,M,S,N,u,y,$,B,k,E,V,C,R,W,O],Ke={install(t){Ge.forEach(i=>{t.component("winbutton",u),t.component("winsidebar",y),t.component("wintile",$),t.component("wintab",B),t.component("wininputbox",k),t.component("winpasswordbox",E),t.component("winricheditbox",V),t.component("winnotifications",C),t.component("wincheckbox",N),t.component("winradio",S),t.component("wincombobox",M),t.component("winprogressbar",z),t.component("wincontentdialog",I),t.component("wincard",D),t.component("windropdown",T),t.component("wintopappbar",F),t.component("winrange",L),t.component("winlistview",R),t.component("winlistbox",W),t.component("winswitch",O)})}};m.default=Ke,m.winbutton=u,m.wincard=D,m.wincheckbox=N,m.wincombobox=M,m.wincontentdialog=I,m.windropdown=T,m.wininputbox=k,m.winlistbox=W,m.winlistview=R,m.winnotifications=C,m.winpasswordbox=E,m.winprogressbar=z,m.winradio=S,m.winrange=L,m.winricheditbox=V,m.winsidebar=y,m.winswitch=O,m.wintab=B,m.wintile=$,m.wintopappbar=F,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));