civ
2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
import{u as C,a as _,c as x,Q as u,d as y}from"./chunk-CusLMHK2.js";import{R as B}from"./chunk-C7mbSHwF.js";import{u as R,a as I}from"./chunk-8e5kB75k.js";import{B as Q,C as w}from"./app-CPb3bToC.js";import{m as z,a as l,l as i}from"./chunk-DhYw-kuD.js";const D={xs:8,sm:10,md:14,lg:20,xl:24},j=Q({name:"QChip",props:{...R,...C,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:m,emit:a}){const{proxy:{$q:n}}=z(),h=I(e,n),v=_(e,D),b=l(()=>e.selected===!0||e.icon!==void 0),f=l(()=>e.selected===!0?e.iconSelected||n.iconSet.chip.selected:e.icon),q=l(()=>e.iconRemove||n.iconSet.chip.remove),c=l(()=>e.disable===!1&&(e.clickable===!0||e.selected!==null)),g=l(()=>{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":"")+(c.value===!0?" q-chip--clickable cursor-pointer non-selectable q-hoverable":"")+(e.square===!0?" q-chip--square":"")+(h.value===!0?" q-chip--dark q-dark":"")}),r=l(()=>{const t=e.disable===!0?{tabindex:-1,"aria-disabled":"true"}:{tabindex:e.tabindex||0},o={...t,role:"button","aria-hidden":"false","aria-label":e.removeAriaLabel||n.lang.label.remove};return{chip:t,remove:o}});function S(t){t.keyCode===13&&s(t)}function s(t){e.disable||(a("update:selected",!e.selected),a("click",t))}function d(t){(t.keyCode===void 0||t.keyCode===13)&&(w(t),e.disable===!1&&(a("update:modelValue",!1),a("remove")))}function k(){const t=[];c.value===!0&&t.push(i("div",{class:"q-focus-helper"})),b.value===!0&&t.push(i(u,{class:"q-chip__icon q-chip__icon--left",name:f.value}));const o=e.label!==void 0?[i("div",{class:"ellipsis"},[e.label])]:void 0;return t.push(i("div",{class:"q-chip__content col row no-wrap items-center q-anchor--skip"},y(m.default,o))),e.iconRight&&t.push(i(u,{class:"q-chip__icon q-chip__icon--right",name:e.iconRight})),e.removable===!0&&t.push(i(u,{class:"q-chip__icon q-chip__icon--remove cursor-pointer",name:q.value,...r.value.remove,onClick:d,onKeyup:d})),t}return()=>{if(e.modelValue===!1)return;const t={class:g.value,style:v.value};return c.value===!0&&Object.assign(t,r.value.chip,{onClick:s,onKeyup:S}),x("div",t,k(),"ripple",e.ripple!==!1&&e.disable!==!0,()=>[[B,e.ripple]])}}});export{j as Q};
|