@squirrel-cloud/ui-vue 0.1.0 → 0.2.0

package/dist/squirrel-cloud-ui-vue.umd.cjs

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.SquirrelCloudUIVue={},r.Vue))})(this,(function(r,e){"use strict";const h=(l,t)=>{const a=l.__vccOpts||l;for(const[n,o]of t)a[n]=o;return a},y={},B={class:"sq-icon is-loading","data-icon":"loading"};function k(l,t){return e.openBlock(),e.createElementBlock("span",B,t[0]||(t[0]=[e.createElementVNode("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("circle",{cx:"24",cy:"24",r:"20"})],-1)]))}const z=h(y,[["render",k]]),g=["disabled"],x=e.defineComponent({__name:"SqButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},disabled:{type:Boolean},size:{default:"md"}},setup(l){const t=l,a=e.computed(()=>{const s=[];return t.size!=="md"&&s.push(`sq-button--${t.size}`),t.type&&s.push(`is-${t.type}`),t.round&&s.push("is-round"),t.text&&s.push("is-text"),s}),n=e.computed(()=>t.loading?z:t.icon),o=e.computed(()=>t.loading||t.disabled);return(s,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["sq-button",a.value]),disabled:o.value},[e.createVNode(e.unref(f),{size:t.size},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{key:0})):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default")]),_:3},8,["size"])],10,g))}}),S={key:0,class:"sq-input-prefix"},q=["disabled","readonly"],C={key:1,class:"sq-input-suffix"},_=e.defineComponent({__name:"SqInput",props:e.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:e.mergeModels(["focus","blur","input","change"],["update:value"]),setup(l,{expose:t,emit:a}){const n=e.useSlots(),o=a,s=l,c=e.useModel(l,"value"),u=e.useTemplateRef("inputRef"),m=e.computed(()=>{const i=[];return s.size!=="md"&&i.push(`sq-input--${s.size}`),s.status&&i.push(`is-${s.status}`),s.round&&i.push("is-round"),s.disabled&&i.push("is-disabled"),i}),w=e.computed(()=>n.prefix||s.prefixIcon),I=e.computed(()=>{const i=s.showStatusIcon&&s.status;return n.suffix||i||s.suffixIcon}),N=e.computed(()=>s.suffixIcon);function T(){var i;(i=u.value)==null||i.focus()}function L(){var i;(i=u.value)==null||i.blur()}return t({focus:T,blur:L}),(i,d)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["sq-input",m.value])},[w.value?(e.openBlock(),e.createElementBlock("span",S,[e.renderSlot(i.$slots,"prefix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.prefixIcon)))])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=p=>c.value=p),class:"sq-input-inner",disabled:s.disabled,readonly:s.readonly,ref_key:"inputRef",ref:u,onFocus:d[1]||(d[1]=p=>o("focus",p)),onBlur:d[2]||(d[2]=p=>o("blur",p)),onInput:d[3]||(d[3]=p=>o("input",p)),onChange:d[4]||(d[4]=p=>o("change",p))},null,40,q),[[e.vModelText,c.value]]),I.value?(e.openBlock(),e.createElementBlock("span",C,[e.renderSlot(i.$slots,"suffix",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N.value)))])])):e.createCommentVNode("",!0)],2))}}),$=e.defineComponent({__name:"SqTag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(l){const t=l,a=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`sq-tag--${t.size}`),t.theme!=="materialize"&&t.type&&o.push(`is-${t.theme}`),t.type&&o.push(`is-${t.type}`),t.round&&o.push("is-round"),o}),n=e.computed(()=>t.size==="lg"?"md":"sm");return(o,s)=>(e.openBlock(),e.createBlock(e.unref(f),{class:e.normalizeClass(["sq-tag",a.value]),size:n.value},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class","size"]))}}),b=e.defineComponent({__name:"SqCheckTag",props:{checked:{type:Boolean,default:!1},type:{default:"primary"},round:{type:Boolean},size:{default:"md"}},emits:["change"],setup(l,{emit:t}){const a=t,n=l,o=e.computed(()=>{const c=[];return n.size!=="md"&&c.push(`sq-tag--${n.size}`),n.type&&c.push(`is-${n.type}`),n.round&&c.push("is-round"),n.checked&&c.push("is-checked"),c}),s=e.computed(()=>n.size==="lg"?"md":"sm");return(c,u)=>(e.openBlock(),e.createBlock(e.unref(f),{class:e.normalizeClass(["sq-check-tag",o.value]),size:s.value,onClick:u[0]||(u[0]=m=>a("change",!n.checked))},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["class","size"]))}}),f=e.defineComponent({__name:"SqText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(l){const t=l,a=e.computed(()=>{const o=[];return t.size!=="md"&&o.push(`s-text--${t.size}`),t.ellipsis&&o.push(t.rowNum>1?"multi-line":"single-line"),o}),n=e.computed(()=>t.ellipsis?`--row-num: ${t.rowNum}`:"");return(o,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["sq-text",a.value]),style:e.normalizeStyle(n.value)},[e.renderSlot(o.$slots,"default")],6))}});r.SqButton=x,r.SqCheckTag=b,r.SqInput=_,r.SqTag=$,r.SqText=f,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(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"})}));

package/dist/style.css

@@ -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-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-xs: 4px;--sq-radius-sm: 8px;--sq-radius-md: 12px;--sq-radius-lg: 16px;--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: 8px 8px 16px;--sq-shadow-md-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@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-border-color);--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-sm);-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-component-bg-color)}.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-component-bg-color)}}@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-bg-color)}.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-border-color);--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-sm);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-component-bg-color);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-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-border-color);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-xs);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-component-bg-color);-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-xs);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)}}
+@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)}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "files": [
@@ -40,6 +40,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@floating-ui/vue": "^1.1.9",
     "@squirrel-cloud/icons-vue": "^0.0.5",
     "vue": "^3.5.13"
   },