@pantograph/vue 0.23.3 → 0.23.5

package/dist/Select.vue_vue_type_style_index_0_lang-C1iYwWCJ.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),I=require("reka-ui"),J=require("./FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js"),re=require("./options-CWrQ7gsa.js"),h=require("./index-DWw7aruo.js"),p=require("@pantograph/utils"),se=require("class-variance-authority"),ge=require("./omit-CYbreqlf.js"),M=require("./isEmpty-bCllo8T9.js"),Ce=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),he=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),de=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),l=require("./element-BjE0SVc4.js"),_e=require("./useInputDataStates-C1T7BL_V.js"),Se=require("./useLazyLoading-H6VG5aE-.js"),me=require("./Popover.vue_vue_type_style_index_0_lang-D7GA-4CS.js"),Ee=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),pe=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),Ve=require("./Chip.vue_vue_type_style_index_0_lang-Ha5k2W3V.js"),Be=require("./ChipGroup.vue_vue_type_style_index_0_lang-V98bakNp.js"),ie=["sm","md","lg"],fe=["error","warning","success"],[ue,ye]=I.createContext("Select"),[be,Oe]=I.createContext("_Select"),z=p.getBemBlock("select"),ve=n.defineComponent({__name:"SelectLabel",setup(f){return(e,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(p.getBemElement)(n.unref(z),"label"))},[n.renderSlot(e.$slots,"default")],2))}}),oe=n.defineComponent({name:re.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(f,{slots:e}){const o=ue(),t=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),k=n.computed(()=>o.getOptionValue(f.option)),c=n.computed(()=>o.getOptionLabel(f.option)),j=n.computed(()=>o.getOptionIcon(f.option)),R=n.computed(()=>o.getOptionDisabled(f.option)),P=p.getBemElement(z,"option"),U=se.cva(P,{variants:{size:p.generateVariantClassList(ie,P)}});if(!f.option)throw new Error("option is required");const w=()=>{var _;const E=(_=e.indicator)==null?void 0:_.call(e,{option:f.option});return l.isEmptyElement(E)?n.h(I.SelectItemIndicator,{asChild:!0},()=>n.h(pe._sfc_main,{icon:o.props.indicatorIcon,size:t.value})):E},q=()=>{var L,D,K;const E=(L=e.default)==null?void 0:L.call(e,{option:f.option}),_=[];if(!l.isEmptyElement(E))_.push(E);else{const A=(D=e.leading)==null?void 0:D.call(e,{option:f.option}),$=!l.isEmptyElement(A);if(j.value||$){let B;$?B=A:B=n.h(pe._sfc_main,{icon:j.value,size:t.value}),_.push(n.h("div",{class:[p.getBemElement(P,"leading"),o.props.itemLeadingCls]},B))}let s;const V=(K=e.text)==null?void 0:K.call(e,{option:f.option});l.isEmptyElement(V)?s=c.value:s=V,_.push(n.h("div",{class:[p.getBemElement(P,"text"),o.props.optionTextCls]},s))}return n.h("div",{class:[p.getBemElement(P,"content"),o.props.optionContentCls]},_)};return()=>n.h(I.SelectItem,{value:k.value,textValue:c.value,disabled:R.value,class:[U({size:o.getSize.value}),o.props.optionCls]},()=>[q(),w()])}}),Le=n.defineComponent({name:re.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(f,{slots:e,attrs:o}){const t=ue(),k=({value:s},V)=>{if(V.stopPropagation(),s&&h.isArray(t.modelValue.value)&&!t.getDisabled.value){const B=t.modelValue.value.filter(H=>H!==s);t.modelValue.value=B,t.emit("update:modelValue",B)}},c=p.getBemElement(z,"trigger"),j=se.cva(c,{variants:{size:p.generateVariantClassList(ie,c),status:p.generateVariantClassList(fe,c),bordered:p.generateVariantClassList("bordered",c),multiple:p.generateVariantClassList("multiple",c),contentFit:p.generateVariantClassList("content-fit",c),wrapped:p.generateVariantClassList("wrapped",c),filled:p.generateVariantClassList("filled",c)}}),R=n.computed(()=>{switch(t.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),P=n.computed(()=>{switch(t.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),U=n.computed(()=>{if(!t.props.multiple&&h.isString(t.modelValue.value)&&!M.isEmpty(t.modelValue.value))return t.getOptionByValue(t.modelValue.value)}),w=(s=U.value)=>{if(t.props.selectedItemIconAsTrailingIcon&&h.isObject(s)&&"icon"in s)return s.icon},q=n.computed(()=>w()),E=n.computed(()=>{if(!t.props.noTrailing)return t.props.trailingIcon}),_=n.computed(()=>!M.isEmpty(t.modelValue.value)&&t.props.multiple&&h.isArray(t.modelValue.value)),L=n.computed(()=>({modelValue:J.cloneDeep(t.modelValue.value),open:J.cloneDeep(t.open.value)})),D=s=>({...L.value,option:t.getOptionByValue(s)}),K=n.computed(()=>({disabled:t.getDisabled.value,reference:t.props.reference,tabindex:t.getDisabled.value?void 0:0,as:"div",class:[j({size:t.getSize.value,status:t.getStatus.value==="success"&&M.isEmpty(t.modelValue.value)?void 0:t.getStatus.value,bordered:t.props.bordered,multiple:t.props.multiple,contentFit:t.props.contentFit,wrapped:t.props.wrapped,filled:!M.isEmpty(t.modelValue.value)}),t.props.triggerCls],...o})),A=(s,V=P.value)=>n.h(pe._sfc_main,{icon:s,size:V}),$=()=>{var B;let s;const V=(B=e.triggerTrailing)==null?void 0:B.call(e,L.value);if(l.isEmptyElement(V)?E.value&&(s=A(E.value)):s=V,s)return n.h("div",{class:[p.getBemElement(c,"trailing"),t.props.triggerTrailingCls]},s)};return()=>{var H;const s=(H=e.trigger)==null?void 0:H.call(e,L.value),B=(()=>{if(l.isEmptyElement(s))return!1;const x=l.filterEmpty(s)??null,N=x.length===1?x[0]:x;return N?l.isValidElement(N)&&!l.isFragment(N):!0})();return n.h(I.SelectTrigger,{...K.value,asChild:B,key:String(B)},{default:()=>{var Q;if(!l.isEmptyElement(s))return s;const x=(Q=e.triggerLeading)==null?void 0:Q.call(e,L.value),N=!l.isEmptyElement(x),Y=()=>{var F;if(!t.props.multiple&&!h.isArray(t.modelValue.value)){const G=(F=f.getOptionSlot("leading",t.modelValue.value))==null?void 0:F();if(N||G||q.value||t.props.leadingIcon){let i;return l.isEmptyElement(G)?q.value?i=A(q.value):N?i=x:t.props.leadingIcon&&(i=A(t.props.leadingIcon)):i=G,n.h("div",{class:[p.getBemElement(c,"leading"),t.props.triggerLeadingCls]},i)}}},ae=()=>{const F=[];if(M.isEmpty(t.modelValue.value)){if(t.props.placeholder&&!t.props.multiple){const G=()=>{var S;const i=(S=e.placeholder)==null?void 0:S.call(e,L.value);return l.isEmptyElement(i)?t.props.placeholder:i};F.push(G())}}else{const i=(()=>{var O,y,d;const S=(O=e.triggerValue)==null?void 0:O.call(e,L.value);if(!l.isEmptyElement(S))return S;if(t.props.multiple&&h.isArray(t.modelValue.value))return n.h(Be._sfc_main,{maxCount:t.props.maxCount,size:R.value,color:"primary",closeable:!t.getDisabled.value,noPopover:!0,noWrap:!t.props.wrapped,class:[p.getBemElement(c,"tag_list"),t.props.tagListCls],onClose:k},()=>t.modelValue.value.map(g=>{var X;const b=r=>{var v;const a=(v=e.tagClose)==null?void 0:v.call(e,{...D(g),onClose:r});return l.isEmptyElement(a)?null:a},T=(X=f.getOptionSlot("default",g))==null?void 0:X(),le=()=>{var v,u;const r=(v=f.getOptionSlot("text",g))==null?void 0:v(),a=(u=e.tagText)==null?void 0:u.call(e,D(g));return l.isEmptyElement(a)?l.isEmptyElement(T)?l.isEmptyElement(r)?t.getLabelByValue(g):r:T:a},te=({size:r})=>{var C,m;if(!l.isEmptyElement(T))return null;const a=(C=f.getOptionSlot("leading",g))==null?void 0:C(),v=(m=e.tagLeading)==null?void 0:m.call(e,D(g)),u=w(t.getOptionByValue(g))??t.props.leadingIcon;return l.isEmptyElement(v)?l.isEmptyElement(a)?u?A(u,r):l.isEmptyElement(x)?null:x:a:v},ne=()=>{var a;const r=(a=e.tagTrailing)==null?void 0:a.call(e,D(g));return l.isEmptyElement(r)?null:r};return n.h(Ve._sfc_main,{value:g,class:[p.getBemElement(c,"tag"),t.props.tagCls],closeIconCls:p.getBemElement(c,"tag__close")},{text:le,leading:te,trailing:ne,close:b})}));if(!h.isArray(t.modelValue.value)){const g=(y=f.getOptionSlot("default",t.modelValue.value))==null?void 0:y(),b=(d=f.getOptionSlot("text",t.modelValue.value))==null?void 0:d();return l.isEmptyElement(g)?l.isEmptyElement(b)?h.isString(t.modelValue.value)?t.getLabelByValue(t.modelValue.value):t.modelValue.value:b:g}})();i&&F.push(i)}return F},W=[],Z=Y();l.isEmptyElement(Z)||W.push(Z),W.push(n.h(I.Primitive,{class:[p.getBemElement(c,"content"),t.props.triggerContentCls,M.isEmpty(t.modelValue.value)?t.props.triggerContentPlaceholderCls:t.props.triggerContentValueCls],as:"div",key:String(_.value),asChild:_.value},{default:ae}));const ee=$();return l.isEmptyElement(ee)||W.push(ee),W}})}}}),xe=n.defineComponent({name:re.getComponentName("SelectWrapper"),setup(f,{slots:e}){const o=be(),t=I.injectSelectRootContext(),k=n.ref();Se.useLazyLoading({target:k});const c=n.ref(),j=me.getPopoverPortalProps({triggerRef:c,props:o.props}),{getFlipOnDir:R,getDir:P}=h.useConfig(),U=R("reversePlacementOnDir"),w=P(),q=me.getPopoverContentProps({props:o.props,flip:U,emitsAsProps:o.emitsAsProps,_dir:w,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),E=({key:i,getterKey:S,defaultValue:O,noReturnOption:y})=>d=>{const g=h.isFunction(O)?O(d):O;if(h.isObject(d)){const b=d[i]??g,T=S&&o.props[S];if(T){if(h.isString(T))return d[T]??b;if(h.isFunction(T))return T(d)??b}return b}return h.isString(d)&&!y?d??g:g},_=E({getterKey:"getValue",key:"value"}),L=E({getterKey:"getLabel",key:"label",defaultValue:_}),D=E({getterKey:"getIcon",key:"icon",noReturnOption:!0}),K=i=>{var S;if((S=o.props.options)!=null&&S.length)for(const O of o.props.options){if(_(O)===i)return O;const y=V(O);if(y!=null&&y.length){for(const d of y)if(_(d)===i)return d}}return i},A=i=>{const S=K(i);return S?L(S)??i:i},$=E({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=E({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),V=E({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:B,getStatus:H,getSize:x}=_e.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});ye({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:L,getOptionDisabled:$,getOptionIcon:D,getOptionByValue:K,getLabelByValue:A,getDisabled:B,getStatus:H,getSize:x,...t,modelValue:t.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(t.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const N=n.computed(()=>{const i=o.props.scrollContainerProps??{};return{...i,areaCls:[p.getBemElement(z,"scroll_area"),i==null?void 0:i.class,i==null?void 0:i.areaCls]}}),Y=p.getBemElement(z,"popup"),ae=se.cva(Y,{variants:{size:p.generateVariantClassList(ie,Y)}}),W=i=>{if(Number(i)>0)return`${i}px`;if(typeof i=="string")return i},Z=n.computed(()=>W(o.props.popupWidth)),ee=n.computed(()=>W(o.props.popupHeight)),Q=n.computed(()=>W(o.props.minWidth)),F=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...ge.omit(o.props.emptyProps??{},"class")})),G=n.computed(()=>ge.omit(o.props.skeletonProps??{},"class"));return()=>{var te,ne,X;const i=r=>{var a;if((a=o.props.options)!=null&&a.length&&r>0)return!!o.props.options[r-1]},S=r=>{var a,v;if((a=o.props.options)!=null&&a.length&&r>0){const u=o.props.options[r-1];return!!(u&&((v=V(u))!=null&&v.length))}},O=(te=e.default)==null?void 0:te.call(e,{}),y=(ne=l.flattenChildrenByType(O,oe))==null?void 0:ne.filter(r=>{var a;return h.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),d=[];(o.props.options??[]).forEach((r,a)=>{const v=C=>n.h(oe,{option:C},{default:()=>{var m;return(m=e.option)==null?void 0:m.call(e,{option:C})},leading:()=>{var m;return(m=e.optionLeading)==null?void 0:m.call(e,{option:C})},indicator:()=>{var m;return(m=e.optionIndicator)==null?void 0:m.call(e,{option:C})},text:()=>{var m;return(m=e.optionText)==null?void 0:m.call(e,{option:C})}}),u=V(r);if(u!=null&&u.length){i(a)&&d.push(n.h(de._sfc_main));const C=s(r);C&&d.push(n.h(ve,{class:o.props.labelCls},()=>C)),u.forEach(m=>{d.push(v(m))})}else S(a)?d.push(n.h(de._sfc_main)):d.push(v(r))});const g=l.flattenChildrenByType(d,oe).filter(r=>{var a;return h.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),b=!!(g!=null&&g.length||y!=null&&y.length),T=(r,a)=>{var v;if(b&&!M.isEmpty(a)&&h.isString(a)){const u=y!=null&&y.length?y:g;if(u.length){const C=u.find(m=>{var ce;return h.isObject(m.props)&&_((ce=m.props)==null?void 0:ce.option)===a});return(v=C==null?void 0:C.children)==null?void 0:v[r]}}},le=()=>{var a,v;const r=[];if(b||o.props.loading){const u=[];if(b&&(y!=null&&y.length?u.push(O):u.push(...d)),o.props.loading){const C=(a=e.loading)==null?void 0:a.call(e,{});if(!l.isEmptyElement(C))u.push(C);else{const m=new Array(b?2:o.props.loadingRowCount).fill(1);u.push(...m.map(()=>n.h(he._sfc_main,{size:x.value,class:[p.getBemElement(z,"skeleton"),o.props.skeletonCls],...G.value})))}}r.push(n.h("div",{class:[p.getBemElement(z,"options"),o.props.optionsCls]},u))}else if(!b){const u=(v=e.empty)==null?void 0:v.call(e,F.value);l.isEmptyElement(u)?r.push(n.h(Ce._sfc_main,{class:[p.getBemElement(z,"empty"),o.props.emptyCls],...F.value},{title:e.emptyTitle,description:e.emptyDescription,actions:e.emptyActions,image:e.emptyImage})):r.push(u)}return o.props.lazyLoading&&r.push(n.h("div",{class:p.getBemElement(z,"lazy_loading")},n.h("div",{class:p.getBemElement(z,"lazy_loading_trigger"),ref:k}))),r};return[n.h(Le,{getOptionSlot:T,ref:c,...o.attrs,style:{...((X=o.attrs)==null?void 0:X.style)??{},"--ptc-select-trigger-min-w":Q.value}},{trigger:e.trigger,triggerLeading:e.triggerLeading,placeholder:e.placeholder,triggerValue:e.triggerValue,triggerTrailing:e.triggerTrailing,tagClose:e.tagClose,tagTrailing:e.tagTrailing,tagLeading:e.tagLeading,tagText:e.tagText}),n.h(I.SelectPortal,j.value,()=>n.h(I.SelectContent,{...q.value,vShow:t.open.value,class:[ae(o.props),o.props.popupCls],style:{"--ptc-select-popup-width":o.props.samePopupWidth?void 0:Z.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":Q.value}},()=>n.h(Ee._sfc_main,N.value,le)))]}}}),Pe=n.defineComponent({...re.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(f,{emit:e}){const o=f,t=e,k=I.useEmitAsProps(t),c=n.computed(()=>J.omitBy({...J.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"),...J.pick(k,"onUpdate:modelValue","onUpdate:open")},J.isUndefined)),j=n.useSlots(),R=n.useAttrs();return Oe({attrs:R,props:o,emit:t,emitsAsProps:k}),(P,U)=>(n.openBlock(),n.createBlock(n.unref(I.SelectRoot),n.normalizeProps(n.guardReactiveProps(c.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(xe),null,n.createSlots({_:2},[n.renderList(Object.keys(j),w=>({name:w,fn:n.withCtx(q=>[n.renderSlot(P.$slots,w,n.normalizeProps(n.guardReactiveProps(q)))])}))]),1024)]),_:3},16))}});exports.SelectOption=oe;exports.SelectSizes=ie;exports.SelectStatuses=fe;exports._sfc_main=Pe;exports._sfc_main$1=ve;exports.injectSelectContext=ue;exports.provideSelectContext=ye;