@mrxploder/saxvue 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +303 -104
- package/dist/base.css +1 -1
- package/dist/base.js.LICENSE.txt +1 -1
- package/dist/base.min.css +1 -1
- package/dist/base.min.js.LICENSE.txt +1 -1
- package/dist/saxvue.css +1 -1
- package/dist/saxvue.js +1 -1
- package/dist/saxvue.js.LICENSE.txt +1 -1
- package/dist/saxvue.min.css +1 -1
- package/dist/saxvue.min.js +1 -1
- package/dist/saxvue.min.js.LICENSE.txt +1 -1
- package/dist/svAlert/index.js.LICENSE.txt +1 -1
- package/dist/svAlert/style.css +1 -1
- package/dist/svAvatar/index.js.LICENSE.txt +1 -1
- package/dist/svAvatar/style.css +1 -1
- package/dist/svAvatarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svAvatarGroup/style.css +1 -1
- package/dist/svButton/index.js.LICENSE.txt +1 -1
- package/dist/svButton/style.css +1 -1
- package/dist/svCard/index.js.LICENSE.txt +1 -1
- package/dist/svCard/style.css +1 -1
- package/dist/svCardGroup/index.js.LICENSE.txt +1 -1
- package/dist/svCardGroup/style.css +1 -1
- package/dist/svCheckbox/index.js.LICENSE.txt +1 -1
- package/dist/svCheckbox/style.css +1 -1
- package/dist/svDialog/index.js.LICENSE.txt +1 -1
- package/dist/svDialog/style.css +1 -1
- package/dist/svInput/index.js.LICENSE.txt +1 -1
- package/dist/svInput/style.css +1 -1
- package/dist/svNavbar/index.js.LICENSE.txt +1 -1
- package/dist/svNavbar/style.css +1 -1
- package/dist/svNavbarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svNavbarGroup/style.css +1 -1
- package/dist/svNavbarItem/index.js.LICENSE.txt +1 -1
- package/dist/svOption/index.js.LICENSE.txt +1 -1
- package/dist/svOption/style.css +1 -1
- package/dist/svOptionGroup/index.js.LICENSE.txt +1 -1
- package/dist/svOptionGroup/style.css +1 -1
- package/dist/svPagination/index.js.LICENSE.txt +1 -1
- package/dist/svPagination/style.css +1 -1
- package/dist/svRadio/index.js.LICENSE.txt +1 -1
- package/dist/svRadio/style.css +1 -1
- package/dist/svSelect/index.js +1 -1
- package/dist/svSelect/index.js.LICENSE.txt +1 -1
- package/dist/svSelect/style.css +1 -1
- package/dist/svSidebar/index.js.LICENSE.txt +1 -1
- package/dist/svSidebar/style.css +1 -1
- package/dist/svSidebarGroup/index.js.LICENSE.txt +1 -1
- package/dist/svSidebarGroup/style.css +1 -1
- package/dist/svSidebarItem/index.js.LICENSE.txt +1 -1
- package/dist/svSidebarItem/style.css +1 -1
- package/dist/svSwitch/index.js.LICENSE.txt +1 -1
- package/dist/svSwitch/style.css +1 -1
- package/dist/svTable/index.js.LICENSE.txt +1 -1
- package/dist/svTable/style.css +1 -1
- package/dist/svTableTd/index.js.LICENSE.txt +1 -1
- package/dist/svTableTh/index.js.LICENSE.txt +1 -1
- package/dist/svTableTh/style.css +1 -1
- package/dist/svTableTr/index.js.LICENSE.txt +1 -1
- package/dist/svTableTr/style.css +1 -1
- package/dist/svTooltip/index.js.LICENSE.txt +1 -1
- package/dist/svTooltip/style.css +1 -1
- package/package.json +11 -32
- package/dist/vsAlert/index.js +0 -2
- package/dist/vsAlert/index.js.LICENSE.txt +0 -5
- package/dist/vsAlert/style.css +0 -1
- package/dist/vsAvatar/index.js +0 -2
- package/dist/vsAvatar/index.js.LICENSE.txt +0 -5
- package/dist/vsAvatar/style.css +0 -1
- package/dist/vsAvatarGroup/index.js +0 -2
- package/dist/vsAvatarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsAvatarGroup/style.css +0 -1
- package/dist/vsButton/index.js +0 -2
- package/dist/vsButton/index.js.LICENSE.txt +0 -5
- package/dist/vsButton/style.css +0 -1
- package/dist/vsCard/index.js +0 -2
- package/dist/vsCard/index.js.LICENSE.txt +0 -5
- package/dist/vsCard/style.css +0 -1
- package/dist/vsCardGroup/index.js +0 -2
- package/dist/vsCardGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsCardGroup/style.css +0 -1
- package/dist/vsCheckbox/index.js +0 -2
- package/dist/vsCheckbox/index.js.LICENSE.txt +0 -5
- package/dist/vsCheckbox/style.css +0 -1
- package/dist/vsDialog/index.js +0 -2
- package/dist/vsDialog/index.js.LICENSE.txt +0 -5
- package/dist/vsDialog/style.css +0 -1
- package/dist/vsInput/index.js +0 -2
- package/dist/vsInput/index.js.LICENSE.txt +0 -5
- package/dist/vsInput/style.css +0 -1
- package/dist/vsNavbar/index.js +0 -2
- package/dist/vsNavbar/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbar/style.css +0 -1
- package/dist/vsNavbarGroup/index.js +0 -2
- package/dist/vsNavbarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbarGroup/style.css +0 -1
- package/dist/vsNavbarItem/index.js +0 -2
- package/dist/vsNavbarItem/index.js.LICENSE.txt +0 -5
- package/dist/vsNavbarItem/style.css +0 -1
- package/dist/vsOption/index.js +0 -2
- package/dist/vsOption/index.js.LICENSE.txt +0 -5
- package/dist/vsOption/style.css +0 -1
- package/dist/vsOptionGroup/index.js +0 -2
- package/dist/vsOptionGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsOptionGroup/style.css +0 -1
- package/dist/vsPagination/index.js +0 -2
- package/dist/vsPagination/index.js.LICENSE.txt +0 -5
- package/dist/vsPagination/style.css +0 -1
- package/dist/vsRadio/index.js +0 -2
- package/dist/vsRadio/index.js.LICENSE.txt +0 -5
- package/dist/vsRadio/style.css +0 -1
- package/dist/vsSelect/index.js +0 -2
- package/dist/vsSelect/index.js.LICENSE.txt +0 -5
- package/dist/vsSelect/style.css +0 -1
- package/dist/vsSidebar/index.js +0 -2
- package/dist/vsSidebar/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebar/style.css +0 -1
- package/dist/vsSidebarGroup/index.js +0 -2
- package/dist/vsSidebarGroup/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebarGroup/style.css +0 -1
- package/dist/vsSidebarItem/index.js +0 -2
- package/dist/vsSidebarItem/index.js.LICENSE.txt +0 -5
- package/dist/vsSidebarItem/style.css +0 -1
- package/dist/vsSwitch/index.js +0 -2
- package/dist/vsSwitch/index.js.LICENSE.txt +0 -5
- package/dist/vsSwitch/style.css +0 -1
- package/dist/vsTable/index.js +0 -2
- package/dist/vsTable/index.js.LICENSE.txt +0 -5
- package/dist/vsTable/style.css +0 -1
- package/dist/vsTableTd/index.js +0 -2
- package/dist/vsTableTd/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTd/style.css +0 -1
- package/dist/vsTableTh/index.js +0 -2
- package/dist/vsTableTh/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTh/style.css +0 -1
- package/dist/vsTableTr/index.js +0 -2
- package/dist/vsTableTr/index.js.LICENSE.txt +0 -5
- package/dist/vsTableTr/style.css +0 -1
- package/dist/vsTooltip/index.js +0 -2
- package/dist/vsTooltip/index.js.LICENSE.txt +0 -5
- package/dist/vsTooltip/style.css +0 -1
package/dist/vsCard/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):"object"==typeof exports?exports.vsCard=e(require("vue")):t.vsCard=e(t.Vue)}(Object("undefined"!=typeof self?self:this),t=>(()=>{"use strict";var e={594(e){e.exports=t}},s={};function r(t){var n=s[t];if(void 0!==n)return n.exports;var o=s[t]={exports:{}};return e[t](o,o.exports,r),o.exports}r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};r.d(n,{default:()=>i});var o=r(594);const a=(0,o.defineComponent)({name:"VsCard",props:{type:{type:[String,Number],default:"1"}},setup:(t,{slots:e,attrs:s})=>()=>{const r=e.title?(0,o.h)("div",{class:"vs-card__title"},e.title()):null,n=(0,o.h)("div",{class:"vs-card__text"},[r,e.text?e.text():null]),a=e.buttons?(0,o.h)("div",{class:"vs-card__buttons"},e.buttons()):null,i=e.interactions?(0,o.h)("div",{class:"vs-card__interactions"},e.interactions()):null,l=e.img?(0,o.h)("div",{class:"vs-card__img"},[e.img(),i]):null,c=(0,o.h)("div",Object.assign({class:"vs-card"},s),[l,e.text?n:null,e.buttons?a:null]);return(0,o.h)("div",{class:["vs-card-content",`type-${t.type}`]},[c])}});a.install=t=>{t.component("VsCard",a)};const i=a;return n=n.default})());
|
package/dist/vsCard/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-card-content{--vs-color:var(--vs-primary)}.vs-card-content.type-5 .vs-card{align-items:center;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.vs-card-content.type-5 .vs-card:hover .vs-card__interactions{bottom:50px}.vs-card-content.type-5 .vs-card:hover .vs-card__text{box-shadow:0 0 30px 0 -rgba(0,0,0,-var("shadow-opacity"));opacity:1;transform:translate(0)}.vs-card-content.type-5 .vs-card:hover .vs-card__img{border-radius:6px 40px 6px 40px}.vs-card-content.type-5 .vs-card:hover .vs-card__img img{transform:scale(1.1)}.vs-card-content.type-5 .vs-card__img{border-radius:6px 20px 6px 20px}.vs-card-content.type-5 .vs-card__interactions{bottom:6px;transition:all .25s ease;z-index:20}.vs-card-content.type-5 .vs-card__text{background:-color("background",1);border-radius:6px 20px 6px 20px;box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));margin-top:-50px;opacity:0;padding-top:10px;position:relative;transform:translateY(25px);transition:all .25s ease;width:calc(100% - 30px);z-index:10}.vs-card-content.type-4 .vs-card{box-shadow:none;max-width:300px}.vs-card-content.type-4 .vs-card:hover{transform:translateY(-5px)}.vs-card-content.type-4 .vs-card:hover .vs-card__img img{transform:scale(1)}.vs-card-content.type-4 .vs-card:hover .vs-card__text{padding-bottom:25px;padding-top:15px}.vs-card-content.type-4 .vs-card__img{align-items:center;max-height:600px}.vs-card-content.type-4 .vs-card__img img{transform:scale(1.2)}.vs-card-content.type-4 .vs-card__interactions{bottom:auto;top:0}.vs-card-content.type-4 .vs-card__text{backdrop-filter:saturate(180%) blur(20px);background:-color("background",.8);border-radius:0 0 20px 20px;bottom:0;position:absolute;transition:all .25s ease}.vs-card-content.type-4 .vs-card__text p{opacity:1}.vs-card-content.type-3 .vs-card{display:flex;max-width:400px}.vs-card-content.type-3 .vs-card:hover{transform:scale(1.04)}.vs-card-content.type-3 .vs-card__img img{min-width:200px}.vs-card-content.type-3 .vs-card__text{padding-top:15px}.vs-card-content.type-3 .vs-card__title h2,.vs-card-content.type-3 .vs-card__title h3,.vs-card-content.type-3 .vs-card__title h4,.vs-card-content.type-3 .vs-card__title h5,.vs-card-content.type-3 .vs-card__title h6{padding:0}.vs-card-content.type-2 .vs-card{box-shadow:none;overflow:hidden}.vs-card-content.type-2 .vs-card:hover{transform:scale(.95)}.vs-card-content.type-2 .vs-card:hover .vs-card__img img{transform:scale(1.15)}.vs-card-content.type-2 .vs-card:hover .vs-card__text{color:#fff;opacity:1;transform:translate(0)}.vs-card-content.type-2 .vs-card__interactions{align-items:flex-end;bottom:auto;left:auto;right:0;top:0}.vs-card-content.type-2 .vs-card__title{color:inherit;padding:0;position:relative}.vs-card-content.type-2 .vs-card__title h2,.vs-card-content.type-2 .vs-card__title h3,.vs-card-content.type-2 .vs-card__title h4,.vs-card-content.type-2 .vs-card__title h5,.vs-card-content.type-2 .vs-card__title h6{padding:0 0 5px}.vs-card-content.type-2 .vs-card__text{background:-color("background",.9);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius:0 0 20px 20px;bottom:0;color:transparent;font-size:.9rem;padding-top:30px;position:absolute;transform:translateY(45%);transition:all .25s ease}.vs-card-content.type-2 .vs-card__text p{opacity:1}.vs-card-content.type-1 .vs-card:hover{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translateY(5px)}.vs-card-content.type-1 .vs-card:hover .vs-card__img img{transform:scale(1.15)}.vs-card{background:-color("background");border-radius:20px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");cursor:pointer;max-width:350px;position:relative;transition:all .25s ease;width:100%}.vs-card__text{font-size:.85rem;padding:0 15px 15px}.vs-card__text p{font-size:inherit;margin:0;opacity:.8}.vs-card__title{padding-bottom:5px;padding-top:10px}.vs-card__title h2,.vs-card__title h3,.vs-card__title h4,.vs-card__title h5,.vs-card__title h6{font-size:1.1rem;margin:0;padding:0}.vs-card__interactions{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:0;padding:5px 10px;position:absolute}.vs-card__img{align-items:center;display:flex;justify-content:center;max-height:250px;overflow:hidden;position:relative}.vs-card__img,.vs-card__img img{border-radius:20px;transition:all .25s ease}.vs-card__img img{display:block;width:100%}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsCardGroup=t(require("vue")):e.vsCardGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var s=r[e]={exports:{}};return t[e](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};o.d(n,{default:()=>f});var s=o(594);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}function i(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}const p=(0,s.defineComponent)({name:"VsIconArrow",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-arrow",{less:e.less}]},t))}),a=(0,s.defineComponent)({name:"VsCardGroup",setup(e,{slots:t}){const r=(0,s.ref)(null),o=()=>{const e=r.value;e&&e.scrollTo(e.scrollLeft-e.clientWidth,0)},n=()=>{const e=r.value;e&&e.scrollTo(e.scrollLeft+e.clientWidth,0)};return()=>{const e=(0,s.h)("button",{class:"vs-card__group-prev",onClick:o},[(0,s.h)(p)]),c=(0,s.h)("button",{class:"vs-card__group-next",onClick:n},[(0,s.h)(p)]),u=(0,s.h)("div",{class:"vs-card__group-space"}),i=(0,s.h)("div",{class:"vs-card__group-cards",ref:r},[t.default?t.default():null,u]);return(0,s.h)("div",{class:"vs-card__group"},[e,i,c])}}});a.install=e=>{e.component("VsCardGroup",a)};const f=a;return n=n.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-card__group{align-items:center;display:flex;position:relative;width:100%}.vs-card__group-space{height:20px;min-width:20px;position:relative}.vs-card__group .vs-card__group-cards{align-items:center;border-radius:20px;display:flex;justify-content:flex-start;overflow:hidden;overflow-x:auto;padding-bottom:20px;padding-top:20px;position:relative;scroll-behavior:smooth;z-index:1}.vs-card__group .vs-card__group-cards .vs-card-content{margin-left:20px;min-width:350px}.vs-card__group .vs-card__group-prev{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.vs-card__group .vs-card__group-prev .vs-icon-arrow{display:block;height:15px;transform:rotate(-45deg);width:15px}.vs-card__group .vs-card__group-prev .vs-icon-arrow:before{width:2px}.vs-card__group .vs-card__group-prev .vs-icon-arrow:after{height:2px}.vs-card__group .vs-card__group-next{align-items:center;background:transparent;border:0;display:flex;height:50px;justify-content:center;left:0;min-width:50px;position:relative;width:50px;z-index:2}.vs-card__group .vs-card__group-next .vs-icon-arrow{display:block;height:15px;transform:rotate(135deg);width:15px}.vs-card__group .vs-card__group-next .vs-icon-arrow:before{width:2px}.vs-card__group .vs-card__group-next .vs-icon-arrow:after{height:2px}
|
package/dist/vsCheckbox/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsCheckbox=t(require("vue")):e.vsCheckbox=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var c=r[e]={exports:{}};return t[e](c,c.exports,o),c.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function l(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}function a(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.d(n,{default:()=>h});var i=o(594);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}const u=(0,i.defineComponent)({name:"VsIconCheck",props:{indeterminate:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,i.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-check",{indeterminate:e.indeterminate}]},t),[(0,i.h)("span",{},[(0,i.h)("div",{class:"line1"}),(0,i.h)("div",{class:"line2"})])])}),p=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),f=e=>{const t=/^(rgb|rgba)/.test(e),r=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),o=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);n=`${t.r},${t.g},${t.b}`}else if(p(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(n=e);return n};function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const y={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function v(e){const t=(0,i.reactive)({componentColor:null,getColor:null});t.getColor=f(e&&e.color?e.color:null);const r=(0,i.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),o=(0,i.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,i.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return b(b({},t),{},{isColorDark:r,isColor:o})}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const m=(0,i.defineComponent)({name:"VsCheckbox",props:O(O({},y),{},{value:{default:""},val:{default:""},notValue:{default:""},indeterminate:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},checkedForce:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},labelBefore:{type:Boolean,default:!1}}),setup(e,{emit:t,slots:r,attrs:o}){const n=(0,i.getCurrentInstance)(),c=n?`vs-${n.uid}`:`vs-${Math.random().toString(36).slice(2)}`,{getColor:l}=v(e);(0,i.watch)(()=>e.indeterminate,e=>{t("input",!!e)}),(0,i.onMounted)(()=>{e.checked&&"boolean"==typeof e.value&&t("input",!0)});const a=(0,i.computed)(()=>{let t=!1;if(e.value){if("boolean"==typeof e.value)t=e.value;else if("object"==typeof e.value&&null!==e.value){const t=e.value,r=-1===t.indexOf(e.val)&&-1===JSON.stringify(t).indexOf(JSON.stringify(e.val));let o=0;return t.forEach((t,r)=>{JSON.stringify(t)==JSON.stringify(e.val)&&(o=r)}),!r}}else t=!1;return t}),s=r=>{if("boolean"==typeof e.value)t("input",!e.value);else if("object"==typeof e.value&&null!==e.value){const r=e.value,o=-1===r.indexOf(e.val)&&-1===JSON.stringify(r).indexOf(JSON.stringify(e.val));let n=0;r.forEach((t,r)=>{JSON.stringify(t)==JSON.stringify(e.val)&&(n=r)}),o?r.push(e.val):r.splice(n,1),t("input",r)}else e.val!==e.value?t("input",e.val):t("input",e.notValue||null);t("mousedown",r)},p=e=>t("blur",e);return()=>{const t=(0,i.h)("input",O(O({class:"vs-checkbox"},o),{},{type:"checkbox",id:c,checked:e.checkedForce||a.value,onInput:s,onBlur:p})),n=(0,i.h)("div",{class:"vs-checkbox-mask"},[!r.icon&&(0,i.h)(u,{indeterminate:e.indeterminate}),r.icon?r.icon():null]),f=(0,i.h)("label",{class:["vs-checkbox-label",{lineThrough:e.lineThrough}],for:c},[r.default?r.default():null]),d=(0,i.h)("div",{class:"vs-checkbox-con"},[t,n]);return(0,i.h)("div",{class:["vs-checkbox-content",{"vs-checkbox--checked":a.value},{"vs-checkbox--disabled":o.hasOwnProperty("disabled")},{"vs-checkbox--loading":e.loading},{"vs-checkbox--label-before":e.labelBefore},{"vs-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark}],style:{"--vs-color":e.color?l:""}},[d,r.default?f:null])}}});m.install=e=>{e.component("VsCheckbox",m)};const h=m;return n=n.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-checkbox-content{--vs-color:var(--vs-primary);align-items:center;display:flex;justify-content:flex-start}.vs-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.vs-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.vs-checkbox-mask i:not(.vs-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.vs-checkbox-mask:after{background:-color("color",1);opacity:0;transform:scale(.5)}.vs-checkbox-mask:after,.vs-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.vs-checkbox-mask:before{border:2px solid -color("gray-4",1);box-sizing:border-box}.vs-checkbox-mask .vs-icon-check{opacity:0;z-index:200}.vs-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.vs-checkbox:disabled{opacity:0;pointer-events:none}.vs-checkbox:active~.vs-checkbox-mask{background:-color("gray-4",1)!important}.vs-checkbox:hover~.vs-checkbox-mask{background:-color("gray-3",1)}.vs-checkbox:hover~.vs-checkbox-mask:before{border:2px solid -color("gray-4",0)}.vs-checkbox:checked:hover~.vs-checkbox-mask{box-shadow:0 3px 15px 0 -color("color",.35)}.vs-checkbox:checked~.vs-checkbox-mask{box-shadow:0 0 0 0 -color("color",.35)}.vs-checkbox:checked~.vs-checkbox-mask i:not(.vs-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check{opacity:1}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.vs-checkbox:checked~.vs-checkbox-mask:after{opacity:1;transform:scale(1)}.vs-checkbox:checked~.vs-checkbox-mask:before{opacity:0;transform:scale(1.2)}.vs-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-checkbox-label:before{background:-color("text",.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-checkbox--disabled{pointer-events:none}.vs-checkbox--disabled .vs-checkbox-label{opacity:.5}.vs-checkbox--disabled .vs-checkbox-mask{background:transparent!important;opacity:.6}.vs-checkbox--checked .lineThrough{opacity:.4}.vs-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.vs-checkbox--loading{pointer-events:none}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask{background:transparent!important}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("color",1)!important;border-radius:50%;border-top-color:transparent!important;opacity:1!important}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:after{opacity:0;transform:scale(.5)}.vs-checkbox--loading .vs-checkbox-mask{background:transparent!important}.vs-checkbox--loading .vs-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("gray-4",1)!important;border-radius:50%;border-top-color:transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs-checkbox--label-before .vs-checkbox-label{order:-1}
|
package/dist/vsDialog/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsDialog=t(require("vue")):e.vsDialog=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var l=o[e]={exports:{}};return t[e](l,l.exports,r),l.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function s(e,t,o){return(t=a(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}r.d(n,{default:()=>h});var i=r(594);function c(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}const u=(0,i.defineComponent)({name:"VsIconClose",props:{hover:{type:[String,Boolean],default:null}},setup:(e,{attrs:t})=>()=>(0,i.h)("i",function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach(function(t){s(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}({class:["vs-icon-close",e.hover?`vs-icon-hover-${e.hover}`:""]},t))}),d=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),p=e=>{const t=/^(rgb|rgba)/.test(e),o=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),r=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(r){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,o,r)=>t+t+o+o+r+r);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);n=`${t.r},${t.g},${t.b}`}else if(d(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else o&&(n=e);return n};function f(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach(function(t){s(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}const v={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function g(e){const t=(0,i.reactive)({componentColor:null,getColor:null});t.getColor=p(e&&e.color?e.color:null);const o=(0,i.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),r=(0,i.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,i.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return y(y({},t),{},{isColorDark:o,isColor:r})}function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function m(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?b(Object(o),!0).forEach(function(t){s(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}const O=(0,i.defineComponent)({name:"VsDialog",props:m(m({},v),{},{value:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},notClose:{type:Boolean,default:!1},preventClose:{type:Boolean,default:!1},notPadding:{type:Boolean,default:!1},overflowHidden:{type:Boolean,default:!1},blur:{type:Boolean,default:!1},square:{type:Boolean,default:!1},autoWidth:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},notCenter:{type:Boolean,default:!1},width:{type:String,default:null},routerClose:{type:Boolean,default:!1}}),setup(e,{slots:t,emit:o}){const r=(0,i.ref)(!1),n=(0,i.ref)(null),l=t=>{27!==t.which||e.preventClose||(o("input",!1),o("close"))},a=()=>{window.addEventListener("keydown",l),(0,i.nextTick)(()=>{const e=n.value;e&&((e,t)=>{const o=t||document.body;o.insertBefore(e,o.lastChild)})(e,document.querySelector("#app"))})};(0,i.watch)(()=>e.value,t=>{t?(a(),e.overflowHidden&&(document.body.style.overflow="hidden")):(window.removeEventListener("keydown",l),e.overflowHidden&&(document.body.style.overflow=""))}),(0,i.onMounted)(()=>{}),(0,i.onBeforeUnmount)(()=>{if(n.value&&n.value.parentNode)try{n.value.parentNode.removeChild(n.value)}catch(e){}});(0,i.getCurrentInstance)();const{getColor:s}=g(e);return()=>{const l=(0,i.h)("header",{class:"vs-dialog__header"},[t.header?t.header():null]),a=(0,i.h)("div",{class:["vs-dialog__content",{notFooter:!t.footer}]},[t.default?t.default():null]),s=(0,i.h)("footer",{class:"vs-dialog__footer"},[t.footer?t.footer():null]),c=(0,i.h)("button",{class:"vs-dialog__close",onClick:t=>{o("input",!e.value),o("close")}},[(0,i.h)(u,{hover:"x"})]),d=(0,i.h)("div",{class:"vs-dialog__loading"},[(0,i.h)("div",{class:"vs-dialog__loading__load"})]),p=(0,i.h)("div",{style:{width:e.width},class:["vs-dialog",{"vs-dialog--fullScreen":e.fullScreen,"vs-dialog--rebound":r.value,"vs-dialog--notPadding":e.notPadding,"vs-dialog--square":e.square,"vs-dialog--autoWidth":e.autoWidth,"vs-dialog--scroll":e.scroll,"vs-dialog--loading":e.loading,"vs-dialog--notCenter":e.notCenter}]},[e.loading&&d,!e.notClose&&c,t.header?l:null,a,t.footer?s:null]),f=(0,i.h)("div",{ref:n,class:["vs-dialog-content",{blur:e.blur,fullScreen:e.fullScreen}],onClick:t=>{const n=t.target;n.closest(".vs-dialog")||e.preventClose||(o("input",!e.value),o("close")),e.preventClose&&!n.closest(".vs-dialog")&&(r.value=!0,setTimeout(()=>{r.value=!1},300))}},[p]);return(0,i.h)("transition",{name:"vs-dialog"},[e.value&&f])}}});O.install=e=>{e.component("VsDialog",O)};const h=O;return n=n.default})());
|
package/dist/vsDialog/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-dialog-content{--vs-color:var(--vs-primary)}.vs-dialog-enter-active{transition:all .25s ease}.vs-dialog-enter-active .vs-dialog:not(.vs-dialog--fullScreen){animation:rebound .4s}.vs-dialog-leave-active,.vs-dialog-leave-active .vs-dialog{transition:all .15s ease}.vs-dialog-enter,.vs-dialog-leave-to{opacity:0}.vs-dialog-enter .vs-dialog,.vs-dialog-leave-to .vs-dialog{box-shadow:0 0 0 0 -rgba(0,0,0,-var("shadow-opacity"));transform:scale(.7)}.vs-dialog-enter .vs-dialog--fullScreen,.vs-dialog-leave-to .vs-dialog--fullScreen{transform:translateY(8%)!important}@keyframes rebound{0%{transform:scale(.8)}40%{transform:scale(1.08)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes reboundClick{0%{transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(.96)}to{transform:scale(1)}}.vs-dialog-content{align-items:flex-start;background:-rgba(0,0,0,-var("background-opacity"));display:flex;height:100%;justify-content:center;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:fixed;top:0;width:100%;z-index:-var("zindex-2")}.vs-dialog-content.fullScreen{overflow:hidden;padding:0}.vs-dialog-content.blur{backdrop-filter:saturate(180%) blur(15px)}.vs-dialog{background:-color("background");border-radius:-var("radius");box-shadow:0 5px 30px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");margin:auto;max-width:800px;min-width:400px;position:relative;transition:all .25s ease}.vs-dialog--notCenter .vs-dialog__header{display:block}.vs-dialog__loading{align-items:center;background:-color("background",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.vs-dialog__loading:after{animation:loadingDialog .6s ease infinite;border:2px solid -color("color",0);border-radius:inherit;border-right-color:-color("color",1)}.vs-dialog__loading:after,.vs-dialog__loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:30px;position:absolute;transition:all .25s ease;width:30px}.vs-dialog__loading:before{animation:loadingDialog .6s linear infinite;border:2px solid -color("color",0);border-radius:inherit;border-right:2px dashed -color("color",1)}.vs-dialog--scroll .vs-dialog__content{max-height:calc(80vh - 200px);overflow:auto}.vs-dialog--autoWidth{max-width:auto!important;min-width:auto!important;width:auto!important}.vs-dialog--square,.vs-dialog--square .vs-dialog__close{border-radius:0}.vs-dialog--notPadding .vs-dialog__footer{padding:0}.vs-dialog--notPadding .vs-dialog__content{margin-bottom:0!important;padding:0}.vs-dialog--notPadding .vs-dialog__header{padding:0}.vs-dialog--rebound{animation:reboundClick .3s!important}.vs-dialog--fullScreen{height:calc(100% - 30px)!important;max-height:none!important;max-width:none!important;width:calc(100% - 30px)!important}.vs-dialog__footer{padding:0 16px 10px}.vs-dialog__header{align-items:center;display:flex;justify-content:center;padding:10px 16px}.vs-dialog__content{border-radius:inherit;padding:10px 16px;position:relative;width:100%}.vs-dialog__content.notFooter{margin-bottom:20px}.vs-dialog__close{--vs-color:var(--vs-text);align-items:center;background:inherit;border:0;border-radius:12px;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));display:flex;justify-content:center;margin:0;padding:0;position:absolute;right:-6px;top:-6px;transition:all .25s ease;z-index:200}.vs-dialog__close i{height:34px;opacity:.7;width:34px}.vs-dialog__close i:after,.vs-dialog__close i:before{width:14px}.vs-dialog__close:hover{box-shadow:0 0 4px 0 -rgba(0,0,0,-var("shadow-opacity"));transform:translate(-2px,2px)}.vs-dialog__close:hover i{opacity:1}@keyframes loadingDialog{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:600px){.vs-dialog{margin:auto 10px;max-width:calc(100vw - 20px);min-width:calc(100vw - 20px)}}
|
package/dist/vsInput/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsInput=t(require("vue")):e.vsInput=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},s={};function n(e){var a=s[e];if(void 0!==a)return a.exports;var l=s[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.d=(e,t)=>{for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a={};n.d(a,{default:()=>p});var l=n(594);const r=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),o=e=>{const t=/^(rgb|rgba)/.test(e),s=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),n=/^(#)/.test(e);let a;if(t){const t=e.replace(/[rgba()]/g,"").split(",");a=`${t[0]},${t[1]},${t[2]}`}else if(n){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,s,n)=>t+t+s+s+n+n);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);a=`${t.r},${t.g},${t.b}`}else if(r(e)){a=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else s&&(a=e);return a},i=(0,l.defineComponent)({name:"VsInput",props:{value:{default:""},labelPlaceholder:{default:""},label:{default:""},block:{type:Boolean,default:!1},iconAfter:{type:Boolean,default:!1},visiblePassword:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},color:{type:String,default:null},state:{type:String,default:null},progress:{type:Number,default:0},border:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},textWhite:{type:Boolean,default:!1},square:{type:Boolean,default:!1}},emits:["input","click-icon"],setup(e,{slots:t,attrs:s,emit:n}){const a=(0,l.getCurrentInstance)(),r=a?a.uid:Math.random().toString(36).slice(2),i=()=>`vs-input--${s.id||r}`,p=e=>{e.style.height="0"},u=(e,t)=>{const s=e.scrollHeight;e.style.height=s-1+"px",t()},c=e=>{e.style.minHeight="0px",e.style.height="0px"},d=e=>t[`message-${e}`]?(0,l.h)("transition",{onBeforeEnter:p,onEnter:u,onLeave:c},[(0,l.h)("div",{class:["vs-input__message",`vs-input__message--${e}`]},t[`message-${e}`]())]):null,v=e=>n("input",e.target.value),f=e=>n("click-icon",e.target.value);return()=>{const n=(0,l.h)("input",Object.assign({},s,{class:["vs-input",{"vs-input--has-icon":!!t.icon,"vs-input--has-icon--after":!!e.iconAfter}],value:e.value,id:i(),placeholder:"",type:e.visiblePassword?"text":s.type,onInput:v})),a=(0,l.h)("label",{for:i(),class:["vs-input__label",{"vs-input__label--placeholder":e.labelPlaceholder,"vs-input__label--hidden":""!==e.value||"date"==s.type||"time"==s.type,"vs-input__label--label":e.label}]},[e.label||String(s.placeholder||"")||e.labelPlaceholder]),r=(0,l.h)("label",{for:i(),class:["vs-input__label",{"vs-input__label--hidden":""!==e.value}]},[String(s.placeholder||"")]),p=t.icon?(0,l.h)("span",{class:["vs-input__icon",{"vs-input__icon--after":e.iconAfter,"vs-input__icon--click":!!s["onClick-icon"]}],onClick:f},t.icon()):null,u=d("success"),c=d("danger"),h=d("warn"),_=d("primary"),g=e.progress>0?(0,l.h)("div",{class:["vs-input__progress",{"vs-input__progress--danger":e.progress<33,"vs-input__progress--warn":e.progress<66&&e.progress>33,"vs-input__progress--success":e.progress>66}]},[(0,l.h)("div",{class:"vs-input__progress__bar",style:{width:`${e.progress}%`}})]):null,b=(0,l.h)("div",{class:"vs-input__loading"}),y=(0,l.h)("div",{class:"vs-input__affects"},[(0,l.h)("div",{class:"vs-input__affects__1"}),(0,l.h)("div",{class:"vs-input__affects__2"}),(0,l.h)("div",{class:"vs-input__affects__3"}),(0,l.h)("div",{class:"vs-input__affects__4"})]),m=(0,l.h)("div",{class:["vs-input-content",{"vs-input-content--has-color":!!(e.color||s.primary||s.danger||s.success||s.dark||s.warn),"vs-input-content--has-label":e.label||e.labelPlaceholder}]},[n,e.label?r:null,a,t.icon?p:null,e.loading?b:null,y]);return(0,l.h)("div",{class:["vs-input-parent",`vs-input-parent--state-${e.state}`,{"vs-input-parent--border":!!e.border,"vs-input-parent--shadow":!!e.shadow,"vs-input-content--has-label":e.label||e.labelPlaceholder,block:e.block,transparent:e.transparent,textWhite:e.textWhite,square:e.square,"vs-component--primary":!(s.danger||s.success||s.warn||s.dark||e.color)}],style:{"--vs-color":e.color?o(e.color):""}},[m,g,u,c,h,_])}}});i.install=e=>{e.component("VsInput",i)};const p=i;return a=a.default})());
|
package/dist/vsInput/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-input-parent{--vs-color:var(--vs-primary);align-self:center;display:flex;flex-direction:column;justify-content:center;position:relative}.vs-input-parent.square .vs-input-content{border-radius:0!important}.vs-input-parent.textWhite .vs-input{color:#fff}.vs-input-parent.transparent .vs-input{background:transparent!important}.vs-input-parent.block,.vs-input-parent.block .vs-input{width:100%}.vs-input-parent--has-label{margin-top:20px!important}.vs-input-parent--state-success .vs-input{background:-color("success",.1)!important;color:-color("success",1)}.vs-input-parent--state-success .vs-input__label{color:-color("success",1)}.vs-input-parent--state-success .vs-input__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.vs-input-parent--state-danger .vs-input{background:-color("danger",.1)!important;color:-color("danger",1)}.vs-input-parent--state-danger .vs-input__label{color:-color("danger",1)}.vs-input-parent--state-danger .vs-input__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.vs-input-parent--state-warn .vs-input{background:-color("warn",.1)!important;color:-color("warn",1)}.vs-input-parent--state-warn .vs-input__label{color:-color("warn",1)}.vs-input-parent--state-warn .vs-input__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.vs-input-parent--state-dark .vs-input{background:-color("dark",.1)!important;color:-color("dark",1)}.vs-input-parent--state-dark .vs-input__label{color:-color("dark",1)}.vs-input-parent--state-dark .vs-input__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.vs-input-parent--state-primary .vs-input{background:-color("primary",.1)!important;color:-color("primary",1)}.vs-input-parent--state-primary .vs-input__label{color:-color("primary",1)}.vs-input-parent--state-primary .vs-input__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.vs-input-content{align-items:center;border-radius:12px;display:flex;justify-content:flex-start;position:relative}.vs-input-content+.vs-input__message{padding-top:2px}.vs-input-content--has-color .vs-input:focus{border-bottom:2px solid -color("color",1)}.vs-input-content--has-color .vs-input:focus~.vs-input__icon,.vs-input-content--has-color .vs-input:focus~.vs-input__label,.vs-input-content--has-color .vs-input:focus~.vs-input__label--placeholder{color:-color("color",1)}.vs-input{background:-color("gray-2");border:2px solid transparent;border-radius:inherit;color:-color("text");padding:7px 13px 7px 10px;transition:all .25s ease;width:200px}.vs-input:focus{background:-color("gray-3");padding-left:15px}.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after){padding-left:40px}.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after)~.vs-input__icon{box-shadow:15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity))}.vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after)~.vs-input__label:not(.vs-input__label--placeholder):not(.vs-input__label--label){left:44px}.vs-input:focus~.vs-input__icon{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.vs-input:focus~.vs-input__icon--after{transform:translate(6px,-6px)}.vs-input:focus~.vs-input__label:not(.vs-input__label--placeholder):not(.vs-input__label--label){left:20px;opacity:0}.vs-input:focus~.vs-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3%,-77%);visibility:visible}.vs-input__label{align-items:center;cursor:text;display:flex;font-size:.8rem;height:100%;justify-content:flex-start;left:13px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vs-input__label--hidden{opacity:0;visibility:hidden}.vs-input__label--hidden.vs-input__label--placeholder{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-3px,-80%);visibility:visible}.vs-input__label--label{font-size:.75rem;opacity:1;pointer-events:auto;transform:translate(-2px,-77%);visibility:visible}.vs-input--has-icon{padding-left:38px}.vs-input--has-icon~.vs-input__label{left:44px}.vs-input--has-icon--after{padding-left:7px;padding-right:38px}.vs-input--has-icon--after~.vs-input__label{left:13px}.vs-input--has-icon--after.vs-input__label--label{transform:translate(-25px,-80%)!important}.vs-input--has-icon:focus--has-icon--after~.vs-input__label--placeholder{transform:translate(-25px,-80%)!important}.vs-input--has-icon:focus--has-icon--after~.vs-input__label{left:44px}.vs-input__icon{align-items:center;background:-color("gray-2");border-radius:inherit;box-shadow:12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));display:flex;height:36px;justify-content:center;left:0;pointer-events:none;position:absolute;right:auto;transition:all .25s ease;width:36px}.vs-input__icon--after{box-shadow:-12px 0 10px -10px -rgba(0,0,0,-var(shadow-opacity));left:auto;right:0}.vs-input__icon--click{cursor:pointer;pointer-events:auto!important}.vs-input__icon--click:hover{background:-color("gray-1");box-shadow:-15px 10px 10px -10px -rgba(0,0,0,-var(shadow-opacity));transform:translate(-6px,-6px)}.vs-input__icon--click:hover.vs-input__icon--after{transform:translate(6px,-6px)}.vs-input__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.vs-input__message--success{color:-color("success",1)}.vs-input__message--danger{color:-color("danger",1)}.vs-input__message--warn{color:-color("warn",1)}.vs-input__message--dark{color:-color("dark",1)}.vs-input__message--primary{color:-color("primary",1)}.vs-input__progress{background:-color("gray-2");border-radius:5px;height:2px;left:2.5%;margin-top:5px;overflow:hidden;position:relative;width:95%}.vs-input__progress--danger .vs-input__progress__bar{background:-color("danger",1)}.vs-input__progress--warn .vs-input__progress__bar{background:-color("warn",1)}.vs-input__progress--success .vs-input__progress__bar{background:-color("success",1)}.vs-input__progress__bar{border-radius:5px;height:2px;max-width:100%;transition:all .25s ease;width:32%}.vs-input__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px}.vs-input__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.vs-input__loading:after,.vs-input__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.vs-input__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.vs-input-parent--border .vs-input__icon{background:transparent!important;box-shadow:none!important}.vs-input-parent--border .vs-input-content{border-radius:0}.vs-input-parent--border .vs-input-content .vs-input__affects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vs-input-parent--border .vs-input-content .vs-input__affects__1{border-bottom:2px solid -color("gray-3");bottom:0;height:2px;position:absolute;transition:all .25s ease;width:100%}.vs-input-parent--border .vs-input-content .vs-input__affects__2{border-bottom:2px solid -color("color",1);bottom:0;height:2px;left:50%;position:absolute;transform:translate(-50%);transition:all .25s ease;width:0}.vs-input-parent--border .vs-input-content .vs-input{background:transparent;border-radius:0}.vs-input-parent--border .vs-input-content .vs-input:focus~.vs-input__affects .vs-input__affects__2{width:100%}.vs-input-parent--shadow .vs-input__icon{background:transparent;z-index:100}.vs-input-parent--shadow .vs-input-content .vs-input__affects{border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vs-input-parent--shadow .vs-input-content .vs-input__affects__1{border-radius:inherit;box-shadow:0 6px 25px -6px -rgba(0,0,0,-var(shadow-opacity));height:100%;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:200}.vs-input-parent--shadow .vs-input-content .vs-input{background:transparent;border:2px solid transparent;border-radius:0}.vs-input-parent--shadow .vs-input-content .vs-input:focus{transform:translateY(3px)}.vs-input-parent--shadow .vs-input-content .vs-input:focus~.vs-input__icon{background:-color("background")!important;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))!important;opacity:1}.vs-input-parent--shadow .vs-input-content .vs-input:focus~.vs-input__affects .vs-input__affects__1{box-shadow:0 0 3px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(3px)}@keyframes rotateInputLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
package/dist/vsNavbar/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsNavbar=t(require("vue")):e.vsNavbar=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var l=o[e];if(void 0!==l)return l.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function a(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==n(t)?t:t+""}function s(e,t,o){return(t=a(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}r.d(l,{default:()=>v});var u=r(594);const i={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function c(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach(function(t){s(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}const f=(0,u.defineComponent)({name:"VsNavbar",props:d(d({},i),{},{fixed:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},shadowScroll:{type:Boolean,default:!1},hideScroll:{type:Boolean,default:!1},textWhite:{type:Boolean,default:!1},square:{type:Boolean,default:!1},paddingScroll:{type:Boolean,default:!1},notLine:{type:Boolean,default:!1},leftCollapsed:{type:Boolean,default:!1},centerCollapsed:{type:Boolean,default:!1},rightCollapsed:{type:Boolean,default:!1},targetScroll:{default:null}}),setup(e,{slots:t,emit:o,attrs:r}){const l=(0,u.ref)(0),n=(0,u.ref)(0),a=(0,u.ref)(0),s=(0,u.ref)(0),i=(0,u.ref)(!1),c=(0,u.ref)(!1),f=(0,u.ref)(!1),v=(0,u.ref)(!1),p=(0,u.ref)(!1),y=(0,u.ref)(null),b=(0,u.ref)(null),h=(0,u.ref)(null),m=(0,u.ref)(null),g=()=>{if(e.hideScroll||e.shadowScroll||e.paddingScroll){const t=e.targetScroll?document.querySelector(String(e.targetScroll)):window;t===window?window.addEventListener("scroll",w):t.addEventListener("scroll",w)}},w=()=>{const t=e.targetScroll?document.querySelector(String(e.targetScroll)):null,o=t?t.scrollTop:window.pageYOffset;e.hideScroll&&(i.value=1===Math.sign(o-a.value)),e.shadowScroll&&(c.value=o>0),e.paddingScroll&&(f.value=o>0),a.value=o},S=()=>{const t=y.value,r=t?t.querySelector(".vs-navbar__item.active"):null;r?((e,t=!0)=>{v.value=!t,(0,u.nextTick)(()=>{l.value=e})})(r.offsetLeft,!1):n.value=0,b.value&&h.value&&m.value&&(e.leftCollapsed||e.centerCollapsed||e.rightCollapsed)&&(t?t.offsetWidth:0)<s.value&&(p.value=!0),o("collapsed",!!p.value),t&&t.offsetWidth<s.value?o("collapsed",!0):(o("collapsed",!1),p.value=!1)};(0,u.watch)([()=>e.hideScroll,()=>e.paddingScroll,()=>e.shadowScroll],()=>{g()}),(0,u.onMounted)(()=>{setTimeout(()=>{const e=b.value,t=h.value,r=m.value;s.value=(e?e.offsetWidth:0)+(t?t.offsetWidth:0)+(r?r.offsetWidth:0)+150;const l=y.value;l&&l.offsetWidth<s.value&&(p.value=!0,o("collapsed",!0),n.value=0,S())},150),g(),window.addEventListener("resize",S)}),(0,u.onBeforeUnmount)(()=>{window.removeEventListener("resize",S);const t=e.targetScroll?document.querySelector(String(e.targetScroll)):window;t===window?window.removeEventListener("scroll",w):t.removeEventListener("scroll",w)});const O=(0,u.getCurrentInstance)(),j=O&&O.proxy.getColor;return()=>{const o=(0,u.h)("div",{class:"vs-navbar__left",ref:b},[t.left?t.left():null]),a=(0,u.h)("div",{class:"vs-navbar__center",ref:h},[t.default?t.default():null]),s=(0,u.h)("div",{class:"vs-navbar__right",ref:m},[t.right?t.right():null]),g=(0,u.h)("div",{class:["vs-navbar__line",{notTransition:v.value}],style:{left:`${l.value}px`,width:`${n.value}px`}}),w=(0,u.h)("div",{class:"vs-navbar"},[(!e.leftCollapsed||!p.value)&&o,(!e.centerCollapsed||!p.value)&&a,(!e.rightCollapsed||!p.value)&&s]);return(0,u.h)("div",d({ref:y,class:["vs-navbar-content",{fixed:e.fixed,shadow:e.shadow,hidden:i.value,shadowActive:c.value,textWhite:e.textWhite,paddingScroll:e.paddingScroll,paddingScrollActive:f.value,vsNavbarSquare:e.square},{"vs-component--primary":!!e.primary},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark},{"vs-component--is-color":!!e.color}],style:{"--vs-color":e.color?j:""}},r),[w,!e.notLine&&g])}}});f.install=e=>{e.component("VsNavbar",f)};const v=f;return l=l.default})());
|
package/dist/vsNavbar/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-navbar-content{--vs-color:var(--vs-background);background:-color("color");border-radius:0 0 15px 15px;color:-color("text");left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:9000}.vs-navbar-content.paddingScroll:not(.paddingScrollActive){padding-bottom:20px;padding-top:20px}.vs-navbar-content.paddingScroll:not(.paddingScrollActive) .vs-navbar__group__items{margin-bottom:-30px}.vs-navbar-content.vsNavbarSquare{border-radius:0}.vs-navbar-content.textWhite{color:#fff}.vs-navbar-content.textWhite .vs-navbar__item:before,.vs-navbar-content.textWhite .vs-navbar__line{background:#fff}.vs-navbar-content.fixed{position:fixed!important}.vs-navbar-content.shadow,.vs-navbar-content.shadowActive{box-shadow:0 5px 25px 0 -rgba(0,0,0,-var("shadow-opacity"))}.vs-navbar-content.hidden{transform:translateY(-100%)}.vs-navbar{box-sizing:border-box;justify-content:space-between;min-height:44px;padding:0 15px;position:relative;width:100%}.vs-navbar,.vs-navbar__left{align-items:center;display:flex}.vs-navbar__left{justify-content:flex-start}.vs-navbar__right{align-items:center;display:flex;justify-content:flex-end}.vs-navbar__center{align-items:center;display:flex;justify-content:center}.vs-navbar__line{background:-color("text");bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:100px}.vs-navbar__line.notTransition{transition:none!important}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsNavbarGroup=t(require("vue")):e.vsNavbarGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var s=r[e]={exports:{}};return t[e](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};o.d(n,{default:()=>a});var s=o(594);const u=(0,s.defineComponent)({name:"VsNavbarGroup",setup(e,{slots:t}){const r=(0,s.getCurrentInstance)(),o=r&&r.proxy,n=(o&&o.$parent,(0,s.ref)(null));return()=>{const e=(0,s.h)("button",{class:"vs-navbar__group__item",ref:n},[t.default?t.default():null]),r=(0,s.h)("div",{class:"vs-navbar__group__items"},[t.items?t.items():null]);return(0,s.h)("div",{class:"vs-navbar__group"},[e,r])}}});u.install=e=>{e.component("VsNavbarGroup",u)};const a=u;return n=n.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-navbar__group{position:relative}.vs-navbar__group:hover .vs-navbar__group__item{opacity:1}.vs-navbar__group:hover .vs-navbar__group__items{opacity:1;transform:translateY(100%);visibility:visible}.vs-navbar__group__item{background:transparent;border:0;color:inherit;font-weight:700;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.vs-navbar__group__items{align-items:center;background:-color("color");border-radius:5px 18px 18px 18px;bottom:0;box-shadow:0 5px 20px 0 -rgba(0,0,0,-var("shadow-opacity"));color:inherit;display:flex;flex-direction:column;justify-content:center;left:0;margin-bottom:-12px;min-width:160px;opacity:0;padding:10px;position:absolute;transform:translateY(90%);transition:all .25s ease;visibility:hidden}.vs-navbar__group__items:after{background:transparent;content:"";height:14px;left:0;position:absolute;top:-13px;width:100%;z-index:-1}.vs-navbar__group__items .vs-navbar__item{padding:5px 10px;position:relative;text-align:left;width:100%}.vs-navbar__group__items .vs-navbar__item:before{background:-color("text");border-radius:50%;content:"";height:4px;left:0;opacity:0;position:absolute;top:0;top:calc(50% - 2px);transform:translate(-10px);transition:all .25s ease;width:4px}.vs-navbar__group__items .vs-navbar__item.active:before{opacity:1;transform:translate(0)}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsNavbarItem=t(require("vue")):e.vsNavbarItem=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var i={};n.d(i,{default:()=>s});var r=n(594);const f=(0,r.defineComponent)({name:"VsNavbarItem",props:{active:{type:Boolean,default:!1},to:{type:String,default:void 0},id:{type:String,default:void 0},href:{type:String,default:void 0},target:{type:String,default:"_blank"}},emits:["click"],setup(e,{emit:t,slots:o}){const n=(0,r.getCurrentInstance)(),i=n&&n.proxy,f=i?i.$parent:null,s=i?i.$router:null,a=()=>{(0,r.nextTick)(()=>{if(e.active&&i){const e=i.$el.offsetLeft;f&&"function"==typeof f.setLeftLine&&f.setLeftLine(e);const t=i.$el.scrollWidth;f&&"function"==typeof f.setWidthLine&&f.setWidthLine(t)}})};return(0,r.onMounted)(()=>{setTimeout(()=>{if(e.active&&i){const e=i.$el;f&&"function"==typeof f.setLeftLine&&f.setLeftLine(e.offsetLeft),f&&"function"==typeof f.setWidthLine&&f.setWidthLine(e.scrollWidth)}},150)}),()=>(0,r.h)("button",{class:["vs-navbar__item",{active:e.active}],onClick:o=>{t("click",o),a(),e.to&&s?s.push(e.to):e.href&&window.open(e.href,e.target),f&&"function"==typeof f.setModel&&f.setModel(e.id),a()}},o.default?o.default():null)}});f.install=e=>{e.component("VsNavbarItem",f)};const s=f;return i=i.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-navbar__item{background:transparent;border:0;color:inherit;font-size:.85rem;font-weight:700;margin:0;opacity:.7;padding:10px 15px;transition:all .25s ease,color 0s}.vs-navbar__item.active,.vs-navbar__item:hover{opacity:1}
|
package/dist/vsOption/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsOption=t(require("vue")):e.vsOption=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function c(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function a(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}n.d(o,{default:()=>k});var i=n(594);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}const u=(0,i.defineComponent)({name:"VsIconCheck",props:{indeterminate:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,i.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-check",{indeterminate:e.indeterminate}]},t),[(0,i.h)("span",{},[(0,i.h)("div",{class:"line1"}),(0,i.h)("div",{class:"line2"})])])}),p=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),d=e=>{const t=/^(rgb|rgba)/.test(e),r=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),n=/^(#)/.test(e);let o;if(t){const t=e.replace(/[rgba()]/g,"").split(",");o=`${t[0]},${t[1]},${t[2]}`}else if(n){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,n)=>t+t+r+r+n+n);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);o=`${t.r},${t.g},${t.b}`}else if(p(e)){o=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(o=e);return o};function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const b={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function v(e){const t=(0,i.reactive)({componentColor:null,getColor:null});t.getColor=d(e&&e.color?e.color:null);const r=(0,i.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),n=(0,i.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,i.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return y(y({},t),{},{isColorDark:r,isColor:n})}function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const h=(0,i.defineComponent)({name:"VsCheckbox",props:g(g({},b),{},{value:{default:""},val:{default:""},notValue:{default:""},indeterminate:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},checkedForce:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},labelBefore:{type:Boolean,default:!1}}),setup(e,{emit:t,slots:r,attrs:n}){const o=(0,i.getCurrentInstance)(),l=o?`vs-${o.uid}`:`vs-${Math.random().toString(36).slice(2)}`,{getColor:c}=v(e);(0,i.watch)(()=>e.indeterminate,e=>{t("input",!!e)}),(0,i.onMounted)(()=>{e.checked&&"boolean"==typeof e.value&&t("input",!0)});const a=(0,i.computed)(()=>{let t=!1;if(e.value){if("boolean"==typeof e.value)t=e.value;else if("object"==typeof e.value&&null!==e.value){const t=e.value,r=-1===t.indexOf(e.val)&&-1===JSON.stringify(t).indexOf(JSON.stringify(e.val));let n=0;return t.forEach((t,r)=>{JSON.stringify(t)==JSON.stringify(e.val)&&(n=r)}),!r}}else t=!1;return t}),s=r=>{if("boolean"==typeof e.value)t("input",!e.value);else if("object"==typeof e.value&&null!==e.value){const r=e.value,n=-1===r.indexOf(e.val)&&-1===JSON.stringify(r).indexOf(JSON.stringify(e.val));let o=0;r.forEach((t,r)=>{JSON.stringify(t)==JSON.stringify(e.val)&&(o=r)}),n?r.push(e.val):r.splice(o,1),t("input",r)}else e.val!==e.value?t("input",e.val):t("input",e.notValue||null);t("mousedown",r)},p=e=>t("blur",e);return()=>{const t=(0,i.h)("input",g(g({class:"vs-checkbox"},n),{},{type:"checkbox",id:l,checked:e.checkedForce||a.value,onInput:s,onBlur:p})),o=(0,i.h)("div",{class:"vs-checkbox-mask"},[!r.icon&&(0,i.h)(u,{indeterminate:e.indeterminate}),r.icon?r.icon():null]),d=(0,i.h)("label",{class:["vs-checkbox-label",{lineThrough:e.lineThrough}],for:l},[r.default?r.default():null]),f=(0,i.h)("div",{class:"vs-checkbox-con"},[t,o]);return(0,i.h)("div",{class:["vs-checkbox-content",{"vs-checkbox--checked":a.value},{"vs-checkbox--disabled":n.hasOwnProperty("disabled")},{"vs-checkbox--loading":e.loading},{"vs-checkbox--label-before":e.labelBefore},{"vs-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark}],style:{"--vs-color":e.color?c:""}},[f,r.default?d:null])}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const w=(0,i.defineComponent)({name:"VsSelectOption",props:{value:{default:null},disabled:{type:Boolean,default:!1},label:{default:null}},setup(e,{slots:t,attrs:r}){const n=(0,i.ref)(!1),o=(0,i.ref)(!1),l=(0,i.getCurrentInstance)(),c=l?l.uid:Math.random().toString(36).slice(2),a=()=>{const e=l&&l.proxy;if(!e)return null;const t=e.$parent;return t?t.isSelect?t:t.$parent&&t.$parent.isSelect?t.$parent:null:null};(0,i.onMounted)(()=>{const t=a();if(!t)return;-1===t.childOptions.findIndex(e=>{try{return e.$vnode&&e.$vnode.key===l.vnode.key}catch(e){return!1}})?t.childOptions.push(l.proxy):t.renderSelect||t.childOptions.push(l.proxy),t.uids.push(c),n.value="number"==typeof t.value?t.value===e.value:Array.isArray(t.value)&&-1!==t.value.indexOf(e.value),t.setHover&&t.setHover()});const s=()=>{const t=a();return!!t&&("number"==typeof t.value?t.value==e.value:Array.isArray(t.value)&&-1!==t.value.indexOf(e.value))},u=()=>{const e=a();return!!e&&e.uids.indexOf(c)==e.hoverOption},p=()=>{const e=a();return!!e&&e.multiple};return()=>{const n=(0,i.h)(h,{checkedForce:s()},t.default?t.default():[]);return(0,i.h)("button",j(j({},r),{},{disabled:e.disabled,class:["vs-select__option",{activeOption:s(),isHover:u(),isMultiple:p(),hiddenOption:o.value}],onMousedown:()=>{const t=a();t&&t.clickOption&&t.clickOption(e.value,e.label)},onBlur:()=>{const e=a();!e||e.targetSelect||e.targetClose||(e.activeOptions=!1)}}),[p()?n:t.default?t.default():null])}}});w.install=e=>{e.component("VsOption",w)};const k=w;return o=o.default})());
|
package/dist/vsOption/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-checkbox-content{--vs-color:var(--vs-primary);align-items:center;display:flex;justify-content:flex-start}.vs-checkbox-con{border-radius:9px;height:23px;position:relative;width:23px;z-index:1}.vs-checkbox-mask{align-items:center;border-radius:32%;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:50;z-index:-1}.vs-checkbox-mask i:not(.vs-icon-check){color:#fff;font-size:1.1em;opacity:0;transform:scale(.5);transition:all .25s ease}.vs-checkbox-mask:after{background:-color("color",1);opacity:0;transform:scale(.5)}.vs-checkbox-mask:after,.vs-checkbox-mask:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.vs-checkbox-mask:before{border:2px solid -color("gray-4",1);box-sizing:border-box}.vs-checkbox-mask .vs-icon-check{opacity:0;z-index:200}.vs-checkbox{cursor:pointer;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:100}.vs-checkbox:disabled{opacity:0;pointer-events:none}.vs-checkbox:active~.vs-checkbox-mask{background:-color("gray-4",1)!important}.vs-checkbox:hover~.vs-checkbox-mask{background:-color("gray-3",1)}.vs-checkbox:hover~.vs-checkbox-mask:before{border:2px solid -color("gray-4",0)}.vs-checkbox:checked:hover~.vs-checkbox-mask{box-shadow:0 3px 15px 0 -color("color",.35)}.vs-checkbox:checked~.vs-checkbox-mask{box-shadow:0 0 0 0 -color("color",.35)}.vs-checkbox:checked~.vs-checkbox-mask i:not(.vs-icon-check){opacity:1;transform:scale(1);transition:all .25s ease .15s}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check{opacity:1}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line1:after{transition:all .25s ease .1s;width:100%}.vs-checkbox:checked~.vs-checkbox-mask .vs-icon-check span .line2:after{height:100%;transition:all .2s ease .3s}.vs-checkbox:checked~.vs-checkbox-mask:after{opacity:1;transform:scale(1)}.vs-checkbox:checked~.vs-checkbox-mask:before{opacity:0;transform:scale(1.2)}.vs-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:7px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-checkbox-label:before{background:-color("text",.6);content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-checkbox--disabled{pointer-events:none}.vs-checkbox--disabled .vs-checkbox-label{opacity:.5}.vs-checkbox--disabled .vs-checkbox-mask{background:transparent!important;opacity:.6}.vs-checkbox--checked .lineThrough{opacity:.4}.vs-checkbox--checked .lineThrough:before{width:calc(100% - 10px)}.vs-checkbox--loading{pointer-events:none}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask{background:transparent!important}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("color",1)!important;border-radius:50%;border-top-color:transparent!important;opacity:1!important}.vs-checkbox--loading.vs-checkbox--checked .vs-checkbox-mask:after{opacity:0;transform:scale(.5)}.vs-checkbox--loading .vs-checkbox-mask{background:transparent!important}.vs-checkbox--loading .vs-checkbox-mask:before{animation:rotateCheckboxLoading .6s linear infinite;border:2px solid -color("gray-4",1)!important;border-radius:50%;border-top-color:transparent!important}@keyframes rotateCheckboxLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs-checkbox--label-before .vs-checkbox-label{order:-1}.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-select__option{align-items:cneter;background:transparent;border:0;border-radius:5px;box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");display:flex;justify-content:flex-start;margin:2px 0;max-height:40px;opacity:1;overflow:hidden;padding:6px 10px;text-align:left;transition:all .25s ease;visibility:visible;width:100%}.vs-select__option.hiddenOption{border:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.vs-select__option.isMultiple{padding:0 0 0 5px}.vs-select__option.isMultiple .vs-select__option-group{padding-left:0}.vs-select__option.isMultiple.isHover{background:-color("gray-2")!important}.vs-select__option.isMultiple:disabled .vs-checkbox-content{pointer-events:none}.vs-select__option.isMultiple:hover{padding-left:5px!important}.vs-select__option.isMultiple .vs-checkbox-content{pointer-events:none;width:100%}.vs-select__option.isMultiple .vs-checkbox-content .vs-checkbox-con{transform:scale(.85)}.vs-select__option.isMultiple .vs-checkbox-content .vs-checkbox-label{justify-content:flex-start;text-align:left;width:calc(100% - 23px)}.vs-select__option.isMultiple.activeOption{pointer-events:auto!important}.vs-select__option.isHover{background:-color("gray-2")}.vs-select__option.activeOption{background:-color("color",.05);color:-color("color",1);pointer-events:none}.vs-select__option:hover:not(:disabled){color:-color("color");padding-left:14px}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsOptionGroup=t(require("vue")):e.vsOptionGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var p=o[e]={exports:{}};return t[e](p,p.exports,r),p.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};r.d(n,{default:()=>s});var p=r(594);const u=(0,p.defineComponent)({name:"VsOptionGroup",setup(e,{slots:t}){const o=(0,p.ref)(!1),r=(0,p.ref)(null),n=(0,p.getCurrentInstance)(),u=()=>{const e=n&&n.proxy;return e&&e.$parent?e.$parent:null};(0,p.watch)(()=>u()&&u().textFilter,e=>{e&&-1===(()=>{const e=t.default?t.default():[];let o="";return e.forEach(e=>{e&&e.props&&e.props.label&&(o+=e.props.label)}),o})().toLowerCase().indexOf(e.toLowerCase())?o.value=!0:o.value=!1,r.value=e});return()=>(0,p.h)("div",{class:["vs-select__option-group",{hiddenOptionGroup:o.value}]},[(0,p.h)("h5",{},t.title?t.title():[]),t.default?t.default():null])}});u.install=e=>{e.component("VsOptionGroup",u)};const s=u;return n=n.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-select__option-group{border-bottom:2px solid -color("gray-1");overflow:hidden;padding-left:10px;position:relative;transition:all .25s ease}.vs-select__option-group:last-child{border:0}.vs-select__option-group.hiddenOptionGroup{border-bottom:0 solid -color("gray-1")}.vs-select__option-group.hiddenOptionGroup h5{max-height:0;padding:0}.vs-select__option-group h5{font-size:.7rem;margin:0;max-height:28px;opacity:.5;overflow:hidden;padding:7px 0;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-select__option-group h5 *{pointer-events:none}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsPagination=t(require("vue")):e.vsPagination=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}function s(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.d(n,{default:()=>O});var u=o(594);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}const c=(0,u.defineComponent)({name:"VsIconArrow",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,u.h)("i",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-arrow",{less:e.less}]},t))}),p=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),d=e=>{const t=/^(rgb|rgba)/.test(e),r=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),o=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);n=`${t.r},${t.g},${t.b}`}else if(p(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(n=e);return n};function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const v={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function y(e){const t=(0,u.reactive)({componentColor:null,getColor:null});t.getColor=d(e&&e.color?e.color:null);const r=(0,u.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),o=(0,u.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,u.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return b(b({},t),{},{isColorDark:r,isColor:o})}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const h=(0,u.defineComponent)({name:"VsPagination",props:m(m({},v),{},{value:{},infinite:{type:Boolean,default:!1},progress:{type:Boolean,default:!1},notMargin:{type:Boolean,default:!1},buttonsDotted:{type:Boolean,default:!1},notArrows:{type:Boolean,default:!1},onlyArrows:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},square:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disabledItems:{type:Array,default:()=>[]},loadingItems:{type:Array,default:()=>[]},length:{type:Number,default:0},max:{type:Number,default:9},dottedNumber:{type:Number,default:5}}),emits:["input"],setup(e,{emit:t,slots:r}){const o=(0,u.ref)(0),n=(0,u.ref)(42),a=(0,u.ref)(!1),l=(0,u.ref)(null),s=(0,u.ref)({}),i=(0,u.getCurrentInstance)(),{getColor:p}=(i&&i.proxy,y(e)),d=t=>-1!==(e.disabledItems||[]).indexOf(t),f=t=>-1!==(e.loadingItems||[]).indexOf(t),b=e=>t("input",e);(0,u.watch)(()=>e.length,()=>{(0,u.nextTick)(()=>{try{const t=l.value,r=s.value[`btn${e.value}`];if(!t||!r)return;const o=t.offsetLeft;n.value=r.offsetLeft+o,setTimeout(()=>{a.value=!1},300)}catch(e){}})});const v=(t,r)=>{if(d(t)||f(t)){let n=t;t>r?n+=1:n-=1,n>e.length?n=e.infinite?1:r:n<=0&&(n=e.infinite?e.length:r),o.value=n,b(n)}else{o.value=t;try{l.value&&(a.value=!0,(0,u.nextTick)(()=>{const e=l.value,r=s.value[`btn${t}`];if(!e||!r)return;const o=e.offsetLeft;n.value=r.offsetLeft+o,setTimeout(()=>{a.value=!1},300)}))}catch(e){}}};(0,u.watch)(()=>e.value,(e,t)=>v(Number(e),Number(t)));const g=t=>t.map(t=>"...>"===t||"<..."===t?((t="...")=>(0,u.h)("div",{class:["vs-pagination__dotted",{next:e.value!=e.length&&"...>"==t}],onClick:()=>{let r=e.value!=e.length&&"...>"==t?o.value+=e.dottedNumber:o.value-=e.dottedNumber;r>e.length?r=e.length:r<1&&(r=1),b(r)}},[(0,u.h)("span",{class:"dotted"},["..."]),(0,u.h)("span",{class:"con-arrows"},[(0,u.h)(c),(0,u.h)(c)])]))(t):((t=1)=>(0,u.h)("button",{ref:e=>{e&&(s.value[`btn${t}`]=e)},class:["vs-pagination__button",{active:t==e.value,prevActive:t==Number(e.value)-1,nextActive:t==Number(e.value)+1,disabled:d(t),loading:f(t)}],onClick:()=>b(t)},e.buttonsDotted?"":`${t}`))(t)),m=(e=1,t=7)=>{const r=[];for(let o=Math.max(1,e);o<=t;o++)r.push(o);return r},h=()=>{const t=Number(e.length),r="undefined"!=typeof window&&window.innerWidth<600?5:e.max,o=r%2==0?1:0,n=Math.floor(r/2),a=t-n+1+o;if(Number(e.value)>n&&Number(e.value)<=a&&!e.buttonsDotted){const t=Number(e.value)-n+2,r=Number(e.value)+n-2-o;return g([1,"<...",...m(t,r),"...>",e.length])}return!e.buttonsDotted&&e.length>7?g([...m(1,n),"...>",...m(a,t)]):e.buttonsDotted||e.length<=7?g([...m(1,0==e.length?1:e.length)]):[]},O=()=>{let t=0;return t=100*Number(e.value)/e.length,t};return(0,u.onMounted)(()=>{o.value=Number(e.value),v(Number(e.value),o.value+=1)}),()=>{const t=(0,u.h)("div",{class:["vs-pagination__active",{move:a.value}],style:{left:`${n.value}px`}},e.buttonsDotted?"":String(e.value)),s=(0,u.h)("div",{class:"vs-pagination",ref:l},[h()]),i=(0,u.h)("button",{class:["vs-pagination__arrow","prev"],attrs:{disabled:!e.infinite&&o.value<=1},onClick:()=>{const t=o.value-=1;t>0?b(t):e.infinite&&b(e.length)}},[r.arrowPrev?r.arrowPrev():(0,u.h)(c)]),d=(0,u.h)("button",{class:["vs-pagination__arrow","next"],attrs:{disabled:!e.infinite&&o.value>=e.length},onClick:()=>{const t=o.value+=1;t<=e.length?b(t):e.infinite&&b(1)}},[r.arrowNext?r.arrowNext():(0,u.h)(c)]),f=(0,u.h)("div",{class:"vs-pagination__slot"},[r.default?r.default():null]),v=(0,u.h)("div",{class:"vs-pagination__progress"},[(0,u.h)("div",{class:"progress",style:{width:`${O()}%`}})]);return(0,u.h)("div",{class:["vs-pagination-content",{buttonsDotted:e.buttonsDotted,circle:e.circle,square:e.square,disabled:e.disabled,notMargin:e.notMargin},{"vs-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark}],style:{"--vs-color":e.color?p:""}},[!e.onlyArrows&&!r.default&&t,!e.notArrows&&i,r.default&&f,!e.onlyArrows&&!r.default&&s,!e.notArrows&&d,e.progress&&v])}}});h.install=e=>{e.component("VsPagination",h)};const O=h;return n=n.default})());
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-pagination-content{--vs-color:var(--vs-primary);align-self:center;display:flex;justify-content:center;position:relative}.vs-pagination-content.notMargin .vs-pagination__dotted{background:-color("gray-3");margin:0}.vs-pagination-content.notMargin .vs-pagination__arrow{border-radius:0;margin:0!important}.vs-pagination-content.notMargin .vs-pagination__arrow:first-of-type{border-radius:12px 0 0 12px}.vs-pagination-content.notMargin .vs-pagination__arrow:last-of-type{border-radius:0 12px 12px 0}.vs-pagination-content.notMargin .vs-pagination__button{border-radius:0;margin:0!important}.vs-pagination-content.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-pagination-content.square .vs-pagination__active,.vs-pagination-content.square .vs-pagination__arrow,.vs-pagination-content.square .vs-pagination__button{border-radius:0}.vs-pagination-content.circle .vs-pagination__active,.vs-pagination-content.circle .vs-pagination__arrow,.vs-pagination-content.circle .vs-pagination__button{border-radius:50%}.vs-pagination-content.buttonsDotted .vs-pagination__arrow{background:transparent;height:12px;min-width:15px;padding:0;width:15px}.vs-pagination-content.buttonsDotted .vs-pagination__arrow i{height:6px;width:6px}.vs-pagination-content.buttonsDotted .vs-pagination__arrow i:before{width:1px}.vs-pagination-content.buttonsDotted .vs-pagination__arrow i:after{height:1px}.vs-pagination-content.buttonsDotted .vs-pagination__dotted{font-size:.9rem;height:12px;letter-spacing:1px;width:12px}.vs-pagination-content.buttonsDotted .vs-pagination__button{height:12px;width:12px}.vs-pagination-content.buttonsDotted .vs-pagination__button.active{transform:scale(1)}.vs-pagination-content.buttonsDotted .vs-pagination__active{box-shadow:0 2px 10px 0 -color("color",.4);height:12px;transform:scale(1);width:12px}.vs-pagination-content.buttonsDotted .vs-pagination__active.move{transform:scale(1.2)}.vs-pagination{align-self:center;display:flex;justify-content:center;position:relative}.vs-pagination__progress{background:-color("gray-3");border-radius:10px;bottom:-8px;height:3px;position:absolute;width:calc(100% - 16px)}.vs-pagination__progress .progress{background:-color("color",1);border-radius:inherit;height:100%;max-width:100%;position:relative;transition:all .25s ease;width:0}.vs-pagination__slot{display:block;min-height:36px}.vs-pagination__arrow,.vs-pagination__slot{align-items:center;display:flex;justify-content:center;min-width:36px;position:relative}.vs-pagination__arrow{background:-color("gray-3");border:0;border-radius:12px;height:36px;margin:0 2px;transition:all .25s ease;width:auto}.vs-pagination__arrow:disabled{opacity:.4;pointer-events:none}.vs-pagination__arrow:hover{background:-color("gray-4")}.vs-pagination__arrow i{display:block;height:10px;margin-left:4px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.vs-pagination__arrow i:before{width:2px}.vs-pagination__arrow i:after{height:2px}.vs-pagination__arrow.next i{margin-left:-4px;transform:rotate(135deg) scale(.8)}.vs-pagination__active{align-items:center;background:-color("color");border-radius:12px;box-shadow:0 5px 20px 0 -color("color",.3);color:#fff;cursor:default;display:flex;font-size:.9rem;height:36px;justify-content:center;left:50%;position:absolute;top:0;transition:all .25s ease;width:36px;z-index:100}.vs-pagination__active.move{transform:scale(1.1)}.vs-pagination__dotted{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;letter-spacing:2px;margin:0 2px;position:relative;width:36px}.vs-pagination__dotted:hover span.dotted{margin-left:-1px;opacity:0;transition:all .25s ease}.vs-pagination__dotted:hover .con-arrows{margin-left:-1px;opacity:1;transition:all .25s ease}.vs-pagination__dotted.next:hover span.dotted{margin-left:1px;opacity:0;transition:all .25s ease}.vs-pagination__dotted.next:hover .con-arrows{margin-left:1px;opacity:1;transition:all .25s ease}.vs-pagination__dotted span.dotted{margin-right:-2px;text-align:center}.vs-pagination__dotted.next .con-arrows{margin-left:-5px;transform:rotate(180deg)}.vs-pagination__dotted .con-arrows{align-items:center;display:flex;height:10px;justify-content:center;margin-left:5px;opacity:0;position:absolute;transition:all .1s ease;width:10px}.vs-pagination__dotted .con-arrows i{display:block;height:10px;position:relative;transform:rotate(-45deg) scale(.8);width:10px}.vs-pagination__dotted .con-arrows i:before{width:2px}.vs-pagination__dotted .con-arrows i:after{height:2px}.vs-pagination__dotted .con-arrows i:last-child{margin-left:6px;position:absolute;top:0}.vs-pagination__button{align-items:center;background:-color("gray-3");border:0;border-radius:12px;color:-color("text");display:flex;font-size:.9rem;height:36px;justify-content:center;margin:0 2px;padding:0;position:relative;transition:all .25s ease;width:36px}.vs-pagination__button.loading{border-radius:50%;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-pagination__button.loading:after{animation:loadingPagination .6s ease infinite;border:2px solid -color("background",0);border-radius:50%;border-right-color:-color("color",1)}.vs-pagination__button.loading:after,.vs-pagination__button.loading:before{box-shadow:0 0 0 0 -color("color",1);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.vs-pagination__button.loading:before{animation:loadingPagination .6s linear infinite;border:2px solid -color("background",0);border-radius:50%;border-right:2px dashed -color("color",1)}.vs-pagination__button.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-pagination__button:hover{background:-color("gray-4")}.vs-pagination__button:active{transform:scale(.9)}@keyframes loadingPagination{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
|
package/dist/vsRadio/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsRadio=t(require("vue")):e.vsRadio=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}function c(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}o.d(n,{default:()=>g});var s=o(594);const i=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),u=e=>{const t=/^(rgb|rgba)/.test(e),r=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),o=/^(#)/.test(e);let n;if(t){const t=e.replace(/[rgba()]/g,"").split(",");n=`${t[0]},${t[1]},${t[2]}`}else if(o){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,r,o)=>t+t+r+r+o+o);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);n=`${t.r},${t.g},${t.b}`}else if(i(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(n=e);return n};function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){c(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const f={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function y(e){const t=(0,s.reactive)({componentColor:null,getColor:null});t.getColor=u(e&&e.color?e.color:null);const r=(0,s.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),o=(0,s.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,s.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return p(p({},t),{},{isColorDark:r,isColor:o})}function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach(function(t){c(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const m=(0,s.defineComponent)({name:"VsRadio",props:v(v({},f),{},{value:{},val:{},name:{type:String,default:null},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},labelBefore:{type:Boolean,default:!1}}),setup(e,{emit:t,slots:r}){const o=(0,s.getCurrentInstance)(),n=o?`vs-${o.uid}`:`vs-${Math.random().toString(36).slice(2)}`,{getColor:a}=y(e),l=(0,s.computed)(()=>e.value==e.val);return()=>{const o=(0,s.h)("input",{type:"radio",id:n,value:e.val,name:e.name||String(e.value),checked:l.value,onInput:()=>t("input",e.val)}),c=(0,s.h)("span",{class:"vs-radio__effect"},[(0,s.h)("span",{class:"vs-radio__effect__icon"},[r.icon?r.icon():null]),(0,s.h)("span",{class:"vs-radio__effect__loading"})]),i=(0,s.h)("label",{class:"vs-radio__label",for:n},[r.default?r.default():null]),u=(0,s.h)("div",{class:"vs-radio"},[o,c]);return(0,s.h)("div",{class:["vs-radio-content",{disabled:e.disabled,loading:e.loading,active:l.value},{"vs-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark}],style:{"--vs-color":e.color?a:""}},[e.labelBefore&&i,u,!e.labelBefore&&i])}}});m.install=e=>{e.component("VsRadio",m)};const g=m;return n=n.default})());
|
package/dist/vsRadio/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-radio-content{--vs-color:var(--vs-primary);align-items:center;display:flex;justify-content:center;position:relative}.vs-radio-content.active .vs-radio__effect__icon{opacity:0;transform:scale(1.3);transition:all .25s ease}.vs-radio-content.active .vs-radio__effect:after{border:7px solid -color("color",1);box-shadow:0 3px 12px 0 -color("color",.3)}.vs-radio-content:not(.active) .vs-radio input:hover~.vs-radio__effect .vs-radio__effect__icon{opacity:.7}.vs-radio-content:not(.active) .vs-radio input:hover~.vs-radio__effect:after{border:2px solid -color("text",.2)}.vs-radio-content.loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-radio-content.loading .vs-radio__effect:after{opacity:.1}.vs-radio-content.loading .vs-radio__effect__loading{border-radius:inherit;height:100%;position:absolute;width:100%}.vs-radio-content.loading .vs-radio__effect__loading:after{animation:loadingRadio .6s ease infinite;border:2px solid -color("text",0);border-radius:inherit;border-right-color:-color("text",.4)}.vs-radio-content.loading .vs-radio__effect__loading:after,.vs-radio-content.loading .vs-radio__effect__loading:before{box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.vs-radio-content.loading .vs-radio__effect__loading:before{animation:loadingRadio .6s linear infinite;border:2px solid -color("text",0);border-radius:inherit;border-right:2px dashed -color("text",.4)}.vs-radio-content label{cursor:pointer}.vs-radio-content.disabled{opacity:.5;pointer-events:none}.vs-radio-content.disabled .vs-radio__effect{background:-color("gray-3")}.vs-radio-content.disabled label{pointer-events:none}.vs-radio{border-radius:50%;height:20px;margin:0;min-height:20px;min-width:20px;padding:0;position:relative;width:20px;z-index:10}.vs-radio__label{margin:0 6px}.vs-radio__effect{align-items:center;border-radius:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.vs-radio__effect,.vs-radio__effect__icon{transition:all .25s ease}.vs-radio__effect__icon i{font-size:.75rem}.vs-radio__effect:after{border:2px solid -color("text",.4);border-radius:inherit;box-shadow:0 0 0 0 -color("color",.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:all .25s ease;width:100%}.vs-radio input{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:100}.vs-radio input:active~.vs-radio__effect:after{transform:scale(.9)}@keyframes loadingRadio{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
|
package/dist/vsSelect/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsSelect=t(require("vue")):e.vsSelect=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},l={};function a(e){var r=l[e];if(void 0!==r)return r.exports;var o=l[e]={exports:{}};return t[e](o,o.exports,a),o.exports}a.d=(e,t)=>{for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function n(e){var t=function(e,t){if("object"!=o(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var a=l.call(e,t||"default");if("object"!=o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==o(t)?t:t+""}function u(e,t,l){return(t=n(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}a.d(r,{default:()=>O});var s=a(594);function i(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const c=(0,s.defineComponent)({name:"VsIconArrow",props:{less:{type:Boolean,default:!1}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?i(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):i(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["vs-icon-arrow",{less:e.less}]},t))});function v(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}const p=(0,s.defineComponent)({name:"VsIconClose",props:{hover:{type:[String,Boolean],default:null}},setup:(e,{attrs:t})=>()=>(0,s.h)("i",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?v(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):v(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({class:["vs-icon-close",e.hover?`vs-icon-hover-${e.hover}`:""]},t))}),f=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),d=e=>{const t=/^(rgb|rgba)/.test(e),l=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(e),a=/^(#)/.test(e);let r;if(t){const t=e.replace(/[rgba()]/g,"").split(",");r=`${t[0]},${t[1]},${t[2]}`}else if(a){const t=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,l,a)=>t+t+l+l+a+a);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(e);r=`${t.r},${t.g},${t.b}`}else if(f(e)){r=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else l&&(r=e);return r},y=(e,t)=>{const l=t.getBoundingClientRect(),a=l.x,r=l.y,o=l.width,n=l.height,u=e.style,s=window.pageYOffset,i=e.clientHeight+l.y+s;s+window.innerHeight-i<30?(u.top=r+s-e.clientHeight-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.add("top"),t.classList.add("top")):(u.top=r+s+n-4+"px",u.left=`${a}px`,u.width=`${o}px`,e.classList.remove("top"),t.classList.remove("top"))};const b={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function h(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function m(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?h(Object(l),!0).forEach(function(t){u(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):h(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}const g=(0,s.defineComponent)({name:"VsSelect",props:m(m({},b),{},{value:{default:null},multiple:{type:Boolean,default:!1},filter:{type:Boolean,default:!1},placeholder:{type:String,default:""},labelPlaceholder:{type:String,default:""},label:{type:String,default:""},disabled:{type:Boolean,default:!1},collapseChips:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},state:{type:String,default:null},block:{type:Boolean,default:!1}}),emits:["input","change","blur","focus"],setup(e,{slots:t,attrs:l,emit:a}){const r=(0,s.ref)(!1),o=(0,s.ref)(!1),n=(0,s.ref)(null),u=(0,s.ref)(-1),i=(0,s.ref)([]),v=(0,s.ref)([]),f=(0,s.ref)(!1),b=(0,s.ref)(!1),h=(0,s.ref)(!1),m=(0,s.ref)(!1),g=(0,s.ref)(""),O=((0,s.ref)(0),(0,s.ref)(null)),w=(0,s.ref)(null),_=(0,s.ref)(null),j=(0,s.ref)(null),P=(0,s.ref)(null),x=(0,s.ref)(null),S=(0,s.ref)(null),k=(0,s.getCurrentInstance)(),B=k?k.uid:Math.random().toString(36).slice(2),$=()=>{const e=w.value;e&&(((e,t)=>{const l=t||document.body;l.insertBefore(e,l.lastChild)})(e,document.body),y(e,O.value))},E=(t,l)=>{if(e.multiple){const l=Array.isArray(e.value)?[...e.value]:[],r=l.indexOf(t);-1===r?l.push(t):l.splice(r,1),a("input",l)}else a("input",t),n.value=l;setTimeout(()=>{e.multiple&&o.value&&P.value&&P.value.focus()},10),e.multiple||A()},D=()=>{const t=v.value.filter(t=>"number"==typeof e.value?e.value==t.value:Array.isArray(e.value)&&-1!==e.value.indexOf(t.value)),l=[];t.forEach(e=>{l.push({label:e.label,value:e.value})}),Array.isArray(e.value)&&l.sort((t,l)=>e.value.indexOf(t.value)-e.value.indexOf(l.value)),n.value=l},T=()=>{const e=n.value,t=[];return Array.isArray(e)?(e.forEach(e=>t.push(e.label)),t):e},A=t=>{e.multiple&&t&&t.relatedTarget&&b.value&&(f.value||o.value)||(o.value=!1),e.filter&&(m.value=!1),a("blur")},C=t=>{const l=w.value;if((0,s.nextTick)(()=>{l&&O.value&&y(l,O.value)}),"ArrowDown"==t.code)t.preventDefault(),u.value<v.value.length-1?u.value++:u.value=0;else if("ArrowUp"==t.code)t.preventDefault(),u.value>0?u.value--:u.value=v.value.length-1;else if("Enter"==t.code&&(t.preventDefault(),-1!==u.value)){const t=v.value[u.value];t.disabled||(E(t.value,t.label),!e.multiple&&j.value&&(A(),j.value.blur()))}if(-1!==u.value&&_.value){const e=v.value[u.value],t=e&&e.$el;t&&_.value&&(_.value.scrollTop=t.offsetTop-66)}},L=()=>{const e=t.default?t.default():[],l=[];return e.forEach(e=>{e&&e.type&&l.push(e)}),0==l.length},I=t=>{b.value||A(),e.filter&&!o.value&&(m.value=!1),t.target==j.value&&o.value&&!e.filter&&(A(),setTimeout(()=>{j.value&&j.value.blur()},100))},M=()=>{const e=w.value;e&&(0,s.nextTick)(()=>{e&&O.value&&y(e,O.value)})},H=()=>{const e=w.value;e&&O.value&&y(e,O.value)},V=e=>{e.style.height="0"},N=(e,t)=>{const l=e.scrollHeight;e.style.height=l-1+"px",t()},z=e=>{e.style.minHeight="0px",e.style.height="0px"};(0,s.watch)(g,e=>{e?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")}),(0,s.watch)(()=>e.value,t=>{D(),setTimeout(()=>a("change",t),10),e.multiple&&(0,s.nextTick)(()=>{if(P.value&&j.value){const e=P.value.scrollHeight;j.value.style.height=`${e}px`;const t=w.value;o.value&&t&&O.value&&(0,s.nextTick)(()=>y(t,O.value))}}),t?S.value&&(S.value.style.transition="0s"):S.value&&(S.value.style.transition="")},{immediate:!0}),(0,s.watch)(o,e=>{(0,s.nextTick)(()=>{e&&$()}),i.value=[]}),(0,s.onMounted)(()=>{D(),r.value=!0,window.addEventListener("resize",M),window.addEventListener("scroll",H)}),(0,s.onBeforeUnmount)(()=>{A(),window.removeEventListener("resize",M),window.removeEventListener("scroll",H)});const F=e=>t&&t[`message-${e}`]?(0,s.h)("transition",{onBeforeEnter:V,onEnter:N,onLeave:z},[(0,s.h)("div",{class:["vs-select__message",`vs-select__message--${e}`]},t[`message-${e}`]())]):null,q=()=>{const t=(t,l)=>(0,s.h)("span",{class:"vs-select__chips__chip","data-value":t.value},[t.label,l?null:(0,s.h)("span",{class:"vs-select__chips__chip__close",onMouseenter:()=>{h.value=!0},onMouseleave:()=>{h.value=!1},onClick:()=>{setTimeout(()=>{h.value=!1},100),o.value||(P.value&&P.value.blur(),e.filter&&x.value&&x.value.blur()),E(t.value,t.label)}},[(0,s.h)(p,{hover:"less"})])]);let l=[];return Array.isArray(n.value)&&n.value.forEach(e=>l.push(t(e,!1))),e.collapseChips&&(l=[l[0],l.length>1&&t({label:"+"+(l.length-1),value:null},!0)]),l};return()=>{const l=(0,s.h)("div",{class:"vs-select__options__content",ref:_},[L()?(0,s.h)("div",{class:"vs-select__options__content__not-data"},[t.notData?t.notData():"No data available"]):null,t.default?t.default():null]),r=(0,s.h)("transition",{name:"vs-select"},[o.value?(0,s.h)("div",{class:["vs-select__options"],ref:w,style:{"--vs-color":e.color?d(e.color):""},onMouseleave:()=>{f.value=!1,b.value=!1},onMouseenter:()=>{f.value=!0,b.value=!0}},[l]):null]),n=(0,s.h)("input",{readonly:!e.filter,id:e.multiple?void 0:B,class:["vs-select__input",{multiple:e.multiple,simple:!e.multiple&&!e.filter}],ref:j,value:m.value?g.value:T(),onKeydown:C,onFocus:t=>{o.value=!0,a("focus",t),e.filter&&(m.value=!0),window.addEventListener("mousedown",I)},onInput:e=>{g.value=e.target.value}},t.default?t.default():null),u=(0,s.h)("button",{class:"vs-select__chips",ref:P,onKeydown:C,onFocus:t=>{h.value||(o.value=!0,a("focus",t)),e.filter&&e.multiple&&x.value&&x.value.focus()},onBlur:A},[...q(),e.filter?(0,s.h)("input",{class:"vs-select__chips__input",ref:x,placeholder:e.placeholder,id:B,value:g.value,onFocus:e=>{h.value||(o.value=!0,a("focus",e))},onBlur:A,onInput:e=>{g.value=e.target.value}}):null]),i=(0,s.h)(c,{onClick:()=>{o.value?o.value=!1:j.value&&j.value.focus()}}),v=(0,s.h)("label",{class:"vs-select__label",for:B,className:{"vs-select__label--placeholder":e.labelPlaceholder,"vs-select__label--label":e.label,"vs-select__label--hidden":!!e.value}},[e.labelPlaceholder||e.label]),p=(0,s.h)("label",{class:"vs-select__label",ref:S,for:B,className:{"vs-select__label--hidden":!!e.value||!!g.value}},[e.placeholder]),y=(0,s.h)("div",{class:"vs-select__loading"}),k=F("success"),$=F("danger"),E=F("warn"),D=F("primary"),M=(0,s.h)("div",{class:"vs-select",ref:O,className:{[`vs-select--state-${e.state}`]:!0,"vs-select--disabled":e.disabled,activeOptions:o.value,loading:e.loading},onMouseleave:e=>{e.relatedTarget!==w.value&&(b.value=!1,f.value=!1)},onMouseenter:()=>{b.value=!0}},[n,!e.multiple||e.label?v:null,e.multiple||e.labelPlaceholder?null:p,e.multiple?u:null,r,e.loading?y:null,i]);return(0,s.h)("div",{class:["vs-select-content",{block:e.block,"vs-component--primary":!(e.danger||e.success||e.warn||e.dark||e.color)}],style:{"--vs-color":e.color?d(e.color):""}},[M,k,$,E,D])}}});g.install=e=>{e.component("VsSelect",g)};const O=g;return r=r.default})());
|
package/dist/vsSelect/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-icon-close{align-items:center;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after,.vs-icon-close:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;transition:all .3s ease;width:16px}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close.vs-icon-hover-less:hover:after,.vs-icon-close.vs-icon-hover-less:hover:before{transform:rotate(180deg);width:12px}.vs-icon-plus{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .25s ease;width:30px}.vs-icon-plus:before{transform:rotate(0deg);transition:all .3s ease}.vs-icon-plus:after,.vs-icon-plus:before{background:-color("color",1);border-radius:2px;content:"";height:2px;position:absolute;width:14px}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.less){transform:rotate(-90deg)}.vs-icon-plus.less:hover{transform:scale(.75)}.vs-icon-plus.less:after{transform:rotate(180deg)}.vs-icon-check{align-items:center;border-radius:inherit;display:flex;height:23px;justify-content:center;transition:all .25s ease;width:23px}.vs-icon-check span{display:block;height:13px;margin-top:-4px;position:relative;transform:rotate(45deg);width:8px}.vs-icon-check span .line1{background:transparent;border-radius:2px;border-radius:5px;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:8px;z-index:100}.vs-icon-check span .line1:after{background:#fff;border-radius:5px 0 0 5px;content:"";height:2px;position:absolute;transition:all .25s ease;width:0}.vs-icon-check span .line2{background:transparent;border-radius:5px;bottom:0;content:"";height:13px;position:absolute;right:0;transition:all .2s ease;width:2px;z-index:100}.vs-icon-check span .line2:after{background:#fff;border-radius:5px 5px 0 0;bottom:0;content:"";height:0;position:absolute;transition:all .25s ease;width:2px}.vs-icon-check.active:before{width:8px}.vs-icon-check.active:after{width:4px}.vs-icon-check.indeterminate span{height:auto;margin:0;transform:rotate(0);width:auto}.vs-icon-check.indeterminate span:after{background:#fff;content:"";display:block;height:2px;position:relative;width:10px}.vs-icon-check.indeterminate span .line1{bottom:0;display:none;opacity:0;right:-1px;transform:rotate(-45deg)}.vs-icon-check.indeterminate span .line2{bottom:-.14rem!important;display:none;height:11px!important;right:0!important;transform:rotate(45deg)!important;transition:all .25s ease!important}.vs-icon-arrow{height:7px;pointer-events:none;transform:rotate(-135deg);transform-origin:center;transition:all .25s ease;width:7px}.vs-icon-arrow:after{height:1px;width:100%}.vs-icon-arrow:after,.vs-icon-arrow:before{background:-color("text");content:"";display:block;position:absolute;top:0}.vs-icon-arrow:before{height:100%;width:1px}.vs-select{--vs-color:var(--vs-primary)}.vs-select__options .vs-checkbox-content{--vs-color:inherit}.vs-select-enter,.vs-select-enter-active{transition:all .25s ease}.vs-select-enter{opacity:0;transform:translateY(-10px)}.vs-select-enter,.vs-select-enter:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity))}.vs-select-enter:after{opacity:0!important}.vs-select-leave-active,.vs-select-leave-to{transition:all .25s ease}.vs-select-leave-to{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0;transform:translateY(-10px)}.vs-select-leave-to.top{transform:translateY(10px)!important}.vs-select-leave-to:after{box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));opacity:0!important}.vs-select-content{max-width:200px;width:100%}.vs-select-content.block.block{max-width:100%}.vs-select{align-items:center;display:flex;justify-content:center;min-height:38px;position:relative;width:100%}.vs-select--state-success .vs-select__input{background:-color("success",.05);color:-color("success",1)}.vs-select--state-success .vs-select__input:hover{color:-color("text",1)}.vs-select--state-success .vs-select__chips{background:-color("success",.05);color:-color("success",1)}.vs-select--state-success .vs-select__chips:hover:after{opacity:0}.vs-select--state-success .vs-select__chips:after{border:2px solid -color("success",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.vs-select--state-success .vs-select__label{color:-color("success",1)}.vs-select--state-success .vs-select__icon{background:-color("success",.1);box-shadow:-15px 10px 10px -10px -color("success",.1);color:-color("success",1)}.vs-select--state-success .vs-icon-arrow:after,.vs-select--state-success .vs-icon-arrow:before{background:-color("success",1)}.vs-select--state-danger .vs-select__input{background:-color("danger",.05);color:-color("danger",1)}.vs-select--state-danger .vs-select__input:hover{color:-color("text",1)}.vs-select--state-danger .vs-select__chips{background:-color("danger",.05);color:-color("danger",1)}.vs-select--state-danger .vs-select__chips:hover:after{opacity:0}.vs-select--state-danger .vs-select__chips:after{border:2px solid -color("danger",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.vs-select--state-danger .vs-select__label{color:-color("danger",1)}.vs-select--state-danger .vs-select__icon{background:-color("danger",.1);box-shadow:-15px 10px 10px -10px -color("danger",.1);color:-color("danger",1)}.vs-select--state-danger .vs-icon-arrow:after,.vs-select--state-danger .vs-icon-arrow:before{background:-color("danger",1)}.vs-select--state-warn .vs-select__input{background:-color("warn",.05);color:-color("warn",1)}.vs-select--state-warn .vs-select__input:hover{color:-color("text",1)}.vs-select--state-warn .vs-select__chips{background:-color("warn",.05);color:-color("warn",1)}.vs-select--state-warn .vs-select__chips:hover:after{opacity:0}.vs-select--state-warn .vs-select__chips:after{border:2px solid -color("warn",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.vs-select--state-warn .vs-select__label{color:-color("warn",1)}.vs-select--state-warn .vs-select__icon{background:-color("warn",.1);box-shadow:-15px 10px 10px -10px -color("warn",.1);color:-color("warn",1)}.vs-select--state-warn .vs-icon-arrow:after,.vs-select--state-warn .vs-icon-arrow:before{background:-color("warn",1)}.vs-select--state-dark .vs-select__input{background:-color("dark",.05);color:-color("dark",1)}.vs-select--state-dark .vs-select__input:hover{color:-color("text",1)}.vs-select--state-dark .vs-select__chips{background:-color("dark",.05);color:-color("dark",1)}.vs-select--state-dark .vs-select__chips:hover:after{opacity:0}.vs-select--state-dark .vs-select__chips:after{border:2px solid -color("dark",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.vs-select--state-dark .vs-select__label{color:-color("dark",1)}.vs-select--state-dark .vs-select__icon{background:-color("dark",.1);box-shadow:-15px 10px 10px -10px -color("dark",.1);color:-color("dark",1)}.vs-select--state-dark .vs-icon-arrow:after,.vs-select--state-dark .vs-icon-arrow:before{background:-color("dark",1)}.vs-select--state-primary .vs-select__input{background:-color("primary",.05);color:-color("primary",1)}.vs-select--state-primary .vs-select__input:hover{color:-color("text",1)}.vs-select--state-primary .vs-select__chips{background:-color("primary",.05);color:-color("primary",1)}.vs-select--state-primary .vs-select__chips:hover:after{opacity:0}.vs-select--state-primary .vs-select__chips:after{border:2px solid -color("primary",.5);border-radius:inherit;content:"";height:calc(100% - 4px);left:0;position:absolute;top:0;transition:all .25s ease;width:calc(100% - 4px)}.vs-select--state-primary .vs-select__label{color:-color("primary",1)}.vs-select--state-primary .vs-select__icon{background:-color("primary",.1);box-shadow:-15px 10px 10px -10px -color("primary",.1);color:-color("primary",1)}.vs-select--state-primary .vs-icon-arrow:after,.vs-select--state-primary .vs-icon-arrow:before{background:-color("primary",1)}.vs-select.loading{pointer-events:none}.vs-select.loading :not(.vs-select__loading):not(.vs-select__label){opacity:.6}.vs-select.loading .vs-select__label{pointer-events:none!important}.vs-select.top.activeOptions .vs-select__chips,.vs-select.top.activeOptions .vs-select__input{border-radius:0 0 12px 12px!important;box-shadow:0 -5px 25px -4px -rgba(0,0,0,-var(shadow-opacity))!important}.vs-select--disabled{opacity:.6;pointer-events:none}.vs-select--disabled label{pointer-events:none}.vs-select .vs-icon-arrow{cursor:pointer;margin-top:-2px;pointer-events:auto;position:absolute;right:15px;transition:all .25s ease;z-index:600}.vs-select.activeOptions .vs-icon-arrow{margin-top:-2px!important;transform:rotate(45deg)}.vs-select.activeOptions .vs-select__input{border:2px solid transparent;border-radius:12px 12px 0 0;color:-color("text",1)}.vs-select.activeOptions .vs-select__chips,.vs-select.activeOptions .vs-select__input{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease,height 0s}.vs-select.activeOptions .vs-select__chips{border-radius:12px 12px 0 0}.vs-select.activeOptions .vs-select__chips:after{opacity:0}.vs-select.activeOptions .vs-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.vs-select.activeOptions .vs-select__label{margin-top:-4px}.vs-select__input{background:transparent;background:-color("gray-2");border:2px solid transparent;border-radius:12px;color:-color("text");cursor:pointer;min-height:38px;opacity:1;padding:7px 30px 7px 13px;transition:all .25s ease,height 0s;width:100%}.vs-select__input.multiple{background:transparent;color:transparent;pointer-events:none}.vs-select__input.simple{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-select__input:focus{background:-color("background");border-radius:12px 12px 0 0;box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.vs-select__input:focus~.vs-select__label--placeholder{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.vs-select__input:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px)}.vs-select__input:hover~.vs-select__label{margin-top:-4px}.vs-select__input:hover~.vs-icon-arrow{margin-top:-6px}.vs-select__chips{align-items:flex-start;background:-color("gray-2");border:0;border-radius:12px;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;left:0;min-height:38px;padding:5px 26px 5px 5px;position:absolute;transition:all .25s ease,height 0s;width:100%;z-index:300}.vs-select__chips:focus{border-radius:12px 12px 0 0}.vs-select__chips:focus,.vs-select__chips:hover{background:-color("background");box-shadow:0 5px 25px -4px -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-4px);transition:all .25s ease}.vs-select__chips:hover~.vs-icon-arrow{margin-top:-6px;transition:all .25s ease}.vs-select__chips__input{background:transparent;border:0 solid transparent;flex:1;margin:2px 3px;max-width:100%;min-width:0;min-width:30px;position:relative;width:auto}.vs-select__chips__input::-moz-placeholder{color:-color("text",.4)}.vs-select__chips__input::placeholder{color:-color("text",.4)}.vs-select__chips__chip{align-items:center;background:-color("background");border:2px solid -color("gray-2");border-radius:10px;box-sizing:border-box;color:-color("text");display:flex;flex:0 1 auto;font-size:.84rem;justify-content:center;margin:2px 3px;padding:0 10px 0 6px;position:relative}.vs-select__chips__chip.isCollapse{padding-right:6px!important}.vs-select__chips__chip__close{align-items:center;background:-color("gray-4");border-radius:50%;cursor:pointer;display:flex;font-size:.75rem;height:15px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:all .25s ease;width:15px}.vs-select__chips__chip__close:hover{background:-color("danger")}.vs-select__chips__chip__close:hover .vs-icon-close{--vs-color:var(--vs-background)}.vs-select__chips__chip__close:hover .vs-icon-close:after,.vs-select__chips__chip__close:hover .vs-icon-close:before{transform:rotate(180deg);width:12px}.vs-select__chips__chip__close .vs-icon-close{--vs-color:var(--vs-text);transform:scale(.5)}.vs-select__options{--vs-color:var(--vs-primary);background:-color("background");border-radius:0 0 12px 12px;box-shadow:0 10px 20px -5px -rgba(0,0,0,-var(shadow-opacity));overflow:hidden;padding:5px;position:absolute;z-index:99999}.vs-select__options.top{border-radius:12px 12px 0 0;box-shadow:0 -10px 20px -5px -rgba(0,0,0,-var(shadow-opacity))}.vs-select__options.top:after{bottom:-10px;top:auto}.vs-select__options:after{background:-color("background");box-shadow:0 0 20px 0 -rgba(0,0,0,-var(shadow-opacity));content:"";height:10px;left:0;margin-left:10%;opacity:1;position:absolute;top:-10px;transition:all .25s ease .05s;width:80%;z-index:200}.vs-select__options__content{height:auto;max-height:200px;overflow:auto;position:relative;scroll-behavior:smooth;transform:scale(1);transition:all .25s ease;z-index:100}.vs-select__options__content__not-data{font-size:.8rem;padding:6px 10px;text-align:center}.vs-select__options__content::-webkit-scrollbar{background:transparent;display:block;height:5px;width:5px}.vs-select__options__content::-webkit-scrollbar-thumb{background:-color("gray-3");border-radius:5px}.vs-select__label{align-items:center;cursor:text;display:flex;font-size:.8rem;justify-content:flex-start;left:14px;opacity:.4;pointer-events:none;position:absolute;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:500}.vs-select__label--hidden{opacity:0;visibility:hidden}.vs-select__label--hidden.vs-select__label--placeholder,.vs-select__label--label{font-size:.75rem;margin-top:0!important;opacity:1;pointer-events:auto;transform:translate(-3%,-28px)!important;visibility:visible}.vs-select__loading{background:inherit;border-radius:50%;box-sizing:border-box;cursor:default;height:22px;pointer-events:none;position:absolute;right:7px;width:22px;z-index:600}.vs-select__loading:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:-color("primary",1);border-radius:inherit}.vs-select__loading:after,.vs-select__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.vs-select__loading:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed -color("primary",1);border-radius:inherit;opacity:.2}.vs-select__loading~.vs-icon-arrow{opacity:0!important}.vs-select__message{font-size:.7rem;overflow:hidden;padding:0 7px;position:relative;transition:all .25s ease}.vs-select__message--success{color:-color("success",1)}.vs-select__message--danger{color:-color("danger",1)}.vs-select__message--warn{color:-color("warn",1)}.vs-select__message--dark{color:-color("dark",1)}.vs-select__message--primary{color:-color("primary",1)}.vs-darken .vs-select__options.isColorDark{--vs-color:0,0,0!important}.vs-darken .vs-select__options.isColorDark .vs-select__option:hover{background:-color("color",.2);color:-color("text")}.vs-darken .vs-select__options.isColorDark .activeOption{background:-color("color",.6);color:-color("text")}
|
package/dist/vsSidebar/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsSidebar=t(require("vue")):e.vsSidebar=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}function l(e,t,o){return(t=s(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}r.d(n,{default:()=>b});var c=r(594);const d=e=>["primary","secondary","success","danger","warning","dark","light","warn","facebook","twitter","youtube","pinterest","linkedin","snapchat","whatsapp","tumblr","reddit","spotify","amazon","medium","vimeo","skype","dribbble","slack","yahoo","twitch","discord","telegram","google-plus","messenger"].includes(e),u=(e,t,o)=>{o?"#comment"!==o.nodeName&&o.style.setProperty(`--vs-${e}`,t):document.documentElement.style.setProperty(`--vs-${e}`,t)},i=(e,t,o,r)=>{const n=/^(rgb|rgba)/.test(t),a=/^(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d),(0|255|25[0-4]|2[0-4]\d|1\d\d|0?\d?\d)$/.test(t),s=/^(#)/.test(t);let l;if("dark"==t&&o&&r&&o.classList.add("vs-component-dark"),n){const n=t.replace(/[rgba()]/g,"").split(",");l=`${n[0]},${n[1]},${n[2]}`,u(e,l,o),r&&o.classList.add("vs-change-color")}else if(s){const n=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,o,r)=>t+t+o+o+r+r);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}(t);l=`${n.r},${n.g},${n.b}`,u(e,l,o),r&&o.classList.add("vs-change-color")}else if(d(t)){l=window.getComputedStyle(document.body).getPropertyValue("--vs-"+t),u(e,l,o),r&&o.classList.add("vs-change-color")}else a&&(u(e,t,o),r&&o.classList.add("vs-change-color"))};const p={color:{type:String,default:null},danger:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warn:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},active:{type:Boolean,default:!1}};function f(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach(function(t){l(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}const y=(0,c.defineComponent)({name:"VsSidebar",props:v(v({},p),{},{value:{},reduce:{type:Boolean,default:!1},hoverExpand:{type:Boolean,default:!1},open:{type:Boolean,default:!1},notLineActive:{type:Boolean,default:!1},square:{type:Boolean,default:!1},textWhite:{type:Boolean,default:!1},notShadow:{type:Boolean,default:!1},relative:{type:Boolean,default:!1},absolute:{type:Boolean,default:!1},right:{type:Boolean,default:!1},background:{type:String,default:"background"}}),setup(e,{emit:t,slots:o,attrs:r}){const n=(0,c.ref)(null),a=(0,c.ref)(260),s=((0,c.ref)(!1),(0,c.ref)(e.reduce)),l=(0,c.getCurrentInstance)(),d=l&&l.proxy.getColor,u=e=>{e.target.closest(".vs-sidebar-content")||t("update:open",!1)};(0,c.watch)(()=>e.open,e=>{e?setTimeout(()=>{window.addEventListener("click",u)},200):window.removeEventListener("click",u)}),(0,c.watch)(()=>e.reduce,e=>{s.value=e;const t=n.value;t&&(t.style.width=e?"50px":`${a.value}px`)}),(0,c.watch)(()=>s.value,e=>{const t=n.value;t&&(t.style.width=e?"50px":`${a.value}px`)}),(0,c.watch)(()=>e.background,()=>{const t=n.value;t&&i("background",e.background,t,!0)});return(0,c.onMounted)(()=>{const t=n.value;t&&(a.value=t.offsetWidth),s.value=e.reduce,"background"!==e.background&&t&&i("background",e.background,t,!0),e.textWhite&&t&&i("text","#fff",t,!0)}),(0,c.onBeforeUnmount)(()=>{window.removeEventListener("click",u)}),()=>{const t=(0,c.h)("div",{class:"vs-sidebar__logo"},[o.logo?o.logo():null]),a=(0,c.h)("div",{class:"vs-sidebar__header"},[o.header?o.header():null]),l=(0,c.h)("div",{class:"vs-sidebar__footer"},[o.footer?o.footer():null]),u=(0,c.h)("div",{class:"vs-sidebar"},[o.default?o.default():null]);return(0,c.h)("div",v({ref:n,class:["vs-sidebar-content",{reduce:s.value,open:e.open,notLineActive:e.notLineActive,square:e.square,notShadow:e.notShadow,textWhite:e.textWhite,relative:e.relative,absolute:e.absolute,right:e.right},{"vs-component--primary":!!e.primary},{"vs-component--danger":!!e.danger},{"vs-component--warn":!!e.warn},{"vs-component--success":!!e.success},{"vs-component--dark":!!e.dark},{"vs-component--is-color":!!e.color}],style:{"--vs-color":e.color?d:""},onMouseenter:()=>{e.hoverExpand&&(s.value=!1)},onMouseleave:()=>{e.hoverExpand&&(s.value=!0)}},r),[o.logo?t:null,o.header?a:null,u,o.footer?l:null])}}});y.install=e=>{e.component("VsSidebar",y)};const b=y;return n=n.default})());
|
package/dist/vsSidebar/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-sidebar-content{--vs-color:var(--vs-primary)}@keyframes delayOpacity{0%{opacity:0}to{opacity:1}}.vs-sidebar-content{align-items:flex-start;background:-color("background");border-radius:0 30px 30px 0;box-shadow:0 0 25px 0 -rgba(0,0,0,-var("shadow-opacity"));color:-color("text");display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;max-width:260px;position:fixed;top:0;transform:translate(-110%);transition:all .25s ease;width:calc(100% - 50px);z-index:21000}.vs-sidebar-content.right{left:auto;right:0;transform:translate(110%)}.vs-sidebar-content.right.open{transform:translate(0)}.vs-sidebar-content.right.reduce .vs-sidebar__item:hover .vs-sidebar__item__text-tooltip{left:auto!important;opacity:1;right:60px!important}.vs-sidebar-content.absolute{height:100%;position:absolute!important;z-index:9001}.vs-sidebar-content.relative{height:100%;position:relative!important;z-index:9001}.vs-sidebar-content.textWhite .vs-sidebar__group__content:after{background:hsla(0,0%,100%,.4)}.vs-sidebar-content.textWhite .vs-sidebar__item:after{background:#fff!important}.vs-sidebar-content.textWhite .vs-sidebar__item.active{color:#fff!important}.vs-sidebar-content.notShadow{box-shadow:none!important}.vs-sidebar-content.square{border-radius:0}.vs-sidebar-content.notLineActive .vs-sidebar .vs-sidebar__item:after{display:none}.vs-sidebar-content.open{transform:translate(0)}.vs-sidebar-content.reduce .vs-sidebar__footer{padding:10px 0}.vs-sidebar-content.reduce .vs-sidebar__header .vs-avatar-content{height:44px!important;width:44px!important}.vs-sidebar-content.reduce .vs-sidebar__logo img{width:80%}.vs-sidebar-content.reduce .vs-sidebar__item{min-height:47px;padding-left:16px!important}.vs-sidebar-content.reduce .vs-sidebar__item:not(.hasIcon) .vs-sidebar__item__text{font-size:.5rem}.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon .vs-sidebar__item__text{margin-left:-50px;transform:translate(-10px)}.vs-sidebar-content.reduce .vs-sidebar__item__arrow{animation:delayOpacity .6s ease;height:5px;left:36px;position:absolute;top:10px;width:5px}.vs-sidebar-content.reduce .vs-sidebar__item:hover .vs-sidebar__item__text-tooltip{left:60px;opacity:1}.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon{padding:0!important}.vs-sidebar-content.reduce .vs-sidebar__item.hasIcon:after{left:-6px}.vs-sidebar-content .vs-sidebar__logo{align-items:center;display:flex;justify-content:center;min-height:80px;padding:25px 0;width:100%}.vs-sidebar-content .vs-sidebar__logo img{max-height:35px;max-width:120px}.vs-sidebar-content .vs-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-x:hidden;width:100%}.vs-sidebar-content .vs-sidebar::-webkit-scrollbar{width:0}.vs-sidebar-content .vs-sidebar__header{align-items:center;display:flex;justify-content:center;padding:10px;width:100%}.vs-sidebar-content .vs-sidebar__footer{align-items:center;display:flex;justify-self:flex-start;padding:10px;width:100%}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):"object"==typeof exports?exports.vsSidebarGroup=t(require("vue")):e.vsSidebarGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};r.d(n,{default:()=>u});var s=r(594);const l=(0,s.defineComponent)({name:"VsSidebarGroup",props:{open:{type:Boolean,default:!1}},setup(e,{slots:t}){const o=(0,s.ref)(!1),r=(0,s.ref)(null),n=(0,s.getCurrentInstance)(),l=n&&n.proxy?n.proxy.$parent:null,u=e=>{(0,s.nextTick)(()=>{const t=r.value?.scrollHeight||0;if(l&&l.group)try{const o=l.$refs.content;o.style.height=e?o.scrollHeight+t-1+"px":o.scrollHeight-t+1+"px"}catch(e){}})};e.open&&u(e.open);const p=e=>{e.style.height="0"},a=(e,t)=>{const o=e.scrollHeight;e.style.height=o-1+"px",t()},i=(e,t)=>{e.style.minHeight="0px",e.style.height="0px",t()};return(0,s.onMounted)(()=>{const t=n&&n.proxy?n.proxy.$el:null;(t&&t.querySelector(".active")||e.open)&&(o.value=!0)}),()=>{const e=(0,s.h)("div",{class:"vs-sidebar__group__header",onClick:()=>{o.value=!o.value,u(o.value)}},[t.header?t.header():null]),n=(0,s.h)("div",{class:"vs-sidebar__group__content",ref:r},[t.default?t.default():null]),l=(0,s.h)("transition",{onBeforeEnter:p,onEnter:a,onLeave:i},[o.value?n:null]);return(0,s.h)("div",{class:["vs-sidebar__group",{open:o.value}]},[e,l])}}});l.install=e=>{e.component("VsSidebarGroup",l)};const u=l;return n=n.default})());
|