@toife/vue 1.0.0 → 1.0.1

package/dist/index.umd.js

@@ -1 +1 @@
-(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVueI18n={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,w){"use strict";const S=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),E=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},O=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("dblclick",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("gesturestart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!S(t.target)&&E()})},k=(t,o)=>{const r=t.__vccOpts||t;for(const[s,l]of o)r[s]=l;return r},X={},L={class:"t-app"};function R(t,o){return e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(t.$slots,"default")])}const A=k(X,[["render",R]]),q=k(e.defineComponent({__name:"t-cable",props:{keyboard:{default:0},placement:{default:"bottom"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:o.keyboard>0,[o.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":o.keyboard+"px","--t-keyboard-transition":o.keyboard>0?"0.3s":"0.1s"})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-3a6a070c"]]),I=k(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-default-10)"}},setup(t){return(o,r)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:t.size,height:t.size,borderTopColor:t.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-82ecd6f5"]]),U={key:0,class:"loader"},N=k(e.defineComponent({__name:"t-button",props:{color:{default:""},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(t){const o=t,r=e.computed(()=>{let s;return o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--color":"var(--t-color-default-1)","--background-color":"var(--t-color-"+o.color+"-6)"}:s={"--color":"var(--t-color-default-1)","--background-color":o.color}:s={"--color":"var(--t-color-default-10)","--background-color":"transparent"},s});return(s,l)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":o.activeBackground,rounded:o.rounded,block:o.block,["size-"+o.size]:!0,["variant-"+o.variant]:!0}]),style:e.normalizeStyle(r.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(s.$slots,"default",{},void 0,!0)],512),[[e.vShow,!o.loading]]),o.loading?(e.openBlock(),e.createElementBlock("span",U,[e.createVNode(I,{color:"var(--color)",type:o.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-e6b432c9"]]),F=e.defineComponent({__name:"t-card",props:{shadow:{type:Boolean,default:!0}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-card",{shadow:o.shadow}])},[e.renderSlot(r.$slots,"default")],2))}}),Y={},j={class:"t-content"};function G(t,o){return e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const M=k(Y,[["render",G],["__scopeId","data-v-ea276571"]]),V=80,W=k(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(t,{emit:o}){const r=o,s=e.ref(0),l=e.ref(!1),a=e.ref();let d,p=!1;const h=()=>{l.value=!1,s.value=0,d&&d.cancel(),setTimeout(()=>{p=!1},2e3)},m=()=>{p=!0,l.value=!0,s.value=V,r("refresh",h)};return e.watch(()=>a.value,()=>{d&&d.destroy();let u=a.value.closest(".t-screen");d=$.gesture(u,{options:{minDist:60},move({dy:_}){l.value||p||_<0||(_>=120?m():s.value=_)},up({dy:_}){l.value||p||(_>V?m():s.value=0)},cancel(){l.value=!1,s.value=0}})}),e.onUnmounted(()=>{d&&d.destroy()}),(u,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${s.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:l.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,s.value>0]])}}),[["__scopeId","data-v-7f97bb1a"]]),H={},v={class:"t-screen"};function J(t,o){return e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const x=k(H,[["render",J],["__scopeId","data-v-d749ca41"]]),C=k(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(t,{expose:o,emit:r}){const s=e.ref(0),l=e.ref(!1),a=e.ref(),d=e.ref(),p=t,h=r,m=e.computed(()=>l.value||p.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),_=c=>{p.backdrop?c?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=c.backdropOpacity):u["--t-present-backdrop-opacity"]="0",c?.transition&&(u["--t-present-transition"]=c.transition,u["--t-present-transition"]=c.transition),c?.contentTransform&&(u["--t-present-content-transform"]=c.contentTransform),c?.contentOpacity&&(u["--t-present-content-opacity"]=c.contentOpacity)},n=()=>{_({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},i=()=>{let c="0px",g="1";p.placement=="bottom"||p.placement=="right"?c="100%":p.placement=="top"||p.placement=="left"?c="-100%":p.placement=="center"&&(c="0px",g="0"),_({contentTransform:c,transition:"0.2s",contentOpacity:g,backdropOpacity:"0"})};e.watch(()=>p.visible,()=>{p.visible?(l.value=!0,s.value=te.getNewIndex(),setTimeout(()=>{n()},50)):(i(),setTimeout(()=>{l.value=!1},200))}),o({render:_,open:n,close:i});let y;return e.watch(()=>a.value,c=>{c&&(y=$.gesture(a.value,{beforeEvent(g){return g.stopPropagation(),S(g.target)||(g.preventDefault(),E()),g.type=="pointerup"},up(){h("dismiss","backdrop")}}))}),e.onUnmounted(()=>{y&&y.destroy()}),i(),(c,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[c.placement]:!0}]),ref_key:"present",ref:d,style:e.normalizeStyle({...u,zIndex:s.value})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)),[[e.vShow,l.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:a,style:e.normalizeStyle({...u,zIndex:s.value-1})},null,4)),[[e.vShow,l.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-e1a8315e"]]),K={key:0,class:"t-alert-header"},Q={class:"t-alert-content"},Z={class:"t-alert-footer"},ee=k(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(t,{expose:o,emit:r}){const s=t,l=e.ref(!1),a=r,d=e.ref();let p;const h=e.ref(!1),m=()=>{l.value=!0},u=n=>{l.value=!1,n.handler&&n.handler(),a("close",n?.data)},_=n=>{n=="backdrop"&&(h.value=!0,setTimeout(()=>{h.value=!1},300))};return o({open:m}),e.watch(()=>d.value,n=>{n&&(p=$.gesture(d.value,{beforeEvent(i){return i.stopPropagation(),S(i.target)||(i.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(n,i)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:l.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:h.value}]),ref_key:"container",ref:d},[e.renderSlot(n.$slots,"header",{},()=>[s.title?(e.openBlock(),e.createElementBlock("div",K,e.toDisplayString(s.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(n.$slots,"content",{},()=>[e.createElementVNode("div",Q,e.toDisplayString(s.message),1)],!0),e.renderSlot(n.$slots,"footer",{},()=>[e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.actions,y=>(e.openBlock(),e.createBlock(N,{color:y.color,variant:y.variant,onClick:c=>u(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-3bd5f2f6"]]),D=e.ref(1e3),te={getNewIndex(){return D.value+=2,D.value}},B=e.reactive([]),f={screens:B,addScreen:t=>{B.push(t)},removeScreen:t=>{t||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},ne=k(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(t,{emit:o}){let r={};const s=w.useRouter(),l=w.useRoute(),a=s.getRoutes(),d=e.ref(!1),p=o;for(let n of a)r[n.name]=n.components;const h=n=>{n&&f.addScreen({name:n,target:null,component:e.markRaw(r[n]||null)})},m=(n,i)=>{!i||f.screens[n].target||(f.screens[n].target=i.$el,n>0&&(d.value=!0,i.$el.style.transform="translateX(100vw)",i.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{i.$el.style.transition="transform 0.35s ease",i.$el.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),f.screens.length>1&&(f.lastScreen.value.target.style.transitionOrigin="left center",f.lastScreen.value.target.style.transition="transform 0.35s ease",f.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{p("change"),d.value=!1},400)},100)))},u=()=>{f.currentScreen.value.target.style.transition="transform 0.35s ease",f.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",f.lastScreen.value.target.style.transition="transform 0.35s ease",f.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),d.value=!0,setTimeout(()=>{f.removeScreen(),p("change"),d.value=!1},400)};h(l.name),e.watch(()=>l.name,(n,i)=>{n!=f.currentScreen.value.name&&(f.lastScreen.value?.name==n?u():h(n))});const _=()=>{d.value=!0;const n=f.currentScreen.value.target,i=f.lastScreen.value.target;n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",i.style.transition="transform 0.35s ease",i.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{d.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(n){return d.value||f.screens.length<2?!1:(n.type=="pointerdown"&&!this.pointerId&&(this.pointerId=n.pointerId),this.pointerId==n.pointerId)},afterEvent(n){(n.type=="pointerup"||n.type=="pointercancel")&&(this.pointerId=null)},fast({d:n}){n=="right"&&s.back()},move({dx:n}){const i=window.innerWidth,y=n/i*100,c=f.currentScreen.value.target,g=f.lastScreen?.value?.target;if(n>0&&n<=i){c.style.transition="transform 0s ease",c.style.transform=`translateX(${n}px)`,g.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),g.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${y}))) scale(${.5+.5/100*y}) perspective(100vw) rotateY(${30-30/100*y}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*y}`);return}},up({dx:n}){const i=window.innerWidth;n/i*100>=50?s.back():_()},cancel(){_()}})}),(n,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f).screens,(y,c)=>(e.openBlock(),e.createBlock(x,{ref_for:!0,ref:g=>m(c,g),style:e.normalizeStyle({zIndex:c+(c==e.unref(f).screens.length-1?2:1)}),key:c},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(f).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a1b1d45a"]]),oe=k(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[o.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":o.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-c4ccb0ee"]]),re=k(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const o=w.useRouter(),r=t,s=()=>{f.hasPrevious.value?o.back():r.to&&o.push(r.to)};return(l,a)=>l.to||e.unref(f).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:s},[e.renderSlot(l.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-45c48e0f"]]),T=k(e.defineComponent({__name:"t-text",props:{color:{default:"default"},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>{let s,l=o.color;return o.size=="standard"?s="var(--t-fs-10)":o.size=="small"?s="var(--t-fs-08)":o.size=="large"?s="var(--t-fs-12)":s=o.size,["warning","info","danger","primary","secondary","success"].includes(o.color)&&(l=`var(--t-color-${o.color}-8)`),{"--color":l,"--font-size":s}});return(s,l)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(r.value)},[e.renderSlot(s.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-12c8835a"]]),P=k(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(t){return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[o.placement]:!0}])},null,2))}}),[["__scopeId","data-v-b410cb84"]]),se=k(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-default-3)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(),a=e.ref(),d=e.ref(!1);let p=null;const h=e.computed(()=>{if(r.placement=="bottom")return"down";if(r.placement=="top")return"up";if(r.placement=="left")return"left";if(r.placement=="right")return"right"}),m=_=>{s("dismiss",_)},u=()=>{d.value=!0,setTimeout(()=>{d.value=!1},300)};return e.watch(()=>l.value,_=>{_&&(p=$.gesture(l.value,{options:{minDist:30},pointerId:null,beforeEvent(n){let i=!1,y=!1;return d.value||!r.gesture||r.placement=="center"?i=!0:this.pointerId?(i=!0,y=this.pointerId==n.pointerId):n.type=="pointerdown"&&(this.pointerId=n.pointerId,i=!0,y=!0),i&&(n.stopPropagation(),S(n.target)||(n.preventDefault(),E())),y},afterEvent(n){(n.type=="pointerup"||n.type=="pointercancel")&&(this.pointerId=null)},fast({d:n}){u(),n==h.value?s("dismiss","gesture"):a.value.open()},move({dy:n,dx:i,d:y}){if(y!=h.value)return;let c=0;r.placement=="bottom"||r.placement=="top"?c=n:c=i,a.value.render({contentTransform:c+"px",transition:"0s"})},up({dy:n,dx:i,d:y}){if(u(),y!=h.value){a.value.open();return}let c,g,z;r.placement=="bottom"||r.placement=="top"?(c=l.value.offsetHeight,z=n):(c=l.value.offsetWidth,z=i),g=z/c*100,g>50?s("dismiss","gesture"):a.value.open()},cancel(){u(),a.value.open()}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(_,n)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:a,placement:r.placement,backdrop:_.backdrop,visible:r.visible,keepalive:r.keepalive,onDismiss:m},{default:e.withCtx(()=>[r.gesture&&r.placement!="center"?(e.openBlock(),e.createBlock(P,{key:0,placement:r.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:r.fullscreen,[r.placement]:!0,rounded:_.rounded}]),style:e.normalizeStyle({"--background":r.background}),ref_key:"sheet",ref:l},[r.closeButton&&r.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-sheet-close",onClick:n[0]||(n[0]=i=>m("close-button"))},[e.renderSlot(_.$slots,"close-icon",{},()=>[n[1]||(n[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-cc940bf9"]]),le={class:"t-input-label"},ae={class:"t-input-content"},ce=["type","placeholder","value"],ie=k(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:o}){const r=t,s=o,l=a=>{s("update:modelValue",a.target.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:r.rounded,["size-"+r.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",le,e.toDisplayString(a.label),1),e.createElementVNode("div",ae,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:l},null,40,ce),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),r.error?(e.openBlock(),e.createBlock(T,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.error),1)]),_:1})):r.help?(e.openBlock(),e.createBlock(T,{key:1,color:"var(--t-color-default-7)"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-a7db63ef"]]),de={};function pe(t,o){return e.openBlock(),e.createElementBlock("textarea")}const me=k(de,[["render",pe]]),fe={};function ue(t,o){return e.openBlock(),e.createElementBlock("div")}const _e=k(fe,[["render",ue]]),ye={},ke={class:"t-grid"};function he(t,o){return e.openBlock(),e.createElementBlock("div",ke)}const ge=k(ye,[["render",he]]),be={},Be={class:"t-grid-item"};function $e(t,o){return e.openBlock(),e.createElementBlock("div",Be)}const Se=k(be,[["render",$e]]),Ee=k(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[o.type]:!0}])},null,2))}}),[["__scopeId","data-v-0d783bfa"]]),we=k(e.defineComponent({__name:"t-toogle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(!1),a=e.ref(),d=e.computed(()=>{let m=r.color;return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(m=`var(--t-color-${r.color}-6)`),{"--color":m}}),p=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=p();m&&(l.value=m.type!="password",s("change",l.value))});const h=()=>{let m=p();m&&(l.value=!l.value,l.value?m.type="text":m.type="password",s("change",l.value))};return(m,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toogle",ref:a,class:"t-toogle-password",style:e.normalizeStyle(d.value),onClick:h},[l.value?e.renderSlot(m.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),l.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-2b04c3c9"]]),Ce=k(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>o.size=="small"?"24px":o.size=="standard"?"40px":o.size=="large"?"60px":o.size);return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:s.square}]),style:e.normalizeStyle({"--size":r.value})},[e.renderSlot(s.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Te={class:"t-collapse-title"},ze={key:0,class:"icon"},Ie={key:1,class:"icon"},Ne={class:"t-collapse-content"},Ve=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(!1),a=e.ref(""),d=e.ref(),p=()=>{l.value=!l.value,a.value=`calc(${d.value.offsetHeight}px + 2rem)`,s("change",l.value)};return s("change",l.value),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:l.value}]),style:e.normalizeStyle({"--height":a.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:p},[e.renderSlot(h.$slots,"icon"),e.createElementVNode("div",Te,[e.renderSlot(h.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])]),e.renderSlot(h.$slots,"toogle",{},()=>[l.value?(e.openBlock(),e.createElementBlock("div",ze,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ie,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Ne,[e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(h.$slots,"content",{},()=>[e.renderSlot(h.$slots,"default")])],512)])],6))}}),xe=()=>({install:t=>{O(),t.component("t-app",A),t.component("t-screen",x),t.component("t-swipe-screen",ne),t.component("t-cable",q),t.component("t-toolbar",oe),t.component("t-content",M),t.component("t-card",F),t.component("t-refresher",W),t.component("t-button",N),t.component("t-back-button",re),t.component("t-present",C),t.component("t-text",T),t.component("t-sheet",se),t.component("t-pull-signal",P),t.component("t-input",ie),t.component("t-textarea",me),t.component("t-rich-text",_e),t.component("t-grid",ge),t.component("t-grid-item",Se),t.component("t-divider",Ee),t.component("t-toogle-password",we),t.component("t-loading-icon",I),t.component("t-alert",ee),t.component("t-avatar",Ce),t.component("t-collapse",Ve)}});b.createToife=xe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
+(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@toife/gesture"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@toife/gesture","vue-router"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.ToifeVue={},b.Vue,b.ToifeGesture,b.VueRouter))})(this,(function(b,e,$,w){"use strict";const S=t=>t&&(t.tagName=="INPUT"||t.tagName=="TEXTAREA"||t.isContentEditable),E=()=>{const t=document.activeElement;t&&(t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable)&&t.blur()},O=()=>{document.addEventListener("contextmenu",t=>t.preventDefault()),document.addEventListener("dblclick",t=>t.preventDefault()),document.addEventListener("selectstart",t=>t.preventDefault()),document.addEventListener("gesturestart",t=>t.preventDefault()),document.addEventListener("pointerup",t=>{!S(t.target)&&E()})},k=(t,o)=>{const r=t.__vccOpts||t;for(const[s,l]of o)r[s]=l;return r},X={},L={class:"t-app"};function R(t,o){return e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(t.$slots,"default")])}const A=k(X,[["render",R]]),q=k(e.defineComponent({__name:"t-cable",props:{keyboard:{default:0},placement:{default:"bottom"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-cable",{keyboard:o.keyboard>0,[o.placement]:!0}]),style:e.normalizeStyle({"--t-keyboard-height":o.keyboard+"px","--t-keyboard-transition":o.keyboard>0?"0.3s":"0.1s"})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-3a6a070c"]]),N=k(e.defineComponent({__name:"t-loading-icon",props:{size:{type:String,default:"24px"},color:{type:String,default:"var(--t-color-default-10)"}},setup(t){return(o,r)=>(e.openBlock(),e.createElementBlock("span",{class:"t-loading-icon",style:e.normalizeStyle({width:t.size,height:t.size,borderTopColor:t.color}),role:"status","aria-label":"Loading..."},null,4))}}),[["__scopeId","data-v-82ecd6f5"]]),U={key:0,class:"loader"},I=k(e.defineComponent({__name:"t-button",props:{color:{default:""},size:{default:"standard"},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingType:{default:"spinner"},variant:{default:"default"},activeBackground:{type:Boolean,default:!1}},setup(t){const o=t,r=e.computed(()=>{let s;return o.color?["warning","info","danger","primary","secondary","success"].includes(o.color)?s={"--color":"var(--t-color-default-1)","--background-color":"var(--t-color-"+o.color+"-6)"}:s={"--color":"var(--t-color-default-1)","--background-color":o.color}:s={"--color":"var(--t-color-default-10)","--background-color":"transparent"},s});return(s,l)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["t-button",{"active-background":o.activeBackground,rounded:o.rounded,block:o.block,["size-"+o.size]:!0,["variant-"+o.variant]:!0}]),style:e.normalizeStyle(r.value)},[e.withDirectives(e.createElementVNode("span",null,[e.renderSlot(s.$slots,"default",{},void 0,!0)],512),[[e.vShow,!o.loading]]),o.loading?(e.openBlock(),e.createElementBlock("span",U,[e.createVNode(N,{color:"var(--color)",type:o.loadingType},null,8,["type"])])):e.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-e6b432c9"]]),F=e.defineComponent({__name:"t-card",props:{shadow:{type:Boolean,default:!0}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-card",{shadow:o.shadow}])},[e.renderSlot(r.$slots,"default")],2))}}),Y={},j={class:"t-content"};function G(t,o){return e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const M=k(Y,[["render",G],["__scopeId","data-v-ea276571"]]),V=80,W=k(e.defineComponent({__name:"t-refresher",emits:["refresh"],setup(t,{emit:o}){const r=o,s=e.ref(0),l=e.ref(!1),a=e.ref();let d,p=!1;const h=()=>{l.value=!1,s.value=0,d&&d.cancel(),setTimeout(()=>{p=!1},2e3)},m=()=>{p=!0,l.value=!0,s.value=V,r("refresh",h)};return e.watch(()=>a.value,()=>{d&&d.destroy();let u=a.value.closest(".t-screen");d=$.gesture(u,{options:{minDist:60},move({dy:_}){l.value||p||_<0||(_>=120?m():s.value=_)},up({dy:_}){l.value||p||(_>V?m():s.value=0)},cancel(){l.value=!1,s.value=0}})}),e.onUnmounted(()=>{d&&d.destroy()}),(u,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"t-refresher",ref_key:"container",ref:a,style:e.normalizeStyle({height:`${s.value}px`})},[e.createElementVNode("img",{class:e.normalizeClass({spiner:l.value}),src:"https://static.toikit.com/toikit/home_2.png?v=3",alt:"Loading...",style:{width:"22px",height:"22px"}},null,2)],4)),[[e.vShow,s.value>0]])}}),[["__scopeId","data-v-7f97bb1a"]]),H={},v={class:"t-screen"};function J(t,o){return e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const x=k(H,[["render",J],["__scopeId","data-v-d749ca41"]]),C=k(e.defineComponent({__name:"t-present",props:{keepalive:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},backdrop:{type:Boolean,default:!0},placement:{default:"bottom"}},emits:["dismiss"],setup(t,{expose:o,emit:r}){const s=e.ref(0),l=e.ref(!1),a=e.ref(),d=e.ref(),p=t,h=r,m=e.computed(()=>l.value||p.keepalive),u=e.reactive({"--t-present-backdrop-opacity":"0.4","--t-present-transition":"0.2s","--t-present-content-transform":"0px","--t-present-content-opacity":"1"}),_=c=>{p.backdrop?c?.backdropOpacity&&(u["--t-present-backdrop-opacity"]=c.backdropOpacity):u["--t-present-backdrop-opacity"]="0",c?.transition&&(u["--t-present-transition"]=c.transition,u["--t-present-transition"]=c.transition),c?.contentTransform&&(u["--t-present-content-transform"]=c.contentTransform),c?.contentOpacity&&(u["--t-present-content-opacity"]=c.contentOpacity)},n=()=>{_({contentTransform:"0px",transition:"0.2s",backdropOpacity:"0.4",contentOpacity:"1"})},i=()=>{let c="0px",g="1";p.placement=="bottom"||p.placement=="right"?c="100%":p.placement=="top"||p.placement=="left"?c="-100%":p.placement=="center"&&(c="0px",g="0"),_({contentTransform:c,transition:"0.2s",contentOpacity:g,backdropOpacity:"0"})};e.watch(()=>p.visible,()=>{p.visible?(l.value=!0,s.value=te.getNewIndex(),setTimeout(()=>{n()},50)):(i(),setTimeout(()=>{l.value=!1},200))}),o({render:_,open:n,close:i});let y;return e.watch(()=>a.value,c=>{c&&(y=$.gesture(a.value,{beforeEvent(g){return g.stopPropagation(),S(g.target)||(g.preventDefault(),E()),g.type=="pointerup"},up(){h("dismiss","backdrop")}}))}),e.onUnmounted(()=>{y&&y.destroy()}),i(),(c,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["t-present",{[c.placement]:!0}]),ref_key:"present",ref:d,style:e.normalizeStyle({...u,zIndex:s.value})},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)),[[e.vShow,l.value]]):e.createCommentVNode("",!0),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:1,class:"t-present-backdrop",ref_key:"backdrop",ref:a,style:e.normalizeStyle({...u,zIndex:s.value-1})},null,4)),[[e.vShow,l.value]]):e.createCommentVNode("",!0)],64))}}),[["__scopeId","data-v-e1a8315e"]]),K={key:0,class:"t-alert-header"},Q={class:"t-alert-content"},Z={class:"t-alert-footer"},ee=k(e.defineComponent({__name:"t-alert",props:{title:{},message:{},actions:{}},emits:["close"],setup(t,{expose:o,emit:r}){const s=t,l=e.ref(!1),a=r,d=e.ref();let p;const h=e.ref(!1),m=()=>{l.value=!0},u=n=>{l.value=!1,n.handler&&n.handler(),a("close",n?.data)},_=n=>{n=="backdrop"&&(h.value=!0,setTimeout(()=>{h.value=!1},300))};return o({open:m}),e.watch(()=>d.value,n=>{n&&(p=$.gesture(d.value,{beforeEvent(i){return i.stopPropagation(),S(i.target)||(i.preventDefault(),E()),!1}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(n,i)=>(e.openBlock(),e.createBlock(C,{placement:"center",backdrop:!0,keepalive:!1,visible:l.value,onDismiss:_},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["t-alert",{pop:h.value}]),ref_key:"container",ref:d},[e.renderSlot(n.$slots,"header",{},()=>[s.title?(e.openBlock(),e.createElementBlock("div",K,e.toDisplayString(s.title),1)):e.createCommentVNode("",!0)],!0),e.renderSlot(n.$slots,"content",{},()=>[e.createElementVNode("div",Q,e.toDisplayString(s.message),1)],!0),e.renderSlot(n.$slots,"footer",{},()=>[e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.actions,y=>(e.openBlock(),e.createBlock(I,{color:y.color,variant:y.variant,onClick:c=>u(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.text),1)]),_:2},1032,["color","variant","onClick"]))),256))])],!0)],2)]),_:3},8,["visible"]))}}),[["__scopeId","data-v-3bd5f2f6"]]),D=e.ref(1e3),te={getNewIndex(){return D.value+=2,D.value}},B=e.reactive([]),f={screens:B,addScreen:t=>{B.push(t)},removeScreen:t=>{t||B.pop()},hasPrevious:e.computed(()=>B.length>1),currentScreen:e.computed(()=>B[B.length-1]),lastScreen:e.computed(()=>{if(!(B.length<2))return B[B.length-2]})},ne=k(e.defineComponent({__name:"t-swipe-screen",emits:["change"],setup(t,{emit:o}){let r={};const s=w.useRouter(),l=w.useRoute(),a=s.getRoutes(),d=e.ref(!1),p=o;for(let n of a)r[n.name]=n.components;const h=n=>{n&&f.addScreen({name:n,target:null,component:e.markRaw(r[n]||null)})},m=(n,i)=>{!i||f.screens[n].target||(f.screens[n].target=i.$el,n>0&&(d.value=!0,i.$el.style.transform="translateX(100vw)",i.$el.transitionOrigin="center",document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),setTimeout(()=>{i.$el.style.transition="transform 0.35s ease",i.$el.style.transform="translateX(0px)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),f.screens.length>1&&(f.lastScreen.value.target.style.transitionOrigin="left center",f.lastScreen.value.target.style.transition="transform 0.35s ease",f.lastScreen.value.target.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"),setTimeout(()=>{p("change"),d.value=!1},400)},100)))},u=()=>{f.currentScreen.value.target.style.transition="transform 0.35s ease",f.currentScreen.value.target.style.transform="translateX(100vw) scale(1)",f.lastScreen.value.target.style.transition="transform 0.35s ease",f.lastScreen.value.target.style.transform="translateX(0px) scale(1) perspective(100vw) rotateY(0deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0"),d.value=!0,setTimeout(()=>{f.removeScreen(),p("change"),d.value=!1},400)};h(l.name),e.watch(()=>l.name,(n,i)=>{n!=f.currentScreen.value.name&&(f.lastScreen.value?.name==n?u():h(n))});const _=()=>{d.value=!0;const n=f.currentScreen.value.target,i=f.lastScreen.value.target;n.style.transition="transform 0.35s ease",n.style.transform="translateX(0px)",i.style.transition="transform 0.35s ease",i.style.transform="translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0.35s"),document.documentElement.style.setProperty("--t-swipe-backdrop-opacity","0.5"),setTimeout(()=>{d.value=!1},400)};return e.onMounted(()=>{$.gesture(document,{pointerId:null,beforeEvent(n){return d.value||f.screens.length<2?!1:(n.type=="pointerdown"&&!this.pointerId&&(this.pointerId=n.pointerId),this.pointerId==n.pointerId)},afterEvent(n){(n.type=="pointerup"||n.type=="pointercancel")&&(this.pointerId=null)},fast({d:n}){n=="right"&&s.back()},move({dx:n}){const i=window.innerWidth,y=n/i*100,c=f.currentScreen.value.target,g=f.lastScreen?.value?.target;if(n>0&&n<=i){c.style.transition="transform 0s ease",c.style.transform=`translateX(${n}px)`,g.style.transition="transform 0s ease",document.documentElement.style.setProperty("--t-screen-backdrop-duration","0s"),g.style.transform=`translateX(calc(-30vw + (30vw / 100 * ${y}))) scale(${.5+.5/100*y}) perspective(100vw) rotateY(${30-30/100*y}deg)`,document.documentElement.style.setProperty("--t-swipe-backdrop-opacity",`${.5-.5/100*y}`);return}},up({dx:n}){const i=window.innerWidth;n/i*100>=50?s.back():_()},cancel(){_()}})}),(n,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f).screens,(y,c)=>(e.openBlock(),e.createBlock(x,{ref_for:!0,ref:g=>m(c,g),style:e.normalizeStyle({zIndex:c+(c==e.unref(f).screens.length-1?2:1)}),key:c},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.component.default)))]),_:2},1032,["style"]))),128)),e.createElementVNode("div",{class:"t-swipe-backdrop",style:e.normalizeStyle({zIndex:e.unref(f).screens.length})},null,4)],64))}}),[["__scopeId","data-v-a1b1d45a"]]),oe=k(e.defineComponent({__name:"t-toolbar",props:{placement:{default:"bottom"},size:{default:"50px"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-toolbar",{[o.placement]:!0}]),style:e.normalizeStyle({"--t-size-toolbar":o.size})},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default",{},void 0,!0)])],6))}}),[["__scopeId","data-v-c4ccb0ee"]]),re=k(e.defineComponent({__name:"t-back-button",props:{to:{}},setup(t){const o=w.useRouter(),r=t,s=()=>{f.hasPrevious.value?o.back():r.to&&o.push(r.to)};return(l,a)=>l.to||e.unref(f).hasPrevious?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-back-button",onClick:s},[e.renderSlot(l.$slots,"default",{},()=>[a[0]||(a[0]=e.createElementVNode("i",{class:"ri-arrow-left-s-line"},null,-1))],!0)])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-45c48e0f"]]),T=k(e.defineComponent({__name:"t-text",props:{color:{default:"default"},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>{let s,l=o.color;return o.size=="standard"?s="var(--t-fs-10)":o.size=="small"?s="var(--t-fs-08)":o.size=="large"?s="var(--t-fs-12)":s=o.size,["warning","info","danger","primary","secondary","success"].includes(o.color)&&(l=`var(--t-color-${o.color}-8)`),{"--color":l,"--font-size":s}});return(s,l)=>(e.openBlock(),e.createElementBlock("span",{class:"t-text",style:e.normalizeStyle(r.value)},[e.renderSlot(s.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-12c8835a"]]),P=k(e.defineComponent({__name:"t-pull-signal",props:{placement:{default:"bottom"}},setup(t){return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-pull-bar",{[o.placement]:!0}])},null,2))}}),[["__scopeId","data-v-b410cb84"]]),se=k(e.defineComponent({__name:"t-sheet",props:{background:{default:"var(--t-color-default-3)"},visible:{type:Boolean,default:!1},gesture:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},placement:{default:"bottom"},keepalive:{type:Boolean,default:!0},backdrop:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},closeButton:{type:Boolean,default:!0}},emits:["dismiss"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(),a=e.ref(),d=e.ref(!1);let p=null;const h=e.computed(()=>{if(r.placement=="bottom")return"down";if(r.placement=="top")return"up";if(r.placement=="left")return"left";if(r.placement=="right")return"right"}),m=_=>{s("dismiss",_)},u=()=>{d.value=!0,setTimeout(()=>{d.value=!1},300)};return e.watch(()=>l.value,_=>{_&&(p=$.gesture(l.value,{options:{minDist:30},pointerId:null,beforeEvent(n){let i=!1,y=!1;return d.value||!r.gesture||r.placement=="center"?i=!0:this.pointerId?(i=!0,y=this.pointerId==n.pointerId):n.type=="pointerdown"&&(this.pointerId=n.pointerId,i=!0,y=!0),i&&(n.stopPropagation(),S(n.target)||(n.preventDefault(),E())),y},afterEvent(n){(n.type=="pointerup"||n.type=="pointercancel")&&(this.pointerId=null)},fast({d:n}){u(),n==h.value?s("dismiss","gesture"):a.value.open()},move({dy:n,dx:i,d:y}){if(y!=h.value)return;let c=0;r.placement=="bottom"||r.placement=="top"?c=n:c=i,a.value.render({contentTransform:c+"px",transition:"0s"})},up({dy:n,dx:i,d:y}){if(u(),y!=h.value){a.value.open();return}let c,g,z;r.placement=="bottom"||r.placement=="top"?(c=l.value.offsetHeight,z=n):(c=l.value.offsetWidth,z=i),g=z/c*100,g>50?s("dismiss","gesture"):a.value.open()},cancel(){u(),a.value.open()}}))}),e.onUnmounted(()=>{p&&p.destroy()}),(_,n)=>(e.openBlock(),e.createBlock(C,{ref_key:"present",ref:a,placement:r.placement,backdrop:_.backdrop,visible:r.visible,keepalive:r.keepalive,onDismiss:m},{default:e.withCtx(()=>[r.gesture&&r.placement!="center"?(e.openBlock(),e.createBlock(P,{key:0,placement:r.placement},null,8,["placement"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["t-sheet",{fullscreen:r.fullscreen,[r.placement]:!0,rounded:_.rounded}]),style:e.normalizeStyle({"--background":r.background}),ref_key:"sheet",ref:l},[r.closeButton&&r.placement=="center"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"t-sheet-close",onClick:n[0]||(n[0]=i=>m("close-button"))},[e.renderSlot(_.$slots,"close-icon",{},()=>[n[1]||(n[1]=e.createElementVNode("i",{class:"ri-close-large-line"},null,-1))],!0)])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"default",{},void 0,!0)],6)]),_:3},8,["placement","backdrop","visible","keepalive"]))}}),[["__scopeId","data-v-cc940bf9"]]),le={class:"t-input-label"},ae={class:"t-input-content"},ce=["type","placeholder","value"],ie=k(e.defineComponent({__name:"t-input",props:{size:{default:"standard"},rounded:{type:Boolean,default:!1},label:{default:""},placeholder:{default:""},type:{default:"text"},help:{},error:{},modelValue:{default:""},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:o}){const r=t,s=o,l=a=>{s("update:modelValue",a.target.value)};return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-input",{rounded:r.rounded,["size-"+r.size]:!0}])},[e.createElementVNode("label",null,[e.createElementVNode("span",le,e.toDisplayString(a.label),1),e.createElementVNode("div",ae,[e.renderSlot(a.$slots,"start",{},void 0,!0),e.createElementVNode("input",{type:a.type,placeholder:a.placeholder,value:a.modelValue,onInput:l},null,40,ce),e.renderSlot(a.$slots,"end",{},void 0,!0)])]),r.error?(e.openBlock(),e.createBlock(T,{key:0,color:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.error),1)]),_:1})):r.help?(e.openBlock(),e.createBlock(T,{key:1,color:"var(--t-color-default-7)"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.help),1)]),_:1})):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-a7db63ef"]]),de={};function pe(t,o){return e.openBlock(),e.createElementBlock("textarea")}const me=k(de,[["render",pe]]),fe={};function ue(t,o){return e.openBlock(),e.createElementBlock("div")}const _e=k(fe,[["render",ue]]),ye={},ke={class:"t-grid"};function he(t,o){return e.openBlock(),e.createElementBlock("div",ke)}const ge=k(ye,[["render",he]]),be={},Be={class:"t-grid-item"};function $e(t,o){return e.openBlock(),e.createElementBlock("div",Be)}const Se=k(be,[["render",$e]]),Ee=k(e.defineComponent({__name:"t-divider",props:{type:{default:"horizontal"}},setup(t){const o=t;return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-divider",{[o.type]:!0}])},null,2))}}),[["__scopeId","data-v-0d783bfa"]]),we=k(e.defineComponent({__name:"t-toogle-password",props:{color:{default:"warning"}},emits:["change"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(!1),a=e.ref(),d=e.computed(()=>{let m=r.color;return["warning","info","danger","primary","secondary","success"].includes(r.color)&&(m=`var(--t-color-${r.color}-6)`),{"--color":m}}),p=()=>a.value?.parentElement?.querySelector?.("input");e.onMounted(()=>{let m=p();m&&(l.value=m.type!="password",s("change",l.value))});const h=()=>{let m=p();m&&(l.value=!l.value,l.value?m.type="text":m.type="password",s("change",l.value))};return(m,u)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"toogle",ref:a,class:"t-toogle-password",style:e.normalizeStyle(d.value),onClick:h},[l.value?e.renderSlot(m.$slots,"on",{key:0},()=>[u[0]||(u[0]=e.createElementVNode("i",{class:"ri-eye-line"},null,-1))],!0):e.createCommentVNode("",!0),l.value?e.createCommentVNode("",!0):e.renderSlot(m.$slots,"off",{key:1},()=>[u[1]||(u[1]=e.createElementVNode("i",{class:"ri-eye-off-line"},null,-1))],!0)],4))}}),[["__scopeId","data-v-2b04c3c9"]]),Ce=k(e.defineComponent({__name:"t-avatar",props:{square:{type:Boolean,default:!1},size:{default:"standard"}},setup(t){const o=t,r=e.computed(()=>o.size=="small"?"24px":o.size=="standard"?"40px":o.size=="large"?"60px":o.size);return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-avatar",{square:s.square}]),style:e.normalizeStyle({"--size":r.value})},[e.renderSlot(s.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-24384c2f"]]),Te={class:"t-collapse-title"},ze={key:0,class:"icon"},Ne={key:1,class:"icon"},Ie={class:"t-collapse-content"},Ve=e.defineComponent({__name:"t-collapse",props:{title:{}},emits:["change"],setup(t,{emit:o}){const r=t,s=o,l=e.ref(!1),a=e.ref(""),d=e.ref(),p=()=>{l.value=!l.value,a.value=`calc(${d.value.offsetHeight}px + 2rem)`,s("change",l.value)};return s("change",l.value),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["t-collapse",{open:l.value}]),style:e.normalizeStyle({"--height":a.value})},[e.createElementVNode("div",{class:"t-collapse-header",onClick:p},[e.renderSlot(h.$slots,"icon"),e.createElementVNode("div",Te,[e.renderSlot(h.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])]),e.renderSlot(h.$slots,"toogle",{},()=>[l.value?(e.openBlock(),e.createElementBlock("div",ze,[...m[0]||(m[0]=[e.createElementVNode("i",{class:"ri-arrow-up-s-line"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ne,[...m[1]||(m[1]=[e.createElementVNode("i",{class:"ri-arrow-down-s-line"},null,-1)])]))])]),e.createElementVNode("div",Ie,[e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(h.$slots,"content",{},()=>[e.renderSlot(h.$slots,"default")])],512)])],6))}}),xe=()=>({install:t=>{O(),t.component("t-app",A),t.component("t-screen",x),t.component("t-swipe-screen",ne),t.component("t-cable",q),t.component("t-toolbar",oe),t.component("t-content",M),t.component("t-card",F),t.component("t-refresher",W),t.component("t-button",I),t.component("t-back-button",re),t.component("t-present",C),t.component("t-text",T),t.component("t-sheet",se),t.component("t-pull-signal",P),t.component("t-input",ie),t.component("t-textarea",me),t.component("t-rich-text",_e),t.component("t-grid",ge),t.component("t-grid-item",Se),t.component("t-divider",Ee),t.component("t-toogle-password",we),t.component("t-loading-icon",N),t.component("t-alert",ee),t.component("t-avatar",Ce),t.component("t-collapse",Ve)}});b.createToife=xe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toife/vue",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Frontend framework for Vue",
   "type": "module",
   "main": "dist/index.umd.js",