https://bekaku.github.io/quasar-starter/assets/input-text-B4rCnygz.js

1import{m as W,u as z,n as B,q as C,w as o,x as a,L as t,bW as G,Q as J,M,v as d,aR as X,aK as N,aF as i,aI as r,aM as w,N as Y,at as Z,y as $,b$ as Q,aN as A,b2 as E,B as I,a8 as c,d8 as L,_,r as m}from"./index-yXxX4num.js";import{u as h}from"./useAppMeta-DunzK5AS.js";import{B as T}from"./BaseButton-AF0F-elW.js";import{a as ee,B as j}from"./BaseCard-BfLhEEbF.js";import{_ as le}from"./BaseDatePicker.vue_vue_type_script_setup_true_lang-BT0q4AnB.js";import{_ as u}from"./BaseInput.vue_vue_type_script_setup_true_lang-B3o2AUlA.js";import{_ as ae}from"./BaseInputOtp.vue_vue_type_script_setup_true_lang-C_7VOFY-.js";import{_ as te}from"./BasePage.vue_vue_type_script_setup_true_lang-CRSOyQUs.js";import{_ as oe}from"./BaseTimePicker.vue_vue_type_script_setup_true_lang-Ymgtbrm2.js";import{u as ue}from"./useValidation-D3WGpC8n.js";import"./use-meta-JG4kKjNw.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ClosePopup-BWmxitVI.js";import"./BaseAvatar-C7bgPfq2.js";import"./FileManagerService-cqp-9Qnz.js";import"./useAxios-CtiUX_l1.js";const ne={class:"row"},de={class:"col-12 col-md-6 q-pa-md"},me={class:"text-h6"},ie={class:"col-12 col-md-6 q-pa-md"},Ce=W({__name:"input-text",setup(se){const{t:D}=z(),{setTitle:O}=h();O(`Form input | ${D("app.name")}`);const{required:k,requireEmail:P,validateMinMaxValue:F}=ue(),p=m("Chanavee"),v=m("Bekaku"),V=m("[email protected]"),f=m("Test"),b=m(0),g=m(0),x=m(5e3),y=m("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec purus feugiat"),S=m(""),q=m(""),s=m(!1),n=m(!0),H=()=>{console.log("onSubmit")},K=U=>{console.log("onOptSubmit",U)},R=U=>{console.log("onInputUpdate",U)};return(U,e)=>(B(),C(te,null,{default:o(()=>[a(ee,{title:"Input Text"},{end:o(()=>[a(T,{href:"https://github.com/bekaku/quasar-starter-template/blob/main/src/pages/example/ui/input-text.vue",target:"_blank",icon:t(G),flat:"",round:""},{default:o(()=>[a(J,null,{default:o(()=>[...e[21]||(e[21]=[M("View Source",-1)])]),_:1})]),_:1},8,["icon"])]),_:1}),d("div",ne,[d("div",de,[a(X,{onSubmit:H},{default:o(()=>[a(j,null,{default:o(()=>[a(N,{class:"q-gutter-y-sm"},{default:o(()=>[d("div",me,[a(i,{name:n.value?t(r):t(w)},null,8,["name"]),M(" "+Y(n.value?"Edit mode":"Viewmode"),1)]),a(Z,{modelValue:n.value,"onUpdate:modelValue":e[0]||(e[0]=l=>n.value=l),label:"Toggle mode"},null,8,["modelValue"]),a(u,{modelValue:p.value,"onUpdate:modelValue":[e[2]||(e[2]=l=>p.value=l),R],"edit-mode":n.value,label:"Name",required:"",icon:t($),"bottom-slots":"",hint:"This is a hint",rules:[t(k)]},{before:o(()=>[a(E,null,{default:o(()=>[...e[22]||(e[22]=[d("img",{src:"https://cdn.quasar.dev/img/avatar5.jpg"},null,-1)])]),_:1})]),append:o(()=>[a(i,{class:"cursor-pointer",icon:s.value?t(w):t(A),onClick:e[1]||(e[1]=l=>s.value=!s.value)},null,8,["icon"])]),after:o(()=>[a(T,{flat:"",round:"",icon:t(Q)},null,8,["icon"])]),_:1},8,["modelValue","edit-mode","icon","rules"]),a(u,{modelValue:v.value,"onUpdate:modelValue":e[3]||(e[3]=l=>v.value=l),"edit-mode":n.value,label:"Surname",rules:[t(k)],avatar:{src:"https://cdn.quasar.dev/img/avatar2.jpg"}},null,8,["modelValue","edit-mode","rules"]),a(u,{modelValue:V.value,"onUpdate:modelValue":e[4]||(e[4]=l=>V.value=l),"edit-mode":n.value,label:"Email",icon:t(I),rules:[t(k),t(P)],clearable:""},null,8,["modelValue","edit-mode","icon","rules"]),a(u,{modelValue:f.value,"onUpdate:modelValue":e[5]||(e[5]=l=>f.value=l),"edit-mode":n.value,label:"Title",clearable:"",counter:"",maxlength:20},{prepend:o(()=>[a(i,{name:t(r)},null,8,["name"])]),_:1},8,["modelValue","edit-mode"]),a(c,null,{default:o(()=>[a(u,{modelValue:b.value,"onUpdate:modelValue":e[6]||(e[6]=l=>b.value=l),"edit-mode":n.value,label:"Amount",type:"number",min:0,max:10,hint:"Limit 0 to 10"},null,8,["modelValue","edit-mode"]),a(u,{modelValue:g.value,"onUpdate:modelValue":e[7]||(e[7]=l=>g.value=l),"edit-mode":n.value,label:"Amount2",type:"number",hint:"Between 1 to 50",rules:[l=>t(F)(l,1,50,"Amount 2")]},null,8,["modelValue","edit-mode","rules"])]),_:1}),e[23]||(e[23]=d("div",{class:"text-h6"},"Money format",-1)),a(u,{modelValue:x.value,"onUpdate:modelValue":e[8]||(e[8]=l=>x.value=l),"edit-mode":n.value,label:"Money format","is-money":""},{prepend:o(()=>[a(i,{name:t(L)},null,8,["name"])]),_:1},8,["modelValue","edit-mode"]),e[24]||(e[24]=d("div",{class:"text-h6"},"Date picker",-1)),a(le,{modelValue:S.value,"onUpdate:modelValue":e[9]||(e[9]=l=>S.value=l),"edit-mode":n.value,label:"Select Date",required:""},null,8,["modelValue","edit-mode"]),e[25]||(e[25]=d("div",{class:"text-h6"},"Time picker",-1)),a(oe,{modelValue:q.value,"onUpdate:modelValue":e[10]||(e[10]=l=>q.value=l),"edit-mode":n.value,label:"Select time",required:""},null,8,["modelValue","edit-mode"]),e[26]||(e[26]=d("div",{class:"text-h6"},"Text area",-1)),a(u,{modelValue:y.value,"onUpdate:modelValue":e[11]||(e[11]=l=>y.value=l),"edit-mode":n.value,label:"Test area",placeholder:"textarea",type:"textarea",icon:t(r)}

1,null,8,["modelValue","edit-mode","icon"]),e[27]||(e[27]=d("div",{class:"text-h6"},"Input OTP",-1)),a(ae,{"input-length":6,onOnSubmit:K})]),_:1})]),_:1}),n.value?(B(),C(T,{key:0,label:"Submit",type:"submit",color:"primary"})):_("",!0)]),_:1})]),d("div",ie,[a(j,null,{default:o(()=>[a(N,{class:"q-gutter-y-sm"},{default:o(()=>[e[29]||(e[29]=d("div",{class:"text-h6"},"View mode",-1)),a(u,{modelValue:p.value,"onUpdate:modelValue":e[13]||(e[13]=l=>p.value=l),"edit-mode":!1,label:"Name",icon:t($),"bottom-slots":"",hint:"This is a hint","view-show-after":!1,"view-show-append":!1},{before:o(()=>[a(E,null,{default:o(()=>[...e[28]||(e[28]=[d("img",{src:"https://cdn.quasar.dev/img/avatar5.jpg"},null,-1)])]),_:1})]),append:o(()=>[a(i,{class:"cursor-pointer",icon:s.value?t(w):t(A),onClick:e[12]||(e[12]=l=>s.value=!s.value)},null,8,["icon"])]),after:o(()=>[a(T,{flat:"",round:"",icon:t(Q)},null,8,["icon"])]),_:1},8,["modelValue","icon"]),a(u,{modelValue:v.value,"onUpdate:modelValue":e[14]||(e[14]=l=>v.value=l),"edit-mode":!1,label:"Surname",avatar:{src:"https://cdn.quasar.dev/img/avatar2.jpg"}},null,8,["modelValue"]),a(u,{modelValue:V.value,"onUpdate:modelValue":e[15]||(e[15]=l=>V.value=l),"edit-mode":!1,label:"Email",icon:t(I),clearable:""},null,8,["modelValue","icon"]),a(u,{modelValue:f.value,"onUpdate:modelValue":e[16]||(e[16]=l=>f.value=l),"edit-mode":!1,label:"Title",clearable:"",counter:""},{prepend:o(()=>[a(i,{name:t(r)},null,8,["name"])]),_:1},8,["modelValue"]),a(u,{modelValue:b.value,"onUpdate:modelValue":e[17]||(e[17]=l=>b.value=l),"edit-mode":!1,label:"Amount",type:"number",hint:"Limit 0 to 10","view-show-hint":!1},null,8,["modelValue"]),a(u,{modelValue:g.value,"onUpdate:modelValue":e[18]||(e[18]=l=>g.value=l),"edit-mode":!1,label:"Amount2",type:"number",hint:"Between 1 to 50"},null,8,["modelValue"]),e[30]||(e[30]=d("div",{class:"text-h6"},"Money format",-1)),a(u,{modelValue:x.value,"onUpdate:modelValue":e[19]||(e[19]=l=>x.value=l),"edit-mode":!1,label:"Money format","is-money":""},{prepend:o(()=>[a(i,{name:t(L)},null,8,["name"])]),_:1},8,["modelValue"]),e[31]||(e[31]=d("div",{class:"text-h6"},"Text area",-1)),a(u,{modelValue:y.value,"onUpdate:modelValue":e[20]||(e[20]=l=>y.value=l),"edit-mode":!1,label:"Test area",type:"textarea",icon:t(r)},null,8,["modelValue","icon"])]),_:1})]),_:1})])])]),_:1}))}});export{Ce as default};