@studio-west/component-sw 0.3.32 → 0.3.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -5
- package/dist/component-sw.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +33 -33
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -95,11 +95,10 @@ const darkMode = () => {
|
|
|
95
95
|
### Пример использования / Example Usage
|
|
96
96
|
|
|
97
97
|
```js
|
|
98
|
-
//
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
//
|
|
102
|
-
//optionAPi:
|
|
98
|
+
// Composition API else <script setup>:
|
|
99
|
+
import {inject} from "vue"
|
|
100
|
+
Alert({message: 'Предупреждение!', type: 'warning'})
|
|
101
|
+
//Options API:
|
|
103
102
|
this.$swAlert({message: 'Предупреждение!', type: 'warning'});
|
|
104
103
|
```
|
|
105
104
|
---
|
package/dist/component-sw.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #FFE603;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #007bff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input label:hover{top:.8rem}.sw-input label+input::placeholder{opacity:0}.sw-input input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";color:var(--sw-color-primary);top:-.9rem;left:0;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:20rem;max-width:95%;max-height:95%}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker>div:not(:first-child){margin-left:2rem}.sw-data-picker button{height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--el-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}.sw-wrapper-alert{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
|
1
|
+
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #FFE603;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #007bff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;z-index:333;top:0}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin-bottom:1rem;border-radius:var(--sw-border-radius)}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input label:hover{top:.8rem}.sw-input label+input::placeholder{opacity:0}.sw-input input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";color:var(--sw-color-primary);top:-.9rem;left:0;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:20rem;max-width:95%;max-height:95%}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker>div:not(:first-child){margin-left:2rem}.sw-data-picker button{height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--el-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}.sw-wrapper-alert{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["component-sw"]={},V.vue))})(this,function(V,e){"use strict";const j={__name:"SwAlert",props:{message:{type:String,default:"Default message"},before:{type:String,default:""},class:{type:String,default:""},after:{type:String,default:""},size:{type:String,default:""},duration:{type:Number,default:6e3},type:{type:String,default:"info",validator:a=>["success","warning","error","info"].includes(a)}},emits:["closed"],setup(a,{emit:o}){const l=a,n=o,t=e.ref(!1);let d=null;const p=()=>{t.value=!0,m()},k=()=>{t.value=!1,n("closed")},h=()=>{d&&(clearTimeout(d),d=null)},r=()=>{m()},m=()=>{d=setTimeout(k,l.duration)};e.onMounted(()=>{p()}),e.onUnmounted(()=>{d&&clearTimeout(d)});const $=e.computed(()=>{const w=["sw-alert"];return l.size.length>0&&w.push(`sw-${l.size}`),l.type.length>0&&w.push(`sw-${l.type}`),l.class.length>0&&w.push(l.class),w});return(w,f)=>{const u=e.resolveComponent("svg-icon");return e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass($.value),onMouseenter:h,onMouseleave:r},[l.before.length>0?(e.openBlock(),e.createBlock(u,{key:0,"icon-class":l.before},null,8,["icon-class"])):e.renderSlot(w.$slots,"prefix",{key:1}),e.renderSlot(w.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.message),1)]),l.after.length>0?(e.openBlock(),e.createBlock(u,{key:2,"icon-class":l.after,onClick:k},null,8,["icon-class"])):e.renderSlot(w.$slots,"suffix",{key:3})],34)):e.createCommentVNode("",!0)]),_:3})}}},W=Object.freeze(Object.defineProperty({__proto__:null,default:j},Symbol.toStringTag,{value:"Module"}));let z=null;function P(a={}){z||(z=document.createElement("div"),document.body.appendChild(z));const{message:o,type:l="info",duration:n=3e3}=a,t=e.createApp({setup(){return()=>e.h(j,{...a,onClose:()=>{z.removeChild(t._container),t.unmount()}})}}),d=t.mount(document.createElement("div"));z.appendChild(d.$el)}const O=Object.assign({"./components/SwAlert.vue":()=>Promise.resolve().then(()=>W),"./components/SwButton.vue":()=>Promise.resolve().then(()=>X),"./components/SwCollapse.vue":()=>Promise.resolve().then(()=>J),"./components/SwDatePicker.vue":()=>Promise.resolve().then(()=>de),"./components/SwDropdown.vue":()=>Promise.resolve().then(()=>me),"./components/SwDropdownItem.vue":()=>Promise.resolve().then(()=>fe),"./components/SwFormItem.vue":()=>Promise.resolve().then(()=>ue),"./components/SwInput.vue":()=>Promise.resolve().then(()=>ke),"./components/SwMessage.vue":()=>Promise.resolve().then(()=>Ee),"./components/SwSection.vue":()=>Promise.resolve().then(()=>$e),"./components/SwSelect.vue":()=>Promise.resolve().then(()=>Ve),"./components/SwSkeleton.vue":()=>Promise.resolve().then(()=>ze),"./components/SwSkeletonItem.vue":()=>Promise.resolve().then(()=>Ne),"./components/SwSwitch.vue":()=>Promise.resolve().then(()=>Pe),"./components/SwTabs.vue":()=>Promise.resolve().then(()=>Ie),"./components/SwTabsNew.vue":()=>Promise.resolve().then(()=>Ae),"./components/SwTabsPane.vue":()=>Promise.resolve().then(()=>Le),"./components/SwTabsPaneNew.vue":()=>Promise.resolve().then(()=>Re)}),v={};for(const a in O){const o=a.split("/").pop().replace(".vue","").replace(/-(\w)/g,(l,n)=>n.toUpperCase());v[o]=e.defineAsyncComponent(()=>O[a]())}const G={install(a){Object.keys(v).forEach(o=>{a.component(o,v[o]),console.log(o)}),a.config.globalProperties.$swAlert=P,a.provide("swAlert",P)}},I={__name:"SwButton",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},round:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},href:{type:String,default:""}},setup(a){const o=a,l=()=>{if(o.href.length>0){const t=document.createElement("a");t.setAttribute("href",o.href),t.setAttribute("target","_blank"),t.click()}},n=e.computed(()=>{let t=["sw-button"];return o.size.length>0&&t.push("sw-"+o.size),o.type.length>0&&t.push("sw-"+o.type),o.round&&t.push("sw-round"),o.text&&t.push("sw-text"),o.link&&t.push("sw-link"),o.class.length>0&&t.push(o.class),t});return(t,d)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(n.value),onClick:l},[e.renderSlot(t.$slots,"default")],2))}},X=Object.freeze(Object.defineProperty({__proto__:null,default:I},Symbol.toStringTag,{value:"Module"})),J=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwCollapse",props:{visual:{type:Boolean,default:!0}},setup(a){e.onMounted(()=>{n.value="0px"});const o=e.ref(null),l=a,n=e.computed(()=>{var t;return l.visual?((t=o.value)==null?void 0:t.scrollHeight)+"px":"0px"});return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sw-collapse",{open:l.visual}]),style:e.normalizeStyle({height:n.value}),ref_key:"collapse",ref:o},[e.renderSlot(t.$slots,"default")],6))}}},Symbol.toStringTag,{value:"Module"}));function K(a){return/^(https?:|mailto:|tel:)/.test(a)}function N(a,o){if(arguments.length===0||!a)return null;const l=o||"{Y}-{m}-{d} {G}:{i}:{s}";let n;typeof a=="object"?n=a:(typeof a=="string"&&(/^[0-9]+$/.test(a)?a=parseInt(a):a=a.replace(new RegExp(/-/gm),"/")),typeof a=="number"&&a.toString().length===10&&(a=a*1e3),n=new Date(a));const t="ru-RU",d={Y:n.getFullYear(),m:(n.getMonth()+1).toString().padStart(2,"0"),d:n.getDate(),dd:n.getDate().toString().padStart(2,"0"),G:n.getHours(),H:n.getHours().toString().padStart(2,"0"),i:n.getMinutes().toString().padStart(2,"0"),s:n.getSeconds().toString().padStart(2,"0"),D:new Intl.DateTimeFormat(t,{weekday:"short"}).format(n),F:new Intl.DateTimeFormat(t,{month:"long"}).format(n),M:new Intl.DateTimeFormat(t,{month:"short"}).format(n)};return l.replace(/{(dd|[YmdGHisDFM])+}/g,(p,k)=>d[k])}const Q={class:"sw-data-picker"},Z={class:"month_year"},ee={class:"text"},te={class:"week"},le={class:"month"},oe=["onClick"],ne={key:0},ae={class:"month_year"},se={class:"text"},re={class:"week"},ie={class:"month"},ce=["onClick"],de=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDatePicker",props:{data:Object,limitation:{type:[Boolean,Array],default:()=>!1},range:{type:String,default:()=>"solid"}},emits:["input"],setup(a,{emit:o}){var Y,L,q,R,H,U;const l=e.ref(new Date),n=e.ref(new Date),t=a,d=o,p=e.ref(new Date().getFullYear()),k=e.ref(new Date().getMonth()),h=e.ref(new Date().getFullYear()),r=e.ref(new Date().getMonth()),m=e.ref([]),$=e.ref(0),w=e.ref(0),f=e.ref(-1),u=e.ref(-1),S=e.ref(navigator.languages||"ru"),y=/en|zh|ja|he/.test(S.value)?0:1,B=t.range==="range"?2:1,C=g=>{const i=g.split(g.match(/\D.*?\D?/));return i[0].length>2?i.join("-")+"T00:00:01":i.reverse().join("-")+"T00:00:01"};typeof((Y=t.data)==null?void 0:Y.startDate)<"u"&&((L=t.data)==null?void 0:L.startDate)!==null&&(l.value=new Date(C(t.data.startDate)),p.value=l.value.getFullYear(),r.value=l.value.getMonth()),typeof((q=t.data)==null?void 0:q.endDate)<"u"&&((R=t.data)==null?void 0:R.endDate)!==null&&(n.value=new Date(C(t.data.endDate)),h.value=n.value.getFullYear(),k.value=n.value.getMonth());const E=()=>{var s;let g=new Date(p.value,r.value,0);for(let c=g.getDate()-g.getDay()+y;c<=g.getDate()&&g.getDay()!==6+y;c++)$.value++,m.value.push({day:c,month:g.getMonth(),year:g.getFullYear(),class:[]});for(let c=1;c<=new Date(p.value,r.value+1,0).getDate();c++)$.value++,m.value.push({day:c,month:r.value,year:p.value,class:[]});if(t.range==="range"){w.value=new Date(p.value,r.value+2,0);for(let c=1;c<=w.value.getDate();c++)m.value.push({day:c,month:w.value.getMonth(),year:w.value.getFullYear(),class:[]})}let i=new Date(p.value,r.value+B,1);console.log(i.getDay());for(let c=1;c<=(7-i.getDay()+y)%7&&i.getDay()!==y;c++)m.value.push({day:c,month:i.getMonth(),year:i.getFullYear(),class:[]});typeof((s=t.data)==null?void 0:s.holiday)<"u"&&t.data.holiday.length!==0&&(t.data.holiday.preholidays.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="preholiday")}),t.data.holiday.holidays.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="weekend")}),t.data.holiday.holiday.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="holiday")}),t.data.holiday.nowork.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="nowork")}))},b=(g,i)=>{let s=g-i+1;for(let c=0;c<=g-i;c++)m.value[c+i].class[0]==="holiday"&&s--;return s},x=(g,i)=>{console.log(i);const s=N(new Date(g.year,g.month,g.day),"{dd}.{m}.{Y}");if(t.range==="range")if(console.log(f.value),u.value!==-1){if(u.value<=f.value)for(let c=u.value;c<=f.value;c++)m.value[c].class[1]="";else for(let c=f.value;c<=u.value;c++)m.value[c].class[1]="";f.value=i,u.value=-1,m.value[i].class[1]="active"}else if(f.value!==-1){if(u.value=i,u.value>=f.value)for(let _=f.value+1;_<i;_++)m.value[_].class[1]="select";else for(let _=i+1;_<f.value;_++)m.value[_].class[1]="select";m.value[i].class[1]="active";let c=N(new Date(m.value[f.value].year,m.value[f.value].month,m.value[f.value].day),"{dd}.{m}.{Y}");f.value>i?d("input",{dateStart:s,dateEnd:c,count:b(f.value,i)}):d("input",{dateStart:c,dateEnd:s,count:b(i,f.value)})}else f.value=i,m.value[i].class[1]="active";else f.value!==-1&&(m.value[f.value].class[1]=""),f.value=i,m.value[i].class[1]="active",d("input",{dateStart:s,count:1})};if(E(),typeof((H=t.data)==null?void 0:H.startDate)<"u"&&(f.value=m.value.findIndex(g=>g.day===l.value.getDate()&&g.month===r.value&&g.year===p.value),m.value[f.value].class[1]="active"),typeof((U=t.data)==null?void 0:U.endDate)<"u"&&t.range==="range"){u.value=m.value.findIndex(g=>g.day===n.value.getDate()&&g.month===k.value&&g.year===h.value),m.value[u.value].class[1]="active";for(let g=f.value+1;g<u.value;g++)m.value[g].class[1]="select"}const T=(g,i)=>{He(g,i)&&(m.value=[],$.value=0,l.value=new Date(g,i,1),p.value=l.value.getFullYear(),r.value=l.value.getMonth(),E())},He=(g,i)=>{if(!t.limitation)return!0;if(t.limitation[0].dateStart){console.log(t.limitation[0].dateStart);let s=t.limitation[0].dateStart.split(t.limitation[0].dateStart.match(/\D.*?\D?/));if(s[0].length>2&&s.reverse(),parseInt(s[2])>g||parseInt(s[2])===g&&parseInt(s[1])>i+1)return!1}if(t.limitation[t.limitation.length-1].dateEnd){console.log(t.limitation[t.limitation.length-1].dateEnd);let s=t.limitation[t.limitation.length-1].dateEnd.split(t.limitation[t.limitation.length-1].dateEnd.match(/\D.*?\D?/));if(s[0].length>2&&s.reverse(),parseInt(s[2])<g||parseInt(s[2])===g&&parseInt(s[1])<i+B)return!1}return!0};return(g,i)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",null,[e.createElementVNode("p",Z,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[0]||(i[0]=e.withModifiers(s=>T(p.value-1,r.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:i[1]||(i[1]=e.withModifiers(s=>T(p.value,r.value-1),["prevent"]))},"‹")]),e.createElementVNode("span",ee,[e.createElementVNode("button",null,e.toDisplayString(p.value),1),e.createElementVNode("button",null,e.toDisplayString(e.unref(N)(l.value.setMonth(r.value),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[2]||(i[2]=e.withModifiers(s=>T(p.value,r.value+1),["prevent"]))},"›"),e.createElementVNode("button",{onClick:i[3]||(i[3]=e.withModifiers(s=>T(p.value+1,r.value),["prevent"]))},"»")])]),e.createElementVNode("div",te,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(s,c)=>e.createElementVNode("button",{key:c,class:"disabled"},e.toDisplayString(e.unref(N)(new Date(1970,1,s+e.unref(y)),"{D}")),1)),64))]),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(s,c)=>{var _,M;return e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c<$.value+(7-new Date(p.value,r.value+1,1).getDay()+e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(s.month===r.value&&(!t.limitation||new Date(s.year,s.month,s.day+1).getTime()>new Date(C((_=t.limitation[0])==null?void 0:_.dateStart)).getTime()&&new Date(s.year,s.month,s.day).getTime()<new Date(C((M=t.limitation[0])==null?void 0:M.dateEnd)).getTime())?s.class:"disabled"),onClick:()=>{s.month===r.value&&x(s,c)}},e.toDisplayString(s.day),11,oe)):e.createCommentVNode("",!0)],64)}),128))])]),t.range==="range"?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("p",ae,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[4]||(i[4]=e.withModifiers(s=>T(p.value-1,r.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:i[5]||(i[5]=e.withModifiers(s=>T(p.value,r.value-1),["prevent"]))},"‹")]),e.createElementVNode("span",se,[e.createElementVNode("button",null,e.toDisplayString(new Date(p.value,r.value+1).getFullYear()),1),e.createElementVNode("button",null,e.toDisplayString(e.unref(N)(l.value.setMonth(r.value+1),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[6]||(i[6]=e.withModifiers(s=>T(p.value,r.value+1),["prevent"]))},"›"),e.createElementVNode("button",{onClick:i[7]||(i[7]=e.withModifiers(s=>T(p.value+1,r.value),["prevent"]))},"»")])]),e.createElementVNode("div",re,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(s,c)=>e.createElementVNode("button",{key:c,class:"disabled"},e.toDisplayString(e.unref(N)(new Date(1970,1,s+e.unref(y)),"{D}")),1)),64))]),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c>=$.value-(7+new Date(p.value,r.value+1,1).getDay()-e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(s.month===w.value.getMonth()&&(!t.limitation||new Date(s.year,s.month,s.day+1).getTime()>new Date(C(t.limitation[0].dateStart)).getTime()&&new Date(s.year,s.month,s.day).getTime()<new Date(C(t.limitation[0].dateEnd)).getTime())?s.class:"disabled"),onClick:()=>{s.month===w.value.getMonth()&&x(s,c)}},e.toDisplayString(s.day),11,ce)):e.createCommentVNode("",!0)],64))),128))])])):e.createCommentVNode("",!0)]))}}},Symbol.toStringTag,{value:"Module"})),pe=["id"],me=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdown",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},trigger:{type:String,default:"click"},placement:{type:String,default:"bottom-left"},maxWidth:{type:Number,default:0},manual:{type:Boolean,default:!1}},setup(a){const o=a;e.computed(()=>"dropdown"+Array.from(document.body.children).indexOf(document.querySelector("ul")));const l=e.ref(!1),n=e.ref(null),t=e.ref(null),d=e.ref({}),p=Math.ceil(Math.random()*1e3),k=e.computed(()=>{let u=["sw-dropdown"];return o.size.length>0&&u.push("sw-"+o.size),o.type.length>0&&u.push("sw-"+o.type),u});e.watch(()=>o.manual,u=>{l.value=u,console.log("watch",l.value),l.value&&h()});const h=async()=>{if(await e.nextTick(),!t.value)return;const u=window.pageYOffset||document.documentElement.scrollTop,S=window.pageXOffset||document.documentElement.scrollLeft;document.body.style.position="fixed",document.body.style.top=`-${u}px`,document.body.style.left=`-${S}px`,document.body.style.position="",document.body.style.top="",document.body.style.left="",document.documentElement.scrollTop=u,document.documentElement.scrollLeft=S;const y=n.value.getBoundingClientRect(),B=t.value.offsetHeight,C=t.value.offsetWidth;console.log("popupHeight",B),console.log("popupWidth",C);let E=y.left+y.width/2+S,b=y.top+y.height/2+u;const[x,T]=o.placement.split("-",2);switch(console.log(o.placement),x){case"bottom":b=b+y.height/2+8;break;case"top":b=b-y.height/2-8-B;break;case"left":E=E-C-y.width/2-8,b=b-B/2;break;case"right":E=E+y.width/2+8,b=b-B/2;break}switch(T){case"left":E=E-y.width/2;break;case"right":E=E-C+y.width/2;break}E<0&&(E=0),b<0&&(b=0),d.value={position:"absolute",top:`${b}px`,left:`${E}px`,maxWidth:o.maxWidth===0?"":`${o.maxWidth}px`}},r=()=>{o.trigger==="click"&&(l.value=!l.value),l.value&&h()},m=()=>{o.trigger==="hover"&&(l.value=!l.value),l.value&&h()},$=()=>{o.trigger==="context"&&(l.value=!l.value),l.value&&h()},w=()=>{l.value&&h()},f=u=>{console.log(p),!u.target.closest(`[id="${p}"]`)&&n.value&&!n.value.contains(u.target)&&(l.value=!1)};return e.onMounted(()=>{window.addEventListener("resize",w),window.addEventListener("click",f)}),e.onUnmounted(()=>{window.removeEventListener("resize",w),window.removeEventListener("click",f)}),(u,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),onClick:S[0]||(S[0]=y=>r()),onMouseover:S[1]||(S[1]=e.withModifiers(y=>m(),["stop"])),onMouseleave:S[2]||(S[2]=e.withModifiers(y=>m(),["stop"])),onContextmenu:S[3]||(S[3]=e.withModifiers(y=>$(),["stop"])),ref_key:"dropdownRef",ref:n},[e.renderSlot(u.$slots,"default"),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.value?(e.openBlock(),e.createElementBlock("ul",{key:0,ref_key:"popupRef",ref:t,id:e.unref(p),class:e.normalizeClass(["sw-dropdown-popup",o.class]),style:e.normalizeStyle(d.value),tabindex:"-1"},[e.renderSlot(u.$slots,"dropdown")],14,pe)):e.createCommentVNode("",!0)]))],34))}}},Symbol.toStringTag,{value:"Module"})),fe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdownItem",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},iconBefore:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let n=["sw-dropdown-item"];return o.size.length>0&&n.push("sw-"+o.size),o.type.length>0&&n.push("sw-"+o.type),o.class.length>0&&n.push(o.class),n});return(n,t)=>{const d=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.value)},[e.createVNode(d,{"icon-class":a.iconBefore},null,8,["icon-class"]),e.renderSlot(n.$slots,"default")],2)}}}},Symbol.toStringTag,{value:"Module"})),ue=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwFormItem",props:{class:{type:String,default:""},type:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let n=["sw-form-item"];return o.type.length>0&&n.push("sw-"+o.type),o.class.length>0&&n.push(o.class),n});return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[e.renderSlot(n.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),ge=(a,o)=>{const l=a.__vccOpts||a;for(const[n,t]of o)l[n]=t;return l},he={name:"SvgIcon",props:{prefix:{type:String,default:"icon"},iconClass:{type:String,required:!0},className:{type:String,default:""}},computed:{isExt(){return K(this.iconClass)}}},ye=["href"];function _e(a,o,l,n,t,d){return d.isExt?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:"mask: url("+l.iconClass+") no-repeat 50% 50%;",class:"svg-external-icon svg-icon"},a.$attrs),null,16)):(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:1,class:"svg-icon "+l.className,"aria-hidden":"true"},a.$attrs),[e.createElementVNode("use",{href:"#"+l.prefix+"-"+l.iconClass},null,8,ye)],16))}const F=ge(he,[["render",_e]]),Se=["for"],we={key:0,title:"Это поле обязательно для заполнения."},be=["required","placeholder","type","id","name"],ke=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwInput",props:e.mergeModels({before:{type:String,default:""},after:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:""},name:{type:String,required:!0},class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:"text"},required:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["suffix","prefix","focusInput"],["update:modelValue"]),setup(a,{emit:o}){var w;const l=e.useModel(a,"modelValue"),n=a,t=e.ref(null),d=o,p=f=>{d("focusInput"),f.target.setSelectionRange(l.value.length,l.value.length),t.value!==null&&(t.value.style.top="-.6em")},k=f=>{var u;((u=l.value)==null?void 0:u.length)===0&&t.value!==null&&t.value.removeAttribute("style")};((w=l.value)==null?void 0:w.length)>0&&t.value!==null&&(t.value.style.top="-.6em");const h=()=>{d("suffix")},r=()=>{d("prefix")},m=e.computed(()=>{let f=["sw-input"];return n.size.length>0&&f.push("sw-"+n.size),n.class.length>0&&f.push(n.class),f});e.watch(l,(f,u)=>{n.type==="phone"&&(l.value=$(f,u))});const $=(f,u)=>{if(/^\+[0-9]\s/.test(u)&&f.length===2||/^\+0\s/.test(f))return"";const S=f;if(typeof S>"u"||S.length===0)return S;const y="+0 (___) ___-__-__";let B=0;const C=y.replace(/\D/g,""),E=S.replace(/\D/g,"");let b=y.replace(/[_\d]/g,T=>B<E.length?E.charAt(B++)||C.charAt(B):T);B=b.indexOf("_"),B!==-1&&(B=B<5?3:B,b=b.slice(0,B));let x=y.slice(0,S.length).replace(/_+/g,T=>`\\d{1,${T.length}}`).replace(/[+()]/g,"\\$&");if(x=new RegExp(`^${x}$`),b=b.replace(/[-—]$|(\) )$/g,""),!x.test(S)||S.length<5)return b};return(f,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[n.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":n.before,onClick:r},null,8,["icon-class"])):e.renderSlot(f.$slots,"prefix",{key:1}),n.label.length>0?(e.openBlock(),e.createElementBlock("label",{key:2,for:n.name,ref_key:"lab",ref:t},[e.createTextVNode(e.toDisplayString(n.label),1),n.required?(e.openBlock(),e.createElementBlock("span",we,"*")):e.createCommentVNode("",!0)],8,Se)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":u[0]||(u[0]=S=>l.value=S),required:n.required,placeholder:n.required&&n.label.length===0?n.placeholder+"*":n.placeholder,type:n.type,id:n.name,name:n.name,size:"60",onFocus:p,onBlur:k,maxlength:"128"},null,40,be),[[e.vModelDynamic,l.value]]),n.after.length>0?(e.openBlock(),e.createBlock(F,{key:3,"icon-class":n.after,onClick:h},null,8,["icon-class"])):e.renderSlot(f.$slots,"suffix",{key:4})],2))}}},Symbol.toStringTag,{value:"Module"})),Be={key:0},Ee=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwMessage",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.useModel(a,"modelValue"),l=a,n=e.ref(null);return(t,d)=>{const p=e.resolveComponent("svg-icon");return o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sw-message",l.class]),ref_key:"messageRef",ref:n},[l.name.length>0?(e.openBlock(),e.createElementBlock("header",Be,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createVNode(I,{link:"",type:"primary",onClick:d[0]||(d[0]=k=>o.value=!1)},{default:e.withCtx(()=>[e.createVNode(p,{"icon-class":l.iconAfter},null,8,["icon-class"])]),_:1})])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[d[1]||(d[1]=e.createTextVNode("111222"))]),e.createElementVNode("footer",null,[e.renderSlot(t.$slots,"footer")])],2)):e.createCommentVNode("",!0)}}}},Symbol.toStringTag,{value:"Module"})),$e=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSection",props:{name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},setup(a){const o=a;return(l,n)=>{const t=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(o.class)},[e.createElementVNode("header",null,[e.renderSlot(l.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.name)+" ",1),e.createVNode(t,{"icon-class":o.iconAfter},null,8,["icon-class"])])]),e.renderSlot(l.$slots,"default"),e.createElementVNode("footer",null,[e.renderSlot(l.$slots,"footer")])],2)}}}},Symbol.toStringTag,{value:"Module"})),De={class:"popup"},Te={class:"wrapper"},Me={class:"scrollbar"},Ce=["onClick"],Ve=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSelect",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},placeholder:{type:String,default:""},token:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.ref({fullText:""}),l=e.ref(!1),n=e.ref([]),t=e.useModel(a,"modelValue"),d=a;e.watch(t.text,h=>{h.length>3&&(o.value.fullText=h)}),e.watch(o.value.fullText,(h,r)=>{l.value=h.length>3&&h.length>r.length,h.length>3&&p()});const p=()=>{let h="https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address";console.log(o.value.fullText),axios.post(h,{query:o.value.fullText},{headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:"Token "+d.token}}).then(r=>{console.log(r.data.suggestions),n.value=r.data.suggestions,n.value.length===1&&k(n.value[0])}).catch(r=>{console.log(r)})},k=h=>{o.value.fullText=h.value,l.value=!1;const r={};r.text=h.value,r.coords=[Number(h.data.geo_lat),Number(h.data.geo_lon)],r.suggestion=h.data,t.value=r};return(h,r)=>{const m=e.resolveComponent("sw-input");return e.openBlock(),e.createElementBlock("div",De,[e.createVNode(m,{size:"large",modelValue:o.value.fullText,"onUpdate:modelValue":r[0]||(r[0]=$=>o.value.fullText=$),placeholder:a.placeholder},null,8,["modelValue","placeholder"]),e.withDirectives(e.createElementVNode("div",Te,[e.createElementVNode("ul",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,($,w)=>(e.openBlock(),e.createElementBlock("li",{tabindex:"1",key:w,onClick:f=>k($)},e.toDisplayString($.value),9,Ce))),128))])],512),[[e.vShow,l.value]])])}}}},Symbol.toStringTag,{value:"Module"})),xe={key:0},A={__name:"SwSkeletonItem",props:{width:{type:String,default:"100"},class:{type:String,default:""},animate:{type:Boolean,default:!1},size:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let t=["sw-skeleton-item"];return o.size.length>0&&t.push("sw-"+o.size),o.animate&&t.push("sw-animate"),o.class.length>0&&t.push(o.class),t}),n=e.computed(()=>({width:o.width+"%"}));return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),style:e.normalizeStyle(n.value)},[o.animate?(e.openBlock(),e.createElementBlock("div",xe)):e.createCommentVNode("",!0)],6))}},Ne=Object.freeze(Object.defineProperty({__proto__:null,default:A},Symbol.toStringTag,{value:"Module"})),ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSkeleton",props:{class:{type:String,default:""},visual:{type:Boolean,default:!1}},setup(a){const o=a;return(l,n)=>o.visual?e.renderSlot(l.$slots,"default",{key:0},()=>[n[0]||(n[0]=e.createTextVNode("1"))]):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["sw-skeleton",o.class])},[e.renderSlot(l.$slots,"skeleton",{},()=>[e.createVNode(A,{animate:"",size:"small"})])],2))}}},Symbol.toStringTag,{value:"Module"})),ve=["name","id"],je=["for","data-onlabel","data-offlabel"],Pe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSwitch",props:e.mergeModels({id:{type:String,default:"checkbox"},class:{type:String,default:""},name:{type:String,default:""},on:{type:String,default:""},off:{type:String,default:""},size:{type:String,default:""},checkbox:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.useModel(a,"modelValue"),l=a,n=e.computed(()=>{let t=["sw-switch"];return l.size.length>0&&t.push("sw-"+l.size),l.checkbox&&t.push("sw-checkbox"),l.class.length>0&&t.push(l.class),t});return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",name:l.name,class:"sw-control",id:l.id,"onUpdate:modelValue":d[0]||(d[0]=p=>o.value=p)},null,8,ve),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:l.id,class:"sw-label","data-onlabel":l.on,"data-offlabel":l.off},null,8,je),e.renderSlot(t.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Oe=["onClick"],Ie=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabs",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:o}){e.ref(0);const l=e.ref([]),n=a,t=e.useModel(a,"modelValue"),d=o;return l.value=e.useSlots().default().filter(p=>p.type.__name==="SwTabsPane"),e.provide("activeTab",t),e.provide("tabs",l),(p,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+n.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,r)=>(e.openBlock(),e.createElementBlock("span",{key:r,class:e.normalizeClass([{active:t.value===r}]),onClick:m=>{t.value=r,d("tab-click",r)}},e.toDisplayString(h.props.label||h.props.title),11,Oe))),128))]),e.renderSlot(p.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Fe=["onClick"],Ae=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsNew",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:o}){e.ref(0);const l=e.ref([]),n=a,t=e.useModel(a,"modelValue"),d=o;return e.provide("activeTab",t),e.provide("tabs",l),e.provide("registerTab",p=>{l.value.push(p)}),(p,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+n.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,r)=>(e.openBlock(),e.createElementBlock("span",{key:r,class:e.normalizeClass([{active:t.value===r}]),onClick:m=>{t.value=r,d("tab-click",r)}},e.toDisplayString(h.props.label||h.props.title),11,Fe))),128))]),e.renderSlot(p.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Ye={key:0,class:"tab-content"},Le=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPane",props:{title:{type:String,required:!0}},setup(a){const o=a,l=e.inject("activeTab"),n=e.inject("tabs"),t=e.computed(()=>{const d=n.value.findIndex(p=>p.props.title===o.title);return l.value===d});return(d,p)=>t.value?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(d.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"})),qe={key:0,class:"tab-content"},Re=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPaneNew",props:{label:{type:String,required:!0},title:{type:String}},setup(a){const o=a,l=e.inject("registerTab");if(!l)throw new Error("SwTabsPane must be used inside SwTabs");l({props:o});const n=e.inject("activeTab");if(!e.inject("tabs"))throw new Error("Tabs array is not provided by SwTabs");const d=e.inject("tabs").value.length-1;return(p,k)=>e.unref(n)===d?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(p.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"}));V.components=v,V.default=G,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["component-sw"]={},V.vue))})(this,function(V,e){"use strict";const j={__name:"SwAlert",props:{message:{type:String,default:"Default message"},before:{type:String,default:""},class:{type:String,default:""},after:{type:String,default:""},size:{type:String,default:""},duration:{type:Number,default:6e3},type:{type:String,default:"info",validator:a=>["success","warning","error","info"].includes(a)}},emits:["closed"],setup(a,{emit:o}){const l=a,n=o,t=e.ref(!1);let p=null;const d=()=>{t.value=!0,m()},k=()=>{t.value=!1,n("closed")},h=()=>{p&&(clearTimeout(p),p=null)},r=()=>{m()},m=()=>{p=setTimeout(k,l.duration)};e.onMounted(()=>{d()}),e.onUnmounted(()=>{p&&clearTimeout(p)});const $=e.computed(()=>{const w=["sw-alert"];return l.size.length>0&&w.push(`sw-${l.size}`),l.type.length>0&&w.push(`sw-${l.type}`),l.class.length>0&&w.push(l.class),w});return(w,f)=>{const u=e.resolveComponent("svg-icon");return e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass($.value),onMouseenter:h,onMouseleave:r},[l.before.length>0?(e.openBlock(),e.createBlock(u,{key:0,"icon-class":l.before},null,8,["icon-class"])):e.renderSlot(w.$slots,"prefix",{key:1}),e.renderSlot(w.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.message),1)]),l.after.length>0?(e.openBlock(),e.createBlock(u,{key:2,"icon-class":l.after,onClick:k},null,8,["icon-class"])):e.renderSlot(w.$slots,"suffix",{key:3})],34)):e.createCommentVNode("",!0)]),_:3})}}},W=Object.freeze(Object.defineProperty({__proto__:null,default:j},Symbol.toStringTag,{value:"Module"}));let x=document.querySelector("div.sw-alert-wrapper");function P(a={}){x||(x=document.createElement("div"),x.className="sw-alert-wrapper",document.body.appendChild(x));const o=e.createApp({setup(){return()=>e.h(j,{...a,onClose:()=>{x.removeChild(o._container),o.unmount()}})}}),l=o.mount(document.createElement("div"));x.appendChild(l.$el)}const O=Object.assign({"./components/SwAlert.vue":()=>Promise.resolve().then(()=>W),"./components/SwButton.vue":()=>Promise.resolve().then(()=>X),"./components/SwCollapse.vue":()=>Promise.resolve().then(()=>J),"./components/SwDatePicker.vue":()=>Promise.resolve().then(()=>de),"./components/SwDropdown.vue":()=>Promise.resolve().then(()=>me),"./components/SwDropdownItem.vue":()=>Promise.resolve().then(()=>fe),"./components/SwFormItem.vue":()=>Promise.resolve().then(()=>ue),"./components/SwInput.vue":()=>Promise.resolve().then(()=>ke),"./components/SwMessage.vue":()=>Promise.resolve().then(()=>Ee),"./components/SwSection.vue":()=>Promise.resolve().then(()=>$e),"./components/SwSelect.vue":()=>Promise.resolve().then(()=>Ve),"./components/SwSkeleton.vue":()=>Promise.resolve().then(()=>ze),"./components/SwSkeletonItem.vue":()=>Promise.resolve().then(()=>xe),"./components/SwSwitch.vue":()=>Promise.resolve().then(()=>Pe),"./components/SwTabs.vue":()=>Promise.resolve().then(()=>Ie),"./components/SwTabsNew.vue":()=>Promise.resolve().then(()=>Ae),"./components/SwTabsPane.vue":()=>Promise.resolve().then(()=>Le),"./components/SwTabsPaneNew.vue":()=>Promise.resolve().then(()=>Re)}),v={};for(const a in O){const o=a.split("/").pop().replace(".vue","").replace(/-(\w)/g,(l,n)=>n.toUpperCase());v[o]=e.defineAsyncComponent(()=>O[a]())}const G={install(a){Object.keys(v).forEach(o=>{a.component(o,v[o]),console.log(o)}),a.config.globalProperties.$swAlert=P,a.provide("swAlert",P)}},I={__name:"SwButton",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},round:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},href:{type:String,default:""}},setup(a){const o=a,l=()=>{if(o.href.length>0){const t=document.createElement("a");t.setAttribute("href",o.href),t.setAttribute("target","_blank"),t.click()}},n=e.computed(()=>{let t=["sw-button"];return o.size.length>0&&t.push("sw-"+o.size),o.type.length>0&&t.push("sw-"+o.type),o.round&&t.push("sw-round"),o.text&&t.push("sw-text"),o.link&&t.push("sw-link"),o.class.length>0&&t.push(o.class),t});return(t,p)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(n.value),onClick:l},[e.renderSlot(t.$slots,"default")],2))}},X=Object.freeze(Object.defineProperty({__proto__:null,default:I},Symbol.toStringTag,{value:"Module"})),J=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwCollapse",props:{visual:{type:Boolean,default:!0}},setup(a){e.onMounted(()=>{n.value="0px"});const o=e.ref(null),l=a,n=e.computed(()=>{var t;return l.visual?((t=o.value)==null?void 0:t.scrollHeight)+"px":"0px"});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sw-collapse",{open:l.visual}]),style:e.normalizeStyle({height:n.value}),ref_key:"collapse",ref:o},[e.renderSlot(t.$slots,"default")],6))}}},Symbol.toStringTag,{value:"Module"}));function K(a){return/^(https?:|mailto:|tel:)/.test(a)}function z(a,o){if(arguments.length===0||!a)return null;const l=o||"{Y}-{m}-{d} {G}:{i}:{s}";let n;typeof a=="object"?n=a:(typeof a=="string"&&(/^[0-9]+$/.test(a)?a=parseInt(a):a=a.replace(new RegExp(/-/gm),"/")),typeof a=="number"&&a.toString().length===10&&(a=a*1e3),n=new Date(a));const t="ru-RU",p={Y:n.getFullYear(),m:(n.getMonth()+1).toString().padStart(2,"0"),d:n.getDate(),dd:n.getDate().toString().padStart(2,"0"),G:n.getHours(),H:n.getHours().toString().padStart(2,"0"),i:n.getMinutes().toString().padStart(2,"0"),s:n.getSeconds().toString().padStart(2,"0"),D:new Intl.DateTimeFormat(t,{weekday:"short"}).format(n),F:new Intl.DateTimeFormat(t,{month:"long"}).format(n),M:new Intl.DateTimeFormat(t,{month:"short"}).format(n)};return l.replace(/{(dd|[YmdGHisDFM])+}/g,(d,k)=>p[k])}const Q={class:"sw-data-picker"},Z={class:"month_year"},ee={class:"text"},te={class:"week"},le={class:"month"},oe=["onClick"],ne={key:0},ae={class:"month_year"},se={class:"text"},re={class:"week"},ie={class:"month"},ce=["onClick"],de=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDatePicker",props:{data:Object,limitation:{type:[Boolean,Array],default:()=>!1},range:{type:String,default:()=>"solid"}},emits:["input"],setup(a,{emit:o}){var Y,L,q,R,H,U;const l=e.ref(new Date),n=e.ref(new Date),t=a,p=o,d=e.ref(new Date().getFullYear()),k=e.ref(new Date().getMonth()),h=e.ref(new Date().getFullYear()),r=e.ref(new Date().getMonth()),m=e.ref([]),$=e.ref(0),w=e.ref(0),f=e.ref(-1),u=e.ref(-1),S=e.ref(navigator.languages||"ru"),y=/en|zh|ja|he/.test(S.value)?0:1,B=t.range==="range"?2:1,C=g=>{const i=g.split(g.match(/\D.*?\D?/));return i[0].length>2?i.join("-")+"T00:00:01":i.reverse().join("-")+"T00:00:01"};typeof((Y=t.data)==null?void 0:Y.startDate)<"u"&&((L=t.data)==null?void 0:L.startDate)!==null&&(l.value=new Date(C(t.data.startDate)),d.value=l.value.getFullYear(),r.value=l.value.getMonth()),typeof((q=t.data)==null?void 0:q.endDate)<"u"&&((R=t.data)==null?void 0:R.endDate)!==null&&(n.value=new Date(C(t.data.endDate)),h.value=n.value.getFullYear(),k.value=n.value.getMonth());const E=()=>{var s;let g=new Date(d.value,r.value,0);for(let c=g.getDate()-g.getDay()+y;c<=g.getDate()&&g.getDay()!==6+y;c++)$.value++,m.value.push({day:c,month:g.getMonth(),year:g.getFullYear(),class:[]});for(let c=1;c<=new Date(d.value,r.value+1,0).getDate();c++)$.value++,m.value.push({day:c,month:r.value,year:d.value,class:[]});if(t.range==="range"){w.value=new Date(d.value,r.value+2,0);for(let c=1;c<=w.value.getDate();c++)m.value.push({day:c,month:w.value.getMonth(),year:w.value.getFullYear(),class:[]})}let i=new Date(d.value,r.value+B,1);console.log(i.getDay());for(let c=1;c<=(7-i.getDay()+y)%7&&i.getDay()!==y;c++)m.value.push({day:c,month:i.getMonth(),year:i.getFullYear(),class:[]});typeof((s=t.data)==null?void 0:s.holiday)<"u"&&t.data.holiday.length!==0&&(t.data.holiday.preholidays.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="preholiday")}),t.data.holiday.holidays.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="weekend")}),t.data.holiday.holiday.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="holiday")}),t.data.holiday.nowork.forEach(c=>{let _=c.split("-");const M=m.value.findIndex(D=>D.year==_[0]&&D.month+1==_[1]&&D.day==_[2]);M!==-1&&(m.value[M].class[0]="nowork")}))},b=(g,i)=>{let s=g-i+1;for(let c=0;c<=g-i;c++)m.value[c+i].class[0]==="holiday"&&s--;return s},N=(g,i)=>{console.log(i);const s=z(new Date(g.year,g.month,g.day),"{dd}.{m}.{Y}");if(t.range==="range")if(console.log(f.value),u.value!==-1){if(u.value<=f.value)for(let c=u.value;c<=f.value;c++)m.value[c].class[1]="";else for(let c=f.value;c<=u.value;c++)m.value[c].class[1]="";f.value=i,u.value=-1,m.value[i].class[1]="active"}else if(f.value!==-1){if(u.value=i,u.value>=f.value)for(let _=f.value+1;_<i;_++)m.value[_].class[1]="select";else for(let _=i+1;_<f.value;_++)m.value[_].class[1]="select";m.value[i].class[1]="active";let c=z(new Date(m.value[f.value].year,m.value[f.value].month,m.value[f.value].day),"{dd}.{m}.{Y}");f.value>i?p("input",{dateStart:s,dateEnd:c,count:b(f.value,i)}):p("input",{dateStart:c,dateEnd:s,count:b(i,f.value)})}else f.value=i,m.value[i].class[1]="active";else f.value!==-1&&(m.value[f.value].class[1]=""),f.value=i,m.value[i].class[1]="active",p("input",{dateStart:s,count:1})};if(E(),typeof((H=t.data)==null?void 0:H.startDate)<"u"&&(f.value=m.value.findIndex(g=>g.day===l.value.getDate()&&g.month===r.value&&g.year===d.value),m.value[f.value].class[1]="active"),typeof((U=t.data)==null?void 0:U.endDate)<"u"&&t.range==="range"){u.value=m.value.findIndex(g=>g.day===n.value.getDate()&&g.month===k.value&&g.year===h.value),m.value[u.value].class[1]="active";for(let g=f.value+1;g<u.value;g++)m.value[g].class[1]="select"}const T=(g,i)=>{He(g,i)&&(m.value=[],$.value=0,l.value=new Date(g,i,1),d.value=l.value.getFullYear(),r.value=l.value.getMonth(),E())},He=(g,i)=>{if(!t.limitation)return!0;if(t.limitation[0].dateStart){console.log(t.limitation[0].dateStart);let s=t.limitation[0].dateStart.split(t.limitation[0].dateStart.match(/\D.*?\D?/));if(s[0].length>2&&s.reverse(),parseInt(s[2])>g||parseInt(s[2])===g&&parseInt(s[1])>i+1)return!1}if(t.limitation[t.limitation.length-1].dateEnd){console.log(t.limitation[t.limitation.length-1].dateEnd);let s=t.limitation[t.limitation.length-1].dateEnd.split(t.limitation[t.limitation.length-1].dateEnd.match(/\D.*?\D?/));if(s[0].length>2&&s.reverse(),parseInt(s[2])<g||parseInt(s[2])===g&&parseInt(s[1])<i+B)return!1}return!0};return(g,i)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",null,[e.createElementVNode("p",Z,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[0]||(i[0]=e.withModifiers(s=>T(d.value-1,r.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:i[1]||(i[1]=e.withModifiers(s=>T(d.value,r.value-1),["prevent"]))},"‹")]),e.createElementVNode("span",ee,[e.createElementVNode("button",null,e.toDisplayString(d.value),1),e.createElementVNode("button",null,e.toDisplayString(e.unref(z)(l.value.setMonth(r.value),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[2]||(i[2]=e.withModifiers(s=>T(d.value,r.value+1),["prevent"]))},"›"),e.createElementVNode("button",{onClick:i[3]||(i[3]=e.withModifiers(s=>T(d.value+1,r.value),["prevent"]))},"»")])]),e.createElementVNode("div",te,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(s,c)=>e.createElementVNode("button",{key:c,class:"disabled"},e.toDisplayString(e.unref(z)(new Date(1970,1,s+e.unref(y)),"{D}")),1)),64))]),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(s,c)=>{var _,M;return e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c<$.value+(7-new Date(d.value,r.value+1,1).getDay()+e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(s.month===r.value&&(!t.limitation||new Date(s.year,s.month,s.day+1).getTime()>new Date(C((_=t.limitation[0])==null?void 0:_.dateStart)).getTime()&&new Date(s.year,s.month,s.day).getTime()<new Date(C((M=t.limitation[0])==null?void 0:M.dateEnd)).getTime())?s.class:"disabled"),onClick:()=>{s.month===r.value&&N(s,c)}},e.toDisplayString(s.day),11,oe)):e.createCommentVNode("",!0)],64)}),128))])]),t.range==="range"?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("p",ae,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[4]||(i[4]=e.withModifiers(s=>T(d.value-1,r.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:i[5]||(i[5]=e.withModifiers(s=>T(d.value,r.value-1),["prevent"]))},"‹")]),e.createElementVNode("span",se,[e.createElementVNode("button",null,e.toDisplayString(new Date(d.value,r.value+1).getFullYear()),1),e.createElementVNode("button",null,e.toDisplayString(e.unref(z)(l.value.setMonth(r.value+1),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:i[6]||(i[6]=e.withModifiers(s=>T(d.value,r.value+1),["prevent"]))},"›"),e.createElementVNode("button",{onClick:i[7]||(i[7]=e.withModifiers(s=>T(d.value+1,r.value),["prevent"]))},"»")])]),e.createElementVNode("div",re,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(s,c)=>e.createElementVNode("button",{key:c,class:"disabled"},e.toDisplayString(e.unref(z)(new Date(1970,1,s+e.unref(y)),"{D}")),1)),64))]),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(s,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c>=$.value-(7+new Date(d.value,r.value+1,1).getDay()-e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(s.month===w.value.getMonth()&&(!t.limitation||new Date(s.year,s.month,s.day+1).getTime()>new Date(C(t.limitation[0].dateStart)).getTime()&&new Date(s.year,s.month,s.day).getTime()<new Date(C(t.limitation[0].dateEnd)).getTime())?s.class:"disabled"),onClick:()=>{s.month===w.value.getMonth()&&N(s,c)}},e.toDisplayString(s.day),11,ce)):e.createCommentVNode("",!0)],64))),128))])])):e.createCommentVNode("",!0)]))}}},Symbol.toStringTag,{value:"Module"})),pe=["id"],me=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdown",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},trigger:{type:String,default:"click"},placement:{type:String,default:"bottom-left"},maxWidth:{type:Number,default:0},manual:{type:Boolean,default:!1}},setup(a){const o=a;e.computed(()=>"dropdown"+Array.from(document.body.children).indexOf(document.querySelector("ul")));const l=e.ref(!1),n=e.ref(null),t=e.ref(null),p=e.ref({}),d=Math.ceil(Math.random()*1e3),k=e.computed(()=>{let u=["sw-dropdown"];return o.size.length>0&&u.push("sw-"+o.size),o.type.length>0&&u.push("sw-"+o.type),u});e.watch(()=>o.manual,u=>{l.value=u,console.log("watch",l.value),l.value&&h()});const h=async()=>{if(await e.nextTick(),!t.value)return;const u=window.pageYOffset||document.documentElement.scrollTop,S=window.pageXOffset||document.documentElement.scrollLeft;document.body.style.position="fixed",document.body.style.top=`-${u}px`,document.body.style.left=`-${S}px`,document.body.style.position="",document.body.style.top="",document.body.style.left="",document.documentElement.scrollTop=u,document.documentElement.scrollLeft=S;const y=n.value.getBoundingClientRect(),B=t.value.offsetHeight,C=t.value.offsetWidth;console.log("popupHeight",B),console.log("popupWidth",C);let E=y.left+y.width/2+S,b=y.top+y.height/2+u;const[N,T]=o.placement.split("-",2);switch(console.log(o.placement),N){case"bottom":b=b+y.height/2+8;break;case"top":b=b-y.height/2-8-B;break;case"left":E=E-C-y.width/2-8,b=b-B/2;break;case"right":E=E+y.width/2+8,b=b-B/2;break}switch(T){case"left":E=E-y.width/2;break;case"right":E=E-C+y.width/2;break}E<0&&(E=0),b<0&&(b=0),p.value={position:"absolute",top:`${b}px`,left:`${E}px`,maxWidth:o.maxWidth===0?"":`${o.maxWidth}px`}},r=()=>{o.trigger==="click"&&(l.value=!l.value),l.value&&h()},m=()=>{o.trigger==="hover"&&(l.value=!l.value),l.value&&h()},$=()=>{o.trigger==="context"&&(l.value=!l.value),l.value&&h()},w=()=>{l.value&&h()},f=u=>{console.log(d),!u.target.closest(`[id="${d}"]`)&&n.value&&!n.value.contains(u.target)&&(l.value=!1)};return e.onMounted(()=>{window.addEventListener("resize",w),window.addEventListener("click",f)}),e.onUnmounted(()=>{window.removeEventListener("resize",w),window.removeEventListener("click",f)}),(u,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),onClick:S[0]||(S[0]=y=>r()),onMouseover:S[1]||(S[1]=e.withModifiers(y=>m(),["stop"])),onMouseleave:S[2]||(S[2]=e.withModifiers(y=>m(),["stop"])),onContextmenu:S[3]||(S[3]=e.withModifiers(y=>$(),["stop"])),ref_key:"dropdownRef",ref:n},[e.renderSlot(u.$slots,"default"),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.value?(e.openBlock(),e.createElementBlock("ul",{key:0,ref_key:"popupRef",ref:t,id:e.unref(d),class:e.normalizeClass(["sw-dropdown-popup",o.class]),style:e.normalizeStyle(p.value),tabindex:"-1"},[e.renderSlot(u.$slots,"dropdown")],14,pe)):e.createCommentVNode("",!0)]))],34))}}},Symbol.toStringTag,{value:"Module"})),fe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdownItem",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},iconBefore:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let n=["sw-dropdown-item"];return o.size.length>0&&n.push("sw-"+o.size),o.type.length>0&&n.push("sw-"+o.type),o.class.length>0&&n.push(o.class),n});return(n,t)=>{const p=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.value)},[e.createVNode(p,{"icon-class":a.iconBefore},null,8,["icon-class"]),e.renderSlot(n.$slots,"default")],2)}}}},Symbol.toStringTag,{value:"Module"})),ue=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwFormItem",props:{class:{type:String,default:""},type:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let n=["sw-form-item"];return o.type.length>0&&n.push("sw-"+o.type),o.class.length>0&&n.push(o.class),n});return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[e.renderSlot(n.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),ge=(a,o)=>{const l=a.__vccOpts||a;for(const[n,t]of o)l[n]=t;return l},he={name:"SvgIcon",props:{prefix:{type:String,default:"icon"},iconClass:{type:String,required:!0},className:{type:String,default:""}},computed:{isExt(){return K(this.iconClass)}}},ye=["href"];function _e(a,o,l,n,t,p){return p.isExt?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:"mask: url("+l.iconClass+") no-repeat 50% 50%;",class:"svg-external-icon svg-icon"},a.$attrs),null,16)):(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:1,class:"svg-icon "+l.className,"aria-hidden":"true"},a.$attrs),[e.createElementVNode("use",{href:"#"+l.prefix+"-"+l.iconClass},null,8,ye)],16))}const F=ge(he,[["render",_e]]),Se=["for"],we={key:0,title:"Это поле обязательно для заполнения."},be=["required","placeholder","type","id","name"],ke=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwInput",props:e.mergeModels({before:{type:String,default:""},after:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:""},name:{type:String,required:!0},class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:"text"},required:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["suffix","prefix","focusInput"],["update:modelValue"]),setup(a,{emit:o}){var w;const l=e.useModel(a,"modelValue"),n=a,t=e.ref(null),p=o,d=f=>{p("focusInput"),f.target.setSelectionRange(l.value.length,l.value.length),t.value!==null&&(t.value.style.top="-.6em")},k=f=>{var u;((u=l.value)==null?void 0:u.length)===0&&t.value!==null&&t.value.removeAttribute("style")};((w=l.value)==null?void 0:w.length)>0&&t.value!==null&&(t.value.style.top="-.6em");const h=()=>{p("suffix")},r=()=>{p("prefix")},m=e.computed(()=>{let f=["sw-input"];return n.size.length>0&&f.push("sw-"+n.size),n.class.length>0&&f.push(n.class),f});e.watch(l,(f,u)=>{n.type==="phone"&&(l.value=$(f,u))});const $=(f,u)=>{if(/^\+[0-9]\s/.test(u)&&f.length===2||/^\+0\s/.test(f))return"";const S=f;if(typeof S>"u"||S.length===0)return S;const y="+0 (___) ___-__-__";let B=0;const C=y.replace(/\D/g,""),E=S.replace(/\D/g,"");let b=y.replace(/[_\d]/g,T=>B<E.length?E.charAt(B++)||C.charAt(B):T);B=b.indexOf("_"),B!==-1&&(B=B<5?3:B,b=b.slice(0,B));let N=y.slice(0,S.length).replace(/_+/g,T=>`\\d{1,${T.length}}`).replace(/[+()]/g,"\\$&");if(N=new RegExp(`^${N}$`),b=b.replace(/[-—]$|(\) )$/g,""),!N.test(S)||S.length<5)return b};return(f,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[n.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":n.before,onClick:r},null,8,["icon-class"])):e.renderSlot(f.$slots,"prefix",{key:1}),n.label.length>0?(e.openBlock(),e.createElementBlock("label",{key:2,for:n.name,ref_key:"lab",ref:t},[e.createTextVNode(e.toDisplayString(n.label),1),n.required?(e.openBlock(),e.createElementBlock("span",we,"*")):e.createCommentVNode("",!0)],8,Se)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":u[0]||(u[0]=S=>l.value=S),required:n.required,placeholder:n.required&&n.label.length===0?n.placeholder+"*":n.placeholder,type:n.type,id:n.name,name:n.name,size:"60",onFocus:d,onBlur:k,maxlength:"128"},null,40,be),[[e.vModelDynamic,l.value]]),n.after.length>0?(e.openBlock(),e.createBlock(F,{key:3,"icon-class":n.after,onClick:h},null,8,["icon-class"])):e.renderSlot(f.$slots,"suffix",{key:4})],2))}}},Symbol.toStringTag,{value:"Module"})),Be={key:0},Ee=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwMessage",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.useModel(a,"modelValue"),l=a,n=e.ref(null);return(t,p)=>{const d=e.resolveComponent("svg-icon");return o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sw-message",l.class]),ref_key:"messageRef",ref:n},[l.name.length>0?(e.openBlock(),e.createElementBlock("header",Be,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createVNode(I,{link:"",type:"primary",onClick:p[0]||(p[0]=k=>o.value=!1)},{default:e.withCtx(()=>[e.createVNode(d,{"icon-class":l.iconAfter},null,8,["icon-class"])]),_:1})])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[p[1]||(p[1]=e.createTextVNode("111222"))]),e.createElementVNode("footer",null,[e.renderSlot(t.$slots,"footer")])],2)):e.createCommentVNode("",!0)}}}},Symbol.toStringTag,{value:"Module"})),$e=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSection",props:{name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},setup(a){const o=a;return(l,n)=>{const t=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(o.class)},[e.createElementVNode("header",null,[e.renderSlot(l.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.name)+" ",1),e.createVNode(t,{"icon-class":o.iconAfter},null,8,["icon-class"])])]),e.renderSlot(l.$slots,"default"),e.createElementVNode("footer",null,[e.renderSlot(l.$slots,"footer")])],2)}}}},Symbol.toStringTag,{value:"Module"})),De={class:"popup"},Te={class:"wrapper"},Me={class:"scrollbar"},Ce=["onClick"],Ve=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSelect",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},placeholder:{type:String,default:""},token:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.ref({fullText:""}),l=e.ref(!1),n=e.ref([]),t=e.useModel(a,"modelValue"),p=a;e.watch(t.text,h=>{h.length>3&&(o.value.fullText=h)}),e.watch(o.value.fullText,(h,r)=>{l.value=h.length>3&&h.length>r.length,h.length>3&&d()});const d=()=>{let h="https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address";console.log(o.value.fullText),axios.post(h,{query:o.value.fullText},{headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:"Token "+p.token}}).then(r=>{console.log(r.data.suggestions),n.value=r.data.suggestions,n.value.length===1&&k(n.value[0])}).catch(r=>{console.log(r)})},k=h=>{o.value.fullText=h.value,l.value=!1;const r={};r.text=h.value,r.coords=[Number(h.data.geo_lat),Number(h.data.geo_lon)],r.suggestion=h.data,t.value=r};return(h,r)=>{const m=e.resolveComponent("sw-input");return e.openBlock(),e.createElementBlock("div",De,[e.createVNode(m,{size:"large",modelValue:o.value.fullText,"onUpdate:modelValue":r[0]||(r[0]=$=>o.value.fullText=$),placeholder:a.placeholder},null,8,["modelValue","placeholder"]),e.withDirectives(e.createElementVNode("div",Te,[e.createElementVNode("ul",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,($,w)=>(e.openBlock(),e.createElementBlock("li",{tabindex:"1",key:w,onClick:f=>k($)},e.toDisplayString($.value),9,Ce))),128))])],512),[[e.vShow,l.value]])])}}}},Symbol.toStringTag,{value:"Module"})),Ne={key:0},A={__name:"SwSkeletonItem",props:{width:{type:String,default:"100"},class:{type:String,default:""},animate:{type:Boolean,default:!1},size:{type:String,default:""}},setup(a){const o=a,l=e.computed(()=>{let t=["sw-skeleton-item"];return o.size.length>0&&t.push("sw-"+o.size),o.animate&&t.push("sw-animate"),o.class.length>0&&t.push(o.class),t}),n=e.computed(()=>({width:o.width+"%"}));return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),style:e.normalizeStyle(n.value)},[o.animate?(e.openBlock(),e.createElementBlock("div",Ne)):e.createCommentVNode("",!0)],6))}},xe=Object.freeze(Object.defineProperty({__proto__:null,default:A},Symbol.toStringTag,{value:"Module"})),ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSkeleton",props:{class:{type:String,default:""},visual:{type:Boolean,default:!1}},setup(a){const o=a;return(l,n)=>o.visual?e.renderSlot(l.$slots,"default",{key:0},()=>[n[0]||(n[0]=e.createTextVNode("1"))]):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["sw-skeleton",o.class])},[e.renderSlot(l.$slots,"skeleton",{},()=>[e.createVNode(A,{animate:"",size:"small"})])],2))}}},Symbol.toStringTag,{value:"Module"})),ve=["name","id"],je=["for","data-onlabel","data-offlabel"],Pe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSwitch",props:e.mergeModels({id:{type:String,default:"checkbox"},class:{type:String,default:""},name:{type:String,default:""},on:{type:String,default:""},off:{type:String,default:""},size:{type:String,default:""},checkbox:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=e.useModel(a,"modelValue"),l=a,n=e.computed(()=>{let t=["sw-switch"];return l.size.length>0&&t.push("sw-"+l.size),l.checkbox&&t.push("sw-checkbox"),l.class.length>0&&t.push(l.class),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",name:l.name,class:"sw-control",id:l.id,"onUpdate:modelValue":p[0]||(p[0]=d=>o.value=d)},null,8,ve),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:l.id,class:"sw-label","data-onlabel":l.on,"data-offlabel":l.off},null,8,je),e.renderSlot(t.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Oe=["onClick"],Ie=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabs",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:o}){e.ref(0);const l=e.ref([]),n=a,t=e.useModel(a,"modelValue"),p=o;return l.value=e.useSlots().default().filter(d=>d.type.__name==="SwTabsPane"),e.provide("activeTab",t),e.provide("tabs",l),(d,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+n.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,r)=>(e.openBlock(),e.createElementBlock("span",{key:r,class:e.normalizeClass([{active:t.value===r}]),onClick:m=>{t.value=r,p("tab-click",r)}},e.toDisplayString(h.props.label||h.props.title),11,Oe))),128))]),e.renderSlot(d.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Fe=["onClick"],Ae=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsNew",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:o}){e.ref(0);const l=e.ref([]),n=a,t=e.useModel(a,"modelValue"),p=o;return e.provide("activeTab",t),e.provide("tabs",l),e.provide("registerTab",d=>{l.value.push(d)}),(d,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+n.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,r)=>(e.openBlock(),e.createElementBlock("span",{key:r,class:e.normalizeClass([{active:t.value===r}]),onClick:m=>{t.value=r,p("tab-click",r)}},e.toDisplayString(h.props.label||h.props.title),11,Fe))),128))]),e.renderSlot(d.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Ye={key:0,class:"tab-content"},Le=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPane",props:{title:{type:String,required:!0}},setup(a){const o=a,l=e.inject("activeTab"),n=e.inject("tabs"),t=e.computed(()=>{const p=n.value.findIndex(d=>d.props.title===o.title);return l.value===p});return(p,d)=>t.value?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(p.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"})),qe={key:0,class:"tab-content"},Re=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPaneNew",props:{label:{type:String,required:!0},title:{type:String}},setup(a){const o=a,l=e.inject("registerTab");if(!l)throw new Error("SwTabsPane must be used inside SwTabs");l({props:o});const n=e.inject("activeTab");if(!e.inject("tabs"))throw new Error("Tabs array is not provided by SwTabs");const p=e.inject("tabs").value.length-1;return(d,k)=>e.unref(n)===p?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(d.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"}));V.components=v,V.default=G,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ref as T, onMounted as _, onUnmounted as C, computed as k, resolveComponent as A, createBlock as a, openBlock as
|
|
2
|
-
const
|
|
1
|
+
import { ref as T, onMounted as _, onUnmounted as C, computed as k, resolveComponent as A, createBlock as a, openBlock as l, Transition as N, withCtx as $, createElementBlock as P, createCommentVNode as z, normalizeClass as D, renderSlot as p, createTextVNode as M, toDisplayString as j, createApp as B, h as E, defineAsyncComponent as I } from "vue";
|
|
2
|
+
const S = {
|
|
3
3
|
__name: "SwAlert",
|
|
4
4
|
props: {
|
|
5
5
|
message: { type: String, default: "Default message" },
|
|
@@ -16,50 +16,50 @@ const w = {
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["closed"],
|
|
18
18
|
setup(t, { emit: o }) {
|
|
19
|
-
const e = t, c = o,
|
|
20
|
-
let
|
|
19
|
+
const e = t, c = o, i = T(!1);
|
|
20
|
+
let s = null;
|
|
21
21
|
const g = () => {
|
|
22
|
-
|
|
22
|
+
i.value = !0, d();
|
|
23
23
|
}, u = () => {
|
|
24
|
-
|
|
24
|
+
i.value = !1, c("closed");
|
|
25
25
|
}, y = () => {
|
|
26
|
-
|
|
26
|
+
s && (clearTimeout(s), s = null);
|
|
27
27
|
}, h = () => {
|
|
28
28
|
d();
|
|
29
29
|
}, d = () => {
|
|
30
|
-
|
|
30
|
+
s = setTimeout(u, e.duration);
|
|
31
31
|
};
|
|
32
32
|
_(() => {
|
|
33
33
|
g();
|
|
34
34
|
}), C(() => {
|
|
35
|
-
|
|
35
|
+
s && clearTimeout(s);
|
|
36
36
|
});
|
|
37
37
|
const b = k(() => {
|
|
38
|
-
const
|
|
39
|
-
return e.size.length > 0 &&
|
|
38
|
+
const n = ["sw-alert"];
|
|
39
|
+
return e.size.length > 0 && n.push(`sw-${e.size}`), e.type.length > 0 && n.push(`sw-${e.type}`), e.class.length > 0 && n.push(e.class), n;
|
|
40
40
|
});
|
|
41
|
-
return (
|
|
41
|
+
return (n, x) => {
|
|
42
42
|
const f = A("svg-icon");
|
|
43
|
-
return
|
|
44
|
-
default:
|
|
45
|
-
|
|
43
|
+
return l(), a(N, { name: "fade" }, {
|
|
44
|
+
default: $(() => [
|
|
45
|
+
i.value ? (l(), P("div", {
|
|
46
46
|
key: 0,
|
|
47
47
|
class: D(b.value),
|
|
48
48
|
onMouseenter: y,
|
|
49
49
|
onMouseleave: h
|
|
50
50
|
}, [
|
|
51
|
-
e.before.length > 0 ? (
|
|
51
|
+
e.before.length > 0 ? (l(), a(f, {
|
|
52
52
|
key: 0,
|
|
53
53
|
"icon-class": e.before
|
|
54
|
-
}, null, 8, ["icon-class"])) : p(
|
|
55
|
-
p(
|
|
54
|
+
}, null, 8, ["icon-class"])) : p(n.$slots, "prefix", { key: 1 }),
|
|
55
|
+
p(n.$slots, "default", {}, () => [
|
|
56
56
|
M(j(e.message), 1)
|
|
57
57
|
]),
|
|
58
|
-
e.after.length > 0 ? (
|
|
58
|
+
e.after.length > 0 ? (l(), a(f, {
|
|
59
59
|
key: 2,
|
|
60
60
|
"icon-class": e.after,
|
|
61
61
|
onClick: u
|
|
62
|
-
}, null, 8, ["icon-class"])) : p(
|
|
62
|
+
}, null, 8, ["icon-class"])) : p(n.$slots, "suffix", { key: 3 })
|
|
63
63
|
], 34)) : z("", !0)
|
|
64
64
|
]),
|
|
65
65
|
_: 3
|
|
@@ -68,33 +68,33 @@ const w = {
|
|
|
68
68
|
}
|
|
69
69
|
}, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
70
70
|
__proto__: null,
|
|
71
|
-
default:
|
|
71
|
+
default: S
|
|
72
72
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
73
|
-
let
|
|
74
|
-
function
|
|
75
|
-
|
|
76
|
-
const
|
|
73
|
+
let r = document.querySelector("div.sw-alert-wrapper");
|
|
74
|
+
function w(t = {}) {
|
|
75
|
+
r || (r = document.createElement("div"), r.className = "sw-alert-wrapper", document.body.appendChild(r));
|
|
76
|
+
const o = B({
|
|
77
77
|
setup() {
|
|
78
|
-
return () => E(
|
|
78
|
+
return () => E(S, {
|
|
79
79
|
...t,
|
|
80
80
|
onClose: () => {
|
|
81
|
-
|
|
81
|
+
r.removeChild(o._container), o.unmount();
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
}
|
|
85
|
-
}),
|
|
86
|
-
|
|
85
|
+
}), e = o.mount(document.createElement("div"));
|
|
86
|
+
r.appendChild(e.$el);
|
|
87
87
|
}
|
|
88
|
-
const
|
|
89
|
-
for (const t in
|
|
88
|
+
const v = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => O), "./components/SwButton.vue": () => import("./SwButton-0uPLNlAn.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-DxAVOWF1.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-sluTaq5V.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-HVAlEbEM.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-C3_wJ1DL.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CfnEis1u.js"), "./components/SwInput.vue": () => import("./SwInput-BsZFNRzn.js"), "./components/SwMessage.vue": () => import("./SwMessage-BB2yKYsR.js"), "./components/SwSection.vue": () => import("./SwSection-CaY8OFmf.js"), "./components/SwSelect.vue": () => import("./SwSelect-0vcmQ8qv.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-DWILNFfF.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-BxSLWRTx.js"), "./components/SwTabs.vue": () => import("./SwTabs-DgvDpw7u.js"), "./components/SwTabsNew.vue": () => import("./SwTabsNew-Dr5Vyz6M.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-BUUmFjh7.js"), "./components/SwTabsPaneNew.vue": () => import("./SwTabsPaneNew-DFPu-sRT.js") }), m = {};
|
|
89
|
+
for (const t in v) {
|
|
90
90
|
const o = t.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (e, c) => c.toUpperCase());
|
|
91
|
-
m[o] = I(() =>
|
|
91
|
+
m[o] = I(() => v[t]());
|
|
92
92
|
}
|
|
93
93
|
const V = {
|
|
94
94
|
install(t) {
|
|
95
95
|
Object.keys(m).forEach((o) => {
|
|
96
96
|
t.component(o, m[o]), console.log(o);
|
|
97
|
-
}), t.config.globalProperties.$swAlert =
|
|
97
|
+
}), t.config.globalProperties.$swAlert = w, t.provide("swAlert", w);
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
100
|
export {
|