@pantograph/vue 0.25.4 → 0.25.6

package/dist/Select.vue_vue_type_style_index_0_lang-ikZ5_KwB.js

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