@pantograph/vue 0.23.22 → 0.23.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Combobox/index.js +1 -1
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-Dr2iY00V.js → Combobox.vue_vue_type_style_index_0_lang-CFaNWocK.js} +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-xUIlRKTq.js → Combobox.vue_vue_type_style_index_0_lang-DzDD2bJT.js} +113 -106
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/Combobox/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DzDD2bJT.js";
|
|
2
2
|
export {
|
|
3
3
|
s as Combobox,
|
|
4
4
|
t as ComboboxSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-CFaNWocK.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),$=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ue=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),E=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),ie=require("./omit-CYbreqlf.js"),qe=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),we=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),Me=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),Ae=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Ne=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),Be=require("./uniq-DGkyiyS4.js"),Q=require("./isEmpty-bCllo8T9.js"),Ke=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),Re=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),Fe=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),We=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Ge=require("lodash-es"),je=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js");require("@iconify/vue");const Ue=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[pe,Pe]=$.createContext("Combobox"),[$e,He]=$.createContext("_Combobox"),w=c.getBemBlock("combobox");var Ye=1/0;function Je(d){var n=d==null?0:d.length;return n?ie.baseFlatten(d,Ye):[]}const ae=d=>G.isNumber(d)||E.isString(d);function Qe({getValue:d,arr:n,getChildren:o}){const e=[],p=(i,P)=>{i.forEach(k=>{const x=d(k);if(ae(x)){e.push({...k,_parentKeys:P,_key:x});const V=o(k);V!=null&&V.length&&p(V,[...P??[],x])}})};return p(n),e}const Xe=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const p=t.computed(()=>Qe({arr:t.unref(d()),getChildren:e,getValue:o})),i=(s,m=!1)=>{const l=o(s);return p.value.filter(f=>{var v;if(m){const h=ie.last(f._parentKeys??[]);return h&&h===l}return(v=f._parentKeys)==null?void 0:v.includes(l)})},P=s=>{if(s&&E.isArray(s))return G.cloneDeep(s);const m=t.unref(n());return m&&E.isArray(m)?G.cloneDeep(m):[]},k=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.some(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},x=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.every(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},V=(s,m)=>{const l=P(m),f=i(s),v=o(s);return f!=null&&f.length?x(s)?!0:k(s)?"intermediate":!1:l.includes(v)},M=s=>ae(s)?p.value.find(m=>m._key===s):void 0;return{flattenData:p,getNodeChildren:i,isSomeChildrenSelected:k,isAllChildrenSelected:x,isSelected:V,selectValues:(s,m)=>{if(s.length){let l=P();const f=s.filter(ae);m?l.push(...f):l=l.filter(y=>!f.includes(y));const v=l.map(M).filter(y=>y&&y._parentKeys),a=Be.uniq(Je(v.map(y=>y._parentKeys))).filter(ae).map(M).filter(Boolean),T=[],z=[];return a.forEach(y=>{const L=o(y);x(y,l)?T.push(L):z.push(L)}),l.push(...T),Be.uniq(l.filter(y=>!z.includes(y)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Ze={key:1},Ie=t.defineComponent({__name:"ComboboxInput",setup(d){const n=pe();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Q.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?E.isArray(n.modelValue.value)?n.getLabelByValue(Ge.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),p=k=>{if(k.key==="Backspace"&&n.props.multiple&&E.isArray(n.modelValue.value)&&Q.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Q.isEmpty(n.modelValue.value))){const x=setTimeout(()=>{n.focusOnInput(),clearTimeout(x)},2)}},i=c.getBemElement(w,"input"),P=he.cva(i,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",i)}});return(k,x)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":x[0]||(x[0]=V=>t.unref(n).searchModel.value=V),onKeydown:p,class:t.unref(P)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(We._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:V})=>[t.createVNode(_e._sfc_main,{size:V,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Ze))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),et=t.defineComponent({name:ue.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=pe(),p=({value:a},T)=>{if(T.stopPropagation(),a&&E.isArray(e.modelValue.value)&&!e.getDisabled.value){const z=e.modelValue.value.filter(y=>y!==a);e.setModelValue(z)}},i=c.getBemElement(w,"trigger"),P=he.cva(i,{variants:{size:c.generateVariantClassList(ye,i),headerSearch:c.generateVariantClassList("header-search",i),status:c.generateVariantClassList(ke,i),bordered:c.generateVariantClassList("bordered",i),multiple:c.generateVariantClassList("multiple",i),contentFit:c.generateVariantClassList("content-fit",i),wrapped:c.generateVariantClassList("wrapped",i),filled:c.generateVariantClassList("filled",i)}}),k=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),x=t.computed(()=>{if(!e.props.multiple&&E.isString(e.modelValue.value)&&!Q.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),V=(a=x.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&E.isObject(a)&&"icon"in a)return a.icon},M=t.computed(()=>V()),N=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),s=t.computed(()=>({modelValue:G.cloneDeep(e.modelValue.value),open:G.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},l=a=>{console.log("event ===>",a),e.props.headerSearch},f=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[P({size:e.getSize.value,status:e.getStatus.value==="success"&&Q.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Q.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),v=(a,T=k.value)=>t.h(_e._sfc_main,{icon:a,size:T}),h=()=>{var z;let a;const T=(z=n.triggerTrailing)==null?void 0:z.call(n,s.value);if(D.isEmptyElement(T)?N.value&&(a=v(N.value)):a=T,a)return t.h("div",{class:[c.getBemElement(i,"trailing"),e.props.triggerTrailingCls]},a)};return()=>{var y;const a=(y=n.trigger)==null?void 0:y.call(n,s.value),z=(()=>{if(D.isEmptyElement(a))return!1;const L=D.filterEmpty(a)??null,K=L.length===1?L[0]:L;return K?D.isValidElement(K)&&!D.isFragment(K):!0})();return t.h($.ComboboxAnchor,{...f.value,...e.comboboxTriggerBinding.value,asChild:z,as:z?"template":"button",key:String(z),onKeyUp:l,onClick:m},()=>{if(!D.isEmptyElement(a))return a;const L=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(ve._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},K=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(Ee._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},ce=()=>{if(!e.props.multiple&&!E.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||M.value||e.props.leadingIcon)){let O;if(e.props.tagRenderMode==="avatar"?O=L(e.modelValue.value):e.props.tagRenderMode==="go"?O=K(e.modelValue.value):M.value?O=v(M.value):e.props.leadingIcon&&(O=v(e.props.leadingIcon)),!D.isEmptyElement(O))return t.h("div",{class:[c.getBemElement(i,"leading"),e.props.triggerLeadingCls]},O)}},de=()=>{const O=[],R=[c.getBemElement(i,"tags"),e.props.triggerContentCls,Q.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],U=(()=>{if(e.props.multiple&&E.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(L));if(e.props.tagRenderMode==="go")return t.h(Fe._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(K));if(e.props.tagRenderMode==="chip")return t.h(Re._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R,onClose:p},()=>e.modelValue.value.map(H=>{var se,ne;const oe=()=>e.getLabelByValue(H),X=({size:ge})=>{const ee=V(e.getOptionByValue(H))??e.props.leadingIcon;return ee?v(ee,ge):null},Z=e.getOptionByValue(H);return t.h(Ke._sfc_main,{...Z?((ne=(se=e.props).getTagProps)==null?void 0:ne.call(se,Z))??{}:{},value:H,class:[c.getBemElement(i,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(i,"tag__close")},{text:oe,leading:X})}))}})();return U&&O.push(U),e.props.headerSearch||O.push(t.h(Ie)),t.h("div",{class:c.getBemElement(i,"content")},O)},j=[],te=ce();D.isEmptyElement(te)||j.push(te),j.push(de());const le=h();return D.isEmptyElement(le)||j.push(le),j})}}}),tt=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ue.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=pe(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),p=t.computed(()=>o.getOptionValue(d.option)),i=t.computed(()=>o.getOptionNoCheckbox(d.option)),P=t.computed(()=>o.getOptionSingle(d.option)),k=t.computed(()=>o.getOptionLabel(d.option)),x=t.computed(()=>o.getOptionIcon(d.option)),V=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),M=t.computed(()=>o.getOptionDisabled(d.option)),N=t.computed(()=>o.isItemSelected(p.value)),s=c.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!p.value||M.value))if(o.props.multiple)if(P.value)o.setModelValue([p.value]),o.emit("select",p.value,!0);else{let l=E.isArray(o.modelValue.value)?o.modelValue.value:[];const f=l.includes(p.value);l.length===1&&o.getSingleByValue(l[0])&&p.value!==l[0]&&(l=[]),f?(o.setModelValue(l.filter(v=>v!==p.value)),o.emit("select",p.value,!0)):(o.setModelValue([...l,p.value]),o.emit("select",p.value,!1))}else o.setModelValue(p.value),o.emit("select",p.value,!0)};if(!d.option)throw new Error("option is required");return()=>{const l=v=>{var T,z,y,L,K;const h=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!i.value&&h.push(t.h(Ue._sfc_main,{modelValue:N.value,size:v.checkboxSize,disabled:M.value}));const a=(T=n.leading)==null?void 0:T.call(n,{option:d.option});return D.isEmptyElement(a)?o.props.tagRenderMode==="avatar"?h.push(t.h(ve._sfc_main,{...((y=(z=o.props).getTagProps)==null?void 0:y.call(z,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?h.push(t.h(Ee._sfc_main,{...((K=(L=o.props).getTagProps)==null?void 0:K.call(L,d.option))??{},size:o.getTagSize.value})):x.value&&h.push(t.h(_e._sfc_main,{icon:x.value,size:e.value})):h.push(a),D.isEmptyElement(h)?null:h};return(()=>{const v=!!V.value;return t.h(je._sfc_main$1,{class:s,description:V.value,title:k.value,key:p.value,selected:N.value,unFocusable:!0,leadingCenter:!v,size:o.getSize.value,disabled:M.value,onClick:m},{leading:l,trailing:()=>{var h;return(h=n.trailing)==null?void 0:h.call(n,{option:d.option})}})})()}}}),ot=t.defineComponent({name:ue.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=$e(),e=$.injectComboboxRootContext(),p=t.ref();Me.useLazyLoading({target:p});const i=t.ref(),P=Ve.getPopoverPortalProps({triggerRef:i,props:o.props}),{getFlipOnDir:k,getDir:x}=E.useConfig(),V=k("reversePlacementOnDir"),M=x(),N=Ve.getPopoverContentProps({props:o.props,flip:V,emitsAsProps:o.emitsAsProps,_dir:M,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),s=({key:r,getterKey:u,defaultValue:_,noReturnOption:B})=>b=>{const A=E.isFunction(_)?_(b):_;if(E.isObject(b)){const F=b[r]??A,W=u&&o.props[u];if(W){if(E.isString(W))return b[W]??F;if(E.isFunction(W))return W(b)??F}return F}return E.isString(b)&&!B?b??A:A},m=s({getterKey:"getValue",key:"value"}),l=s({getterKey:"getNoCheckbox",key:"noCheckbox"}),f=s({getterKey:"geSingle",key:"single",noReturnOption:!0}),v=s({getterKey:"getLabel",key:"label",defaultValue:m}),h=s({getterKey:"getIcon",key:"icon",noReturnOption:!0}),a=s({getterKey:"getDescription",key:"description",noReturnOption:!0}),T=s({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),z=s({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),y=s({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),L=r=>{var u;if((u=o.props.options)!=null&&u.length)for(const _ of o.props.options){if(m(_)===r)return _;const B=y(_);if(B!=null&&B.length){for(const b of B)if(m(b)===r)return b}}return r},K=r=>{const u=L(r);return u?v(u)??r:r},ce=r=>{const u=L(r);return u?f(u)??!1:!1},{contains:de}=$.useFilter({sensitivity:"base"}),j=t.computed(()=>{const r=u=>u==null?void 0:u.map(_=>{const B=v(_),b=m(_),A=T(_),F=z(_),W=!o.searchModel.value||B&&de(B,o.searchModel.value),g=y(_),S=!o.props.tree||b;if(g&&S){const C=r(g);if(C!=null&&C.length||W)return{groupLabel:F,title:B,key:b,disabled:A,children:C,_option:_}}return W&&S?{title:B,key:b,disabled:A,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:te,getStatus:le,getSize:O}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),R=t.computed(()=>{switch(O.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:J,rootBindings:U}=xe.UseInputDataStates({getDisabled:()=>te.value}),H=t.ref(),oe=()=>{var r,u,_,B,b,A,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=H.value)!=null&&r.input)?document.activeElement!==((u=H.value)==null?void 0:u.input)&&((b=(B=(_=H.value)==null?void 0:_.input)==null?void 0:B.focus)==null||b.call(B)):document.activeElement!==e.inputElement.value&&((F=(A=e.inputElement.value)==null?void 0:A.focus)==null||F.call(A)))},X=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)},Z=r=>r===void 0?!1:Array.isArray(e.modelValue.value)?!!(r&&e.modelValue.value.includes(r)):e.modelValue.value===r;Pe({...o,getOptionValue:m,getOptionLabel:v,getOptionSingle:f,getOptionNoCheckbox:l,getOptionDescription:a,getOptionDisabled:T,getOptionIcon:h,getOptionByValue:L,isItemSelected:Z,getLabelByValue:K,getSingleByValue:ce,focusOnInput:oe,setModelValue:X,headerInputElement:H,getDisabled:te,getStatus:le,getSize:O,getTagSize:R,comboboxInputBinding:J,comboboxTriggerBinding:U,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&X(void 0)});const se=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(w,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),ne=c.getBemElement(w,"popup"),ge=he.cva(ne,{variants:{size:c.generateVariantClassList(ye,ne)}}),ee=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},Te=t.computed(()=>ee(o.props.popupWidth)),ze=t.computed(()=>ee(o.props.popupHeight)),be=t.computed(()=>ee(o.props.minWidth)),Ce=t.computed(()=>({type:O.value==="sm"?"simple":"advance",...ie.omit(o.props.emptyProps??{},"class")})),Le=t.computed(()=>ie.omit(o.props.skeletonProps??{},"class")),{selectValues:De}=Xe({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(j.value??[])});return()=>{var F,W;const r=g=>t.h(Se,{option:g},{trailing:n.optionTrailing,leading:n.optionLeading}),u=[];let _;if(o.props.tree){const S=E.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];_=t.h(Ne._sfc_main,{data:j.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:S,checkedKeys:S,onExpand:oe,onSelect:(C,q,I)=>{if(o.props.multiple){const Y=E.isArray(I)?I:[I];X(De(Y,q))}else X(I)},class:"w-full"},{title:C=>r(C._option)}),u.push(_)}else{let g=!1;const S=[];if((j.value??[]).forEach(C=>{var q;if((q=C.children)!=null&&q.length){const I=[];C.children.forEach(Y=>{const re=r(Y._option);Z(m(Y._option))&&o.props.sortSelectedItems?S.push(re):I.push(re)}),I.length&&((g||u.length)&&(u.push(t.h(fe._sfc_main)),g=!1),C.groupLabel&&u.push(t.h(tt,{class:o.props.labelCls},()=>C.groupLabel)),u.push(...I),g=!0)}else{const I=r(C._option);Z(m(C._option))&&o.props.sortSelectedItems?S.push(I):(g&&(u.push(t.h(fe._sfc_main)),g=!1),u.push(I))}}),o.props.sortSelectedItems&&S.length){const C=!!u.length;u.splice(0,0,...S),C&&u.splice(S.length,0,t.h(fe._sfc_main))}}const B=D.flattenChildrenByType(_?[_]:u,Se).filter(g=>{var S;return E.isObject(g==null?void 0:g.props)&&((S=g==null?void 0:g.props)==null?void 0:S.option)}),b=!!(o.props.tree&&((F=j.value)!=null&&F.length)||B!=null&&B.length),A=()=>{var S,C;const g=[];if(b||o.props.loading){const q=[];if(b&&q.push(...u),o.props.loading){const I=(S=n.loading)==null?void 0:S.call(n,{});if(!D.isEmptyElement(I))q.push(I);else{const Y=new Array(b?2:o.props.loadingRowCount).fill(1);q.push(...Y.map(()=>t.h(we._sfc_main,{size:O.value,class:[c.getBemElement(w,"skeleton"),o.props.skeletonCls],...Le.value})))}}g.push(t.h("div",{class:[c.getBemElement(w,"options"),o.props.optionsCls]},q))}else if(!b){const q=(C=n.empty)==null?void 0:C.call(n,Ce.value);D.isEmptyElement(q)?g.push(t.h(qe._sfc_main,{class:[c.getBemElement(w,"empty"),o.props.emptyCls],...Ce.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):g.push(q)}return o.props.lazyLoading&&g.push(t.h("div",{class:c.getBemElement(w,"lazy_loading")},t.h("div",{class:c.getBemElement(w,"lazy_loading_trigger"),ref:p}))),g};return[t.h(et,{ref:i,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":be.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,P.value,()=>t.h($.ComboboxContent,{...N.value,vShow:e.open.value,class:[ge(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:Te.value,"--ptc-combobox-popup-height":ze.value,"--ptc-combobox-trigger-min-w":be.value},onClick:oe},()=>{var I,Y,re;const g=[],S=(I=n.header)==null?void 0:I.call(n,{}),C=!D.isEmptyElement(S);if(o.props.headerSearch||C){const me=[];C&&me.push(S),o.props.headerSearch&&me.push(t.h(Ie)),g.push(t.h("div",{class:c.getBemElement(w,"header")},me))}g.push(t.h(Ae._sfc_main,se.value,A));const q=(re=n.footer)==null?void 0:re.call(n,{isEmpty:!((Y=j.value)!=null&&Y.length),search:o.searchModel.value});return D.isEmptyElement(q)||g.push(t.h("div",{class:c.getBemElement(w,"footer")},q)),g}))]}}}),nt=t.defineComponent({...ue.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{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:{},getDescription:{},getValue:{},getNoCheckbox:{},geSingle:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},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:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},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},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,p=$.useEmitAsProps(e),i=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(p,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),P=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),k=t.useSlots(),x=t.useAttrs();return He({attrs:x,props:o,emit:e,searchModel:P,emitsAsProps:p}),(V,M)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(i.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(ot),null,t.createSlots({_:2},[t.renderList(Object.keys(k),N=>({name:N,fn:t.withCtx(s=>[t.renderSlot(V.$slots,N,t.normalizeProps(t.guardReactiveProps(s)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=nt;exports.injectComboboxContext=pe;exports.provideComboboxContext=Pe;
|
|
1
|
+
"use strict";const t=require("vue"),$=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ue=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),E=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),ie=require("./omit-CYbreqlf.js"),qe=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),we=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),Me=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),Ae=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Ne=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),Be=require("./uniq-DGkyiyS4.js"),Q=require("./isEmpty-bCllo8T9.js"),Ke=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),Re=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),Fe=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),We=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Ge=require("lodash-es"),je=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js");require("@iconify/vue");const Ue=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[pe,Pe]=$.createContext("Combobox"),[$e,He]=$.createContext("_Combobox"),w=c.getBemBlock("combobox");var Ye=1/0;function Je(d){var n=d==null?0:d.length;return n?ie.baseFlatten(d,Ye):[]}const ae=d=>G.isNumber(d)||E.isString(d);function Qe({getValue:d,arr:n,getChildren:o}){const e=[],p=(i,P)=>{i.forEach(k=>{const V=d(k);if(ae(V)){e.push({...k,_parentKeys:P,_key:V});const y=o(k);y!=null&&y.length&&p(y,[...P??[],V])}})};return p(n),e}const Xe=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const p=t.computed(()=>Qe({arr:t.unref(d()),getChildren:e,getValue:o})),i=(s,m=!1)=>{const l=o(s);return p.value.filter(f=>{var v;if(m){const h=ie.last(f._parentKeys??[]);return h&&h===l}return(v=f._parentKeys)==null?void 0:v.includes(l)})},P=s=>{if(s&&E.isArray(s))return G.cloneDeep(s);const m=t.unref(n());return m&&E.isArray(m)?G.cloneDeep(m):[]},k=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.some(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},V=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.every(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},y=(s,m)=>{const l=P(m),f=i(s),v=o(s);return f!=null&&f.length?V(s)?!0:k(s)?"intermediate":!1:l.includes(v)},M=s=>ae(s)?p.value.find(m=>m._key===s):void 0;return{flattenData:p,getNodeChildren:i,isSomeChildrenSelected:k,isAllChildrenSelected:V,isSelected:y,selectValues:(s,m)=>{if(s.length){let l=P();const f=s.filter(ae);m?l.push(...f):l=l.filter(b=>!f.includes(b));const v=l.map(M).filter(b=>b&&b._parentKeys),a=Be.uniq(Je(v.map(b=>b._parentKeys))).filter(ae).map(M).filter(Boolean),T=[],z=[];return a.forEach(b=>{const L=o(b);V(b,l)?T.push(L):z.push(L)}),l.push(...T),Be.uniq(l.filter(b=>!z.includes(b)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Ze={key:1},Ie=t.defineComponent({__name:"ComboboxInput",setup(d){const n=pe();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Q.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?E.isArray(n.modelValue.value)?n.getLabelByValue(Ge.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),p=k=>{if(k.key==="Backspace"&&n.props.multiple&&E.isArray(n.modelValue.value)&&Q.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Q.isEmpty(n.modelValue.value))){const V=setTimeout(()=>{n.focusOnInput(),clearTimeout(V)},2)}},i=c.getBemElement(w,"input"),P=he.cva(i,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",i)}});return(k,V)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":V[0]||(V[0]=y=>t.unref(n).searchModel.value=y),onKeydown:p,class:t.unref(P)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(We._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:y})=>[t.createVNode(_e._sfc_main,{size:y,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Ze))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),et=t.defineComponent({name:ue.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=pe(),p=({value:a},T)=>{if(T.stopPropagation(),a&&E.isArray(e.modelValue.value)&&!e.getDisabled.value){const z=e.modelValue.value.filter(b=>b!==a);e.setModelValue(z)}},i=c.getBemElement(w,"trigger"),P=he.cva(i,{variants:{size:c.generateVariantClassList(ye,i),headerSearch:c.generateVariantClassList("header-search",i),status:c.generateVariantClassList(ke,i),bordered:c.generateVariantClassList("bordered",i),multiple:c.generateVariantClassList("multiple",i),contentFit:c.generateVariantClassList("content-fit",i),wrapped:c.generateVariantClassList("wrapped",i),filled:c.generateVariantClassList("filled",i)}}),k=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),V=t.computed(()=>{if(!e.props.multiple&&E.isString(e.modelValue.value)&&!Q.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),y=(a=V.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&E.isObject(a)&&"icon"in a)return a.icon},M=t.computed(()=>y()),N=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),s=t.computed(()=>({modelValue:G.cloneDeep(e.modelValue.value),open:G.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},l=a=>{console.log("event ===>",a),e.props.headerSearch},f=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[P({size:e.getSize.value,status:e.getStatus.value==="success"&&Q.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Q.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),v=(a,T=k.value)=>t.h(_e._sfc_main,{icon:a,size:T}),h=()=>{var z;let a;const T=(z=n.triggerTrailing)==null?void 0:z.call(n,s.value);if(D.isEmptyElement(T)?N.value&&(a=v(N.value)):a=T,a)return t.h("div",{class:[c.getBemElement(i,"trailing"),e.props.triggerTrailingCls]},a)};return()=>{var b;const a=(b=n.trigger)==null?void 0:b.call(n,s.value),z=(()=>{if(D.isEmptyElement(a))return!1;const L=D.filterEmpty(a)??null,K=L.length===1?L[0]:L;return K?D.isValidElement(K)&&!D.isFragment(K):!0})();return t.h($.ComboboxAnchor,{...f.value,...e.comboboxTriggerBinding.value,asChild:z,as:z?"template":"button",key:String(z),onKeyUp:l,onClick:m},()=>{if(!D.isEmptyElement(a))return a;const L=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(ve._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},K=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(Ee._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},ce=()=>{if(!e.props.multiple&&!E.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||M.value||e.props.leadingIcon)){let O;if(e.props.tagRenderMode==="avatar"?O=L(e.modelValue.value):e.props.tagRenderMode==="go"?O=K(e.modelValue.value):M.value?O=v(M.value):e.props.leadingIcon&&(O=v(e.props.leadingIcon)),!D.isEmptyElement(O))return t.h("div",{class:[c.getBemElement(i,"leading"),e.props.triggerLeadingCls]},O)}},de=()=>{const O=[],R=[c.getBemElement(i,"tags"),e.props.triggerContentCls,Q.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],U=(()=>{if(e.props.multiple&&E.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(L));if(e.props.tagRenderMode==="go")return t.h(Fe._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(K));if(e.props.tagRenderMode==="chip")return t.h(Re._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R,onClose:p},()=>e.modelValue.value.map(H=>{var se,ne;const oe=()=>e.getLabelByValue(H),X=({size:ge})=>{const ee=y(e.getOptionByValue(H))??e.props.leadingIcon;return ee?v(ee,ge):null},Z=e.getOptionByValue(H);return t.h(Ke._sfc_main,{...Z?((ne=(se=e.props).getTagProps)==null?void 0:ne.call(se,Z))??{}:{},value:H,class:[c.getBemElement(i,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(i,"tag__close")},{text:oe,leading:X})}))}})();return U&&O.push(U),e.props.headerSearch||O.push(t.h(Ie)),t.h("div",{class:c.getBemElement(i,"content")},O)},j=[],te=ce();D.isEmptyElement(te)||j.push(te),j.push(de());const le=h();return D.isEmptyElement(le)||j.push(le),j})}}}),tt=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ue.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=pe(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),p=t.computed(()=>o.getOptionValue(d.option)),i=t.computed(()=>o.getOptionNoCheckbox(d.option)),P=t.computed(()=>o.getOptionSingle(d.option)),k=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),y=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),M=t.computed(()=>o.getOptionDisabled(d.option)),N=t.computed(()=>o.isItemSelected(p.value)),s=c.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!p.value||M.value))if(o.props.multiple)if(P.value)o.setModelValue([p.value]),o.emit("select",p.value,!0);else{let l=E.isArray(o.modelValue.value)?o.modelValue.value:[];const f=l.includes(p.value);l.length===1&&o.getSingleByValue(l[0])&&p.value!==l[0]&&(l=[]),f?(o.setModelValue(l.filter(v=>v!==p.value)),o.emit("select",p.value,!0)):(o.setModelValue([...l,p.value]),o.emit("select",p.value,!1))}else o.setModelValue(p.value),o.emit("select",p.value,!0)};if(!d.option)throw new Error("option is required");return()=>{const l=v=>{var T,z,b,L,K;const h=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!i.value&&h.push(t.h(Ue._sfc_main,{modelValue:N.value,size:v.checkboxSize,disabled:M.value}));const a=(T=n.leading)==null?void 0:T.call(n,{option:d.option});return D.isEmptyElement(a)?o.props.tagRenderMode==="avatar"?h.push(t.h(ve._sfc_main,{...((b=(z=o.props).getTagProps)==null?void 0:b.call(z,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?h.push(t.h(Ee._sfc_main,{...((K=(L=o.props).getTagProps)==null?void 0:K.call(L,d.option))??{},size:o.getTagSize.value})):V.value&&h.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})):h.push(a),D.isEmptyElement(h)?null:h};return(()=>{const v=!!y.value;return t.h(je._sfc_main$1,{class:s,description:y.value,title:k.value,key:p.value,selected:N.value,unFocusable:!0,leadingCenter:!v,size:o.getSize.value,disabled:M.value,onClick:m},{leading:l,trailing:()=>{var h;return(h=n.trailing)==null?void 0:h.call(n,{option:d.option})}})})()}}}),ot=t.defineComponent({name:ue.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=$e(),e=$.injectComboboxRootContext(),p=t.ref();Me.useLazyLoading({target:p});const i=t.ref(),P=Ve.getPopoverPortalProps({triggerRef:i,props:o.props}),{getFlipOnDir:k,getDir:V}=E.useConfig(),y=k("reversePlacementOnDir"),M=V(),N=Ve.getPopoverContentProps({props:o.props,flip:y,emitsAsProps:o.emitsAsProps,_dir:M,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),s=({key:r,getterKey:u,defaultValue:_,noReturnOption:B})=>C=>{const A=E.isFunction(_)?_(C):_;if(E.isObject(C)){const F=C[r]??A,W=u&&o.props[u];if(W){if(E.isString(W))return C[W]??F;if(E.isFunction(W))return W(C)??F}return F}return E.isString(C)&&!B?C??A:A},m=s({getterKey:"getValue",key:"value"}),l=s({getterKey:"getNoCheckbox",key:"noCheckbox"}),f=s({getterKey:"geSingle",key:"single",noReturnOption:!0}),v=s({getterKey:"getLabel",key:"label",defaultValue:m}),h=s({getterKey:"getIcon",key:"icon",noReturnOption:!0}),a=s({getterKey:"getDescription",key:"description",noReturnOption:!0}),T=s({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),z=s({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),b=s({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),L=r=>{var u;if((u=o.props.options)!=null&&u.length)for(const _ of o.props.options){if(m(_)===r)return _;const B=b(_);if(B!=null&&B.length){for(const C of B)if(m(C)===r)return C}}return r},K=r=>{const u=L(r);return u?v(u)??r:r},ce=r=>{const u=L(r);return u?f(u)??!1:!1},{contains:de}=$.useFilter({sensitivity:"base"}),j=t.computed(()=>{const r=u=>u==null?void 0:u.map(_=>{const B=v(_),C=m(_),A=T(_),F=z(_),W=!o.searchModel.value||B&&de(B,o.searchModel.value),g=b(_),S=!o.props.tree||C;if(g&&S){const x=r(g);if(x!=null&&x.length||W)return{groupLabel:F,title:B,key:C,disabled:A,children:x,_option:_}}return W&&S?{title:B,key:C,disabled:A,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:te,getStatus:le,getSize:O}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),R=t.computed(()=>{switch(O.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:J,rootBindings:U}=xe.UseInputDataStates({getDisabled:()=>te.value}),H=t.ref(),oe=()=>{var r,u,_,B,C,A,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=H.value)!=null&&r.input)?document.activeElement!==((u=H.value)==null?void 0:u.input)&&((C=(B=(_=H.value)==null?void 0:_.input)==null?void 0:B.focus)==null||C.call(B)):document.activeElement!==e.inputElement.value&&((F=(A=e.inputElement.value)==null?void 0:A.focus)==null||F.call(A)))},X=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)},Z=r=>r===void 0?!1:Array.isArray(e.modelValue.value)?!!(r&&e.modelValue.value.includes(r)):e.modelValue.value===r;Pe({...o,getOptionValue:m,getOptionLabel:v,getOptionSingle:f,getOptionNoCheckbox:l,getOptionDescription:a,getOptionDisabled:T,getOptionIcon:h,getOptionByValue:L,isItemSelected:Z,getLabelByValue:K,getSingleByValue:ce,focusOnInput:oe,setModelValue:X,headerInputElement:H,getDisabled:te,getStatus:le,getSize:O,getTagSize:R,comboboxInputBinding:J,comboboxTriggerBinding:U,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&X(void 0)});const se=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(w,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),ne=c.getBemElement(w,"popup"),ge=he.cva(ne,{variants:{size:c.generateVariantClassList(ye,ne)}}),ee=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},Te=t.computed(()=>ee(o.props.popupWidth)),ze=t.computed(()=>ee(o.props.popupHeight)),be=t.computed(()=>ee(o.props.minWidth)),Ce=t.computed(()=>({type:O.value==="sm"?"simple":"advance",...ie.omit(o.props.emptyProps??{},"class")})),Le=t.computed(()=>ie.omit(o.props.skeletonProps??{},"class")),{selectValues:De}=Xe({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(j.value??[])});return()=>{var F,W;const r=g=>t.h(Se,{option:g},{trailing:n.optionTrailing,leading:n.optionLeading}),u=[];let _;if(o.props.tree){const S=E.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];_=t.h(Ne._sfc_main,{data:j.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:S,checkedKeys:S,onExpand:oe,onSelect:(x,q,I)=>{if(o.props.multiple){const Y=E.isArray(I)?I:[I];X(De(Y,q))}else X(I)},class:"w-full"},{title:x=>r(x._option)}),u.push(_)}else{let g=!1;const S=[];if((j.value??[]).forEach(x=>{var q;if((q=x.children)!=null&&q.length){const I=[];x.children.forEach(Y=>{const re=r(Y._option);Z(m(Y._option))&&o.props.sortSelectedItems?S.push(re):I.push(re)}),I.length&&((g||u.length)&&(u.push(t.h(fe._sfc_main)),g=!1),x.groupLabel&&u.push(t.h(tt,{class:o.props.labelCls},()=>x.groupLabel)),u.push(...I),g=!0)}else{const I=r(x._option);Z(m(x._option))&&o.props.sortSelectedItems?S.push(I):(g&&(u.push(t.h(fe._sfc_main)),g=!1),u.push(I))}}),o.props.sortSelectedItems&&S.length){const x=!!u.length;u.splice(0,0,...S),x&&u.splice(S.length,0,t.h(fe._sfc_main))}}const B=D.flattenChildrenByType(_?[_]:u,Se).filter(g=>{var S;return E.isObject(g==null?void 0:g.props)&&((S=g==null?void 0:g.props)==null?void 0:S.option)}),C=!!(o.props.tree&&((F=j.value)!=null&&F.length)||B!=null&&B.length),A=()=>{var S,x;const g=[];if(C||o.props.loading){const q=[];if(C&&q.push(...u),o.props.loading){const I=(S=n.loading)==null?void 0:S.call(n,{});if(!D.isEmptyElement(I))q.push(I);else{const Y=new Array(C?2:o.props.loadingRowCount).fill(1);q.push(...Y.map(()=>t.h(we._sfc_main,{size:O.value,class:[c.getBemElement(w,"skeleton"),o.props.skeletonCls],...Le.value})))}}g.push(t.h("div",{class:[c.getBemElement(w,"options"),o.props.optionsCls]},q))}else if(!C){const q=(x=n.empty)==null?void 0:x.call(n,Ce.value);D.isEmptyElement(q)?g.push(t.h(qe._sfc_main,{class:[c.getBemElement(w,"empty"),o.props.emptyCls],...Ce.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):g.push(q)}return o.props.lazyLoading&&g.push(t.h("div",{class:c.getBemElement(w,"lazy_loading")},t.h("div",{class:c.getBemElement(w,"lazy_loading_trigger"),ref:p}))),g};return[t.h(et,{ref:i,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":be.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,P.value,()=>t.h($.ComboboxContent,{...N.value,vShow:e.open.value,class:[ge(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:Te.value,"--ptc-combobox-popup-height":ze.value,"--ptc-combobox-trigger-min-w":be.value},onClick:oe},()=>{var I,Y,re;const g=[],S=(I=n.header)==null?void 0:I.call(n,{}),x=!D.isEmptyElement(S);if(o.props.headerSearch||x){const me=[];x&&me.push(S),o.props.headerSearch&&me.push(t.h(Ie)),g.push(t.h("div",{class:c.getBemElement(w,"header")},me))}g.push(t.h(Ae._sfc_main,se.value,A));const q=(re=n.footer)==null?void 0:re.call(n,{isEmpty:!((Y=j.value)!=null&&Y.length),search:o.searchModel.value});return D.isEmptyElement(q)||g.push(t.h("div",{class:c.getBemElement(w,"footer")},q)),g}))]}}}),nt=t.defineComponent({...ue.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{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:{},getDescription:{},getValue:{},getNoCheckbox:{},geSingle:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},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:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},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},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,p=$.useEmitAsProps(e),i=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(p,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),P=Oe.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,y=>{y||(P.value=void 0)});const k=t.useSlots(),V=t.useAttrs();return He({attrs:V,props:o,emit:e,searchModel:P,emitsAsProps:p}),(y,M)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(i.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(ot),null,t.createSlots({_:2},[t.renderList(Object.keys(k),N=>({name:N,fn:t.withCtx(s=>[t.renderSlot(y.$slots,N,t.normalizeProps(t.guardReactiveProps(s)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=nt;exports.injectComboboxContext=pe;exports.provideComboboxContext=Pe;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { computed as f, unref as L, defineComponent as ne, createBlock as Ce, openBlock as ie, mergeProps as Me, withCtx as de, createElementBlock as Le, createVNode as we, h as l, normalizeClass as
|
|
2
|
-
import { createContext as
|
|
1
|
+
import { computed as f, unref as L, defineComponent as ne, createBlock as Ce, openBlock as ie, mergeProps as Me, withCtx as de, createElementBlock as Le, createVNode as we, h as l, normalizeClass as He, renderSlot as Ee, ref as be, watch as Ke, useSlots as qe, useAttrs as Ye, createSlots as Je, renderList as Qe, normalizeProps as Xe, guardReactiveProps as Ze } from "vue";
|
|
2
|
+
import { createContext as Ne, ComboboxInput as et, ComboboxAnchor as tt, injectComboboxRootContext as ot, useFilter as nt, ComboboxPortal as rt, ComboboxContent as at, useEmitAsProps as lt, ComboboxRoot as st } from "reka-ui";
|
|
3
3
|
import { g as it, h as oe, o as pt, f as Ie, j as ut } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
4
4
|
import { a as Ve, g as ct } from "./options-D4et5euX.js";
|
|
5
5
|
import { getBemBlock as dt, getBemElement as P, generateVariantClassList as H } from "@pantograph/utils";
|
|
@@ -20,9 +20,9 @@ import { i as X } from "./isEmpty-wdqPTIXx.js";
|
|
|
20
20
|
import { _ as kt } from "./Chip.vue_vue_type_style_index_0_lang-DXsCoBle.js";
|
|
21
21
|
import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-R-SmBNur.js";
|
|
22
22
|
import { _ as Se } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
23
|
-
import { d as zt, _ as
|
|
23
|
+
import { d as zt, _ as Re } from "./Avatar.vue_vue_type_style_index_0_lang-DRTI7zpy.js";
|
|
24
24
|
import { _ as Dt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C3LfQ7iN.js";
|
|
25
|
-
import { _ as
|
|
25
|
+
import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
|
|
26
26
|
import { _ as Mt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
|
|
27
27
|
import { whenever as Lt, useVModel as wt } from "@vueuse/core";
|
|
28
28
|
import { last as Et } from "lodash-es";
|
|
@@ -30,7 +30,7 @@ import { a as Kt } from "./MenuItem.vue_vue_type_style_index_0_lang-7T_SPKSm.js"
|
|
|
30
30
|
import "@iconify/vue";
|
|
31
31
|
import { _ as Nt } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
|
|
32
32
|
import "@pantograph/tokens";
|
|
33
|
-
const [Oe, Rt] =
|
|
33
|
+
const [Oe, Rt] = Ne("Combobox"), [$t, At] = Ne("_Combobox"), E = dt("combobox");
|
|
34
34
|
var Ft = 1 / 0;
|
|
35
35
|
function Wt(c) {
|
|
36
36
|
var o = c == null ? 0 : c.length;
|
|
@@ -44,11 +44,11 @@ function Gt({
|
|
|
44
44
|
}) {
|
|
45
45
|
const e = [], u = (i, I) => {
|
|
46
46
|
i.forEach((k) => {
|
|
47
|
-
const
|
|
48
|
-
if (ce(
|
|
49
|
-
e.push({ ...k, _parentKeys: I, _key:
|
|
50
|
-
const
|
|
51
|
-
|
|
47
|
+
const x = c(k);
|
|
48
|
+
if (ce(x)) {
|
|
49
|
+
e.push({ ...k, _parentKeys: I, _key: x });
|
|
50
|
+
const y = t(k);
|
|
51
|
+
y != null && y.length && u(y, [...I ?? [], x]);
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
};
|
|
@@ -85,7 +85,7 @@ const Ut = ({
|
|
|
85
85
|
const h = v._key;
|
|
86
86
|
return h && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, h));
|
|
87
87
|
});
|
|
88
|
-
},
|
|
88
|
+
}, x = (a, g) => {
|
|
89
89
|
const r = I(g), m = i(a);
|
|
90
90
|
if (m != null && m.length)
|
|
91
91
|
return m.every((v) => {
|
|
@@ -93,30 +93,30 @@ const Ut = ({
|
|
|
93
93
|
const h = v._key;
|
|
94
94
|
return h && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, h));
|
|
95
95
|
});
|
|
96
|
-
},
|
|
96
|
+
}, y = (a, g) => {
|
|
97
97
|
const r = I(g), m = i(a), v = t(a);
|
|
98
|
-
return m != null && m.length ?
|
|
98
|
+
return m != null && m.length ? x(a) ? !0 : k(a) ? "intermediate" : !1 : r.includes(v);
|
|
99
99
|
}, K = (a) => ce(a) ? u.value.find((g) => g._key === a) : void 0;
|
|
100
100
|
return {
|
|
101
101
|
flattenData: u,
|
|
102
102
|
getNodeChildren: i,
|
|
103
103
|
isSomeChildrenSelected: k,
|
|
104
|
-
isAllChildrenSelected:
|
|
105
|
-
isSelected:
|
|
104
|
+
isAllChildrenSelected: x,
|
|
105
|
+
isSelected: y,
|
|
106
106
|
selectValues: (a, g) => {
|
|
107
107
|
if (a.length) {
|
|
108
108
|
let r = I();
|
|
109
109
|
const m = a.filter(ce);
|
|
110
|
-
g ? r.push(...m) : r = r.filter((
|
|
111
|
-
const v = r.map(K).filter((
|
|
112
|
-
return s.forEach((
|
|
113
|
-
const M = t(
|
|
114
|
-
|
|
115
|
-
}), r.push(...z), ze(r.filter((
|
|
110
|
+
g ? r.push(...m) : r = r.filter((C) => !m.includes(C));
|
|
111
|
+
const v = r.map(K).filter((C) => C && C._parentKeys), s = ze(Wt(v.map((C) => C._parentKeys))).filter(ce).map(K).filter(Boolean), z = [], D = [];
|
|
112
|
+
return s.forEach((C) => {
|
|
113
|
+
const M = t(C);
|
|
114
|
+
x(C, r) ? z.push(M) : D.push(M);
|
|
115
|
+
}), r.push(...z), ze(r.filter((C) => !D.includes(C)));
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
|
-
},
|
|
119
|
+
}, Ae = ["sm", "md", "lg"], jt = ["error", "warning", "success"], Ht = { key: 1 }, Fe = /* @__PURE__ */ ne({
|
|
120
120
|
__name: "ComboboxInput",
|
|
121
121
|
setup(c) {
|
|
122
122
|
const o = Oe();
|
|
@@ -128,8 +128,8 @@ const Ut = ({
|
|
|
128
128
|
);
|
|
129
129
|
const t = f(() => !X(o.modelValue.value)), e = f(() => t.value ? q(o.modelValue.value) ? o.getLabelByValue(Et(o.modelValue.value)) : o.getLabelByValue(o.modelValue.value) : o.props.placeholder), u = (k) => {
|
|
130
130
|
if (k.key === "Backspace" && o.props.multiple && q(o.modelValue.value) && X(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), X(o.modelValue.value))) {
|
|
131
|
-
const
|
|
132
|
-
o.focusOnInput(), clearTimeout(
|
|
131
|
+
const x = setTimeout(() => {
|
|
132
|
+
o.focusOnInput(), clearTimeout(x);
|
|
133
133
|
}, 2);
|
|
134
134
|
}
|
|
135
135
|
}, i = P(E, "input"), I = xe(i, {
|
|
@@ -137,12 +137,12 @@ const Ut = ({
|
|
|
137
137
|
valuePlaceholder: H("value-placeholder", i)
|
|
138
138
|
}
|
|
139
139
|
});
|
|
140
|
-
return (k,
|
|
140
|
+
return (k, x) => (ie(), Ce(L(et), Me(L(o).comboboxInputBinding.value, {
|
|
141
141
|
disabled: L(o).getDisabled.value,
|
|
142
142
|
placeholder: e.value,
|
|
143
143
|
"as-child": "",
|
|
144
144
|
modelValue: L(o).searchModel.value,
|
|
145
|
-
"onUpdate:modelValue":
|
|
145
|
+
"onUpdate:modelValue": x[0] || (x[0] = (y) => L(o).searchModel.value = y),
|
|
146
146
|
onKeydown: u,
|
|
147
147
|
class: L(I)({
|
|
148
148
|
valuePlaceholder: t.value
|
|
@@ -155,9 +155,9 @@ const Ut = ({
|
|
|
155
155
|
ref: L(o).headerInputElement,
|
|
156
156
|
placeholder: L(o).props.placeholder
|
|
157
157
|
}, {
|
|
158
|
-
leading: de(({ iconSize:
|
|
158
|
+
leading: de(({ iconSize: y }) => [
|
|
159
159
|
we(Se, {
|
|
160
|
-
size:
|
|
160
|
+
size: y,
|
|
161
161
|
icon: "tabler:search",
|
|
162
162
|
flipOnDir: "rtl"
|
|
163
163
|
}, null, 8, ["size"])
|
|
@@ -179,12 +179,12 @@ const Ut = ({
|
|
|
179
179
|
value: s
|
|
180
180
|
}, z) => {
|
|
181
181
|
if (z.stopPropagation(), s && q(e.modelValue.value) && !e.getDisabled.value) {
|
|
182
|
-
const D = e.modelValue.value.filter((
|
|
182
|
+
const D = e.modelValue.value.filter((C) => C !== s);
|
|
183
183
|
e.setModelValue(D);
|
|
184
184
|
}
|
|
185
185
|
}, i = P(E, "trigger"), I = xe(i, {
|
|
186
186
|
variants: {
|
|
187
|
-
size: H(
|
|
187
|
+
size: H(Ae, i),
|
|
188
188
|
headerSearch: H("header-search", i),
|
|
189
189
|
status: H(jt, i),
|
|
190
190
|
bordered: H("bordered", i),
|
|
@@ -201,13 +201,13 @@ const Ut = ({
|
|
|
201
201
|
default:
|
|
202
202
|
return "xsm";
|
|
203
203
|
}
|
|
204
|
-
}),
|
|
204
|
+
}), x = f(() => {
|
|
205
205
|
if (!e.props.multiple && ge(e.modelValue.value) && !X(e.modelValue.value))
|
|
206
206
|
return e.getOptionByValue(e.modelValue.value);
|
|
207
|
-
}),
|
|
207
|
+
}), y = (s = x.value) => {
|
|
208
208
|
if (e.props.selectedItemIconAsTrailingIcon && _e(s) && "icon" in s)
|
|
209
209
|
return s.icon;
|
|
210
|
-
}, K = f(() =>
|
|
210
|
+
}, K = f(() => y()), $ = f(() => {
|
|
211
211
|
if (!e.props.noTrailing)
|
|
212
212
|
return e.props.trailingIcon;
|
|
213
213
|
}), a = f(() => ({
|
|
@@ -252,8 +252,8 @@ const Ut = ({
|
|
|
252
252
|
}, s);
|
|
253
253
|
};
|
|
254
254
|
return () => {
|
|
255
|
-
var
|
|
256
|
-
const s = (
|
|
255
|
+
var C;
|
|
256
|
+
const s = (C = o.trigger) == null ? void 0 : C.call(o, a.value), D = (() => {
|
|
257
257
|
if (R(s)) return !1;
|
|
258
258
|
const M = bt(s) ?? null, A = M.length === 1 ? M[0] : M;
|
|
259
259
|
return A ? yt(A) && !Ct(A) : !0;
|
|
@@ -272,14 +272,14 @@ const Ut = ({
|
|
|
272
272
|
const M = (B) => {
|
|
273
273
|
var Q, j;
|
|
274
274
|
const F = e.getOptionByValue(B);
|
|
275
|
-
return l(
|
|
275
|
+
return l(Re, {
|
|
276
276
|
...F ? ((j = (Q = e.props).getTagProps) == null ? void 0 : j.call(Q, F)) ?? {} : {},
|
|
277
277
|
size: e.getTagSize.value
|
|
278
278
|
});
|
|
279
279
|
}, A = (B) => {
|
|
280
280
|
var Q, j;
|
|
281
281
|
const F = e.getOptionByValue(B);
|
|
282
|
-
return l(
|
|
282
|
+
return l($e, {
|
|
283
283
|
...F ? ((j = (Q = e.props).getTagProps) == null ? void 0 : j.call(Q, F)) ?? {} : {},
|
|
284
284
|
size: e.getTagSize.value
|
|
285
285
|
});
|
|
@@ -327,7 +327,7 @@ const Ut = ({
|
|
|
327
327
|
const ae = () => e.getLabelByValue(Y), Z = ({
|
|
328
328
|
size: ve
|
|
329
329
|
}) => {
|
|
330
|
-
const te =
|
|
330
|
+
const te = y(e.getOptionByValue(Y)) ?? e.props.leadingIcon;
|
|
331
331
|
return te ? v(te, ve) : null;
|
|
332
332
|
}, ee = e.getOptionByValue(Y);
|
|
333
333
|
return l(kt, {
|
|
@@ -342,7 +342,7 @@ const Ut = ({
|
|
|
342
342
|
}));
|
|
343
343
|
}
|
|
344
344
|
})();
|
|
345
|
-
return j && B.push(j), e.props.headerSearch || B.push(l(
|
|
345
|
+
return j && B.push(j), e.props.headerSearch || B.push(l(Fe)), l("div", {
|
|
346
346
|
class: P(i, "content")
|
|
347
347
|
}, B);
|
|
348
348
|
}, U = [], re = me();
|
|
@@ -356,7 +356,7 @@ const Ut = ({
|
|
|
356
356
|
__name: "ComboboxLabel",
|
|
357
357
|
setup(c) {
|
|
358
358
|
return (o, t) => (ie(), Le("div", {
|
|
359
|
-
class:
|
|
359
|
+
class: He(L(P)(L(E), "label"))
|
|
360
360
|
}, [
|
|
361
361
|
Ee(o.$slots, "default")
|
|
362
362
|
], 2));
|
|
@@ -383,7 +383,7 @@ const Ut = ({
|
|
|
383
383
|
default:
|
|
384
384
|
return "xsm";
|
|
385
385
|
}
|
|
386
|
-
}), u = f(() => t.getOptionValue(c.option)), i = f(() => t.getOptionNoCheckbox(c.option)), I = f(() => t.getOptionSingle(c.option)), k = f(() => t.getOptionLabel(c.option)),
|
|
386
|
+
}), u = f(() => t.getOptionValue(c.option)), i = f(() => t.getOptionNoCheckbox(c.option)), I = f(() => t.getOptionSingle(c.option)), k = f(() => t.getOptionLabel(c.option)), x = f(() => t.getOptionIcon(c.option)), y = f(() => t.props.tree ? void 0 : t.getOptionDescription(c.option)), K = f(() => t.getOptionDisabled(c.option)), $ = f(() => t.isItemSelected(u.value)), a = P(E, "option"), g = () => {
|
|
387
387
|
if (!(t.props.tree || !u.value || K.value))
|
|
388
388
|
if (t.props.multiple)
|
|
389
389
|
if (I.value)
|
|
@@ -399,7 +399,7 @@ const Ut = ({
|
|
|
399
399
|
if (!c.option) throw new Error("option is required");
|
|
400
400
|
return () => {
|
|
401
401
|
const r = (v) => {
|
|
402
|
-
var z, D,
|
|
402
|
+
var z, D, C, M, A;
|
|
403
403
|
const h = [];
|
|
404
404
|
!t.props.tree && t.props.multiple && t.props.checkbox && !i.value && h.push(l(Nt, {
|
|
405
405
|
modelValue: $.value,
|
|
@@ -409,22 +409,22 @@ const Ut = ({
|
|
|
409
409
|
const s = (z = o.leading) == null ? void 0 : z.call(o, {
|
|
410
410
|
option: c.option
|
|
411
411
|
});
|
|
412
|
-
return R(s) ? t.props.tagRenderMode === "avatar" ? h.push(l(
|
|
413
|
-
...((
|
|
412
|
+
return R(s) ? t.props.tagRenderMode === "avatar" ? h.push(l(Re, {
|
|
413
|
+
...((C = (D = t.props).getTagProps) == null ? void 0 : C.call(D, c.option)) ?? {},
|
|
414
414
|
size: t.getTagSize.value
|
|
415
|
-
})) : t.props.tagRenderMode === "go" ? h.push(l(
|
|
415
|
+
})) : t.props.tagRenderMode === "go" ? h.push(l($e, {
|
|
416
416
|
...((A = (M = t.props).getTagProps) == null ? void 0 : A.call(M, c.option)) ?? {},
|
|
417
417
|
size: t.getTagSize.value
|
|
418
|
-
})) :
|
|
419
|
-
icon:
|
|
418
|
+
})) : x.value && h.push(l(Se, {
|
|
419
|
+
icon: x.value,
|
|
420
420
|
size: e.value
|
|
421
421
|
})) : h.push(s), R(h) ? null : h;
|
|
422
422
|
};
|
|
423
423
|
return (() => {
|
|
424
|
-
const v = !!
|
|
424
|
+
const v = !!y.value;
|
|
425
425
|
return l(Kt, {
|
|
426
426
|
class: a,
|
|
427
|
-
description:
|
|
427
|
+
description: y.value,
|
|
428
428
|
title: k.value,
|
|
429
429
|
key: u.value,
|
|
430
430
|
selected: $.value,
|
|
@@ -459,10 +459,10 @@ const Ut = ({
|
|
|
459
459
|
props: t.props
|
|
460
460
|
}), {
|
|
461
461
|
getFlipOnDir: k,
|
|
462
|
-
getDir:
|
|
463
|
-
} = gt(),
|
|
462
|
+
getDir: x
|
|
463
|
+
} = gt(), y = k("reversePlacementOnDir"), K = x(), $ = Bt({
|
|
464
464
|
props: t.props,
|
|
465
|
-
flip:
|
|
465
|
+
flip: y,
|
|
466
466
|
emitsAsProps: t.emitsAsProps,
|
|
467
467
|
_dir: K,
|
|
468
468
|
controlAutoFocus: !1,
|
|
@@ -472,18 +472,18 @@ const Ut = ({
|
|
|
472
472
|
getterKey: p,
|
|
473
473
|
defaultValue: b,
|
|
474
474
|
noReturnOption: S
|
|
475
|
-
}) => (
|
|
476
|
-
const N = ke(b) ? b(
|
|
477
|
-
if (_e(
|
|
478
|
-
const W =
|
|
475
|
+
}) => (_) => {
|
|
476
|
+
const N = ke(b) ? b(_) : b;
|
|
477
|
+
if (_e(_)) {
|
|
478
|
+
const W = _[n] ?? N, G = p && t.props[p];
|
|
479
479
|
if (G) {
|
|
480
480
|
if (ge(G))
|
|
481
|
-
return
|
|
482
|
-
if (ke(G)) return G(
|
|
481
|
+
return _[G] ?? W;
|
|
482
|
+
if (ke(G)) return G(_) ?? W;
|
|
483
483
|
}
|
|
484
484
|
return W;
|
|
485
485
|
}
|
|
486
|
-
return ge(
|
|
486
|
+
return ge(_) && !S ? _ ?? N : N;
|
|
487
487
|
}, g = a({
|
|
488
488
|
getterKey: "getValue",
|
|
489
489
|
key: "value"
|
|
@@ -515,7 +515,7 @@ const Ut = ({
|
|
|
515
515
|
getterKey: "getGroupLabel",
|
|
516
516
|
key: "label",
|
|
517
517
|
noReturnOption: !0
|
|
518
|
-
}),
|
|
518
|
+
}), C = a({
|
|
519
519
|
getterKey: "getGroupOptions",
|
|
520
520
|
key: "options",
|
|
521
521
|
noReturnOption: !0
|
|
@@ -524,10 +524,10 @@ const Ut = ({
|
|
|
524
524
|
if ((p = t.props.options) != null && p.length)
|
|
525
525
|
for (const b of t.props.options) {
|
|
526
526
|
if (g(b) === n) return b;
|
|
527
|
-
const S =
|
|
527
|
+
const S = C(b);
|
|
528
528
|
if (S != null && S.length) {
|
|
529
|
-
for (const
|
|
530
|
-
if (g(
|
|
529
|
+
for (const _ of S)
|
|
530
|
+
if (g(_) === n) return _;
|
|
531
531
|
}
|
|
532
532
|
}
|
|
533
533
|
return n;
|
|
@@ -543,22 +543,22 @@ const Ut = ({
|
|
|
543
543
|
sensitivity: "base"
|
|
544
544
|
}), U = f(() => {
|
|
545
545
|
const n = (p) => p == null ? void 0 : p.map((b) => {
|
|
546
|
-
const S = v(b),
|
|
546
|
+
const S = v(b), _ = g(b), N = z(b), W = D(b), G = !t.searchModel.value || S && fe(S, t.searchModel.value), d = C(b), O = !t.props.tree || _;
|
|
547
547
|
if (d && O) {
|
|
548
|
-
const
|
|
549
|
-
if (
|
|
548
|
+
const V = n(d);
|
|
549
|
+
if (V != null && V.length || G)
|
|
550
550
|
return {
|
|
551
551
|
groupLabel: W,
|
|
552
552
|
title: S,
|
|
553
|
-
key:
|
|
553
|
+
key: _,
|
|
554
554
|
disabled: N,
|
|
555
|
-
children:
|
|
555
|
+
children: V,
|
|
556
556
|
_option: b
|
|
557
557
|
};
|
|
558
558
|
}
|
|
559
559
|
return G && O ? {
|
|
560
560
|
title: S,
|
|
561
|
-
key:
|
|
561
|
+
key: _,
|
|
562
562
|
disabled: N,
|
|
563
563
|
_option: b
|
|
564
564
|
} : null;
|
|
@@ -589,8 +589,8 @@ const Ut = ({
|
|
|
589
589
|
} = xt({
|
|
590
590
|
getDisabled: () => re.value
|
|
591
591
|
}), Y = be(), ae = () => {
|
|
592
|
-
var n, p, b, S,
|
|
593
|
-
e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = Y.value) != null && n.input) ? document.activeElement !== ((p = Y.value) == null ? void 0 : p.input) && ((
|
|
592
|
+
var n, p, b, S, _, N, W;
|
|
593
|
+
e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = Y.value) != null && n.input) ? document.activeElement !== ((p = Y.value) == null ? void 0 : p.input) && ((_ = (S = (b = Y.value) == null ? void 0 : b.input) == null ? void 0 : S.focus) == null || _.call(S)) : document.activeElement !== e.inputElement.value && ((W = (N = e.inputElement.value) == null ? void 0 : N.focus) == null || W.call(N)));
|
|
594
594
|
}, Z = (n) => {
|
|
595
595
|
e.modelValue.value = n, t.emit("update:modelValue", n);
|
|
596
596
|
}, ee = (n) => n === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(n && e.modelValue.value.includes(n)) : e.modelValue.value === n;
|
|
@@ -618,7 +618,7 @@ const Ut = ({
|
|
|
618
618
|
comboboxTriggerBinding: j,
|
|
619
619
|
...e,
|
|
620
620
|
modelValue: e.modelValue
|
|
621
|
-
}),
|
|
621
|
+
}), Ke(() => [t.props.clearOnChangeMultiple, t.props.multiple], () => {
|
|
622
622
|
t.props.clearOnChangeMultiple && Z(void 0);
|
|
623
623
|
});
|
|
624
624
|
const ue = f(() => {
|
|
@@ -629,18 +629,18 @@ const Ut = ({
|
|
|
629
629
|
};
|
|
630
630
|
}), le = P(E, "popup"), ve = xe(le, {
|
|
631
631
|
variants: {
|
|
632
|
-
size: H(
|
|
632
|
+
size: H(Ae, le)
|
|
633
633
|
}
|
|
634
634
|
}), te = (n) => {
|
|
635
635
|
if (Number(n) > 0)
|
|
636
636
|
return `${n}px`;
|
|
637
637
|
if (typeof n == "string")
|
|
638
638
|
return n;
|
|
639
|
-
},
|
|
639
|
+
}, We = f(() => te(t.props.popupWidth)), Ge = f(() => te(t.props.popupHeight)), Be = f(() => te(t.props.minWidth)), Pe = f(() => ({
|
|
640
640
|
type: B.value === "sm" ? "simple" : "advance",
|
|
641
641
|
...Te(t.props.emptyProps ?? {}, "class")
|
|
642
|
-
})),
|
|
643
|
-
selectValues:
|
|
642
|
+
})), Ue = f(() => Te(t.props.skeletonProps ?? {}, "class")), {
|
|
643
|
+
selectValues: je
|
|
644
644
|
} = Ut({
|
|
645
645
|
getValue: (n) => n == null ? void 0 : n.key,
|
|
646
646
|
getChildren: (n) => n == null ? void 0 : n.children,
|
|
@@ -669,64 +669,64 @@ const Ut = ({
|
|
|
669
669
|
modelValue: O,
|
|
670
670
|
checkedKeys: O,
|
|
671
671
|
onExpand: ae,
|
|
672
|
-
onSelect: (
|
|
672
|
+
onSelect: (V, w, T) => {
|
|
673
673
|
if (t.props.multiple) {
|
|
674
674
|
const J = q(T) ? T : [T];
|
|
675
|
-
Z(
|
|
675
|
+
Z(je(J, w));
|
|
676
676
|
} else
|
|
677
677
|
Z(T);
|
|
678
678
|
},
|
|
679
679
|
class: "w-full"
|
|
680
680
|
}, {
|
|
681
|
-
title: (
|
|
681
|
+
title: (V) => n(V._option)
|
|
682
682
|
}), p.push(b);
|
|
683
683
|
} else {
|
|
684
684
|
let d = !1;
|
|
685
685
|
const O = [];
|
|
686
|
-
if ((U.value ?? []).forEach((
|
|
686
|
+
if ((U.value ?? []).forEach((V) => {
|
|
687
687
|
var w;
|
|
688
|
-
if ((w =
|
|
688
|
+
if ((w = V.children) != null && w.length) {
|
|
689
689
|
const T = [];
|
|
690
|
-
|
|
690
|
+
V.children.forEach((J) => {
|
|
691
691
|
const se = n(J._option);
|
|
692
692
|
ee(g(J._option)) && t.props.sortSelectedItems ? O.push(se) : T.push(se);
|
|
693
|
-
}), T.length && ((d || p.length) && (p.push(l(ye)), d = !1),
|
|
693
|
+
}), T.length && ((d || p.length) && (p.push(l(ye)), d = !1), V.groupLabel && p.push(l(Yt, {
|
|
694
694
|
class: t.props.labelCls
|
|
695
|
-
}, () =>
|
|
695
|
+
}, () => V.groupLabel)), p.push(...T), d = !0);
|
|
696
696
|
} else {
|
|
697
|
-
const T = n(
|
|
698
|
-
ee(g(
|
|
697
|
+
const T = n(V._option);
|
|
698
|
+
ee(g(V._option)) && t.props.sortSelectedItems ? O.push(T) : (d && (p.push(l(ye)), d = !1), p.push(T));
|
|
699
699
|
}
|
|
700
700
|
}), t.props.sortSelectedItems && O.length) {
|
|
701
|
-
const
|
|
702
|
-
p.splice(0, 0, ...O),
|
|
701
|
+
const V = !!p.length;
|
|
702
|
+
p.splice(0, 0, ...O), V && p.splice(O.length, 0, l(ye));
|
|
703
703
|
}
|
|
704
704
|
}
|
|
705
705
|
const S = _t(b ? [b] : p, De).filter((d) => {
|
|
706
706
|
var O;
|
|
707
707
|
return _e(d == null ? void 0 : d.props) && ((O = d == null ? void 0 : d.props) == null ? void 0 : O.option);
|
|
708
|
-
}),
|
|
709
|
-
var O,
|
|
708
|
+
}), _ = !!(t.props.tree && ((W = U.value) != null && W.length) || S != null && S.length), N = () => {
|
|
709
|
+
var O, V;
|
|
710
710
|
const d = [];
|
|
711
|
-
if (
|
|
711
|
+
if (_ || t.props.loading) {
|
|
712
712
|
const w = [];
|
|
713
|
-
if (
|
|
713
|
+
if (_ && w.push(...p), t.props.loading) {
|
|
714
714
|
const T = (O = o.loading) == null ? void 0 : O.call(o, {});
|
|
715
715
|
if (!R(T)) w.push(T);
|
|
716
716
|
else {
|
|
717
|
-
const J = new Array(
|
|
717
|
+
const J = new Array(_ ? 2 : t.props.loadingRowCount).fill(1);
|
|
718
718
|
w.push(...J.map(() => l(ht, {
|
|
719
719
|
size: B.value,
|
|
720
720
|
class: [P(E, "skeleton"), t.props.skeletonCls],
|
|
721
|
-
...
|
|
721
|
+
...Ue.value
|
|
722
722
|
})));
|
|
723
723
|
}
|
|
724
724
|
}
|
|
725
725
|
d.push(l("div", {
|
|
726
726
|
class: [P(E, "options"), t.props.optionsCls]
|
|
727
727
|
}, w));
|
|
728
|
-
} else if (!
|
|
729
|
-
const w = (
|
|
728
|
+
} else if (!_) {
|
|
729
|
+
const w = (V = o.empty) == null ? void 0 : V.call(o, Pe.value);
|
|
730
730
|
R(w) ? d.push(l(vt, {
|
|
731
731
|
class: [P(E, "empty"), t.props.emptyCls],
|
|
732
732
|
...Pe.value
|
|
@@ -759,17 +759,17 @@ const Ut = ({
|
|
|
759
759
|
vShow: e.open.value,
|
|
760
760
|
class: [ve(t.props), t.props.popupCls],
|
|
761
761
|
style: {
|
|
762
|
-
"--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 :
|
|
763
|
-
"--ptc-combobox-popup-height":
|
|
762
|
+
"--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : We.value,
|
|
763
|
+
"--ptc-combobox-popup-height": Ge.value,
|
|
764
764
|
"--ptc-combobox-trigger-min-w": Be.value
|
|
765
765
|
},
|
|
766
766
|
onClick: ae
|
|
767
767
|
}, () => {
|
|
768
768
|
var T, J, se;
|
|
769
|
-
const d = [], O = (T = o.header) == null ? void 0 : T.call(o, {}),
|
|
770
|
-
if (t.props.headerSearch ||
|
|
769
|
+
const d = [], O = (T = o.header) == null ? void 0 : T.call(o, {}), V = !R(O);
|
|
770
|
+
if (t.props.headerSearch || V) {
|
|
771
771
|
const he = [];
|
|
772
|
-
|
|
772
|
+
V && he.push(O), t.props.headerSearch && he.push(l(Fe)), d.push(l("div", {
|
|
773
773
|
class: P(E, "header")
|
|
774
774
|
}, he));
|
|
775
775
|
}
|
|
@@ -910,20 +910,27 @@ const Ut = ({
|
|
|
910
910
|
)
|
|
911
911
|
), I = wt(t, "search", e, {
|
|
912
912
|
passive: t.search === void 0
|
|
913
|
-
})
|
|
913
|
+
});
|
|
914
|
+
Ke(
|
|
915
|
+
() => t.open,
|
|
916
|
+
(y) => {
|
|
917
|
+
y || (I.value = void 0);
|
|
918
|
+
}
|
|
919
|
+
);
|
|
920
|
+
const k = qe(), x = Ye();
|
|
914
921
|
return At({
|
|
915
|
-
attrs:
|
|
922
|
+
attrs: x,
|
|
916
923
|
props: t,
|
|
917
924
|
emit: e,
|
|
918
925
|
searchModel: I,
|
|
919
926
|
emitsAsProps: u
|
|
920
|
-
}), (
|
|
927
|
+
}), (y, K) => (ie(), Ce(L(st), Me(i.value, { class: L(E) }), {
|
|
921
928
|
default: de(() => [
|
|
922
929
|
we(L(Jt), null, Je({ _: 2 }, [
|
|
923
930
|
Qe(Object.keys(k), ($) => ({
|
|
924
931
|
name: $,
|
|
925
932
|
fn: de((a) => [
|
|
926
|
-
Ee(
|
|
933
|
+
Ee(y.$slots, $, Xe(Ze(a)))
|
|
927
934
|
])
|
|
928
935
|
}))
|
|
929
936
|
]), 1024)
|
|
@@ -933,7 +940,7 @@ const Ut = ({
|
|
|
933
940
|
}
|
|
934
941
|
});
|
|
935
942
|
export {
|
|
936
|
-
|
|
943
|
+
Ae as C,
|
|
937
944
|
To as _,
|
|
938
945
|
jt as a,
|
|
939
946
|
Oe as i,
|
package/dist/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import { _ as X, i as Y, p as $ } from "./ColorPicker.vue_vue_type_style_index_0
|
|
|
12
12
|
import { _ as oe, C as ae, a as te } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CdoLi2ow.js";
|
|
13
13
|
import { _ as re } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-DyXou_Un.js";
|
|
14
14
|
import { _ as ie, C as ne } from "./ColorTrigger.vue_vue_type_style_index_0_lang-CbOky0vB.js";
|
|
15
|
-
import { _ as me, C as Ce, a as ce, i as Se, p as le } from "./Combobox.vue_vue_type_style_index_0_lang-
|
|
15
|
+
import { _ as me, C as Ce, a as ce, i as Se, p as le } from "./Combobox.vue_vue_type_style_index_0_lang-DzDD2bJT.js";
|
|
16
16
|
import { C as ue, c as _e, p as de, u as be } from "./index-jwkhq8oW.js";
|
|
17
17
|
import { _ as Te } from "./DataTable.vue_vue_type_style_index_0_lang-BmUHso6v.js";
|
|
18
18
|
import { _ as ve, D as Ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./BaseBadge.model-Bz8P4acF.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D_6kzAX6.js"),E=require("./ActionButton.vue_vue_type_script_setup_true_lang-B7vGsGcO.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-BgHgn7SC.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-8omci6bm.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-0SIDliS4.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BK2Ak9jv.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-qx6S3kVF.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-LcImZnD-.js"),a=require("./Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./BaseBadge.model-Bz8P4acF.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D_6kzAX6.js"),E=require("./ActionButton.vue_vue_type_script_setup_true_lang-B7vGsGcO.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-BgHgn7SC.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-8omci6bm.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-0SIDliS4.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BK2Ak9jv.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-qx6S3kVF.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-LcImZnD-.js"),a=require("./Combobox.vue_vue_type_style_index_0_lang-CFaNWocK.js"),p=require("./index-DWw7aruo.js"),Z=require("./DataTable.vue_vue_type_style_index_0_lang-DlCKsldZ.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),S=require("./DropZone.vue_vue_type_style_index_0_lang-gFBvGjz1.js"),j=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),V=require("./FloatButton.vue_vue_type_script_setup_true_lang-CF1FWNxr.js"),e=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),x=require("./getEmojiList-5BGH5AZ_.js"),H=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),y=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),B=require("./Icon/index.umd.cjs"),K=require("./IconButton.vue_vue_type_script_setup_true_lang-B7dwj__6.js"),l=require("./Image.vue_vue_type_style_index_0_lang-DCoVuK7u.js"),d=require("./IndentLevel.vue_vue_type_style_index_0_lang-I_4wqG59.js"),U=require("./Indicator.vue_vue_type_script_setup_true_lang-CgN-sjj_.js"),g=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),J=require("./Kbd.vue_vue_type_style_index_0_lang-CjNtLg1e.js"),k=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js"),_=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js"),f=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),A=require("./RadioGroup.vue_vue_type_script_setup_true_lang-D6pRyJ0t.js"),b=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),P=require("./Segmented.vue_vue_type_style_index_0_lang-m8iNyqtw.js"),i=require("./Select.vue_vue_type_style_index_0_lang-CbJsb6VK.js"),N=require("./Shortcut.vue_vue_type_style_index_0_lang-DOhEtw_i.js"),h=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-DGxzzl6D.js"),F=require("./Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js"),r=require("./THead.vue_vue_type_style_index_0_lang-oUsIia-h.js"),T=require("./Textarea.vue_vue_type_style_index_0_lang-DtO8cFFA.js"),z=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),u=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),v=require("./element-BjE0SVc4.js"),O=require("./options-CWrQ7gsa.js"),Q=require("./style-CYb6EX2Q.js"),W=require("./useInputDataStates-D1X-Whwt.js"),D=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),X=["3xsm","2xsm","xsm","sm","md","lg","xlg","2xlg"],Y={};exports.BadgeColors=c.BadgeColors;exports.BadgeColorsSubtle=c.BadgeColorsSubtle;exports.BadgeSizes=c.BadgeSizes;exports.BadgeTypes=c.BadgeTypes;exports.ButtonColors=n.ButtonColors;exports.ButtonGroup=n._sfc_main;exports.ButtonSizes=n.ButtonSizes;exports.ButtonTypes=n.ButtonTypes;exports.ButtonVariants=n.ButtonVariants;exports.injectButtonGroupContext=n.injectButtonGroupContext;exports.provideButtonGroupContext=n.provideButtonGroupContext;exports.ActionButton=E._sfc_main;exports.Alert=q._sfc_main;exports.AlertTypes=q.AlertTypes;exports.Avatar=t._sfc_main;exports.AvatarGroup=t._sfc_main$1;exports.AvatarOnlineAlignments=t.AvatarOnlineAlignments;exports.AvatarShapes=t.AvatarShapes;exports.AvatarSizes=t.AvatarSizes;exports.AvatarStrokes=t.AvatarStrokes;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;exports.Badge=w._sfc_main;exports.Button=M._sfc_main;exports.Checkbox=o._sfc_main;exports.CheckboxGroup=o._sfc_main$1;exports.CheckboxSizes=o.CheckboxSizes;exports.injectCheckboxGroupContext=o.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=o.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=o.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=o.useColoredPantographCheckboxGroup;exports.Chip=$._sfc_main;exports.ChipColors=s.ChipColors;exports.ChipGroup=s._sfc_main;exports.ChipSizes=s.ChipSizes;exports.injectChipGroupContext=s.injectChipGroupContext;exports.provideChipGroupContext=s.provideChipGroupContext;exports.ColorPicker=m._sfc_main;exports.injectColorPickerContext=m.injectColorPickerContext;exports.provideColorPickerContext=m.provideColorPickerContext;exports.ColorSwatch=C._sfc_main;exports.ColorSwatchSizes=C.ColorSwatchSizes;exports.ColorSwatchTypes=C.ColorSwatchTypes;exports.ColorSwatchGroup=R._sfc_main;exports.ColorTrigger=I._sfc_main;exports.ColorTriggerSizes=I.ColorTriggerSizes;exports.Combobox=a._sfc_main;exports.ComboboxSizes=a.ComboboxSizes;exports.ComboboxStatuses=a.ComboboxStatuses;exports.injectComboboxContext=a.injectComboboxContext;exports.provideComboboxContext=a.provideComboboxContext;exports.ConfigProvider=p.ConfigProvider;exports.injectConfigContext=p.injectConfigContext;exports.provideConfigContext=p.provideConfigContext;exports.useConfig=p.useConfig;exports.DataTable=Z._sfc_main;exports.Divider=G._sfc_main;exports.DividerTypes=G.DividerTypes;exports.DropZone=S._sfc_main;exports.DropZoneSizes=S.DropZoneSizes;exports.DropZoneTypes=S.DropZoneTypes;exports.Empty=j._sfc_main;exports.EmptyTypes=j.EmptyTypes;exports.FloatButton=V._sfc_main;exports.Form=e._sfc_main;exports.FormItem=e._sfc_main$1;exports.FormItemSizes=e.FormItemSizes;exports.FormItemStatuses=e.FormItemStatuses;exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.injectFormContext=e.injectFormContext;exports.injectFormItemContext=e.injectFormItemContext;exports.provideFormContext=e.provideFormContext;exports.provideFormItemContext=e.provideFormItemContext;exports.GOPicker=x._sfc_main;exports.emojiList=x.emojiList;exports.getEmojiList=x.getEmojiList;exports.GraphicalObject=H._sfc_main;exports.GraphicalObjectGroup=y._sfc_main;exports.injectGraphicalObjectGroupContext=y.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=y.provideGraphicalObjectGroupContext;exports.defineLocaleIconCollection=B.defineLocaleIconCollection;exports.disableIconCache=B.disableIconCache;exports.IconButton=K._sfc_main;exports.Image=l._sfc_main;exports.ImageAspectRatios=l.ImageAspectRatios;exports.ImageSizeRanges=l.ImageSizeRanges;exports.ImageTypes=l.ImageTypes;exports.IndentLevel=d._sfc_main;exports.IndentLevelShowLines=d.IndentLevelShowLines;exports.IndentLevelSizes=d.IndentLevelSizes;exports.Indicator=U._sfc_main;exports.Input=g._sfc_main;exports.InputSizes=g.InputSizes;exports.InputStatuses=g.InputStatuses;exports.Kbd=J._sfc_main;exports.Link=k._sfc_main;exports.LinkStyles=k.LinkStyles;exports.Menu=_._sfc_main;exports.MenuGaps=_.MenuGaps;exports.MenuItem=_._sfc_main$1;exports.MenuItemSizes=_.MenuItemSizes;exports.SubMenu=_._sfc_main$2;exports.injectMenuContext=_.injectMenuContext;exports.provideMenuContext=_.provideMenuContext;exports.Popover=f._sfc_main;exports.PopoverPlacements=f.PopoverPlacements;exports.PopoverSizes=f.PopoverSizes;exports.RadioGroup=A._sfc_main;exports.RadioGroupItem=A._sfc_main$1;exports.ScrollContainer=b._sfc_main;exports.ScrollContainerSizes=b.ScrollContainerSizes;exports.ScrollContainerTypes=b.ScrollContainerTypes;exports.Segmented=P._sfc_main;exports.SegmentedSizes=P.SegmentedSizes;exports.Select=i._sfc_main;exports.SelectLabel=i._sfc_main$1;exports.SelectOption=i.SelectOption;exports.SelectSizes=i.SelectSizes;exports.SelectStatuses=i.SelectStatuses;exports.injectSelectContext=i.injectSelectContext;exports.provideSelectContext=i.provideSelectContext;exports.Shortcut=N._sfc_main;exports.Skeleton=h._sfc_main;exports.SkeletonSizes=h.SkeletonSizes;exports.SkeletonTypes=h.SkeletonTypes;exports.Spinner=L._sfc_main;exports.SpinnerSizes=L.SpinnerSizes;exports.Switch=F._sfc_main;exports.SwitchSizes=F.SwitchSizes;exports.TBody=r._sfc_main$4;exports.THead=r._sfc_main$5;exports.Table=r._sfc_main;exports.TableSizes=r.TableSizes;exports.Td=r._sfc_main$2;exports.Th=r._sfc_main$1;exports.Tr=r._sfc_main$3;exports.Textarea=T._sfc_main;exports.TextareaSizes=T.TextareaSizes;exports.TextareaStatuses=T.TextareaStatuses;exports.Tooltip=z._sfc_main;exports.importTippyStyles=z.importTippyStyles;exports.registerTippy=z.registerTippy;exports.Tree=u._sfc_main;exports.TreeGaps=u.TreeGaps;exports.TreeSizes=u.TreeSizes;exports.injectTreeContext=u.injectTreeContext;exports.provideTreeContext=u.provideTreeContext;exports.filterEmpty=v.filterEmpty;exports.isEmptyElement=v.isEmptyElement;exports.isFragment=v.isFragment;exports.isValidElement=v.isValidElement;exports.componentPrefix=O.componentPrefix;exports.getComponentOptions=O.getComponentOptions;exports.getStyleObject=Q.getStyleObject;exports.UseInputDataStates=W.UseInputDataStates;exports.Icon=D._sfc_main;exports.IconSizes=D.IconSizes;exports.default=Y;exports.systemSizes=X;
|