2 lines
4.7 KiB
JavaScript
2 lines
4.7 KiB
JavaScript
import{c as I,r as V,M as F,N as A,o as E,g as P,h as f,b as D,aY as Q,H as _,j as $,aT as j,W as w,aZ as z,a_ as O,I as K,J as L,a$ as M,a as g,V as N,b0 as H,aH as k,b1 as T}from"./index-GXFLJtQL.js";const Z=I({name:"QForm",props:{autofocus:Boolean,noErrorFocus:Boolean,noResetFocus:Boolean,greedy:Boolean,onSubmit:Function},emits:["reset","validationSuccess","validationError"],setup(e,{slots:C,emit:u}){const v=P(),r=V(null);let s=0;const l=[];function S(o){const a=typeof o=="boolean"?o:e.noErrorFocus!==!0,m=++s,t=(n,i)=>{u(`validation${n===!0?"Success":"Error"}`,i)},h=n=>{const i=n.validate();return typeof i.then=="function"?i.then(c=>({valid:c,comp:n}),c=>({valid:!1,comp:n,err:c})):Promise.resolve({valid:i,comp:n})};return(e.greedy===!0?Promise.all(l.map(h)).then(n=>n.filter(i=>i.valid!==!0)):l.reduce((n,i)=>n.then(()=>h(i).then(c=>{if(c.valid===!1)return Promise.reject(c)})),Promise.resolve()).catch(n=>[n])).then(n=>{if(n===void 0||n.length===0)return m===s&&t(!0),!0;if(m===s){const{comp:i,err:c}=n[0];if(c!==void 0&&console.error(c),t(!1,i),a===!0){const B=n.find(({comp:R})=>typeof R.focus=="function"&&Q(R.$)===!1);B!==void 0&&B.comp.focus()}}return!1})}function q(){s++,l.forEach(o=>{typeof o.resetValidation=="function"&&o.resetValidation()})}function b(o){o!==void 0&&_(o);const a=s+1;S().then(m=>{a===s&&m===!0&&(e.onSubmit!==void 0?u("submit",o):o?.target!==void 0&&typeof o.target.submit=="function"&&o.target.submit())})}function y(o){o!==void 0&&_(o),u("reset"),$(()=>{q(),e.autofocus===!0&&e.noResetFocus!==!0&&d()})}function d(){j(()=>{if(r.value===null)return;(r.value.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]")||r.value.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]")||r.value.querySelector("[autofocus], [data-autofocus]")||Array.prototype.find.call(r.value.querySelectorAll("[tabindex]"),a=>a.tabIndex!==-1))?.focus({preventScroll:!0})})}w(z,{bindComponent(o){l.push(o)},unbindComponent(o){const a=l.indexOf(o);a!==-1&&l.splice(a,1)}});let x=!1;return F(()=>{x=!0}),A(()=>{x===!0&&e.autofocus===!0&&d()}),E(()=>{e.autofocus===!0&&d()}),Object.assign(v.proxy,{validate:S,resetValidation:q,submit:b,reset:y,focus:d,getValidationComponents:()=>l}),()=>f("form",{class:"q-form",ref:r,onSubmit:b,onReset:y},D(C.default))}}),J={xs:8,sm:10,md:14,lg:20,xl:24},G=I({name:"QChip",props:{...K,...O,dense:Boolean,icon:String,iconRight:String,iconRemove:String,iconSelected:String,label:[String,Number],color:String,textColor:String,modelValue:{type:Boolean,default:!0},selected:{type:Boolean,default:null},square:Boolean,outline:Boolean,clickable:Boolean,removable:Boolean,removeAriaLabel:String,tabindex:[String,Number],disable:Boolean,ripple:{type:[Boolean,Object],default:!0}},emits:["update:modelValue","update:selected","remove","click"],setup(e,{slots:C,emit:u}){const{proxy:{$q:v}}=P(),r=L(e,v),s=M(e,J),l=g(()=>e.selected===!0||e.icon!==void 0),S=g(()=>e.selected===!0?e.iconSelected||v.iconSet.chip.selected:e.icon),q=g(()=>e.iconRemove||v.iconSet.chip.remove),b=g(()=>e.disable===!1&&(e.clickable===!0||e.selected!==null)),y=g(()=>{const t=e.outline===!0&&e.color||e.textColor;return"q-chip row inline no-wrap items-center"+(e.outline===!1&&e.color!==void 0?` bg-${e.color}`:"")+(t?` text-${t} q-chip--colored`:"")+(e.disable===!0?" disabled":"")+(e.dense===!0?" q-chip--dense":"")+(e.outline===!0?" q-chip--outline":"")+(e.selected===!0?" q-chip--selected":"")+(b.value===!0?" q-chip--clickable cursor-pointer non-selectable q-hoverable":"")+(e.square===!0?" q-chip--square":"")+(r.value===!0?" q-chip--dark q-dark":"")}),d=g(()=>{const t=e.disable===!0?{tabindex:-1,"aria-disabled":"true"}:{tabindex:e.tabindex||0},h={...t,role:"button","aria-hidden":"false","aria-label":e.removeAriaLabel||v.lang.label.remove};return{chip:t,remove:h}});function x(t){t.keyCode===13&&o(t)}function o(t){e.disable||(u("update:selected",!e.selected),u("click",t))}function a(t){(t.keyCode===void 0||t.keyCode===13)&&(_(t),e.disable===!1&&(u("update:modelValue",!1),u("remove")))}function m(){const t=[];b.value===!0&&t.push(f("div",{class:"q-focus-helper"})),l.value===!0&&t.push(f(k,{class:"q-chip__icon q-chip__icon--left",name:S.value}));const h=e.label!==void 0?[f("div",{class:"ellipsis"},[e.label])]:void 0;return t.push(f("div",{class:"q-chip__content col row no-wrap items-center q-anchor--skip"},T(C.default,h))),e.iconRight&&t.push(f(k,{class:"q-chip__icon q-chip__icon--right",name:e.iconRight})),e.removable===!0&&t.push(f(k,{class:"q-chip__icon q-chip__icon--remove cursor-pointer",name:q.value,...d.value.remove,onClick:a,onKeyup:a})),t}return()=>{if(e.modelValue===!1)return;const t={class:y.value,style:s.value};return b.value===!0&&Object.assign(t,d.value.chip,{onClick:o,onKeyup:x}),N("div",t,m(),"ripple",e.ripple!==!1&&e.disable!==!0,()=>[[H,e.ripple]])}}});export{Z as Q,G as a};
|