@mrxploder/saxvue 0.1.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/LICENSE +21 -0
- package/README.md +236 -0
- package/dist/base.css +1 -0
- package/dist/base.js +2 -0
- package/dist/base.js.LICENSE.txt +5 -0
- package/dist/base.min.css +1 -0
- package/dist/base.min.js +2 -0
- package/dist/base.min.js.LICENSE.txt +5 -0
- package/dist/saxvue.css +1 -0
- package/dist/saxvue.js +2 -0
- package/dist/saxvue.js.LICENSE.txt +5 -0
- package/dist/saxvue.min.css +1 -0
- package/dist/saxvue.min.js +2 -0
- package/dist/saxvue.min.js.LICENSE.txt +5 -0
- package/dist/svAlert/index.js +2 -0
- package/dist/svAlert/index.js.LICENSE.txt +5 -0
- package/dist/svAlert/style.css +1 -0
- package/dist/svAvatar/index.js +2 -0
- package/dist/svAvatar/index.js.LICENSE.txt +5 -0
- package/dist/svAvatar/style.css +1 -0
- package/dist/svAvatarGroup/index.js +2 -0
- package/dist/svAvatarGroup/index.js.LICENSE.txt +5 -0
- package/dist/svAvatarGroup/style.css +1 -0
- package/dist/svButton/index.js +2 -0
- package/dist/svButton/index.js.LICENSE.txt +5 -0
- package/dist/svButton/style.css +1 -0
- package/dist/svCard/index.js +2 -0
- package/dist/svCard/index.js.LICENSE.txt +5 -0
- package/dist/svCard/style.css +1 -0
- package/dist/svCardGroup/index.js +2 -0
- package/dist/svCardGroup/index.js.LICENSE.txt +5 -0
- package/dist/svCardGroup/style.css +1 -0
- package/dist/svCheckbox/index.js +2 -0
- package/dist/svCheckbox/index.js.LICENSE.txt +5 -0
- package/dist/svCheckbox/style.css +1 -0
- package/dist/svDialog/index.js +2 -0
- package/dist/svDialog/index.js.LICENSE.txt +5 -0
- package/dist/svDialog/style.css +1 -0
- package/dist/svInput/index.js +2 -0
- package/dist/svInput/index.js.LICENSE.txt +5 -0
- package/dist/svInput/style.css +1 -0
- package/dist/svNavbar/index.js +2 -0
- package/dist/svNavbar/index.js.LICENSE.txt +5 -0
- package/dist/svNavbar/style.css +1 -0
- package/dist/svNavbarGroup/index.js +2 -0
- package/dist/svNavbarGroup/index.js.LICENSE.txt +5 -0
- package/dist/svNavbarGroup/style.css +1 -0
- package/dist/svNavbarItem/index.js +2 -0
- package/dist/svNavbarItem/index.js.LICENSE.txt +5 -0
- package/dist/svNavbarItem/style.css +1 -0
- package/dist/svOption/index.js +2 -0
- package/dist/svOption/index.js.LICENSE.txt +5 -0
- package/dist/svOption/style.css +1 -0
- package/dist/svOptionGroup/index.js +2 -0
- package/dist/svOptionGroup/index.js.LICENSE.txt +5 -0
- package/dist/svOptionGroup/style.css +1 -0
- package/dist/svPagination/index.js +2 -0
- package/dist/svPagination/index.js.LICENSE.txt +5 -0
- package/dist/svPagination/style.css +1 -0
- package/dist/svRadio/index.js +2 -0
- package/dist/svRadio/index.js.LICENSE.txt +5 -0
- package/dist/svRadio/style.css +1 -0
- package/dist/svSelect/index.js +2 -0
- package/dist/svSelect/index.js.LICENSE.txt +5 -0
- package/dist/svSelect/style.css +1 -0
- package/dist/svSidebar/index.js +2 -0
- package/dist/svSidebar/index.js.LICENSE.txt +5 -0
- package/dist/svSidebar/style.css +1 -0
- package/dist/svSidebarGroup/index.js +2 -0
- package/dist/svSidebarGroup/index.js.LICENSE.txt +5 -0
- package/dist/svSidebarGroup/style.css +1 -0
- package/dist/svSidebarItem/index.js +2 -0
- package/dist/svSidebarItem/index.js.LICENSE.txt +5 -0
- package/dist/svSidebarItem/style.css +1 -0
- package/dist/svSwitch/index.js +2 -0
- package/dist/svSwitch/index.js.LICENSE.txt +5 -0
- package/dist/svSwitch/style.css +1 -0
- package/dist/svTable/index.js +2 -0
- package/dist/svTable/index.js.LICENSE.txt +5 -0
- package/dist/svTable/style.css +1 -0
- package/dist/svTableTd/index.js +2 -0
- package/dist/svTableTd/index.js.LICENSE.txt +5 -0
- package/dist/svTableTd/style.css +1 -0
- package/dist/svTableTh/index.js +2 -0
- package/dist/svTableTh/index.js.LICENSE.txt +5 -0
- package/dist/svTableTh/style.css +1 -0
- package/dist/svTableTr/index.js +2 -0
- package/dist/svTableTr/index.js.LICENSE.txt +5 -0
- package/dist/svTableTr/style.css +1 -0
- package/dist/svTooltip/index.js +2 -0
- package/dist/svTooltip/index.js.LICENSE.txt +5 -0
- package/dist/svTooltip/style.css +1 -0
- package/dist/vsAlert/index.js +2 -0
- package/dist/vsAlert/index.js.LICENSE.txt +5 -0
- package/dist/vsAlert/style.css +1 -0
- package/dist/vsAvatar/index.js +2 -0
- package/dist/vsAvatar/index.js.LICENSE.txt +5 -0
- package/dist/vsAvatar/style.css +1 -0
- package/dist/vsAvatarGroup/index.js +2 -0
- package/dist/vsAvatarGroup/index.js.LICENSE.txt +5 -0
- package/dist/vsAvatarGroup/style.css +1 -0
- package/dist/vsButton/index.js +2 -0
- package/dist/vsButton/index.js.LICENSE.txt +5 -0
- package/dist/vsButton/style.css +1 -0
- package/dist/vsCard/index.js +2 -0
- package/dist/vsCard/index.js.LICENSE.txt +5 -0
- package/dist/vsCard/style.css +1 -0
- package/dist/vsCardGroup/index.js +2 -0
- package/dist/vsCardGroup/index.js.LICENSE.txt +5 -0
- package/dist/vsCardGroup/style.css +1 -0
- package/dist/vsCheckbox/index.js +2 -0
- package/dist/vsCheckbox/index.js.LICENSE.txt +5 -0
- package/dist/vsCheckbox/style.css +1 -0
- package/dist/vsDialog/index.js +2 -0
- package/dist/vsDialog/index.js.LICENSE.txt +5 -0
- package/dist/vsDialog/style.css +1 -0
- package/dist/vsInput/index.js +2 -0
- package/dist/vsInput/index.js.LICENSE.txt +5 -0
- package/dist/vsInput/style.css +1 -0
- package/dist/vsNavbar/index.js +2 -0
- package/dist/vsNavbar/index.js.LICENSE.txt +5 -0
- package/dist/vsNavbar/style.css +1 -0
- package/dist/vsNavbarGroup/index.js +2 -0
- package/dist/vsNavbarGroup/index.js.LICENSE.txt +5 -0
- package/dist/vsNavbarGroup/style.css +1 -0
- package/dist/vsNavbarItem/index.js +2 -0
- package/dist/vsNavbarItem/index.js.LICENSE.txt +5 -0
- package/dist/vsNavbarItem/style.css +1 -0
- package/dist/vsOption/index.js +2 -0
- package/dist/vsOption/index.js.LICENSE.txt +5 -0
- package/dist/vsOption/style.css +1 -0
- package/dist/vsOptionGroup/index.js +2 -0
- package/dist/vsOptionGroup/index.js.LICENSE.txt +5 -0
- package/dist/vsOptionGroup/style.css +1 -0
- package/dist/vsPagination/index.js +2 -0
- package/dist/vsPagination/index.js.LICENSE.txt +5 -0
- package/dist/vsPagination/style.css +1 -0
- package/dist/vsRadio/index.js +2 -0
- package/dist/vsRadio/index.js.LICENSE.txt +5 -0
- package/dist/vsRadio/style.css +1 -0
- package/dist/vsSelect/index.js +2 -0
- package/dist/vsSelect/index.js.LICENSE.txt +5 -0
- package/dist/vsSelect/style.css +1 -0
- package/dist/vsSidebar/index.js +2 -0
- package/dist/vsSidebar/index.js.LICENSE.txt +5 -0
- package/dist/vsSidebar/style.css +1 -0
- package/dist/vsSidebarGroup/index.js +2 -0
- package/dist/vsSidebarGroup/index.js.LICENSE.txt +5 -0
- package/dist/vsSidebarGroup/style.css +1 -0
- package/dist/vsSidebarItem/index.js +2 -0
- package/dist/vsSidebarItem/index.js.LICENSE.txt +5 -0
- package/dist/vsSidebarItem/style.css +1 -0
- package/dist/vsSwitch/index.js +2 -0
- package/dist/vsSwitch/index.js.LICENSE.txt +5 -0
- package/dist/vsSwitch/style.css +1 -0
- package/dist/vsTable/index.js +2 -0
- package/dist/vsTable/index.js.LICENSE.txt +5 -0
- package/dist/vsTable/style.css +1 -0
- package/dist/vsTableTd/index.js +2 -0
- package/dist/vsTableTd/index.js.LICENSE.txt +5 -0
- package/dist/vsTableTd/style.css +1 -0
- package/dist/vsTableTh/index.js +2 -0
- package/dist/vsTableTh/index.js.LICENSE.txt +5 -0
- package/dist/vsTableTh/style.css +1 -0
- package/dist/vsTableTr/index.js +2 -0
- package/dist/vsTableTr/index.js.LICENSE.txt +5 -0
- package/dist/vsTableTr/style.css +1 -0
- package/dist/vsTooltip/index.js +2 -0
- package/dist/vsTooltip/index.js.LICENSE.txt +5 -0
- package/dist/vsTooltip/style.css +1 -0
- package/package.json +128 -0
- package/types/component.d.ts +9 -0
- package/types/components/SvAlert.d.ts +14 -0
- package/types/components/SvButton.d.ts +34 -0
- package/types/index.d.ts +105 -0
|
@@ -0,0 +1,2 @@
|
|
|
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.svTableTr=t(require("vue")):e.svTableTr=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a={};o.d(a,{default:()=>s});var l=o(594);const d=(0,l.defineComponent)({name:"SvTableExpand",props:{colspan:{type:Number,default:0},onUnmounted:{type:Function,default:null}},setup(e,{slots:t,expose:n}){const o=(0,l.ref)(!0),a=(0,l.ref)(null);(0,l.watch)(o,t=>{t?setTimeout(()=>{e.onUnmounted&&e.onUnmounted()},300):(0,l.nextTick)(()=>{const e=a.value;e&&(e.style.height=`${e.scrollHeight}px`)})});return n({hidden:o,contentRef:a,setHidden:e=>{o.value=e}}),()=>{const n=(0,l.h)("div",{class:"sv-table__expand__td__content__sub"},t.default?t.default():null),d=(0,l.h)("div",{class:"sv-table__expand__td__content",ref:a},[n]),r=(0,l.h)("td",{class:"sv-table__expand__td",colspan:e.colspan},[d]),s=(0,l.h)("tr",{class:"sv-table__tr__expand"},[r]);return(0,l.h)("transition",{name:"fade-expand"},[!o.value&&s])}}}),r=(0,l.defineComponent)({name:"SvTableTr",props:{data:{},isSelected:{type:Boolean,default:!1},notClickSelected:{type:Boolean,default:!1},openExpandOnlyTd:{type:Boolean,default:!1}},emits:["selected","click"],setup(e,{emit:t,slots:n}){const o=(0,l.ref)(null),a=(0,l.getCurrentInstance)(),r=a&&a.proxy;(0,l.watch)(()=>e.data,()=>{const e=r&&r.$el;if(e&&e.style.removeProperty("--sv-color"),o.value){try{const e=o.value.proxy;e&&"hidden"in e&&(e.hidden=!0)}catch(e){}o.value=null}});const s=()=>{if(o.value){try{const e=o.value.proxy;e&&"function"==typeof e.setHidden&&e.setHidden(!e.hidden)}catch(e){}o.value=null}else{const e=r&&r.$parent&&r.$parent.$el,t=e?e.querySelectorAll("thead th").length:0,a=document.createElement("div"),s=(0,l.createApp)({render:()=>(0,l.h)(d,{colspan:t,onUnmounted:()=>{try{s.unmount(),a.parentNode&&a.parentNode.removeChild(a)}catch(e){}}},{default:()=>n.expand?n.expand():[]})}),c=s.mount(a);try{c&&"function"==typeof c.setHidden&&c.setHidden(!1)}catch(e){}const p=a.firstElementChild;p&&(e=>{const t=r&&r.$el;t&&t.parentNode&&(t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e))})(p),o.value={app:s,container:a,proxy:c}}};return(0,l.onBeforeUnmount)(()=>{if(o.value){try{const e=o.value;e.app&&e.app.unmount(),e.container&&e.container.parentNode&&e.container.parentNode.removeChild(e.container)}catch(e){}o.value=null}}),()=>(0,l.h)("tr",{class:["sv-table__tr",{selected:e.isSelected,isExpand:!!o.value,expand:!!n.expand}],onClick:o=>{const a=o.target;if(n.expand&&(e.openExpandOnlyTd&&"TD"!=a.nodeName||a.className.includes("isEdit")||s()),"TD"==a.nodeName&&!e.notClickSelected){const n=r&&r.$parent;n&&"function"==typeof n.selected&&n.selected(e.data),t("selected",e.data)}t("click",o)}},n.default?n.default():null)}});r.install=e=>{e.component("VsTr",r)};const s=r;return a=a.default})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.isMultipleSelected .sv-table__tr .sv-table__td{border-radius:0!important}.sv-table__tr{border:0;padding:5px}.sv-table__tr.expand{cursor:pointer}.sv-table__tr.vs-change-color .sv-table__td{background:-color("color",.1)!important;color:-color("color",1)!important}.sv-table__tr.vs-change-color .sv-table__td:hover{background:-color("color",.2)!important}.sv-table__tr:first-of-type .sv-table__td:last-child{border-radius:0 0 15px 0}.sv-table__tr:first-of-type .sv-table__td:first-child{border-radius:0 0 0 15px}.sv-table__tr.isExpand:first-of-type .sv-table__td{background:-color("gray-1")!important;border-radius:0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td{background:-color("gray-1")!important}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:last-child{border-radius:0 15px 0 0}.sv-table__tr.isExpand:not(:first-of-type) .sv-table__td:first-child{border-radius:15px 0 0 0}.sv-table__tr.isExpand:not(:first-of-type)+.sv-table__tr__expand td{border-radius:0 0 15px 15px!important}.sv-table__tr.selected .sv-table__td{background:-color("color",.1)!important;color:-color("color",1)!important}.sv-table__tr .sv-table__td{background:-color("bg",.1);color:-color("bg",1)}.sv-table__tr.vs-change-color:hover .sv-table__td{background:-color("color",.2)!important}.sv-table__tr:hover .sv-table__td{background:-color("gray-1")}.sv-table__tr__expand,.sv-table__tr__expand td{border:0;transition:all .25s ease}.sv-table__tr__expand td{background:-color("gray-1")!important;padding:0}.sv-table__tr__expand td .sv-table__expand__td__content{display:block;overflow:hidden;transition:all .25s ease}.sv-table__tr__expand td .sv-table__expand__td__content__sub{padding:10px 15px;position:relative;z-index:1}.fade-expand-enter-active,.fade-expand-leave-active{transition:all .25s ease}.fade-expand-enter,.fade-expand-leave-to{opacity:0}.fade-expand-enter td .sv-table__expand__td__content,.fade-expand-leave-to td .sv-table__expand__td__content{height:0!important}
|
|
@@ -0,0 +1,2 @@
|
|
|
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.svTooltip=t(require("vue")):e.svTooltip=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.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 r={};function i(e){return i="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},i(e)}function l(e){var t=function(e,t){if("object"!=i(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==i(t)?t:t+""}function a(e,t,o){return(t=l(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}n.d(r,{default:()=>v});var s=n(594);const u=(e,t,o)=>{const n=t.getBoundingClientRect(),r=n.x,i=n.y,l=n.width,a=n.height,s=e.style,u=window.pageYOffset,d=e.clientHeight+n.y+u,c=u+window.innerHeight;if(r+l+10+e.getBoundingClientRect().width>window.innerWidth&&"right"==o&&(o="left",e.classList.remove("right"),e.classList.add("left")),r-10<e.getBoundingClientRect().width&&"left"==o&&(o="top",e.classList.remove("left"),e.classList.add("top")),c-d<30||"top"==o){s.top=i+u-e.clientHeight-8+"px";const t=r+(l-e.getBoundingClientRect().width)/2;t+e.getBoundingClientRect().width<window.innerWidth?t>0?s.left=`${t}px`:(s.left="10px",e.classList.add("notArrow")):(s.left="auto",s.right="10px",e.classList.add("notArrow"))}else if("bottom"==o){s.top=`${i+u+a+8}px`;const t=r+(l-e.getBoundingClientRect().width)/2;t+e.getBoundingClientRect().width<window.innerWidth?t>0?s.left=`${t}px`:(s.left="10px",e.classList.add("notArrow")):(s.left="auto",s.right="10px",e.classList.add("notArrow"))}else"left"==o?(s.top=`${i+u+(a-e.getBoundingClientRect().height)/2}px`,s.left=r-e.getBoundingClientRect().width-8+"px"):"right"==o&&(s.top=`${i+u+(a-e.getBoundingClientRect().height)/2}px`,s.left=`${r+l+8}px`)};const d={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 n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function p(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){a(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,s.defineComponent)({name:"SvTooltip",props:p(p({},d),{},{value:{},loading:{type:Boolean,default:!1},bottom:{type:Boolean,default:!1},left:{type:Boolean,default:!1},right:{type:Boolean,default:!1},notHover:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},interactivity:{type:Boolean,default:!1},notArrow:{type:Boolean,default:!1},square:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},border:{type:Boolean,default:!1},borderThick:{type:Boolean,default:!1},delay:{type:[String,Number],default:null}}),setup(e,{slots:t,emit:o}){const n=(0,s.ref)(!1),r=(0,s.ref)(!1),i=(0,s.ref)(null),l=(0,s.ref)(null),a=()=>{const t=i.value;if(!t)return;((e,t)=>{const o=t||document.body;o.insertBefore(e,o.lastChild)})(t,document.body);let o="top";e.bottom?o="bottom":e.left?o="left":e.right&&(o="right"),u(t,l.value,o)},d=()=>{e.delay?setTimeout(()=>{n.value=!0,(0,s.nextTick)(()=>a())},Number(e.delay)):(n.value=!0,(0,s.nextTick)(()=>a()))},c=()=>{n.value=!1,o("input",!1)},p=()=>{let t="top";e.bottom?t="bottom":e.left?t="left":e.right&&(t="right");const o=i.value;o&&(0,s.nextTick)(()=>{u(o,l.value,t)})},f=e=>{e.target.closest(".sv-tooltip")||e.target.closest(".sv-tooltip-content")||c()};(0,s.watch)(()=>e.value,e=>{n.value=e,e&&(0,s.nextTick)(()=>a())}),(0,s.onMounted)(()=>{window.addEventListener("popstate",()=>{document.querySelectorAll(".sv-tooltip").forEach(e=>e.remove())}),window.addEventListener("resize",p),e.notHover&&window.addEventListener("mousedown",f),window.addEventListener("touchstart",f)}),(0,s.onBeforeUnmount)(()=>{n.value=!1,window.removeEventListener("resize",p),window.removeEventListener("mousedown",f),window.removeEventListener("touchstart",f)});const v=(0,s.getCurrentInstance)(),y=v&&v.proxy.getColor;return()=>{const o=(0,s.h)("div",{class:"sv-tooltip__loading"}),a=(0,s.h)("div",{ref:i,style:{"--sv-color":e.color?y:""},class:["sv-tooltip",{top:!e.bottom&&!e.left&&!e.right,bottom:e.bottom,left:e.left,right:e.right,shadow:e.shadow,notArrow:e.notArrow,square:e.square,circle:e.circle,border:e.border,borderThick:e.borderThick,loading:e.loading},{"sv-component--primary":!!e.primary},{"sv-component--danger":!!e.danger},{"sv-component--warn":!!e.warn},{"sv-component--success":!!e.success},{"sv-component--dark":!!e.dark}],onMouseenter:()=>{e.interactivity&&(r.value=!0,d())},onMouseleave:()=>{r.value=!1,c()}},[t.tooltip?t.tooltip():null,e.loading&&o]);return(0,s.h)("div",{ref:l,class:"sv-tooltip-content",onMouseenter:()=>{e.notHover||d()},onMouseleave:()=>{e.notHover||(e.interactivity?setTimeout(()=>{r.value||c()},250):c())}},[(0,s.h)("transition",{name:"sv-tooltip"},[n.value&&a]),t.default?t.default():null])}}});f.install=e=>{e.component("SvTooltip",f)};const v=f;return r=r.default})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sv-tooltip{--sv-color:var(--sv-text)}.sv-tooltip-enter-active,.sv-tooltip-leave-active{transition:all .25s ease}.sv-tooltip-enter,.sv-tooltip-leave-to{opacity:0}.sv-tooltip-enter.top,.sv-tooltip-leave-to.top{transform:translateY(5px)}.sv-tooltip-enter.bottom,.sv-tooltip-leave-to.bottom{transform:translateY(-5px)}.sv-tooltip-enter.left,.sv-tooltip-leave-to.left{transform:translate(5px)}.sv-tooltip-enter.right,.sv-tooltip-leave-to.right{transform:translate(-5px)}.darken .sv-tooltip{--sv-color:var(--sv-gray-3);color:#fff}.darken .sv-tooltip:not(.vs-change-color){color:#fff!important}.sv-tooltip{background:-color("color");border-radius:12px;color:-color("background");font-size:.85rem;max-width:350px;min-height:30px;min-width:30px;padding:5px 10px;position:absolute;text-align:center;z-index:1000000}.sv-tooltip.loading{color:-color("background",.2)}.sv-tooltip.loading *{opacity:.5;pointer-events:none}.sv-tooltip__loading{border-radius:50%;display:block;height:22px;left:50%;opacity:1!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}.sv-tooltip__loading:after{animation:loadingTooltip .6s ease infinite;border:2px solid -color("background",0);border-radius:inherit;border-right-color:-color("background",1)}.sv-tooltip__loading:after,.sv-tooltip__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%}.sv-tooltip__loading:before{animation:loadingTooltip .6s linear infinite;border:2px solid -color("background",0);border-radius:inherit;border-right:2px dashed -color("background",1)}.sv-tooltip.borderThick{background:-color("background");box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("color")}.sv-tooltip.borderThick.top{border-bottom:4px solid -color("color")}.sv-tooltip.borderThick.top:after{bottom:-7px}.sv-tooltip.borderThick.left{border-right:4px solid -color("color")}.sv-tooltip.borderThick.left:after{right:-7px}.sv-tooltip.borderThick.right{border-left:4px solid -color("color")}.sv-tooltip.borderThick.right:after{left:-7px}.sv-tooltip.borderThick.bottom{border-top:4px solid -color("color")}.sv-tooltip.borderThick.bottom:after{top:-7px}.sv-tooltip.borderThick:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.borderThick:after{background:-color("color")!important}.sv-tooltip.border{background:-color("background");border:2px solid -color("color");color:-color("color")}.sv-tooltip.border:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.border:after{border:2px solid -color("color");height:12px!important;width:12px!important}.sv-tooltip.circle{border-radius:20px}.sv-tooltip.square{border-radius:0}.sv-tooltip.notArrow:after{display:none}.sv-tooltip.shadow{background:-color("background");box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("color")}.sv-tooltip.shadow:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.sv-tooltip.shadow:after{box-shadow:0 2px 10px 0 -rgba(0,0,0,-var(shadow-opacity))}.sv-tooltip.isDark{--sv-color:var(--sv-gray-3);color:#fff}.sv-tooltip.top:after{border-radius:0 0 2px 0;bottom:-3px}.sv-tooltip.bottom:after,.sv-tooltip.top:after{background:inherit;content:"";height:10px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.bottom:after{border-radius:2px 0 0 0;top:-3px}.sv-tooltip.left:after{border-radius:0 2px 0 0;right:-3px}.sv-tooltip.left:after,.sv-tooltip.right:after{background:inherit;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:-2}.sv-tooltip.right:after{border-radius:0 0 0 2px;left:-3px}@keyframes loadingTooltip{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
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.vsAlert=t(require("vue")):e.vsAlert=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 l=r[e]={exports:{}};return t[e](l,l.exports,o),l.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 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 r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=l(o))return o;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,r){return(t=a(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 c(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:"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 r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-close",e.hover?`vs-icon-hover-${e.hover}`:""]},t))});function p(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 f=(0,i.defineComponent)({name:"VsIconPlus",props:{less:{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?p(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({class:["vs-icon-plus",{less:e.less}]},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);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,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?y(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const g=(0,i.defineComponent)({name:"VsAlert",props:b(b({},v),{},{solid:{type:Boolean,default:!1},border:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},flat:{type:Boolean,default:!1},relief:{type:Boolean,default:!1},value:{default:!0},hiddenContent:{type:Boolean,default:null},closable:{type:Boolean,default:!1},progress:{type:[Number,String],default:0},page:{type:[Number,String],default:0}}),setup(e,{slots:t,emit:r}){const o=(0,i.ref)(null),n=(0,i.ref)(null),l=(0,i.ref)(null),a=(0,i.ref)(null),s=(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 d(e)?n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e):r&&(n=e);return n})(e.color),c=(0,i.computed)(()=>Object.keys(t).filter(e=>-1!==e.indexOf("page")).length),p=(0,i.computed)(()=>{const r=Object.keys(t).filter(e=>-1!==e.indexOf("page")),o=[];return r.forEach(r=>{const n=r.split("-")[1];if(String(e.page)==String(n)){const e=t[r];"function"==typeof e&&o.push(e())}}),o}),v=e=>{e.style.height="0px"},y=(e,t)=>{const r=e.scrollHeight;e.style.height=r-1+"px",t&&t()},b=(e,t)=>{e.style.minHeight="0px",e.style.height="0px",t&&t()},g=()=>r("input",!e.value),h=()=>r("update:hiddenContent",!e.hiddenContent),m=()=>{Number(e.page)>1&&r("update:page",Number(e.page)-1)},O=()=>{Number(e.page)<c.value&&r("update:page",Number(e.page)+1)};return(0,i.watch)(()=>e.page,()=>{n.value&&(n.value.style.minHeight=`${n.value.scrollHeight}px`),(0,i.nextTick)(()=>{o.value&&(o.value.style.height=o.value.scrollHeight-1+"px")})}),(0,i.watch)(()=>e.hiddenContent,t=>{e.value&&o.value&&n.value&&(t?o.value.style.height=o.value.scrollHeight-n.value.scrollHeight+"px":(o.value.style.height="auto",setTimeout(()=>{o.value&&(o.value.style.height=o.value.scrollHeight-1+"px")},250)))}),(0,i.onMounted)(()=>{o.value&&n.value&&(o.value.style.height=o.value.scrollHeight-1+"px",n.value.style.minHeight=`${n.value.scrollHeight}px`)}),()=>{const r=t.icon?(0,i.h)("div",{class:"vs-alert__icon",ref:a},t.icon()):null,d=(0,i.h)("div",{class:"vs-alert__content__text",ref:l},[t.default?t.default():null,...p.value||[]]),j=(0,i.h)("transition",{onBeforeEnter:v,onEnter:y,onLeave:b},[!e.hiddenContent&&(0,i.h)("div",{class:"vs-alert__content",ref:n},[d])]),w=(0,i.h)("div",{class:{"vs-alert__title":!0,"vs-alert__title--clickHidden":"boolean"==typeof e.hiddenContent},onClick:h},[t.title?t.title():null,e.closable||"boolean"!=typeof e.hiddenContent?null:(0,i.h)(f,{less:!e.hiddenContent,onClick:h})]),P=(0,i.h)("button",{class:"vs-alert__close",onClick:g},[(0,i.h)(u,{hover:"less"})]),x=(0,i.h)("div",{class:"vs-alert__pagination"},[(0,i.h)("button",{onClick:m},"<"),(0,i.h)("span",`${e.page} / ${c.value}`),(0,i.h)("button",{onClick:O},">")]),_=(0,i.h)("div",{class:"vs-alert__footer"},[t.footer?t.footer():null]),k=(0,i.h)("div",{class:"vs-alert__progress"},[(0,i.h)("div",{class:"vs-alert__progress__bar",style:{width:`${e.progress}%`}})]),S=[e.solid?"vs-alert--solid":"",e.border?"vs-alert--border":"",e.shadow?"vs-alert--shadow":"",e.gradient?"vs-alert--gradient":"",e.flat?"vs-alert--flat":"",e.relief?"vs-alert--relief":"",p.value.length>0?"vs-alert--pages":"",e.danger||e.success||e.warn||e.dark||e.color?"":"vs-component--primary",e.danger?"vs-component--danger":"",e.warn?"vs-component--warn":"",e.success?"vs-component--success":"",e.dark?"vs-component--dark":""].filter(Boolean).join(" "),B=(0,i.h)("div",{ref:o,class:S,style:{"--vs-color":e.color?s:""}},[r,t.title&&w,j,e.closable&&P,t.footer&&_,!!e.progress&&k,c.value>0&&x]);return(0,i.h)("transition",{onBeforeEnter:v,onEnter:y,onLeave:b},[e.value&&B])}}});g.install=e=>{e.component("VsAlert",g)};const h=g;return n=n.default})());
|
|
@@ -0,0 +1 @@
|
|
|
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-alert{--vs-color:var(--vs-primary);background:-color("color",.1);border-radius:0 12px 12px 0;color:-color("color",1);font-size:.9rem;overflow:hidden;padding:0 20px;position:relative;transition:height .25s ease;width:100%;z-index:10}.vs-alert::-moz-selection{background:-color("color",.15)}.vs-alert::selection{background:-color("color",.15)}.vs-alert ::-moz-selection{background:-color("color",.15)}.vs-alert ::selection{background:-color("color",.15)}.vs-alert b{font-weight:600}.vs-alert a{color:inherit!important;text-decoration:underline}.vs-alert a:hover{opacity:.6}.vs-alert:after{background:-color("color",1);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.vs-alert--solid{background:-color("color",1);color:#fff}.vs-alert--solid .vs-alert__icon i{color:#fff}.vs-alert--solid .vs-alert__icon svg{fill:#fff}.vs-alert--solid .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--solid .vs-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--solid .vs-alert__close svg{fill:#fff}.vs-alert--solid:after{background:hsla(0,0%,100%,.4)}.vs-alert--border{background:transparent}.vs-alert--border:before{border:1px solid -color("color",1);border-left:0;border-radius:inherit;content:"";height:calc(100% - 2px);left:0;position:absolute;top:0;width:calc(100% - 2px);z-index:-1}.vs-alert--shadow{background:transparent;box-shadow:0 4px 15px 0 -color("color",.12)}.vs-alert--gradient{background:-color("color",1);border-radius:12px;color:#fff}.vs-alert--gradient .vs-alert__icon i{color:#fff}.vs-alert--gradient .vs-alert__icon svg{fill:#fff}.vs-alert--gradient .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--gradient .vs-alert__close:hover{box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--gradient .vs-alert__close svg{fill:#fff}.vs-alert--gradient:after{display:none}.vs-alert--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;content:"";filter:hue-rotate(-50deg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.vs-alert--flat{background:rgba(0,0,0,.03)}.vs-alert--relief{background:-color("color",1);border-radius:12px;box-shadow:6px 6px 0 0 -color("color",.3);color:#fff}.vs-alert--relief .vs-alert__icon i{color:#fff}.vs-alert--relief .vs-alert__icon svg{fill:#fff}.vs-alert--relief .vs-alert__close{box-shadow:0 0 0 0 rgba(0,0,0,.15);color:#fff}.vs-alert--relief .vs-alert__close:hover{background:rgba(0,0,0,.2);box-shadow:0 5px 18px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.vs-alert--relief .vs-alert__close svg{fill:#fff}.vs-alert--relief:after{display:none}.vs-alert__title{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:15px}.vs-alert__title--clickHidden{cursor:pointer;padding-right:0}.vs-alert__title~.vs-alert__content .vs-alert__content__text{padding-top:0}.vs-alert__content{overflow:hidden;transition:height .25s ease}.vs-alert__content__text{padding:20px 15px}.vs-alert__close{align-items:center;background:transparent;border:0;border-radius:10px;box-shadow:0 0 0 0 -color("color",.3);color:-color("color");display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:6px;top:9px;transition:all .25s ease;width:30px}.vs-alert__close:hover{box-shadow:0 5px 18px 0 -color("color",.3);transform:translateY(-2px)}.vs-alert__close svg{fill:-color("color")}.vs-alert__footer{align-items:center;display:flex;justify-content:flex-end;padding:0 15px 10px;position:relative;width:100%}.vs-alert__icon{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding-left:2px;position:absolute;top:0;width:50px}.vs-alert__icon i{color:-color("color",1);font-size:1.3rem}.vs-alert__icon svg{fill:-color("color",1);height:24px;width:24px}.vs-alert__icon~.vs-alert__footer{padding-left:35px}.vs-alert__icon~.vs-alert__content{padding-left:20px}.vs-alert__icon~.vs-alert__title{padding-left:35px}.vs-alert__progress{background:-color("color",.2);bottom:0;height:2px;left:0;position:absolute;width:100%}.vs-alert__progress__bar{background:-color("color",1);height:100%;left:0;position:relative;transition:all .25s ease;width:30%}.vs-alert__pagination{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding:0 20px;position:relative}.vs-alert__pagination span{font-size:.8rem;margin:0 8px;min-width:28px;text-align:center}.vs-alert__pagination button{background:transparent;background:-color("color",.1);border:0;border-radius:8px;color:-color("color",1);font-size:1rem;padding:0 7px;transition:all .25s ease}.vs-alert__pagination button:hover{background:-color("color",1);color:#fff}
|
|
@@ -0,0 +1,2 @@
|
|
|
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.vsAvatar=t(require("vue")):e.vsAvatar=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 s(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 l(e,t,r){return(t=s(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 c=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,t,r)=>{r?"#comment"!==r.nodeName&&r.style.setProperty(`--vs-${e}`,t):document.documentElement.style.setProperty(`--vs-${e}`,t)},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(i(e)){n=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else r&&(n=e);return n};function p(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?p(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(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,c.reactive)({componentColor:null,getColor:null});t.getColor=d(e&&e.color?e.color:null);const r=(0,c.computed)(()=>e&&("dark"===e.color||e.dark||"dark"===t.componentColor)),o=(0,c.computed)(()=>e&&(!!e.color||!!e.primary||!!e.success||!!e.warn||!!e.danger||!!e.dark));try{const e=(0,c.getCurrentInstance)();e&&e.proxy&&(e.proxy.getColor=t.getColor)}catch(e){}return v(v({},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 b(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){l(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,c.defineComponent)({name:"VsAvatar",props:b(b({},f),{},{badgePosition:{default:null},pointer:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},square:{type:Boolean,default:!1},history:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},historyGradient:{type:Boolean,default:!1},writing:{type:Boolean,default:!1},badge:{type:Boolean,default:!1},badgeColor:{type:String,default:""},size:{type:[String,Number],default:""}}),setup(e,{slots:t,attrs:r}){const o=(0,c.ref)(null),n=((0,c.ref)(null),(0,c.ref)(null)),{getColor:a}=y(e),s=()=>{const e=(0,c.getCurrentInstance)(),t=e&&e.proxy.$parent;return t&&t.vsAvatarGroup?t:null},l=(0,c.computed)(()=>{const e=t.text;if(!e)return[];const r=e(),o=r&&r[0];let n="";if(!o)return[];"string"==typeof o.children?n=o.children:"string"==typeof o.text?n=o.text:Array.isArray(o.children)&&(n=o.children.map(e=>"string"==typeof e?e:e.text||"").join("")),n=n.trim();let a=[n];return n.length>5&&(a=n.split(/\s/g).map(e=>e[0])),a}),d=(0,c.computed)(()=>{const e=l.value;return 0===e.length?0:e.length>1?e.length:e[0]?e[0].length:0}),p=(0,c.computed)(()=>{const e=s();return e&&e.max&&null!=n.value&&n.value>Number(e.max)-1}),v=(0,c.computed)(()=>{const e=s();return e&&n.value==Number(e.max)-1}),f=()=>{o.value&&(((e,t,r,o)=>{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&&r&&o&&r.classList.add("vs-component-dark"),n){const n=t.replace(/[rgba()]/g,"").split(",");l=`${n[0]},${n[1]},${n[2]}`,u(e,l,r),o&&r.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,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}(t);l=`${n.r},${n.g},${n.b}`,u(e,l,r),o&&r.classList.add("vs-change-color")}else i(t)?(l=window.getComputedStyle(document.body).getPropertyValue("--vs-"+t),u(e,l,r),o&&r.classList.add("vs-change-color")):a&&(u(e,t,r),o&&r.classList.add("vs-change-color"))})("badge",e.badgeColor,o.value),o.value.classList.add("vs-change-color-badge"))};return(0,c.onMounted)(()=>{f();const e=s();e&&(n.value=e.avatars.length,e.avatars.push((0,c.getCurrentInstance)()?.proxy))}),()=>{const i=(0,c.h)("div",{class:"vs-avatar__points"},[(0,c.h)("div",{class:"vs-avatar__points__point"}),(0,c.h)("div",{class:"vs-avatar__points__point"}),(0,c.h)("div",{class:"vs-avatar__points__point"})]),u=(0,c.h)("div",{class:["vs-avatar__badge",{isSlot:!!t.badge,writing:e.writing},e.badgePosition]},[e.writing?i:t.badge?t.badge():null]),f=(0,c.h)("div",{class:{"vs-avatar":!0,[`vs-avatar--letter--${d.value}`]:d.value>2}},[t.text?l.value:null,t.default?t.default():null]),y=(0,c.h)("div",{class:"vs-avatar__loading"},[(0,c.h)("div",{class:"vs-avatar__loading__animate"})]),g=s(),m=g&&null!=n.value&&g.avatars.length-n.value-1!=0?(0,c.h)("div",{class:"vs-avatar__latest"},"+"+(g.avatars.length-n.value-1)):null,h=(0,c.h)("div",{class:"vs-avatar__icons"},[t.icons?t.icons():null]),O=[e.history?"history":"",e.historyGradient?"history--gradient":"",e.circle?"vs-avatar-content--circle":"",e.square?"vs-avatar-content--square":"",p.value?"vs-avatar-content--hidden":"",v.value?"vs-avatar-content--latest":"",t.icons?"vs-avatar-content--hasIcons":"",e.size?"vs-avatar-content--size":"",e.primary?"vs-component--primary":"",e.danger?"vs-component--danger":"",e.warn?"vs-component--warn":"",e.success?"vs-component--success":"",e.dark?"vs-component--dark":"",e.color?"vs-component--is-color":""].filter(Boolean).join(" ");return(0,c.h)("div",b({ref:o,class:["vs-avatar-content",O],style:{width:`${e.size}px`,height:`${e.size}px`,cursor:e.pointer?"pointer":void 0,"--vs-color":e.color?a:""}},r),[e.loading&&y,f,t.badge||e.badge?u:null,v.value&&m,t.icons?h:null])}}});m.install=e=>{e.component("VsAvatar",m)};const h=m;return n=n.default})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vs-avatar-content{--vs-color:var(--vs-gray-2);--vs-badge:var(--vs-primary);border-radius:35%;height:44px;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px;z-index:1}.vs-avatar-content.vs-change-color-badge .vs-avatar__badge .vs-avatar__points__point{background:-color("background")}.vs-avatar-content.vs-change-color:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.1)}.vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(0,0,0,.04)}.vs-avatar-content:hover img{transform:scale(1.1)}.vs-avatar-content--size.history:after{top:-2px!important}.vs-avatar-content--hasIcons{margin-right:20px}.vs-avatar-content--hidden{display:none}.vs-avatar-content--circle{border-radius:50%!important}.vs-avatar-content--circle .vs-avatar__badge{bottom:-2px;right:-2px}.vs-avatar-content--circle .vs-avatar__badge.top-right{bottom:auto;top:-2px}.vs-avatar-content--circle .vs-avatar__badge.top-left{bottom:auto;left:-2px;right:auto;top:-2px}.vs-avatar-content--circle .vs-avatar__badge.bottom-left{left:-2px;right:auto}.vs-avatar-content--square{border-radius:0!important}.vs-avatar-content.history--gradient:after{background-image:linear-gradient(40deg,#f99b4a,#df376b 74%,#c52d91 0)!important}.vs-avatar-content.history .vs-avatar{border:2px solid -color("background");height:calc(100% - 4px);margin:2px;width:calc(100% - 4px)}.vs-avatar-content.history:after{background-color:#ffe53b;background:-color("color");border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.vs-avatar-content.vs-component--is-color .vs-avatar{color:-color("background")}.vs-avatar-content.vs-component--is-color .vs-avatar__points .vs-avatar__points__point{background:-color("background")}.vs-avatar{align-items:center;background:-color("color");border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(0,0,0,.05);color:#fff;color:-color("text");display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .25s ease;width:100%}.vs-avatar i{font-size:1.4rem}.vs-avatar img{border-radius:inherit;display:block;height:auto;transition:all .25s ease;width:100%}.vs-avatar__loading{background:rgba(0,0,0,.5);border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.vs-avatar__loading,.vs-avatar__loading__animate{align-items:center;display:flex;justify-content:center}.vs-avatar__loading__animate{border-radius:50%;height:60%;position:relative;width:60%}.vs-avatar__loading__animate:after{animation:rotateInputLoading .8s ease infinite;border:2px solid transparent;border-bottom-color:#fff;border-radius:inherit}.vs-avatar__loading__animate:after,.vs-avatar__loading__animate:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.vs-avatar__loading__animate:before{animation:rotateInputLoading .8s linear infinite;border:2px solid transparent;border-bottom:2px dashed #fff;border-radius:inherit;opacity:.2}.vs-avatar--letter--3{font-size:.9rem}.vs-avatar--letter--4{font-size:.8rem}.vs-avatar--letter--5{font-size:.7rem}.vs-avatar--letter--6{font-size:.6rem}.vs-avatar__badge{background:-color("badge");border:2px solid -color("background")!important;border-radius:50%;bottom:-4px;color:-color("text");font-size:.6rem;font-weight:700;height:13px;position:absolute;right:-4px;width:13px;z-index:200}.vs-avatar__badge.isSlot,.vs-avatar__badge.writing{align-items:center;border-radius:7px;color:-color("background");display:flex;height:auto;justify-content:center;line-height:.9rem;min-height:18px;min-width:18px;padding:0 3px;width:auto}.vs-avatar__badge.top-right{bottom:auto;top:-4px}.vs-avatar__badge.top-left{bottom:auto;left:-4px;right:auto;top:-4px}.vs-avatar__badge.bottom-left{left:-4px;right:auto}.vs-avatar__points{align-items:center;display:flex;justify-content:center;position:relative}.vs-avatar__points__point{background:-color("text");border-radius:50%;height:5px;margin:0 2px;width:5px}.vs-avatar__points__point:first-child{animation:point 1.2s ease infinite}.vs-avatar__points__point:nth-child(2){animation:point 1.2s ease .4s infinite}.vs-avatar__points__point:nth-child(3){animation:point 1.2s ease .8s infinite}.vs-avatar__latest{align-items:center;background:rgba(0,0,0,.5);border-radius:inherit;color:#fff;font-weight:600;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:300}.vs-avatar__icons,.vs-avatar__latest{display:flex;justify-content:center;position:absolute}.vs-avatar__icons{align-items:flex-end;background:-color("gray-3");border-radius:5px 5px 5px 5px;flex-direction:column;font-size:1rem;height:auto;min-height:90%;padding:3px 3px 3px 5px;right:-20px;top:50%;transform:translateY(-50%);width:auto;z-index:-1}.vs-avatar__icons i{cursor:pointer;transition:all .25s ease}.vs-avatar__icons i:hover{opacity:.7}@keyframes point{0%{opacity:1}50%{opacity:.4;transform:scale(.5)}to{opacity:1}}
|
|
@@ -0,0 +1,2 @@
|
|
|
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.vsAvatarGroup=t(require("vue")):e.vsAvatarGroup=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var u=o[e]={exports:{}};return t[e](u,u.exports,r),u.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 a={};r.d(a,{default:()=>p});var u=r(594);const n=(0,u.defineComponent)({name:"VsAvatarGroup",props:{max:{default:null},float:{type:Boolean,default:!1}},setup:(e,{slots:t})=>()=>(0,u.h)("div",{class:["vs-avatar__group",{float:e.float}]},[t.default?t.default():null])});n.install=e=>{e.component("VsAvatarGroup",n)};const p=n;return a=a.default})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vs-avatar__group{align-items:center;display:flex;justify-content:center;padding-left:18px}.vs-avatar__group.float{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;padding-left:0}.vs-avatar__group.float .vs-avatar-content{border:3px solid vs-color("background");margin:0;position:relative;z-index:2}.vs-avatar__group:not(.float) .vs-avatar-content{margin-left:-18px;position:relative;z-index:2}.vs-avatar__group:not(.float) .vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 0 0 rgba(0,0,0,.1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover img{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content .vs-avatar__latest{height:calc(100% - 6px);margin:3px;width:calc(100% - 6px)}.vs-avatar__group:not(.float) .vs-avatar-content:not(.vs-change-color) .vs-avatar{background:vs-color("background")}.vs-avatar__group:not(.float) .vs-avatar-content img{width:calc(100% - 6px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons){transform:translate(-10px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) .vs-avatar{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons{margin-right:0}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons:hover{transform:translate(-34px)!important}
|
|
@@ -0,0 +1,2 @@
|
|
|
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.vsButton=t(require("vue")):e.vsButton=t(e.Vue)}(Object("undefined"!=typeof self?self:this),e=>(()=>{"use strict";var t={594(t){t.exports=e}},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,o),l.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var a={};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 r(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=l(o))return o;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,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}o.d(a,{default:()=>b});var i=o(594);const c=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,t,n)=>{n?"#comment"!==n.nodeName&&n.style.setProperty(`--vs-${e}`,t):document.documentElement.style.setProperty(`--vs-${e}`,t)},u=e=>{const t=/^(rgb|rgba)/.test(e),n=/^(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 a;if(t){const t=e.replace(/[rgba()]/g,"").split(",");a=`${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,n,o)=>t+t+n+n+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);a=`${t.r},${t.g},${t.b}`}else if(c(e)){a=window.getComputedStyle(document.body).getPropertyValue("--vs-"+e)}else n&&(a=e);return a},p=(e,t="",n=!1)=>{const o=e.currentTarget,a=o.getBoundingClientRect(),l=e.clientX-a.left,r=e.clientY-a.top;let s=.6;o.clientWidth>150&&(s=1.2);const i=document.createElement("div");i.className="vs-ripple-content";const u=document.createElement("div");t||((e,t,n,o)=>{const a=/^(rgb|rgba)/.test(t),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(t),r=/^(#)/.test(t);let s;if("dark"==t&&n&&o&&n.classList.add("vs-component-dark"),a){const a=t.replace(/[rgba()]/g,"").split(",");s=`${a[0]},${a[1]},${a[2]}`,d(e,s,n),o&&n.classList.add("vs-change-color")}else if(r){const a=function(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,o)=>t+t+n+n+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}(t);s=`${a.r},${a.g},${a.b}`,d(e,s,n),o&&n.classList.add("vs-change-color")}else c(t)?(s=window.getComputedStyle(document.body).getPropertyValue("--vs-"+t),d(e,s,n),o&&n.classList.add("vs-change-color")):l&&(d(e,t,n),o&&n.classList.add("vs-change-color"))})("color","#fff",i),u.className="vs-ripple",n&&u.classList.add("vs-ripple--solid"),u.style.transition=`all ${s}s ease`,u.style.left=`${l}px`,u.style.top=`${r}px`,i.appendChild(u),o.appendChild(i),u.style.width=2.5*o.clientWidth+"px",u.style.height=2.5*o.clientWidth+"px",u.style.opacity="1";let p=!1;function f(e){u.style.transition=`all 0.${600*s}s ease`,setTimeout(()=>{u.style.opacity="0",setTimeout(()=>{o.removeChild(i)},300*s)},p?0:400*s),e.target.removeEventListener("mouseup",f),e.target.removeEventListener("mouseleave",f)}setTimeout(()=>{p=!0},300),e.target.addEventListener("mouseup",f),e.target.addEventListener("mouseleave",f)};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,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const m=(0,i.defineComponent)({name:"VsButton",props:v(v({},f),{},{ripple:{type:String,default:""},activeDisabled:{type:Boolean,default:!1},flat:{type:Boolean,default:!1},border:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},relief:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},floating:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},square:{type:Boolean,default:!1},size:{type:String,default:null},loading:{type:Boolean,default:!1},upload:{type:Boolean,default:!1},block:{type:Boolean,default:!1},animationType:{type:String,default:""},animateInactive:{type:Boolean,default:!1},to:{type:String,default:null},href:{type:String,default:null},blank:{type:Boolean,default:!1}}),emits:["click"],setup(e,{slots:t,attrs:n,emit:o}){const a=t=>{"reverse"===e.ripple?(e=>{const t=e.currentTarget,n=t.getBoundingClientRect(),o=e.clientX-n.left,a=e.clientY-n.top;let l=.6;t.clientWidth>150&&(l=1.2);const r=document.createElement("div");r.className="vs-ripple-content";const s=document.createElement("div");s.className="vs-ripple-invert",s.style.left=`${o}px`,s.style.top=`${a}px`,s.style.width=2.5*t.clientWidth+"px",s.style.height=2.5*t.clientWidth+"px",s.style.opacity="0",r.appendChild(s),t.appendChild(r),setTimeout(()=>{s.style.width="0px",s.style.height="0px",s.style.opacity="0.5"},1);let i=!1;function c(e){s.style.transition=`all 0.${600*l}s ease`,setTimeout(()=>{s.style.opacity="0",setTimeout(()=>{t.removeChild(r)},300*l)},i?0:400*l),e.target.removeEventListener("mouseup",c),e.target.removeEventListener("mouseleave",c)}setTimeout(()=>{i=!0},300),e.target.addEventListener("mouseup",c),e.target.addEventListener("mouseleave",c)})(t):"cut"===e.ripple?(e=>{const t=e.currentTarget,n=t.getBoundingClientRect(),o=e.clientX-n.left,a=e.clientY-n.top;let l=.6;t.clientWidth>150&&(l=1.2);const r=document.createElement("div");r.className="vs-ripple-content";const s=document.createElement("div"),i=document.createElement("div");s.className="vs-ripple-cut-1",i.className="vs-ripple-cut-2",s.style.left=i.style.left=`${o}px`,s.style.top=i.style.top=`${a}px`,s.style.width=i.style.width=2.5*t.clientWidth+"px",s.style.height=i.style.height=2.5*t.clientWidth+"px",s.style.opacity=i.style.opacity="1",r.appendChild(s),r.appendChild(i),t.appendChild(r),setTimeout(()=>{s.style.left=`-${1.3*t.clientWidth}px`,s.style.opacity="1",i.style.left=1.3*t.clientWidth+"px",i.style.opacity="1"},1);let c=!1;function d(e){s.style.transition=`all 0.${600*l}s ease`,setTimeout(()=>{s.style.opacity="0",setTimeout(()=>{t.removeChild(r)},300*l)},c?0:400*l),e.target.removeEventListener("mouseup",d),e.target.removeEventListener("mouseleave",d)}setTimeout(()=>{c=!0},300),e.target.addEventListener("mouseup",d),e.target.addEventListener("mouseleave",d)})(t):e.flat?p(t,(e.color,e.active||document.activeElement===t.currentTarget?null:"inherit"),e.flat&&!e.active&&document.activeElement!==t.currentTarget):p(t,null,!1)},l=t=>{if(e.to){const t=n,o=t.router||t.$router;o&&"function"==typeof o.push&&o.push(e.to)}else e.href&&window.open(e.href,e.blank?"_blank":"_self");o("click",t)};return()=>{const o=t.default?t.default():null,r=t.animate?t.animate():null,s=(0,i.h)("div",{class:"vs-button__loading"}),c={"--vs-color":e.color?u(e.color):""},d=[`vs-button--${n.componentColor||""}`,`vs-button--size-${e.size}`,{"vs-button--fff":"#fff"===e.color},{"vs-button--active":!!e.active},{"vs-button--active-disabled":!!e.activeDisabled},{"vs-button--icon":!!e.icon},{"vs-button--circle":!!e.circle},{"vs-button--square":!!e.square},{"vs-button--loading":!!e.loading},{"vs-button--upload":!!e.upload},{"vs-button--block":!!e.block},{"vs-button--animate":!!r},{[`vs-button--animate-${e.animationType}`]:!!e.animationType},{"vs-button--animate-inactive":!!e.animateInactive},{"vs-button--primary":!(e.danger||e.success||e.warn||e.dark||e.color)},{"vs-button--danger":!!e.danger},{"vs-button--warn":!!e.warn},{"vs-button--success":!!e.success},{"vs-button--dark":!!e.dark},{"vs-button--default":!(e.flat||e.border||e.gradient||e.relief||e.transparent||e.shadow||e.floating)},{"vs-button--flat":!!e.flat},{"vs-button--border":!!e.border},{"vs-button--gradient":!!e.gradient},{"vs-button--relief":!!e.relief},{"vs-button--transparent":!!e.transparent},{"vs-button--shadow":!!e.shadow},{"vs-button--floating":!!e.floating}],p=[(0,i.h)("div",{class:"vs-button__content"},o),r?(0,i.h)("div",{class:["vs-button__animate",`vs-button__animate--${e.animationType}`]},r):null,e.loading?s:null],f=Object.assign({},n,{class:["vs-button",d],style:c,onMousedown:a,onClick:l});return(0,i.h)("button",f,p)}}});m.install=e=>{e.component("VsButton",m)};const b=m;return a=a.default})());
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vs-ripple-content{--vs-color:inherit;border-radius:inherit;height:100px;height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100px;width:100%;z-index:-1}.vs-ripple-content .vs-ripple{background:radial-gradient(circle,-color(color,.05),-color(color,.6));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple--solid{background:-color(color,1);opacity:1}.vs-ripple-content .vs-ripple-invert{background-image:radial-gradient(circle,-color(color,.5),-color(color,0));border-radius:50%;height:0;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.vs-ripple-content .vs-ripple-cut-1{background-image:linear-gradient(270deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;width:0}.vs-ripple-content .vs-ripple-cut-2{background-image:linear-gradient(90deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));height:0;opacity:0;position:absolute;transform:translateY(-50%) skew(20deg);transition:all .6s ease;width:0}.vs-button{--vs-color:"";--vs-color-rotate:var(--vs-primary);--vs-color-darken:var(--vs-primary);--vs-button-padding:8px 12px;--vs-button-margin:5px;--vs-button-border-radius:12px;--vs-button-text-color:#fff;align-items:center;border:0;border-radius:-var(button-border-radius);box-sizing:border-box;display:flex;font-size:.8rem;justify-content:center;margin:-var(button-margin);outline:none;overflow:hidden;padding:0;position:relative;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.vs-button.vs-component-dark.vs-button--transparent{color:-color("text")!important}.vs-button--fff:focus{color:#1e1e1e!important}.vs-button__content{align-items:center;display:flex;justify-content:center;padding:-var(button-padding);width:100%}.vs-button--active-disabled{opacity:.6;pointer-events:none}.vs-button:disabled{opacity:.35;pointer-events:none}.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content i{font-size:1.15rem}.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__content{transform:translate(-100%)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__animate{transform:translate(0)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__content{opacity:0;transform:translateY(-100%)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__animate{transform:translate(0)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__content{opacity:0;transform:scale(1.4)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__animate{opacity:1;transform:scale(1)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__content{opacity:0;transform:rotate(180deg)!important}.vs-button.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__animate{opacity:1;transform:rotate(0)}.vs-button.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content,.vs-button__animate{transition:transform .25s ease}.vs-button__animate{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transform:translate(100%);width:100%}.vs-button__animate--vertical{transform:translateY(100%)}.vs-button__animate--scale{opacity:0;transform:scale(.5)}.vs-button__animate--rotate{opacity:0;transform:rotate(-180deg)}.vs-button--block{display:block;width:100%}.vs-button--upload:after{animation:btnupload .7s ease infinite;background:-color("color",.4);box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1200}.vs-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-button .vs-button__loading{align-items:center;background:-color("color",.8);border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.vs-button .vs-button__loading:after{animation:btnload .6s linear infinite;border:2px solid hsla(0,0%,100%,0);border-left:2px dotted hsla(0,0%,100%,.6);border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.vs-button .vs-button__loading:before{animation:btnload .6s ease infinite;border:2px solid hsla(0,0%,100%,0);border-left-color:#fff;border-radius:50%;box-sizing:border-box;content:"";height:17px;position:absolute;width:17px}.vs-button--size-xl{border-radius:20px}.vs-button--size-xl .vs-button__content{font-size:1.1rem;padding:15px 20px}.vs-button--size-large{border-radius:15px;font-size:1rem}.vs-button--size-large .vs-button__content{padding:10px 15px}.vs-button--size-small{border-radius:9px;font-size:.75rem}.vs-button--size-small .vs-button__content{padding:5px 10px}.vs-button--size-mini{border-radius:7px;font-size:.6rem}.vs-button--size-mini .vs-button__content{padding:3px 8px}.vs-button--circle{border-radius:25px}.vs-button--square{border-radius:0}.vs-button--icon{align-items:center;display:flex;justify-content:center}.vs-button--icon .vs-button__content{padding:8px}.vs-button--icon i{font-size:1.15rem}.vs-button--default{background:-color(color,1);color:#fff}.vs-button--default.vs-button--active,.vs-button--default:hover{box-shadow:0 10px 20px -10px -color(color,1);transform:translateY(-3px)}.vs-button--flat{background:-color(color,.15);color:-color(color,1)}.vs-button--flat.vs-button--dark{color:-color(text,1)}.vs-button--flat:hover{background:-color(color,.25)}.vs-button--flat:focus{transition:all .25s ease,background .25s ease .25s}.vs-button--flat.vs-button--active,.vs-button--flat:focus,.vs-button--floating{background:-color(color,1);color:#fff}.vs-button--floating{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-3px)}.vs-button--floating:hover{box-shadow:0 8px 20px -6px -color(color,1);transform:translateY(-6px)}.vs-button--floating.vs-button--active,.vs-button--floating:focus{box-shadow:0 0 0 0 -color(color,1);transform:translate(0)}.vs-button--border{background:-color(color,0);color:-color(color,1)}.vs-button--border:before{background:transparent;border:2px solid -color(color,1);border-radius:inherit;box-sizing:border-box;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .25s ease;width:100%}.vs-button--border:hover:before{border:2px solid -color(color,.5)}.vs-button--border.vs-button--active,.vs-button--border:focus{background:-color(color,1);color:#fff}.vs-button--gradient{background:-color("color");color:#fff;overflow:hidden}.vs-button--gradient.vs-button--primary:before,.vs-button--gradient.vs-button--success:before{filter:hue-rotate(40deg)}.vs-button--gradient:before{background:linear-gradient(30deg,-color("color",0) 33%,-color("color",1));border-radius:inherit;box-sizing:border-box;content:"";filter:hue-rotate(-40deg);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:-1}.vs-button--gradient:hover{box-shadow:0 10px 20px -10px -color("color",.7);transform:translateY(-3px)}.vs-button--gradient:hover:before{opacity:0}.vs-button--gradient.vs-button--active{box-shadow:0 10px 20px -10px rgba(0,0,0,.35);transform:translateY(-3px)}.vs-button--relief{background:-color("color");color:#fff;overflow:hidden;transform:translate(0) scale(1)}.vs-button--relief .vs-button__content{transition:all .25s ease}.vs-button--relief.vs-button--icon.vs-button--active{height:auto}.vs-button--relief:before{border-bottom:3px solid -color("color");border-radius:inherit;bottom:0;box-sizing:border-box;content:"";filter:contrast(2) grayscale(.4);height:calc(100% - 3px);left:0;pointer-events:none;position:absolute;transition:all .4s ease;width:100%;z-index:-1}.vs-button--relief:active{transform:translateY(1px)}.vs-button--relief:active .vs-button__content{padding-bottom:6px}.vs-button--relief:active:before{border-bottom:0 solid -color("color")}.vs-button--relief.vs-button--active{transform:translateY(1px)}.vs-button--relief.vs-button--active .vs-button__content{padding-bottom:6px}.vs-button--relief.vs-button--active:before{border-bottom:0 solid -color("color")}.vs-button--transparent{background:transparent;color:-color("color");overflow:hidden}.vs-button--transparent:before{background:-color("color",.1);border-radius:inherit;bottom:0;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:all .25s ease;width:100%;z-index:-1}.vs-button--transparent:active:not(.vs-button--active):before{transform:scale(.9)!important}.vs-button--transparent:hover:before{opacity:1;transform:scale(1)}.vs-button--transparent.vs-button--active:before{background:-color("color",.2);opacity:1;transform:scale(1)}.vs-button--shadow{background:-color("background");box-shadow:0 0 0 0 -rgba(0,0,0,-var(shadow-opacity));color:-color("text");overflow:hidden}.vs-button--shadow:active:not(.vs-button--active){box-shadow:0 5px 15px 0 -rgba(0,0,0,-var(shadow-opacity))!important;transform:translateY(-1px)}.vs-button--shadow.vs-button--active,.vs-button--shadow:hover{box-shadow:0 8px 25px 0 -rgba(0,0,0,-var(shadow-opacity));transform:translateY(-3px)}@keyframes btnload{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes btnupload{0%{transform:translateY(110%)}to{transform:translateY(-110%)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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%}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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)}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1,2 @@
|
|
|
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})());
|