@toife/vue 1.0.0 → 1.0.2

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

package/package.json

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