@squirrel-cloud/ui-vue 0.2.0 → 0.2.1

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.
@@ -1 +1 @@
1
- (function(k,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(k=typeof globalThis<"u"?globalThis:k||self,s(k.SquirrelCloudUIVue={},k.Vue))})(this,(function(k,s){"use strict";const Nt=(t,e)=>{const n=t.__vccOpts||t;for(const[o,i]of e)n[o]=i;return n},qt={},Ft={class:"sq-icon is-loading","data-icon":"loading"};function It(t,e){return s.openBlock(),s.createElementBlock("span",Ft,e[0]||(e[0]=[s.createElementVNode("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[s.createElementVNode("circle",{cx:"24",cy:"24",r:"20"})],-1)]))}const Wt=Nt(qt,[["render",It]]),Ht=["disabled"],jt=s.defineComponent({__name:"SqButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},disabled:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const r=[];return e.size!=="md"&&r.push(`sq-button--${e.size}`),e.type&&r.push(`is-${e.type}`),e.round&&r.push("is-round"),e.text&&r.push("is-text"),r}),o=s.computed(()=>e.loading?Wt:e.icon),i=s.computed(()=>e.loading||e.disabled);return(r,l)=>(s.openBlock(),s.createElementBlock("button",{class:s.normalizeClass(["sq-button",n.value]),disabled:i.value},[s.createVNode(s.unref(rt),{size:e.size},{default:s.withCtx(()=>[o.value?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(o.value),{key:0})):s.createCommentVNode("",!0),s.renderSlot(r.$slots,"default")]),_:3},8,["size"])],10,Ht))}}),Xt={key:0,class:"sq-input-prefix"},Ut=["disabled","readonly"],Yt={key:1,class:"sq-input-suffix"},Kt=s.defineComponent({__name:"SqInput",props:s.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:s.mergeModels(["focus","blur","input","change"],["update:value"]),setup(t,{expose:e,emit:n}){const o=s.useSlots(),i=n,r=t,l=s.useModel(t,"value"),c=s.useTemplateRef("inputRef"),f=s.computed(()=>{const m=[];return r.size!=="md"&&m.push(`sq-input--${r.size}`),r.status&&m.push(`is-${r.status}`),r.round&&m.push("is-round"),r.disabled&&m.push("is-disabled"),m}),a=s.computed(()=>o.prefix||r.prefixIcon),u=s.computed(()=>{const m=r.showStatusIcon&&r.status;return o.suffix||m||r.suffixIcon}),d=s.computed(()=>r.suffixIcon);function h(){var m;(m=c.value)==null||m.focus()}function p(){var m;(m=c.value)==null||m.blur()}return e({focus:h,blur:p}),(m,g)=>(s.openBlock(),s.createElementBlock("section",{class:s.normalizeClass(["sq-input",f.value])},[a.value?(s.openBlock(),s.createElementBlock("span",Xt,[s.renderSlot(m.$slots,"prefix",{},()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.prefixIcon)))])])):s.createCommentVNode("",!0),s.withDirectives(s.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=w=>l.value=w),class:"sq-input-inner",disabled:r.disabled,readonly:r.readonly,ref_key:"inputRef",ref:c,onFocus:g[1]||(g[1]=w=>i("focus",w)),onBlur:g[2]||(g[2]=w=>i("blur",w)),onInput:g[3]||(g[3]=w=>i("input",w)),onChange:g[4]||(g[4]=w=>i("change",w))},null,40,Ut),[[s.vModelText,l.value]]),u.value?(s.openBlock(),s.createElementBlock("span",Yt,[s.renderSlot(m.$slots,"suffix",{},()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(d.value)))])])):s.createCommentVNode("",!0)],2))}}),lt=Math.min,I=Math.max,J=Math.round,Q=Math.floor,L=t=>({x:t,y:t}),Gt={left:"right",right:"left",bottom:"top",top:"bottom"},Jt={start:"end",end:"start"};function ct(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function Qt(t){return t==="x"?"y":"x"}function wt(t){return t==="y"?"height":"width"}const Zt=new Set(["top","bottom"]);function _(t){return Zt.has(W(t))?"y":"x"}function yt(t){return Qt(_(t))}function te(t,e,n){n===void 0&&(n=!1);const o=Z(t),i=yt(t),r=wt(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=tt(l)),[l,tt(l)]}function ee(t){const e=tt(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>Jt[e])}const xt=["left","right"],bt=["right","left"],ne=["top","bottom"],oe=["bottom","top"];function ie(t,e,n){switch(t){case"top":case"bottom":return n?e?bt:xt:e?xt:bt;case"left":case"right":return e?ne:oe;default:return[]}}function se(t,e,n,o){const i=Z(t);let r=ie(W(t),n==="start",o);return i&&(r=r.map(l=>l+"-"+i),e&&(r=r.concat(r.map(at)))),r}function tt(t){return t.replace(/left|right|bottom|top/g,e=>Gt[e])}function re(t){return{top:0,right:0,bottom:0,left:0,...t}}function le(t){return typeof t!="number"?re(t):{top:t,right:t,bottom:t,left:t}}function et(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function St(t,e,n){let{reference:o,floating:i}=t;const r=_(e),l=yt(e),c=wt(l),f=W(e),a=r==="y",u=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,h=o[c]/2-i[c]/2;let p;switch(f){case"top":p={x:u,y:o.y-i.height};break;case"bottom":p={x:u,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-i.width,y:d};break;default:p={x:o.x,y:o.y}}switch(Z(e)){case"start":p[l]-=h*(n&&a?-1:1);break;case"end":p[l]+=h*(n&&a?-1:1);break}return p}const ce=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),f=await(l.isRTL==null?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=St(a,o,f),h=o,p={},m=0;for(let g=0;g<c.length;g++){const{name:w,fn:y}=c[g],{x,y:S,data:v,reset:C}=await y({x:u,y:d,initialPlacement:o,placement:h,strategy:i,middlewareData:p,rects:a,platform:l,elements:{reference:t,floating:e}});u=x??u,d=S??d,p={...p,[w]:{...p[w],...v}},C&&m<=50&&(m++,typeof C=="object"&&(C.placement&&(h=C.placement),C.rects&&(a=C.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):C.rects),{x:u,y:d}=St(a,h,f)),g=-1)}return{x:u,y:d,placement:h,strategy:i,middlewareData:p}};async function ae(t,e){var n;e===void 0&&(e={});const{x:o,y:i,platform:r,rects:l,elements:c,strategy:f}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=!1,padding:p=0}=ct(e,t),m=le(p),w=c[h?d==="floating"?"reference":"floating":d],y=et(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(w)))==null||n?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:u,strategy:f})),x=d==="floating"?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,S=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),v=await(r.isElement==null?void 0:r.isElement(S))?await(r.getScale==null?void 0:r.getScale(S))||{x:1,y:1}:{x:1,y:1},C=et(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:S,strategy:f}):x);return{top:(y.top-C.top+m.top)/v.y,bottom:(C.bottom-y.bottom+m.bottom)/v.y,left:(y.left-C.left+m.left)/v.x,right:(C.right-y.right+m.right)/v.x}}const fe=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:f,elements:a}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:h,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...w}=ct(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const y=W(i),x=_(c),S=W(c)===c,v=await(f.isRTL==null?void 0:f.isRTL(a.floating)),C=h||(S||!g?[tt(c)]:ee(c)),$=m!=="none";!h&&$&&C.push(...se(c,g,m,v));const b=[c,...C],B=await ae(e,w),N=[];let X=((o=r.flip)==null?void 0:o.overflows)||[];if(u&&N.push(B[y]),d){const q=te(i,l,v);N.push(B[q[0]],B[q[1]])}if(X=[...X,{placement:i,overflows:N}],!N.every(q=>q<=0)){var Pt,Vt;const q=(((Pt=r.flip)==null?void 0:Pt.index)||0)+1,gt=b[q];if(gt&&(!(d==="alignment"?x!==_(gt):!1)||X.every(A=>_(A.placement)===x?A.overflows[0]>0:!0)))return{data:{index:q,overflows:X},reset:{placement:gt}};let G=(Vt=X.filter(F=>F.overflows[0]<=0).sort((F,A)=>F.overflows[1]-A.overflows[1])[0])==null?void 0:Vt.placement;if(!G)switch(p){case"bestFit":{var $t;const F=($t=X.filter(A=>{if($){const D=_(A.placement);return D===x||D==="y"}return!0}).map(A=>[A.placement,A.overflows.filter(D=>D>0).reduce((D,Ye)=>D+Ye,0)]).sort((A,D)=>A[1]-D[1])[0])==null?void 0:$t[0];F&&(G=F);break}case"initialPlacement":G=c;break}if(i!==G)return{reset:{placement:G}}}return{}}}},ue=new Set(["left","top"]);async function de(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),l=W(n),c=Z(n),f=_(n)==="y",a=ue.has(l)?-1:1,u=r&&f?-1:1,d=ct(e,t);let{mainAxis:h,crossAxis:p,alignmentAxis:m}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return c&&typeof m=="number"&&(p=c==="end"?m*-1:m),f?{x:p*u,y:h*a}:{x:h*a,y:p*u}}const pe=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:l,middlewareData:c}=e,f=await de(e,t);return l===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+f.x,y:r+f.y,data:{...f,placement:l}}}}};function nt(){return typeof window<"u"}function P(t){return ft(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function O(t){var e;return(e=(ft(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function ft(t){return nt()?t instanceof Node||t instanceof R(t).Node:!1}function E(t){return nt()?t instanceof Element||t instanceof R(t).Element:!1}function z(t){return nt()?t instanceof HTMLElement||t instanceof R(t).HTMLElement:!1}function Ct(t){return!nt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof R(t).ShadowRoot}const me=new Set(["inline","contents"]);function U(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!me.has(i)}const he=new Set(["table","td","th"]);function ge(t){return he.has(P(t))}const we=[":popover-open",":modal"];function ot(t){return we.some(e=>{try{return t.matches(e)}catch{return!1}})}const ye=["transform","translate","scale","rotate","perspective"],xe=["transform","translate","scale","rotate","perspective","filter"],be=["paint","layout","strict","content"];function ut(t){const e=dt(),n=E(t)?T(t):t;return ye.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||xe.some(o=>(n.willChange||"").includes(o))||be.some(o=>(n.contain||"").includes(o))}function Se(t){let e=M(t);for(;z(e)&&!H(e);){if(ut(e))return e;if(ot(e))return null;e=M(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const Ce=new Set(["html","body","#document"]);function H(t){return Ce.has(P(t))}function T(t){return R(t).getComputedStyle(t)}function it(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function M(t){if(P(t)==="html")return t;const e=t.assignedSlot||t.parentNode||Ct(t)&&t.host||O(t);return Ct(e)?e.host:e}function vt(t){const e=M(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:z(e)&&U(e)?e:vt(e)}function Y(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=vt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),l=R(i);if(r){const c=pt(l);return e.concat(l,l.visualViewport||[],U(i)?i:[],c&&n?Y(c):[])}return e.concat(i,Y(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Rt(t){const e=T(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=z(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,c=J(n)!==r||J(o)!==l;return c&&(n=r,o=l),{width:n,height:o,$:c}}function mt(t){return E(t)?t:t.contextElement}function j(t){const e=mt(t);if(!z(e))return L(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Rt(e);let l=(r?J(n.width):n.width)/o,c=(r?J(n.height):n.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}const ve=L(0);function kt(t){const e=R(t);return!dt()||!e.visualViewport?ve:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Re(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==R(t)?!1:e}function V(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=mt(t);let l=L(1);e&&(o?E(o)&&(l=j(o)):l=j(t));const c=Re(r,n,o)?kt(r):L(0);let f=(i.left+c.x)/l.x,a=(i.top+c.y)/l.y,u=i.width/l.x,d=i.height/l.y;if(r){const h=R(r),p=o&&E(o)?R(o):o;let m=h,g=pt(m);for(;g&&o&&p!==m;){const w=j(g),y=g.getBoundingClientRect(),x=T(g),S=y.left+(g.clientLeft+parseFloat(x.paddingLeft))*w.x,v=y.top+(g.clientTop+parseFloat(x.paddingTop))*w.y;f*=w.x,a*=w.y,u*=w.x,d*=w.y,f+=S,a+=v,m=R(g),g=pt(m)}}return et({width:u,height:d,x:f,y:a})}function st(t,e){const n=it(t).scrollLeft;return e?e.left+n:V(O(t)).left+n}function Bt(t,e){const n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-st(t,n),i=n.top+e.scrollTop;return{x:o,y:i}}function ke(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r=i==="fixed",l=O(o),c=e?ot(e.floating):!1;if(o===l||c&&r)return n;let f={scrollLeft:0,scrollTop:0},a=L(1);const u=L(0),d=z(o);if((d||!d&&!r)&&((P(o)!=="body"||U(l))&&(f=it(o)),z(o))){const p=V(o);a=j(o),u.x=p.x+o.clientLeft,u.y=p.y+o.clientTop}const h=l&&!d&&!r?Bt(l,f):L(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-f.scrollLeft*a.x+u.x+h.x,y:n.y*a.y-f.scrollTop*a.y+u.y+h.y}}function Be(t){return Array.from(t.getClientRects())}function Ee(t){const e=O(t),n=it(t),o=t.ownerDocument.body,i=I(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=I(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+st(t);const c=-n.scrollTop;return T(o).direction==="rtl"&&(l+=I(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:c}}const Et=25;function Te(t,e){const n=R(t),o=O(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,f=0;if(i){r=i.width,l=i.height;const u=dt();(!u||u&&e==="fixed")&&(c=i.offsetLeft,f=i.offsetTop)}const a=st(o);if(a<=0){const u=o.ownerDocument,d=u.body,h=getComputedStyle(d),p=u.compatMode==="CSS1Compat"&&parseFloat(h.marginLeft)+parseFloat(h.marginRight)||0,m=Math.abs(o.clientWidth-d.clientWidth-p);m<=Et&&(r-=m)}else a<=Et&&(r+=a);return{width:r,height:l,x:c,y:f}}const Ae=new Set(["absolute","fixed"]);function Le(t,e){const n=V(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=z(t)?j(t):L(1),l=t.clientWidth*r.x,c=t.clientHeight*r.y,f=i*r.x,a=o*r.y;return{width:l,height:c,x:f,y:a}}function Tt(t,e,n){let o;if(e==="viewport")o=Te(t,n);else if(e==="document")o=Ee(O(t));else if(E(e))o=Le(e,n);else{const i=kt(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return et(o)}function At(t,e){const n=M(t);return n===e||!E(n)||H(n)?!1:T(n).position==="fixed"||At(n,e)}function Oe(t,e){const n=e.get(t);if(n)return n;let o=Y(t,[],!1).filter(c=>E(c)&&P(c)!=="body"),i=null;const r=T(t).position==="fixed";let l=r?M(t):t;for(;E(l)&&!H(l);){const c=T(l),f=ut(l);!f&&c.position==="fixed"&&(i=null),(r?!f&&!i:!f&&c.position==="static"&&!!i&&Ae.has(i.position)||U(l)&&!f&&At(t,l))?o=o.filter(u=>u!==l):i=c,l=M(l)}return e.set(t,o),o}function ze(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const l=[...n==="clippingAncestors"?ot(e)?[]:Oe(e,this._c):[].concat(n),o],c=l[0],f=l.reduce((a,u)=>{const d=Tt(e,u,i);return a.top=I(d.top,a.top),a.right=lt(d.right,a.right),a.bottom=lt(d.bottom,a.bottom),a.left=I(d.left,a.left),a},Tt(e,c,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Me(t){const{width:e,height:n}=Rt(t);return{width:e,height:n}}function De(t,e,n){const o=z(e),i=O(e),r=n==="fixed",l=V(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const f=L(0);function a(){f.x=st(i)}if(o||!o&&!r)if((P(e)!=="body"||U(i))&&(c=it(e)),o){const p=V(e,!0,r,e);f.x=p.x+e.clientLeft,f.y=p.y+e.clientTop}else i&&a();r&&!o&&i&&a();const u=i&&!o&&!r?Bt(i,c):L(0),d=l.left+c.scrollLeft-f.x-u.x,h=l.top+c.scrollTop-f.y-u.y;return{x:d,y:h,width:l.width,height:l.height}}function ht(t){return T(t).position==="static"}function Lt(t,e){if(!z(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return O(t)===n&&(n=n.ownerDocument.body),n}function Ot(t,e){const n=R(t);if(ot(t))return n;if(!z(t)){let i=M(t);for(;i&&!H(i);){if(E(i)&&!ht(i))return i;i=M(i)}return n}let o=Lt(t,e);for(;o&&ge(o)&&ht(o);)o=Lt(o,e);return o&&H(o)&&ht(o)&&!ut(o)?n:o||Se(t)||n}const _e=async function(t){const e=this.getOffsetParent||Ot,n=this.getDimensions,o=await n(t.floating);return{reference:De(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Pe(t){return T(t).direction==="rtl"}const Ve={convertOffsetParentRelativeRectToViewportRelativeRect:ke,getDocumentElement:O,getClippingRect:ze,getOffsetParent:Ot,getElementRects:_e,getClientRects:Be,getDimensions:Me,getScale:j,isElement:E,isRTL:Pe};function zt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function $e(t,e){let n=null,o;const i=O(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function l(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),r();const a=t.getBoundingClientRect(),{left:u,top:d,width:h,height:p}=a;if(c||e(),!h||!p)return;const m=Q(d),g=Q(i.clientWidth-(u+h)),w=Q(i.clientHeight-(d+p)),y=Q(u),S={rootMargin:-m+"px "+-g+"px "+-w+"px "+-y+"px",threshold:I(0,lt(1,f))||1};let v=!0;function C($){const b=$[0].intersectionRatio;if(b!==f){if(!v)return l();b?l(!1,b):o=setTimeout(()=>{l(!1,1e-7)},1e3)}b===1&&!zt(a,t.getBoundingClientRect())&&l(),v=!1}try{n=new IntersectionObserver(C,{...S,root:i.ownerDocument})}catch{n=new IntersectionObserver(C,S)}n.observe(t)}return l(!0),r}function Ne(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=o,a=mt(t),u=i||r?[...a?Y(a):[],...Y(e)]:[];u.forEach(y=>{i&&y.addEventListener("scroll",n,{passive:!0}),r&&y.addEventListener("resize",n)});const d=a&&c?$e(a,n):null;let h=-1,p=null;l&&(p=new ResizeObserver(y=>{let[x]=y;x&&x.target===a&&p&&(p.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var S;(S=p)==null||S.observe(e)})),n()}),a&&!f&&p.observe(a),p.observe(e));let m,g=f?V(t):null;f&&w();function w(){const y=V(t);g&&!zt(g,y)&&n(),g=y,m=requestAnimationFrame(w)}return n(),()=>{var y;u.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),d==null||d(),(y=p)==null||y.disconnect(),p=null,f&&cancelAnimationFrame(m)}}const qe=pe,Fe=fe,Ie=(t,e,n)=>{const o=new Map,i={platform:Ve,...n},r={...i.platform,_c:o};return ce(t,e,{...i,platform:r})};function We(t){return t!=null&&typeof t=="object"&&"$el"in t}function Mt(t){if(We(t)){const e=t.$el;return ft(e)&&P(e)==="#comment"?null:e}return t}function K(t){return typeof t=="function"?t():s.unref(t)}function Dt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function _t(t,e){const n=Dt(t);return Math.round(e*n)/n}function He(t,e,n){n===void 0&&(n={});const o=n.whileElementsMounted,i=s.computed(()=>{var b;return(b=K(n.open))!=null?b:!0}),r=s.computed(()=>K(n.middleware)),l=s.computed(()=>{var b;return(b=K(n.placement))!=null?b:"bottom"}),c=s.computed(()=>{var b;return(b=K(n.strategy))!=null?b:"absolute"}),f=s.computed(()=>{var b;return(b=K(n.transform))!=null?b:!0}),a=s.computed(()=>Mt(t.value)),u=s.computed(()=>Mt(e.value)),d=s.ref(0),h=s.ref(0),p=s.ref(c.value),m=s.ref(l.value),g=s.shallowRef({}),w=s.ref(!1),y=s.computed(()=>{const b={position:p.value,left:"0",top:"0"};if(!u.value)return b;const B=_t(u.value,d.value),N=_t(u.value,h.value);return f.value?{...b,transform:"translate("+B+"px, "+N+"px)",...Dt(u.value)>=1.5&&{willChange:"transform"}}:{position:p.value,left:B+"px",top:N+"px"}});let x;function S(){if(a.value==null||u.value==null)return;const b=i.value;Ie(a.value,u.value,{middleware:r.value,placement:l.value,strategy:c.value}).then(B=>{d.value=B.x,h.value=B.y,p.value=B.strategy,m.value=B.placement,g.value=B.middlewareData,w.value=b!==!1})}function v(){typeof x=="function"&&(x(),x=void 0)}function C(){if(v(),o===void 0){S();return}if(a.value!=null&&u.value!=null){x=o(a.value,u.value,S);return}}function $(){i.value||(w.value=!1)}return s.watch([r,l,c,i],S,{flush:"sync"}),s.watch([a,u],C,{flush:"sync"}),s.watch(i,$,{flush:"sync"}),s.getCurrentScope()&&s.onScopeDispose(v),{x:s.shallowReadonly(d),y:s.shallowReadonly(h),strategy:s.shallowReadonly(p),placement:s.shallowReadonly(m),middlewareData:s.shallowReadonly(g),isPositioned:s.shallowReadonly(w),floatingStyles:y,update:S}}const je=s.defineComponent({__name:"SqPopover",props:s.mergeModels({placement:{default:"top"},offset:{default:10},teleported:{type:Boolean},trigger:{default:"hover"},showAfter:{default:0},hideAfter:{default:300},disabled:{type:Boolean},popoverClass:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){let e;const n=t,o=s.useTemplateRef("triggerRef"),i=s.useTemplateRef("popverRef"),r=s.useModel(t,"visible"),{floatingStyles:l}=He(o,i,{placement:n.placement,whileElementsMounted:Ne,middleware:[qe(n.offset),Fe()]});s.onBeforeUnmount(()=>{h(),document.removeEventListener("click",d)});function c(){n.trigger!=="hover"||n.disabled||(h(),e=setTimeout(()=>{u()},n.showAfter))}function f(){n.trigger==="hover"&&(h(),e=setTimeout(()=>{d()},n.hideAfter))}function a(){n.trigger==="click"&&(r.value?d():n.disabled||u())}function u(){r.value=!0,document.addEventListener("click",d)}function d(){r.value=!1,document.removeEventListener("click",d)}function h(){e&&(clearTimeout(e),e=void 0)}return(p,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:"sq-popover-trigger",ref_key:"triggerRef",ref:o,onMouseenter:c,onMouseleave:f,onClick:s.withModifiers(a,["stop"])},[s.renderSlot(p.$slots,"reference")],544),(s.openBlock(),s.createBlock(s.Teleport,{to:"body",disabled:!n.teleported},[s.createVNode(s.Transition,{name:"sq-fade"},{default:s.withCtx(()=>[s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["sq-popover",p.popoverClass]),ref_key:"popverRef",ref:i,style:s.normalizeStyle(s.unref(l)),onClick:m[0]||(m[0]=s.withModifiers(()=>{},["stop"]))},[s.renderSlot(p.$slots,"default")],6),[[s.vShow,r.value]])]),_:3})],8,["disabled"]))],64))}}),Xe=s.defineComponent({__name:"SqTag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const i=[];return e.size!=="md"&&i.push(`sq-tag--${e.size}`),e.theme!=="materialize"&&e.type&&i.push(`is-${e.theme}`),e.type&&i.push(`is-${e.type}`),e.round&&i.push("is-round"),i}),o=s.computed(()=>e.size==="lg"?"md":"sm");return(i,r)=>(s.openBlock(),s.createBlock(s.unref(rt),{class:s.normalizeClass(["sq-tag",n.value]),size:o.value},{default:s.withCtx(()=>[s.renderSlot(i.$slots,"default")]),_:3},8,["class","size"]))}}),Ue=s.defineComponent({__name:"SqCheckTag",props:{checked:{type:Boolean,default:!1},type:{default:"primary"},round:{type:Boolean},size:{default:"md"}},emits:["change"],setup(t,{emit:e}){const n=e,o=t,i=s.computed(()=>{const l=[];return o.size!=="md"&&l.push(`sq-tag--${o.size}`),o.type&&l.push(`is-${o.type}`),o.round&&l.push("is-round"),o.checked&&l.push("is-checked"),l}),r=s.computed(()=>o.size==="lg"?"md":"sm");return(l,c)=>(s.openBlock(),s.createBlock(s.unref(rt),{class:s.normalizeClass(["sq-check-tag",i.value]),size:r.value,onClick:c[0]||(c[0]=f=>n("change",!o.checked))},{default:s.withCtx(()=>[s.renderSlot(l.$slots,"default")]),_:3},8,["class","size"]))}}),rt=s.defineComponent({__name:"SqText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const i=[];return e.size!=="md"&&i.push(`s-text--${e.size}`),e.ellipsis&&i.push(e.rowNum>1?"multi-line":"single-line"),i}),o=s.computed(()=>e.ellipsis?`--row-num: ${e.rowNum}`:"");return(i,r)=>(s.openBlock(),s.createElementBlock("span",{class:s.normalizeClass(["sq-text",n.value]),style:s.normalizeStyle(o.value)},[s.renderSlot(i.$slots,"default")],6))}});k.SqButton=jt,k.SqCheckTag=Ue,k.SqInput=Kt,k.SqPopover=je,k.SqTag=Xe,k.SqText=rt,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(k,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(k=typeof globalThis<"u"?globalThis:k||self,i(k.SquirrelCloudUIVue={},k.Vue))})(this,(function(k,i){"use strict";const qt=(t,e)=>{const n=t.__vccOpts||t;for(const[o,s]of e)n[o]=s;return n},Nt={},Ft={class:"sq-icon is-loading","data-icon":"loading"};function It(t,e){return i.openBlock(),i.createElementBlock("span",Ft,e[0]||(e[0]=[i.createElementVNode("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i.createElementVNode("circle",{cx:"24",cy:"24",r:"20"})],-1)]))}const Wt=qt(Nt,[["render",It]]),Ht=["disabled"],jt=i.defineComponent({__name:"SqButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},disabled:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=i.computed(()=>{const r=[];return e.size!=="md"&&r.push(`sq-button--${e.size}`),e.type&&r.push(`is-${e.type}`),e.round&&r.push("is-round"),e.text&&r.push("is-text"),r}),o=i.computed(()=>e.loading?Wt:e.icon),s=i.computed(()=>e.loading||e.disabled);return(r,l)=>(i.openBlock(),i.createElementBlock("button",{class:i.normalizeClass(["sq-button",n.value]),disabled:s.value},[i.createVNode(i.unref(rt),{size:e.size},{default:i.withCtx(()=>[o.value?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(o.value),{key:0})):i.createCommentVNode("",!0),i.renderSlot(r.$slots,"default")]),_:3},8,["size"])],10,Ht))}}),Xt={class:"sq-card"},Ut={key:0,class:"sq-card-header"},Yt=["textContent"],Kt={key:1,class:"sq-card-footer"},Gt=i.defineComponent({__name:"SqCard",props:{title:{},decorative:{type:Boolean,default:!1}},setup(t){const e=i.useSlots(),n=t;return(o,s)=>(i.openBlock(),i.createElementBlock("div",Xt,[n.title||i.unref(e).title?(i.openBlock(),i.createElementBlock("div",Ut,[i.createElementVNode("h2",{class:i.normalizeClass({"has-decorative":n.decorative}),textContent:i.toDisplayString(n.title)},null,10,Yt),i.renderSlot(o.$slots,"title")])):i.createCommentVNode("",!0),i.renderSlot(o.$slots,"default"),i.unref(e).footer?(i.openBlock(),i.createElementBlock("div",Kt,[i.renderSlot(o.$slots,"footer")])):i.createCommentVNode("",!0)]))}}),Jt={key:0,class:"sq-input-prefix"},Qt=["disabled","readonly"],Zt={key:1,class:"sq-input-suffix"},te=i.defineComponent({__name:"SqInput",props:i.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:i.mergeModels(["focus","blur","input","change"],["update:value"]),setup(t,{expose:e,emit:n}){const o=i.useSlots(),s=n,r=t,l=i.useModel(t,"value"),c=i.useTemplateRef("inputRef"),f=i.computed(()=>{const m=[];return r.size!=="md"&&m.push(`sq-input--${r.size}`),r.status&&m.push(`is-${r.status}`),r.round&&m.push("is-round"),r.disabled&&m.push("is-disabled"),m}),a=i.computed(()=>o.prefix||r.prefixIcon),u=i.computed(()=>{const m=r.showStatusIcon&&r.status;return o.suffix||m||r.suffixIcon}),d=i.computed(()=>r.suffixIcon);function h(){var m;(m=c.value)==null||m.focus()}function p(){var m;(m=c.value)==null||m.blur()}return e({focus:h,blur:p}),(m,g)=>(i.openBlock(),i.createElementBlock("section",{class:i.normalizeClass(["sq-input",f.value])},[a.value?(i.openBlock(),i.createElementBlock("span",Jt,[i.renderSlot(m.$slots,"prefix",{},()=>[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.prefixIcon)))])])):i.createCommentVNode("",!0),i.withDirectives(i.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=w=>l.value=w),class:"sq-input-inner",disabled:r.disabled,readonly:r.readonly,ref_key:"inputRef",ref:c,onFocus:g[1]||(g[1]=w=>s("focus",w)),onBlur:g[2]||(g[2]=w=>s("blur",w)),onInput:g[3]||(g[3]=w=>s("input",w)),onChange:g[4]||(g[4]=w=>s("change",w))},null,40,Qt),[[i.vModelText,l.value]]),u.value?(i.openBlock(),i.createElementBlock("span",Zt,[i.renderSlot(m.$slots,"suffix",{},()=>[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(d.value)))])])):i.createCommentVNode("",!0)],2))}}),lt=Math.min,I=Math.max,J=Math.round,Q=Math.floor,L=t=>({x:t,y:t}),ee={left:"right",right:"left",bottom:"top",top:"bottom"},ne={start:"end",end:"start"};function ct(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function oe(t){return t==="x"?"y":"x"}function wt(t){return t==="y"?"height":"width"}const ie=new Set(["top","bottom"]);function V(t){return ie.has(W(t))?"y":"x"}function yt(t){return oe(V(t))}function se(t,e,n){n===void 0&&(n=!1);const o=Z(t),s=yt(t),r=wt(s);let l=s==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=tt(l)),[l,tt(l)]}function re(t){const e=tt(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>ne[e])}const xt=["left","right"],bt=["right","left"],le=["top","bottom"],ce=["bottom","top"];function ae(t,e,n){switch(t){case"top":case"bottom":return n?e?bt:xt:e?xt:bt;case"left":case"right":return e?le:ce;default:return[]}}function fe(t,e,n,o){const s=Z(t);let r=ae(W(t),n==="start",o);return s&&(r=r.map(l=>l+"-"+s),e&&(r=r.concat(r.map(at)))),r}function tt(t){return t.replace(/left|right|bottom|top/g,e=>ee[e])}function ue(t){return{top:0,right:0,bottom:0,left:0,...t}}function de(t){return typeof t!="number"?ue(t):{top:t,right:t,bottom:t,left:t}}function et(t){const{x:e,y:n,width:o,height:s}=t;return{width:o,height:s,top:n,left:e,right:e+o,bottom:n+s,x:e,y:n}}function St(t,e,n){let{reference:o,floating:s}=t;const r=V(e),l=yt(e),c=wt(l),f=W(e),a=r==="y",u=o.x+o.width/2-s.width/2,d=o.y+o.height/2-s.height/2,h=o[c]/2-s[c]/2;let p;switch(f){case"top":p={x:u,y:o.y-s.height};break;case"bottom":p={x:u,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-s.width,y:d};break;default:p={x:o.x,y:o.y}}switch(Z(e)){case"start":p[l]-=h*(n&&a?-1:1);break;case"end":p[l]+=h*(n&&a?-1:1);break}return p}const pe=async(t,e,n)=>{const{placement:o="bottom",strategy:s="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),f=await(l.isRTL==null?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:s}),{x:u,y:d}=St(a,o,f),h=o,p={},m=0;for(let g=0;g<c.length;g++){const{name:w,fn:y}=c[g],{x,y:S,data:R,reset:C}=await y({x:u,y:d,initialPlacement:o,placement:h,strategy:s,middlewareData:p,rects:a,platform:l,elements:{reference:t,floating:e}});u=x??u,d=S??d,p={...p,[w]:{...p[w],...R}},C&&m<=50&&(m++,typeof C=="object"&&(C.placement&&(h=C.placement),C.rects&&(a=C.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:s}):C.rects),{x:u,y:d}=St(a,h,f)),g=-1)}return{x:u,y:d,placement:h,strategy:s,middlewareData:p}};async function me(t,e){var n;e===void 0&&(e={});const{x:o,y:s,platform:r,rects:l,elements:c,strategy:f}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=!1,padding:p=0}=ct(e,t),m=de(p),w=c[h?d==="floating"?"reference":"floating":d],y=et(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(w)))==null||n?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:u,strategy:f})),x=d==="floating"?{x:o,y:s,width:l.floating.width,height:l.floating.height}:l.reference,S=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),R=await(r.isElement==null?void 0:r.isElement(S))?await(r.getScale==null?void 0:r.getScale(S))||{x:1,y:1}:{x:1,y:1},C=et(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:S,strategy:f}):x);return{top:(y.top-C.top+m.top)/R.y,bottom:(C.bottom-y.bottom+m.bottom)/R.y,left:(y.left-C.left+m.left)/R.x,right:(C.right-y.right+m.right)/R.x}}const he=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:s,middlewareData:r,rects:l,initialPlacement:c,platform:f,elements:a}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:h,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...w}=ct(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const y=W(s),x=V(c),S=W(c)===c,R=await(f.isRTL==null?void 0:f.isRTL(a.floating)),C=h||(S||!g?[tt(c)]:re(c)),P=m!=="none";!h&&P&&C.push(...fe(c,g,m,R));const b=[c,...C],v=await me(e,w),q=[];let X=((o=r.flip)==null?void 0:o.overflows)||[];if(u&&q.push(v[y]),d){const N=se(s,l,R);q.push(v[N[0]],v[N[1]])}if(X=[...X,{placement:s,overflows:q}],!q.every(N=>N<=0)){var Dt,Mt;const N=(((Dt=r.flip)==null?void 0:Dt.index)||0)+1,gt=b[N];if(gt&&(!(d==="alignment"?x!==V(gt):!1)||X.every(A=>V(A.placement)===x?A.overflows[0]>0:!0)))return{data:{index:N,overflows:X},reset:{placement:gt}};let G=(Mt=X.filter(F=>F.overflows[0]<=0).sort((F,A)=>F.overflows[1]-A.overflows[1])[0])==null?void 0:Mt.placement;if(!G)switch(p){case"bestFit":{var Pt;const F=(Pt=X.filter(A=>{if(P){const z=V(A.placement);return z===x||z==="y"}return!0}).map(A=>[A.placement,A.overflows.filter(z=>z>0).reduce((z,Ze)=>z+Ze,0)]).sort((A,z)=>A[1]-z[1])[0])==null?void 0:Pt[0];F&&(G=F);break}case"initialPlacement":G=c;break}if(s!==G)return{reset:{placement:G}}}return{}}}},ge=new Set(["left","top"]);async function we(t,e){const{placement:n,platform:o,elements:s}=t,r=await(o.isRTL==null?void 0:o.isRTL(s.floating)),l=W(n),c=Z(n),f=V(n)==="y",a=ge.has(l)?-1:1,u=r&&f?-1:1,d=ct(e,t);let{mainAxis:h,crossAxis:p,alignmentAxis:m}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return c&&typeof m=="number"&&(p=c==="end"?m*-1:m),f?{x:p*u,y:h*a}:{x:h*a,y:p*u}}const ye=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:s,y:r,placement:l,middlewareData:c}=e,f=await we(e,t);return l===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:s+f.x,y:r+f.y,data:{...f,placement:l}}}}};function nt(){return typeof window<"u"}function D(t){return ft(t)?(t.nodeName||"").toLowerCase():"#document"}function B(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function O(t){var e;return(e=(ft(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function ft(t){return nt()?t instanceof Node||t instanceof B(t).Node:!1}function E(t){return nt()?t instanceof Element||t instanceof B(t).Element:!1}function _(t){return nt()?t instanceof HTMLElement||t instanceof B(t).HTMLElement:!1}function Ct(t){return!nt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof B(t).ShadowRoot}const xe=new Set(["inline","contents"]);function U(t){const{overflow:e,overflowX:n,overflowY:o,display:s}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!xe.has(s)}const be=new Set(["table","td","th"]);function Se(t){return be.has(D(t))}const Ce=[":popover-open",":modal"];function ot(t){return Ce.some(e=>{try{return t.matches(e)}catch{return!1}})}const Re=["transform","translate","scale","rotate","perspective"],ke=["transform","translate","scale","rotate","perspective","filter"],Be=["paint","layout","strict","content"];function ut(t){const e=dt(),n=E(t)?T(t):t;return Re.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||ke.some(o=>(n.willChange||"").includes(o))||Be.some(o=>(n.contain||"").includes(o))}function ve(t){let e=$(t);for(;_(e)&&!H(e);){if(ut(e))return e;if(ot(e))return null;e=$(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const Ee=new Set(["html","body","#document"]);function H(t){return Ee.has(D(t))}function T(t){return B(t).getComputedStyle(t)}function it(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function $(t){if(D(t)==="html")return t;const e=t.assignedSlot||t.parentNode||Ct(t)&&t.host||O(t);return Ct(e)?e.host:e}function Rt(t){const e=$(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:_(e)&&U(e)?e:Rt(e)}function Y(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const s=Rt(t),r=s===((o=t.ownerDocument)==null?void 0:o.body),l=B(s);if(r){const c=pt(l);return e.concat(l,l.visualViewport||[],U(s)?s:[],c&&n?Y(c):[])}return e.concat(s,Y(s,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function kt(t){const e=T(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const s=_(t),r=s?t.offsetWidth:n,l=s?t.offsetHeight:o,c=J(n)!==r||J(o)!==l;return c&&(n=r,o=l),{width:n,height:o,$:c}}function mt(t){return E(t)?t:t.contextElement}function j(t){const e=mt(t);if(!_(e))return L(1);const n=e.getBoundingClientRect(),{width:o,height:s,$:r}=kt(e);let l=(r?J(n.width):n.width)/o,c=(r?J(n.height):n.height)/s;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}const Te=L(0);function Bt(t){const e=B(t);return!dt()||!e.visualViewport?Te:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ae(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==B(t)?!1:e}function M(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const s=t.getBoundingClientRect(),r=mt(t);let l=L(1);e&&(o?E(o)&&(l=j(o)):l=j(t));const c=Ae(r,n,o)?Bt(r):L(0);let f=(s.left+c.x)/l.x,a=(s.top+c.y)/l.y,u=s.width/l.x,d=s.height/l.y;if(r){const h=B(r),p=o&&E(o)?B(o):o;let m=h,g=pt(m);for(;g&&o&&p!==m;){const w=j(g),y=g.getBoundingClientRect(),x=T(g),S=y.left+(g.clientLeft+parseFloat(x.paddingLeft))*w.x,R=y.top+(g.clientTop+parseFloat(x.paddingTop))*w.y;f*=w.x,a*=w.y,u*=w.x,d*=w.y,f+=S,a+=R,m=B(g),g=pt(m)}}return et({width:u,height:d,x:f,y:a})}function st(t,e){const n=it(t).scrollLeft;return e?e.left+n:M(O(t)).left+n}function vt(t,e){const n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-st(t,n),s=n.top+e.scrollTop;return{x:o,y:s}}function Le(t){let{elements:e,rect:n,offsetParent:o,strategy:s}=t;const r=s==="fixed",l=O(o),c=e?ot(e.floating):!1;if(o===l||c&&r)return n;let f={scrollLeft:0,scrollTop:0},a=L(1);const u=L(0),d=_(o);if((d||!d&&!r)&&((D(o)!=="body"||U(l))&&(f=it(o)),_(o))){const p=M(o);a=j(o),u.x=p.x+o.clientLeft,u.y=p.y+o.clientTop}const h=l&&!d&&!r?vt(l,f):L(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-f.scrollLeft*a.x+u.x+h.x,y:n.y*a.y-f.scrollTop*a.y+u.y+h.y}}function Oe(t){return Array.from(t.getClientRects())}function _e(t){const e=O(t),n=it(t),o=t.ownerDocument.body,s=I(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=I(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+st(t);const c=-n.scrollTop;return T(o).direction==="rtl"&&(l+=I(e.clientWidth,o.clientWidth)-s),{width:s,height:r,x:l,y:c}}const Et=25;function $e(t,e){const n=B(t),o=O(t),s=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,f=0;if(s){r=s.width,l=s.height;const u=dt();(!u||u&&e==="fixed")&&(c=s.offsetLeft,f=s.offsetTop)}const a=st(o);if(a<=0){const u=o.ownerDocument,d=u.body,h=getComputedStyle(d),p=u.compatMode==="CSS1Compat"&&parseFloat(h.marginLeft)+parseFloat(h.marginRight)||0,m=Math.abs(o.clientWidth-d.clientWidth-p);m<=Et&&(r-=m)}else a<=Et&&(r+=a);return{width:r,height:l,x:c,y:f}}const ze=new Set(["absolute","fixed"]);function Ve(t,e){const n=M(t,!0,e==="fixed"),o=n.top+t.clientTop,s=n.left+t.clientLeft,r=_(t)?j(t):L(1),l=t.clientWidth*r.x,c=t.clientHeight*r.y,f=s*r.x,a=o*r.y;return{width:l,height:c,x:f,y:a}}function Tt(t,e,n){let o;if(e==="viewport")o=$e(t,n);else if(e==="document")o=_e(O(t));else if(E(e))o=Ve(e,n);else{const s=Bt(t);o={x:e.x-s.x,y:e.y-s.y,width:e.width,height:e.height}}return et(o)}function At(t,e){const n=$(t);return n===e||!E(n)||H(n)?!1:T(n).position==="fixed"||At(n,e)}function De(t,e){const n=e.get(t);if(n)return n;let o=Y(t,[],!1).filter(c=>E(c)&&D(c)!=="body"),s=null;const r=T(t).position==="fixed";let l=r?$(t):t;for(;E(l)&&!H(l);){const c=T(l),f=ut(l);!f&&c.position==="fixed"&&(s=null),(r?!f&&!s:!f&&c.position==="static"&&!!s&&ze.has(s.position)||U(l)&&!f&&At(t,l))?o=o.filter(u=>u!==l):s=c,l=$(l)}return e.set(t,o),o}function Me(t){let{element:e,boundary:n,rootBoundary:o,strategy:s}=t;const l=[...n==="clippingAncestors"?ot(e)?[]:De(e,this._c):[].concat(n),o],c=l[0],f=l.reduce((a,u)=>{const d=Tt(e,u,s);return a.top=I(d.top,a.top),a.right=lt(d.right,a.right),a.bottom=lt(d.bottom,a.bottom),a.left=I(d.left,a.left),a},Tt(e,c,s));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Pe(t){const{width:e,height:n}=kt(t);return{width:e,height:n}}function qe(t,e,n){const o=_(e),s=O(e),r=n==="fixed",l=M(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const f=L(0);function a(){f.x=st(s)}if(o||!o&&!r)if((D(e)!=="body"||U(s))&&(c=it(e)),o){const p=M(e,!0,r,e);f.x=p.x+e.clientLeft,f.y=p.y+e.clientTop}else s&&a();r&&!o&&s&&a();const u=s&&!o&&!r?vt(s,c):L(0),d=l.left+c.scrollLeft-f.x-u.x,h=l.top+c.scrollTop-f.y-u.y;return{x:d,y:h,width:l.width,height:l.height}}function ht(t){return T(t).position==="static"}function Lt(t,e){if(!_(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return O(t)===n&&(n=n.ownerDocument.body),n}function Ot(t,e){const n=B(t);if(ot(t))return n;if(!_(t)){let s=$(t);for(;s&&!H(s);){if(E(s)&&!ht(s))return s;s=$(s)}return n}let o=Lt(t,e);for(;o&&Se(o)&&ht(o);)o=Lt(o,e);return o&&H(o)&&ht(o)&&!ut(o)?n:o||ve(t)||n}const Ne=async function(t){const e=this.getOffsetParent||Ot,n=this.getDimensions,o=await n(t.floating);return{reference:qe(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Fe(t){return T(t).direction==="rtl"}const Ie={convertOffsetParentRelativeRectToViewportRelativeRect:Le,getDocumentElement:O,getClippingRect:Me,getOffsetParent:Ot,getElementRects:Ne,getClientRects:Oe,getDimensions:Pe,getScale:j,isElement:E,isRTL:Fe};function _t(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function We(t,e){let n=null,o;const s=O(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function l(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),r();const a=t.getBoundingClientRect(),{left:u,top:d,width:h,height:p}=a;if(c||e(),!h||!p)return;const m=Q(d),g=Q(s.clientWidth-(u+h)),w=Q(s.clientHeight-(d+p)),y=Q(u),S={rootMargin:-m+"px "+-g+"px "+-w+"px "+-y+"px",threshold:I(0,lt(1,f))||1};let R=!0;function C(P){const b=P[0].intersectionRatio;if(b!==f){if(!R)return l();b?l(!1,b):o=setTimeout(()=>{l(!1,1e-7)},1e3)}b===1&&!_t(a,t.getBoundingClientRect())&&l(),R=!1}try{n=new IntersectionObserver(C,{...S,root:s.ownerDocument})}catch{n=new IntersectionObserver(C,S)}n.observe(t)}return l(!0),r}function He(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:s=!0,ancestorResize:r=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=o,a=mt(t),u=s||r?[...a?Y(a):[],...Y(e)]:[];u.forEach(y=>{s&&y.addEventListener("scroll",n,{passive:!0}),r&&y.addEventListener("resize",n)});const d=a&&c?We(a,n):null;let h=-1,p=null;l&&(p=new ResizeObserver(y=>{let[x]=y;x&&x.target===a&&p&&(p.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var S;(S=p)==null||S.observe(e)})),n()}),a&&!f&&p.observe(a),p.observe(e));let m,g=f?M(t):null;f&&w();function w(){const y=M(t);g&&!_t(g,y)&&n(),g=y,m=requestAnimationFrame(w)}return n(),()=>{var y;u.forEach(x=>{s&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),d==null||d(),(y=p)==null||y.disconnect(),p=null,f&&cancelAnimationFrame(m)}}const je=ye,Xe=he,Ue=(t,e,n)=>{const o=new Map,s={platform:Ie,...n},r={...s.platform,_c:o};return pe(t,e,{...s,platform:r})};function Ye(t){return t!=null&&typeof t=="object"&&"$el"in t}function $t(t){if(Ye(t)){const e=t.$el;return ft(e)&&D(e)==="#comment"?null:e}return t}function K(t){return typeof t=="function"?t():i.unref(t)}function zt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function Vt(t,e){const n=zt(t);return Math.round(e*n)/n}function Ke(t,e,n){n===void 0&&(n={});const o=n.whileElementsMounted,s=i.computed(()=>{var b;return(b=K(n.open))!=null?b:!0}),r=i.computed(()=>K(n.middleware)),l=i.computed(()=>{var b;return(b=K(n.placement))!=null?b:"bottom"}),c=i.computed(()=>{var b;return(b=K(n.strategy))!=null?b:"absolute"}),f=i.computed(()=>{var b;return(b=K(n.transform))!=null?b:!0}),a=i.computed(()=>$t(t.value)),u=i.computed(()=>$t(e.value)),d=i.ref(0),h=i.ref(0),p=i.ref(c.value),m=i.ref(l.value),g=i.shallowRef({}),w=i.ref(!1),y=i.computed(()=>{const b={position:p.value,left:"0",top:"0"};if(!u.value)return b;const v=Vt(u.value,d.value),q=Vt(u.value,h.value);return f.value?{...b,transform:"translate("+v+"px, "+q+"px)",...zt(u.value)>=1.5&&{willChange:"transform"}}:{position:p.value,left:v+"px",top:q+"px"}});let x;function S(){if(a.value==null||u.value==null)return;const b=s.value;Ue(a.value,u.value,{middleware:r.value,placement:l.value,strategy:c.value}).then(v=>{d.value=v.x,h.value=v.y,p.value=v.strategy,m.value=v.placement,g.value=v.middlewareData,w.value=b!==!1})}function R(){typeof x=="function"&&(x(),x=void 0)}function C(){if(R(),o===void 0){S();return}if(a.value!=null&&u.value!=null){x=o(a.value,u.value,S);return}}function P(){s.value||(w.value=!1)}return i.watch([r,l,c,s],S,{flush:"sync"}),i.watch([a,u],C,{flush:"sync"}),i.watch(s,P,{flush:"sync"}),i.getCurrentScope()&&i.onScopeDispose(R),{x:i.shallowReadonly(d),y:i.shallowReadonly(h),strategy:i.shallowReadonly(p),placement:i.shallowReadonly(m),middlewareData:i.shallowReadonly(g),isPositioned:i.shallowReadonly(w),floatingStyles:y,update:S}}const Ge=i.defineComponent({__name:"SqPopover",props:i.mergeModels({placement:{default:"top"},offset:{default:10},teleported:{type:Boolean},trigger:{default:"hover"},showAfter:{default:0},hideAfter:{default:300},disabled:{type:Boolean},popoverClass:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){let e;const n=t,o=i.useTemplateRef("triggerRef"),s=i.useTemplateRef("popverRef"),r=i.useModel(t,"visible"),{floatingStyles:l}=Ke(o,s,{placement:n.placement,whileElementsMounted:He,middleware:[je(n.offset),Xe()]});i.onBeforeUnmount(()=>{h(),document.removeEventListener("click",d)});function c(){n.trigger!=="hover"||n.disabled||(h(),e=setTimeout(()=>{u()},n.showAfter))}function f(){n.trigger==="hover"&&(h(),e=setTimeout(()=>{d()},n.hideAfter))}function a(){n.trigger==="click"&&(r.value?d():n.disabled||u())}function u(){r.value=!0,document.addEventListener("click",d)}function d(){r.value=!1,document.removeEventListener("click",d)}function h(){e&&(clearTimeout(e),e=void 0)}return(p,m)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("span",{class:"sq-popover-trigger",ref_key:"triggerRef",ref:o,onMouseenter:c,onMouseleave:f,onClick:i.withModifiers(a,["stop"])},[i.renderSlot(p.$slots,"reference")],544),(i.openBlock(),i.createBlock(i.Teleport,{to:"body",disabled:!n.teleported},[i.createVNode(i.Transition,{name:"sq-fade"},{default:i.withCtx(()=>[i.withDirectives(i.createElementVNode("div",{class:i.normalizeClass(["sq-popover",p.popoverClass]),ref_key:"popverRef",ref:s,style:i.normalizeStyle(i.unref(l)),onClick:m[0]||(m[0]=i.withModifiers(()=>{},["stop"]))},[i.renderSlot(p.$slots,"default")],6),[[i.vShow,r.value]])]),_:3})],8,["disabled"]))],64))}}),Je=i.defineComponent({__name:"SqTag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=i.computed(()=>{const s=[];return e.size!=="md"&&s.push(`sq-tag--${e.size}`),e.theme!=="materialize"&&e.type&&s.push(`is-${e.theme}`),e.type&&s.push(`is-${e.type}`),e.round&&s.push("is-round"),s}),o=i.computed(()=>e.size==="lg"?"md":"sm");return(s,r)=>(i.openBlock(),i.createBlock(i.unref(rt),{class:i.normalizeClass(["sq-tag",n.value]),size:o.value},{default:i.withCtx(()=>[i.renderSlot(s.$slots,"default")]),_:3},8,["class","size"]))}}),Qe=i.defineComponent({__name:"SqCheckTag",props:{checked:{type:Boolean,default:!1},type:{default:"primary"},round:{type:Boolean},size:{default:"md"}},emits:["change"],setup(t,{emit:e}){const n=e,o=t,s=i.computed(()=>{const l=[];return o.size!=="md"&&l.push(`sq-tag--${o.size}`),o.type&&l.push(`is-${o.type}`),o.round&&l.push("is-round"),o.checked&&l.push("is-checked"),l}),r=i.computed(()=>o.size==="lg"?"md":"sm");return(l,c)=>(i.openBlock(),i.createBlock(i.unref(rt),{class:i.normalizeClass(["sq-check-tag",s.value]),size:r.value,onClick:c[0]||(c[0]=f=>n("change",!o.checked))},{default:i.withCtx(()=>[i.renderSlot(l.$slots,"default")]),_:3},8,["class","size"]))}}),rt=i.defineComponent({__name:"SqText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(t){const e=t,n=i.computed(()=>{const s=[];return e.size!=="md"&&s.push(`s-text--${e.size}`),e.ellipsis&&s.push(e.rowNum>1?"multi-line":"single-line"),s}),o=i.computed(()=>e.ellipsis?`--row-num: ${e.rowNum}`:"");return(s,r)=>(i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(["sq-text",n.value]),style:i.normalizeStyle(o.value)},[i.renderSlot(s.$slots,"default")],6))}});k.SqButton=jt,k.SqCard=Gt,k.SqCheckTag=Qe,k.SqInput=te,k.SqPopover=Ge,k.SqTag=Je,k.SqText=rt,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 247.86);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 0 253);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 6px 6px 12px;--sq-shadow-md-light: -6px -6px 12px;--sq-shadow-lg-dark: 8px 8px 16px;--sq-shadow-lg-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@layer theme{.sq-fade-enter-active,.sq-fade-leave-active{transition:opacity var(--sq-transition-base)}.sq-fade-enter-from,.sq-fade-leave-to{opacity:0}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: transparent;--button-shadow-color: var(--sq-border-color)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled);pointer-events:none}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color);padding:var(--sq-padding-sm);line-height:1.4;color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:transparent;border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}.sq-check-tag:hover{color:var(--tag-color-hover)!important;background-color:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff!important;background-color:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background-color:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}
1
+ @layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 247.86);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 0 253);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 6px 6px 12px;--sq-shadow-md-light: -6px -6px 12px;--sq-shadow-lg-dark: 8px 8px 16px;--sq-shadow-lg-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@layer theme{.sq-fade-enter-active,.sq-fade-leave-active{transition:opacity var(--sq-transition-base)}.sq-fade-enter-from,.sq-fade-leave-to{opacity:0}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: transparent;--button-shadow-color: var(--sq-border-color)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color);background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card .sq-card-header{margin-bottom:var(--sq-padding-md);line-height:1;display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-left:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-top:var(--sq-padding-md)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled);pointer-events:none}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color);padding:var(--sq-padding-sm);line-height:1.4;color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:transparent;border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}.sq-check-tag:hover{color:var(--tag-color-hover)!important;background-color:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff!important;background-color:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background-color:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@squirrel-cloud/ui-vue",
3
3
  "description": "松鼠的坚果屋前端VUE框架",
4
4
  "license": "GPL-3.0",
5
- "version": "0.2.0",
5
+ "version": "0.2.1",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "files": [