@pantograph/vue 0.23.11 → 0.23.12
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-BGCy4N1_.js → Combobox.vue_vue_type_style_index_0_lang-DM8tppDK.js} +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-DMhA35DR.js → Combobox.vue_vue_type_style_index_0_lang-DPAIKNvA.js} +1 -1
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/index.umd.cjs +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-DFmpGlou.js → DataTable.vue_vue_type_style_index_0_lang-OO9ple8R.js} +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-DP2uWM18.js → DataTable.vue_vue_type_style_index_0_lang-R0JElTyb.js} +1 -1
- package/dist/Menu/index.js +1 -1
- package/dist/Menu/index.umd.cjs +1 -1
- package/dist/MenuItem/index.js +1 -1
- package/dist/MenuItem/index.umd.cjs +1 -1
- package/dist/{MenuItem.vue_vue_type_style_index_0_lang-DLi2Epne.js → MenuItem.vue_vue_type_style_index_0_lang-BKm0BKwu.js} +80 -73
- package/dist/MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js +1 -0
- package/dist/SubMenu/index.js +1 -1
- package/dist/SubMenu/index.umd.cjs +1 -1
- package/dist/index.js +3 -3
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
- package/dist/MenuItem.vue_vue_type_style_index_0_lang-D41a99SS.js +0 -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-DPAIKNvA.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-DM8tppDK.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"),F=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ce=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),x=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),pe=require("./omit-CYbreqlf.js"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),Ce=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-bqFbT4Ov.js"),Be=require("./uniq-DGkyiyS4.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CBAeLQsP.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-D41a99SS.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[de,Pe]=$.createContext("Combobox"),[je,Ue]=$.createContext("_Combobox"),M=c.getBemBlock("combobox");var $e=1/0;function He(d){var n=d==null?0:d.length;return n?pe.baseFlatten(d,$e):[]}const ue=d=>F.isNumber(d)||x.isString(d);function Ye({getValue:d,arr:n,getChildren:o}){const e=[],g=(p,V)=>{p.forEach(B=>{const h=d(B);if(ue(h)){e.push({...B,_parentKeys:V,_key:h});const b=o(B);b!=null&&b.length&&g(b,[...V??[],h])}})};return g(n),e}const Je=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(d()),getChildren:e,getValue:o})),p=(l,m=!1)=>{const s=o(l);return g.value.filter(i=>{var C;if(m){const E=pe.last(i._parentKeys??[]);return E&&E===s}return(C=i._parentKeys)==null?void 0:C.includes(s)})},V=l=>{if(l&&x.isArray(l))return F.cloneDeep(l);const m=t.unref(n());return m&&x.isArray(m)?F.cloneDeep(m):[]},B=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.some(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},h=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},b=(l,m)=>{const s=V(m),i=p(l),C=o(l);return i!=null&&i.length?h(l)?!0:B(l)?"intermediate":!1:s.includes(C)},N=l=>ue(l)?g.value.find(m=>m._key===l):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:B,isAllChildrenSelected:h,isSelected:b,selectValues:(l,m)=>{if(l.length){let s=V();const i=l.filter(ue);m?s.push(...i):s=s.filter(S=>!i.includes(S));const C=s.map(N).filter(S=>S&&S._parentKeys),u=Be.uniq(He(C.map(S=>S._parentKeys))).filter(ue).map(N).filter(Boolean),O=[],q=[];return u.forEach(S=>{const R=o(S);h(S,s)?O.push(R):q.push(R)}),s.push(...O),Be.uniq(s.filter(S=>!q.includes(S)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Qe={key:1},Te=t.defineComponent({__name:"ComboboxInput",setup(d){const n=de();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Y.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?x.isArray(n.modelValue.value)?n.getLabelByValue(Fe.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),g=B=>{if(B.key==="Backspace"&&n.props.multiple&&x.isArray(n.modelValue.value)&&Y.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Y.isEmpty(n.modelValue.value))){const h=setTimeout(()=>{n.focusOnInput(),clearTimeout(h)},2)}},p=c.getBemElement(M,"input"),V=he.cva(p,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",p)}});return(B,h)=>(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":h[0]||(h[0]=b=>t.unref(n).searchModel.value=b),onKeydown:g,class:t.unref(V)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(_e._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:ce.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=de(),g=({value:u},O)=>{if(O.stopPropagation(),u&&x.isArray(e.modelValue.value)&&!e.getDisabled.value){const q=e.modelValue.value.filter(S=>S!==u);e.setModelValue(q)}},p=c.getBemElement(M,"trigger"),V=he.cva(p,{variants:{size:c.generateVariantClassList(ye,p),status:c.generateVariantClassList(ke,p),bordered:c.generateVariantClassList("bordered",p),multiple:c.generateVariantClassList("multiple",p),contentFit:c.generateVariantClassList("content-fit",p),wrapped:c.generateVariantClassList("wrapped",p),filled:c.generateVariantClassList("filled",p)}}),B=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),h=t.computed(()=>{if(!e.props.multiple&&x.isString(e.modelValue.value)&&!Y.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(u=h.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&x.isObject(u)&&"icon"in u)return u.icon},N=t.computed(()=>b()),G=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),l=t.computed(()=>({modelValue:F.cloneDeep(e.modelValue.value),open:F.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},s=u=>{console.log("event ===>",u),e.props.headerSearch},i=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:[V({size:e.getSize.value,status:e.getStatus.value==="success"&&Y.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:!Y.isEmpty(e.modelValue.value)}),e.props.triggerCls],...o})),C=(u,O=B.value)=>t.h(_e._sfc_main,{icon:u,size:O}),E=()=>{var q;let u;const O=(q=n.triggerTrailing)==null?void 0:q.call(n,l.value);if(D.isEmptyElement(O)?G.value&&(u=C(G.value)):u=O,u)return t.h("div",{class:[c.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},u)};return()=>{var S;const u=(S=n.trigger)==null?void 0:S.call(n,l.value),q=(()=>{if(D.isEmptyElement(u))return!1;const R=D.filterEmpty(u)??null,I=R.length===1?R[0]:R;return I?D.isValidElement(I)&&!D.isFragment(I):!0})();return t.h($.ComboboxAnchor,{...i.value,...e.comboboxTriggerBinding.value,asChild:q,as:q?"template":"button",key:String(q),onKeyUp:s,onClick:m},()=>{if(!D.isEmptyElement(u))return u;const R=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(ve._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},I=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(Ee._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},oe=()=>{if(!e.props.multiple&&!x.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||N.value||e.props.leadingIcon)){let P;if(e.props.tagRenderMode==="avatar"?P=R(e.modelValue.value):e.props.tagRenderMode==="go"?P=I(e.modelValue.value):N.value?P=C(N.value):e.props.leadingIcon&&(P=C(e.props.leadingIcon)),!D.isEmptyElement(P))return t.h("div",{class:[c.getBemElement(p,"leading"),e.props.triggerLeadingCls]},P)}},ge=()=>{const P=[],z=[c.getBemElement(p,"content"),e.props.triggerContentCls,Y.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],A=(()=>{if(e.props.multiple&&x.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:z},()=>e.modelValue.value.map(R));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(I));if(e.props.tagRenderMode==="chip")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z,onClose:g},()=>e.modelValue.value.map(J=>{var ae,se;const le=()=>e.getLabelByValue(J),me=({size:ie})=>{const Z=b(e.getOptionByValue(J))??e.props.leadingIcon;return Z?C(Z,ie):null},Q=e.getOptionByValue(J);return t.h(Ae._sfc_main,{...Q?((se=(ae=e.props).getTagProps)==null?void 0:se.call(ae,Q))??{}:{},value:J,class:[c.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(p,"tag__close")},{text:le,leading:me})}))}})();return A?P.push(A):e.props.headerSearch&&P.push(t.h("div",{class:[...z,c.getBemElement(p,"content--empty")]})),e.props.headerSearch||P.push(t.h(Te)),P},H=[],ne=oe();D.isEmptyElement(ne)||H.push(ne),H.push(ge());const re=E();return D.isEmptyElement(re)||H.push(re),H})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(M),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ce.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=de(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(d.option)),p=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),B=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),h=t.computed(()=>o.getOptionDisabled(d.option)),b=t.computed(()=>Array.isArray(o.modelValue.value)?!!(g.value&&o.modelValue.value.includes(g.value)):o.modelValue.value===g.value),N=c.getBemElement(M,"option"),G=()=>{if(!(o.props.tree||!g.value||h.value))if(o.props.multiple){const l=x.isArray(o.modelValue.value)?o.modelValue.value:[];l.includes(g.value)?o.setModelValue(l.filter(s=>s!==g.value)):o.setModelValue([...l,g.value])}else o.setModelValue(g.value)};if(!d.option)throw new Error("option is required");return()=>{const l=s=>{var C,E,u,O;const i=[];return!o.props.tree&&o.props.multiple&&o.props.checkbox&&i.push(t.h(We._sfc_main,{modelValue:b.value,size:s.checkboxSize,disabled:h.value})),o.props.tagRenderMode==="avatar"?i.push(t.h(ve._sfc_main,{...((E=(C=o.props).getTagProps)==null?void 0:E.call(C,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Ee._sfc_main,{...((O=(u=o.props).getTagProps)==null?void 0:O.call(u,d.option))??{},size:o.getTagSize.value})):V.value&&i.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})),D.isEmptyElement(i)?null:i};return(()=>{const s=!!B.value;return t.h(Ge._sfc_main$1,{class:N,description:B.value,title:p.value,key:g.value,selected:b.value,unFocusable:!0,leadingCenter:!s,size:o.getSize.value,disabled:h.value,onClick:G},{leading:l,trailing:()=>{var i;return(i=n.trailing)==null?void 0:i.call(n,{option:d.option})}})})()}}}),et=t.defineComponent({name:ce.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=je(),e=$.injectComboboxRootContext(),g=t.ref();qe.useLazyLoading({target:g});const p=t.ref(),V=Ve.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:B,getDir:h}=x.useConfig(),b=B("reversePlacementOnDir"),N=h(),G=Ve.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),l=({key:r,getterKey:k,defaultValue:_,noReturnOption:f})=>y=>{const L=x.isFunction(_)?_(y):_;if(x.isObject(y)){const K=y[r]??L,j=k&&o.props[k];if(j){if(x.isString(j))return y[j]??K;if(x.isFunction(j))return j(y)??K}return K}return x.isString(y)&&!f?y??L:L},m=l({getterKey:"getValue",key:"value"}),s=l({getterKey:"getLabel",key:"label",defaultValue:m}),i=l({getterKey:"getIcon",key:"icon",noReturnOption:!0}),C=l({getterKey:"getDescription",key:"description",noReturnOption:!0}),E=l({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),u=l({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),O=l({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),q=r=>{var k;if((k=o.props.options)!=null&&k.length)for(const _ of o.props.options){if(m(_)===r)return _;const f=O(_);if(f!=null&&f.length){for(const y of f)if(m(y)===r)return y}}return r},S=r=>{const k=q(r);return k?s(k)??r:r},{contains:R}=$.useFilter({sensitivity:"base"}),I=t.computed(()=>{const r=k=>k==null?void 0:k.map(_=>{const f=s(_),y=m(_),L=E(_),K=u(_),j=!o.searchModel.value||f&&R(f,o.searchModel.value),ee=O(_),te=!o.props.tree||y;if(ee&&te){const a=r(ee);if(a!=null&&a.length||j)return{groupLabel:K,title:f,key:y,disabled:L,children:a,_option:_}}return j&&te?{title:f,key:y,disabled:L,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:oe,getStatus:ge,getSize:H}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ne=t.computed(()=>{switch(H.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:re,rootBindings:P}=xe.UseInputDataStates({getDisabled:()=>oe.value}),z=t.ref(),W=()=>{var r,k,_,f,y,L,K;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=z.value)!=null&&r.input)?document.activeElement!==((k=z.value)==null?void 0:k.input)&&((y=(f=(_=z.value)==null?void 0:_.input)==null?void 0:f.focus)==null||y.call(f)):document.activeElement!==e.inputElement.value&&((K=(L=e.inputElement.value)==null?void 0:L.focus)==null||K.call(L)))},A=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)};Pe({...o,getOptionValue:m,getOptionLabel:s,getOptionDescription:C,getOptionDisabled:E,getOptionIcon:i,getOptionByValue:q,getLabelByValue:S,focusOnInput:W,setModelValue:A,headerInputElement:z,getDisabled:oe,getStatus:ge,getSize:H,getTagSize:ne,comboboxInputBinding:re,comboboxTriggerBinding:P,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&A(void 0)});const J=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(M,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),le=c.getBemElement(M,"popup"),me=he.cva(le,{variants:{size:c.generateVariantClassList(ye,le)}}),Q=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},ae=t.computed(()=>Q(o.props.popupWidth)),se=t.computed(()=>Q(o.props.popupHeight)),ie=t.computed(()=>Q(o.props.minWidth)),Z=t.computed(()=>({type:H.value==="sm"?"simple":"advance",...pe.omit(o.props.emptyProps??{},"class")})),Ie=t.computed(()=>pe.omit(o.props.skeletonProps??{},"class")),{selectValues:ze}=Je({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>F.cloneDeep(e.modelValue.value),getData:()=>F.cloneDeep(I.value??[])});return()=>{var ee,te;const r=a=>{var v;if((v=I.value)!=null&&v.length&&a>0)return!!I.value[a-1]},k=a=>{var v,w;if((v=I.value)!=null&&v.length&&a>0){const T=I.value[a-1];return!!(T&&((w=O(T))!=null&&w.length))}},_=a=>t.h(Se,{option:a},{trailing:()=>{var v;return(v=n.optionTrailing)==null?void 0:v.call(n,{option:a})}}),f=[];let y;if(o.props.tree){const v=x.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(Me._sfc_main,{data:I.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:v,checkedKeys:v,onExpand:W,onSelect:(w,T,U)=>{if(o.props.multiple){const X=x.isArray(U)?U:[U];A(ze(X,T))}else A(U)},class:"w-full"},{title:w=>_(w._option)}),f.push(y)}else(I.value??[]).forEach((a,v)=>{var w;(w=a.children)!=null&&w.length?(r(v)&&f.push(t.h(Ce._sfc_main)),a.groupLabel&&f.push(t.h(Ze,{class:o.props.labelCls},()=>a.groupLabel)),a.children.forEach(T=>{f.push(_(T._option))})):k(v)?f.push(t.h(Ce._sfc_main)):f.push(_(a._option))});const L=D.flattenChildrenByType(y?[y]:f,Se).filter(a=>{var v;return x.isObject(a==null?void 0:a.props)&&((v=a==null?void 0:a.props)==null?void 0:v.option)}),K=!!(o.props.tree&&((ee=I.value)!=null&&ee.length)||L!=null&&L.length),j=()=>{var v,w;const a=[];if(K||o.props.loading){const T=[];if(K&&T.push(...f),o.props.loading){const U=(v=n.loading)==null?void 0:v.call(n,{});if(!D.isEmptyElement(U))T.push(U);else{const X=new Array(K?2:o.props.loadingRowCount).fill(1);T.push(...X.map(()=>t.h(De._sfc_main,{size:H.value,class:[c.getBemElement(M,"skeleton"),o.props.skeletonCls],...Ie.value})))}}a.push(t.h("div",{class:[c.getBemElement(M,"options"),o.props.optionsCls]},T))}else if(!K){const T=(w=n.empty)==null?void 0:w.call(n,Z.value);D.isEmptyElement(T)?a.push(t.h(Le._sfc_main,{class:[c.getBemElement(M,"empty"),o.props.emptyCls],...Z.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):a.push(T)}return o.props.lazyLoading&&a.push(t.h("div",{class:c.getBemElement(M,"lazy_loading")},t.h("div",{class:c.getBemElement(M,"lazy_loading_trigger"),ref:g}))),a};return[t.h(Xe,{ref:p,...o.attrs,style:{...((te=o.attrs)==null?void 0:te.style)??{},"--ptc-combobox-trigger-min-w":ie.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,V.value,()=>t.h($.ComboboxContent,{...G.value,vShow:e.open.value,class:[me(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ae.value,"--ptc-combobox-popup-height":se.value,"--ptc-combobox-trigger-min-w":ie.value},onClick:W},()=>{var U,X,be;const a=[],v=(U=n.header)==null?void 0:U.call(n,{}),w=!D.isEmptyElement(v);if(o.props.headerSearch||w){const fe=[];w&&fe.push(v),o.props.headerSearch&&fe.push(t.h(Te)),a.push(t.h("div",{class:c.getBemElement(M,"header")},fe))}a.push(t.h(we._sfc_main,J.value,j));const T=(be=n.footer)==null?void 0:be.call(n,{isEmpty:!((X=I.value)!=null&&X.length),search:o.searchModel.value});return D.isEmptyElement(T)||a.push(t.h("div",{class:c.getBemElement(M,"footer")},T)),a}))]}}}),tt=t.defineComponent({...ce.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},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:{},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","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,g=$.useEmitAsProps(e),p=t.computed(()=>F.omitBy({...F.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...F.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},F.isUndefined)),V=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),B=t.useSlots(),h=t.useAttrs();return Ue({attrs:h,props:o,emit:e,searchModel:V,emitsAsProps:g}),(b,N)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(M)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(B),G=>({name:G,fn:t.withCtx(l=>[t.renderSlot(b.$slots,G,t.normalizeProps(t.guardReactiveProps(l)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=tt;exports.injectComboboxContext=de;exports.provideComboboxContext=Pe;
|
|
1
|
+
"use strict";const t=require("vue"),$=require("reka-ui"),F=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ce=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),x=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),pe=require("./omit-CYbreqlf.js"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),Ce=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-bqFbT4Ov.js"),Be=require("./uniq-DGkyiyS4.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CBAeLQsP.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[de,Pe]=$.createContext("Combobox"),[je,Ue]=$.createContext("_Combobox"),M=c.getBemBlock("combobox");var $e=1/0;function He(d){var n=d==null?0:d.length;return n?pe.baseFlatten(d,$e):[]}const ue=d=>F.isNumber(d)||x.isString(d);function Ye({getValue:d,arr:n,getChildren:o}){const e=[],g=(p,V)=>{p.forEach(B=>{const h=d(B);if(ue(h)){e.push({...B,_parentKeys:V,_key:h});const b=o(B);b!=null&&b.length&&g(b,[...V??[],h])}})};return g(n),e}const Je=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(d()),getChildren:e,getValue:o})),p=(l,m=!1)=>{const s=o(l);return g.value.filter(i=>{var C;if(m){const E=pe.last(i._parentKeys??[]);return E&&E===s}return(C=i._parentKeys)==null?void 0:C.includes(s)})},V=l=>{if(l&&x.isArray(l))return F.cloneDeep(l);const m=t.unref(n());return m&&x.isArray(m)?F.cloneDeep(m):[]},B=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.some(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},h=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},b=(l,m)=>{const s=V(m),i=p(l),C=o(l);return i!=null&&i.length?h(l)?!0:B(l)?"intermediate":!1:s.includes(C)},N=l=>ue(l)?g.value.find(m=>m._key===l):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:B,isAllChildrenSelected:h,isSelected:b,selectValues:(l,m)=>{if(l.length){let s=V();const i=l.filter(ue);m?s.push(...i):s=s.filter(S=>!i.includes(S));const C=s.map(N).filter(S=>S&&S._parentKeys),u=Be.uniq(He(C.map(S=>S._parentKeys))).filter(ue).map(N).filter(Boolean),O=[],q=[];return u.forEach(S=>{const R=o(S);h(S,s)?O.push(R):q.push(R)}),s.push(...O),Be.uniq(s.filter(S=>!q.includes(S)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Qe={key:1},Te=t.defineComponent({__name:"ComboboxInput",setup(d){const n=de();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Y.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?x.isArray(n.modelValue.value)?n.getLabelByValue(Fe.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),g=B=>{if(B.key==="Backspace"&&n.props.multiple&&x.isArray(n.modelValue.value)&&Y.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Y.isEmpty(n.modelValue.value))){const h=setTimeout(()=>{n.focusOnInput(),clearTimeout(h)},2)}},p=c.getBemElement(M,"input"),V=he.cva(p,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",p)}});return(B,h)=>(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":h[0]||(h[0]=b=>t.unref(n).searchModel.value=b),onKeydown:g,class:t.unref(V)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(_e._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:ce.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=de(),g=({value:u},O)=>{if(O.stopPropagation(),u&&x.isArray(e.modelValue.value)&&!e.getDisabled.value){const q=e.modelValue.value.filter(S=>S!==u);e.setModelValue(q)}},p=c.getBemElement(M,"trigger"),V=he.cva(p,{variants:{size:c.generateVariantClassList(ye,p),status:c.generateVariantClassList(ke,p),bordered:c.generateVariantClassList("bordered",p),multiple:c.generateVariantClassList("multiple",p),contentFit:c.generateVariantClassList("content-fit",p),wrapped:c.generateVariantClassList("wrapped",p),filled:c.generateVariantClassList("filled",p)}}),B=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),h=t.computed(()=>{if(!e.props.multiple&&x.isString(e.modelValue.value)&&!Y.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(u=h.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&x.isObject(u)&&"icon"in u)return u.icon},N=t.computed(()=>b()),G=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),l=t.computed(()=>({modelValue:F.cloneDeep(e.modelValue.value),open:F.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},s=u=>{console.log("event ===>",u),e.props.headerSearch},i=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:[V({size:e.getSize.value,status:e.getStatus.value==="success"&&Y.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:!Y.isEmpty(e.modelValue.value)}),e.props.triggerCls],...o})),C=(u,O=B.value)=>t.h(_e._sfc_main,{icon:u,size:O}),E=()=>{var q;let u;const O=(q=n.triggerTrailing)==null?void 0:q.call(n,l.value);if(D.isEmptyElement(O)?G.value&&(u=C(G.value)):u=O,u)return t.h("div",{class:[c.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},u)};return()=>{var S;const u=(S=n.trigger)==null?void 0:S.call(n,l.value),q=(()=>{if(D.isEmptyElement(u))return!1;const R=D.filterEmpty(u)??null,I=R.length===1?R[0]:R;return I?D.isValidElement(I)&&!D.isFragment(I):!0})();return t.h($.ComboboxAnchor,{...i.value,...e.comboboxTriggerBinding.value,asChild:q,as:q?"template":"button",key:String(q),onKeyUp:s,onClick:m},()=>{if(!D.isEmptyElement(u))return u;const R=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(ve._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},I=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(Ee._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},oe=()=>{if(!e.props.multiple&&!x.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||N.value||e.props.leadingIcon)){let P;if(e.props.tagRenderMode==="avatar"?P=R(e.modelValue.value):e.props.tagRenderMode==="go"?P=I(e.modelValue.value):N.value?P=C(N.value):e.props.leadingIcon&&(P=C(e.props.leadingIcon)),!D.isEmptyElement(P))return t.h("div",{class:[c.getBemElement(p,"leading"),e.props.triggerLeadingCls]},P)}},ge=()=>{const P=[],z=[c.getBemElement(p,"content"),e.props.triggerContentCls,Y.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],A=(()=>{if(e.props.multiple&&x.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:z},()=>e.modelValue.value.map(R));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(I));if(e.props.tagRenderMode==="chip")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z,onClose:g},()=>e.modelValue.value.map(J=>{var ae,se;const le=()=>e.getLabelByValue(J),me=({size:ie})=>{const Z=b(e.getOptionByValue(J))??e.props.leadingIcon;return Z?C(Z,ie):null},Q=e.getOptionByValue(J);return t.h(Ae._sfc_main,{...Q?((se=(ae=e.props).getTagProps)==null?void 0:se.call(ae,Q))??{}:{},value:J,class:[c.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(p,"tag__close")},{text:le,leading:me})}))}})();return A?P.push(A):e.props.headerSearch&&P.push(t.h("div",{class:[...z,c.getBemElement(p,"content--empty")]})),e.props.headerSearch||P.push(t.h(Te)),P},H=[],ne=oe();D.isEmptyElement(ne)||H.push(ne),H.push(ge());const re=E();return D.isEmptyElement(re)||H.push(re),H})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(M),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ce.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=de(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(d.option)),p=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),B=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),h=t.computed(()=>o.getOptionDisabled(d.option)),b=t.computed(()=>Array.isArray(o.modelValue.value)?!!(g.value&&o.modelValue.value.includes(g.value)):o.modelValue.value===g.value),N=c.getBemElement(M,"option"),G=()=>{if(!(o.props.tree||!g.value||h.value))if(o.props.multiple){const l=x.isArray(o.modelValue.value)?o.modelValue.value:[];l.includes(g.value)?o.setModelValue(l.filter(s=>s!==g.value)):o.setModelValue([...l,g.value])}else o.setModelValue(g.value)};if(!d.option)throw new Error("option is required");return()=>{const l=s=>{var C,E,u,O;const i=[];return!o.props.tree&&o.props.multiple&&o.props.checkbox&&i.push(t.h(We._sfc_main,{modelValue:b.value,size:s.checkboxSize,disabled:h.value})),o.props.tagRenderMode==="avatar"?i.push(t.h(ve._sfc_main,{...((E=(C=o.props).getTagProps)==null?void 0:E.call(C,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Ee._sfc_main,{...((O=(u=o.props).getTagProps)==null?void 0:O.call(u,d.option))??{},size:o.getTagSize.value})):V.value&&i.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})),D.isEmptyElement(i)?null:i};return(()=>{const s=!!B.value;return t.h(Ge._sfc_main$1,{class:N,description:B.value,title:p.value,key:g.value,selected:b.value,unFocusable:!0,leadingCenter:!s,size:o.getSize.value,disabled:h.value,onClick:G},{leading:l,trailing:()=>{var i;return(i=n.trailing)==null?void 0:i.call(n,{option:d.option})}})})()}}}),et=t.defineComponent({name:ce.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=je(),e=$.injectComboboxRootContext(),g=t.ref();qe.useLazyLoading({target:g});const p=t.ref(),V=Ve.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:B,getDir:h}=x.useConfig(),b=B("reversePlacementOnDir"),N=h(),G=Ve.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),l=({key:r,getterKey:k,defaultValue:_,noReturnOption:f})=>y=>{const L=x.isFunction(_)?_(y):_;if(x.isObject(y)){const K=y[r]??L,j=k&&o.props[k];if(j){if(x.isString(j))return y[j]??K;if(x.isFunction(j))return j(y)??K}return K}return x.isString(y)&&!f?y??L:L},m=l({getterKey:"getValue",key:"value"}),s=l({getterKey:"getLabel",key:"label",defaultValue:m}),i=l({getterKey:"getIcon",key:"icon",noReturnOption:!0}),C=l({getterKey:"getDescription",key:"description",noReturnOption:!0}),E=l({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),u=l({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),O=l({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),q=r=>{var k;if((k=o.props.options)!=null&&k.length)for(const _ of o.props.options){if(m(_)===r)return _;const f=O(_);if(f!=null&&f.length){for(const y of f)if(m(y)===r)return y}}return r},S=r=>{const k=q(r);return k?s(k)??r:r},{contains:R}=$.useFilter({sensitivity:"base"}),I=t.computed(()=>{const r=k=>k==null?void 0:k.map(_=>{const f=s(_),y=m(_),L=E(_),K=u(_),j=!o.searchModel.value||f&&R(f,o.searchModel.value),ee=O(_),te=!o.props.tree||y;if(ee&&te){const a=r(ee);if(a!=null&&a.length||j)return{groupLabel:K,title:f,key:y,disabled:L,children:a,_option:_}}return j&&te?{title:f,key:y,disabled:L,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:oe,getStatus:ge,getSize:H}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ne=t.computed(()=>{switch(H.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:re,rootBindings:P}=xe.UseInputDataStates({getDisabled:()=>oe.value}),z=t.ref(),W=()=>{var r,k,_,f,y,L,K;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=z.value)!=null&&r.input)?document.activeElement!==((k=z.value)==null?void 0:k.input)&&((y=(f=(_=z.value)==null?void 0:_.input)==null?void 0:f.focus)==null||y.call(f)):document.activeElement!==e.inputElement.value&&((K=(L=e.inputElement.value)==null?void 0:L.focus)==null||K.call(L)))},A=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)};Pe({...o,getOptionValue:m,getOptionLabel:s,getOptionDescription:C,getOptionDisabled:E,getOptionIcon:i,getOptionByValue:q,getLabelByValue:S,focusOnInput:W,setModelValue:A,headerInputElement:z,getDisabled:oe,getStatus:ge,getSize:H,getTagSize:ne,comboboxInputBinding:re,comboboxTriggerBinding:P,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&A(void 0)});const J=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(M,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),le=c.getBemElement(M,"popup"),me=he.cva(le,{variants:{size:c.generateVariantClassList(ye,le)}}),Q=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},ae=t.computed(()=>Q(o.props.popupWidth)),se=t.computed(()=>Q(o.props.popupHeight)),ie=t.computed(()=>Q(o.props.minWidth)),Z=t.computed(()=>({type:H.value==="sm"?"simple":"advance",...pe.omit(o.props.emptyProps??{},"class")})),Ie=t.computed(()=>pe.omit(o.props.skeletonProps??{},"class")),{selectValues:ze}=Je({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>F.cloneDeep(e.modelValue.value),getData:()=>F.cloneDeep(I.value??[])});return()=>{var ee,te;const r=a=>{var v;if((v=I.value)!=null&&v.length&&a>0)return!!I.value[a-1]},k=a=>{var v,w;if((v=I.value)!=null&&v.length&&a>0){const T=I.value[a-1];return!!(T&&((w=O(T))!=null&&w.length))}},_=a=>t.h(Se,{option:a},{trailing:()=>{var v;return(v=n.optionTrailing)==null?void 0:v.call(n,{option:a})}}),f=[];let y;if(o.props.tree){const v=x.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(Me._sfc_main,{data:I.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:v,checkedKeys:v,onExpand:W,onSelect:(w,T,U)=>{if(o.props.multiple){const X=x.isArray(U)?U:[U];A(ze(X,T))}else A(U)},class:"w-full"},{title:w=>_(w._option)}),f.push(y)}else(I.value??[]).forEach((a,v)=>{var w;(w=a.children)!=null&&w.length?(r(v)&&f.push(t.h(Ce._sfc_main)),a.groupLabel&&f.push(t.h(Ze,{class:o.props.labelCls},()=>a.groupLabel)),a.children.forEach(T=>{f.push(_(T._option))})):k(v)?f.push(t.h(Ce._sfc_main)):f.push(_(a._option))});const L=D.flattenChildrenByType(y?[y]:f,Se).filter(a=>{var v;return x.isObject(a==null?void 0:a.props)&&((v=a==null?void 0:a.props)==null?void 0:v.option)}),K=!!(o.props.tree&&((ee=I.value)!=null&&ee.length)||L!=null&&L.length),j=()=>{var v,w;const a=[];if(K||o.props.loading){const T=[];if(K&&T.push(...f),o.props.loading){const U=(v=n.loading)==null?void 0:v.call(n,{});if(!D.isEmptyElement(U))T.push(U);else{const X=new Array(K?2:o.props.loadingRowCount).fill(1);T.push(...X.map(()=>t.h(De._sfc_main,{size:H.value,class:[c.getBemElement(M,"skeleton"),o.props.skeletonCls],...Ie.value})))}}a.push(t.h("div",{class:[c.getBemElement(M,"options"),o.props.optionsCls]},T))}else if(!K){const T=(w=n.empty)==null?void 0:w.call(n,Z.value);D.isEmptyElement(T)?a.push(t.h(Le._sfc_main,{class:[c.getBemElement(M,"empty"),o.props.emptyCls],...Z.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):a.push(T)}return o.props.lazyLoading&&a.push(t.h("div",{class:c.getBemElement(M,"lazy_loading")},t.h("div",{class:c.getBemElement(M,"lazy_loading_trigger"),ref:g}))),a};return[t.h(Xe,{ref:p,...o.attrs,style:{...((te=o.attrs)==null?void 0:te.style)??{},"--ptc-combobox-trigger-min-w":ie.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,V.value,()=>t.h($.ComboboxContent,{...G.value,vShow:e.open.value,class:[me(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ae.value,"--ptc-combobox-popup-height":se.value,"--ptc-combobox-trigger-min-w":ie.value},onClick:W},()=>{var U,X,be;const a=[],v=(U=n.header)==null?void 0:U.call(n,{}),w=!D.isEmptyElement(v);if(o.props.headerSearch||w){const fe=[];w&&fe.push(v),o.props.headerSearch&&fe.push(t.h(Te)),a.push(t.h("div",{class:c.getBemElement(M,"header")},fe))}a.push(t.h(we._sfc_main,J.value,j));const T=(be=n.footer)==null?void 0:be.call(n,{isEmpty:!((X=I.value)!=null&&X.length),search:o.searchModel.value});return D.isEmptyElement(T)||a.push(t.h("div",{class:c.getBemElement(M,"footer")},T)),a}))]}}}),tt=t.defineComponent({...ce.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},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:{},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","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,g=$.useEmitAsProps(e),p=t.computed(()=>F.omitBy({...F.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...F.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},F.isUndefined)),V=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),B=t.useSlots(),h=t.useAttrs();return Ue({attrs:h,props:o,emit:e,searchModel:V,emitsAsProps:g}),(b,N)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(M)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(B),G=>({name:G,fn:t.withCtx(l=>[t.renderSlot(b.$slots,G,t.normalizeProps(t.guardReactiveProps(l)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=tt;exports.injectComboboxContext=de;exports.provideComboboxContext=Pe;
|
|
@@ -26,7 +26,7 @@ import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B
|
|
|
26
26
|
import { _ as kt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
|
|
27
27
|
import { whenever as Dt, useVModel as Mt } from "@vueuse/core";
|
|
28
28
|
import { last as wt } from "lodash-es";
|
|
29
|
-
import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-
|
|
29
|
+
import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-BKm0BKwu.js";
|
|
30
30
|
import "@iconify/vue";
|
|
31
31
|
import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
|
|
32
32
|
import "@pantograph/tokens";
|
package/dist/DataTable/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-OO9ple8R.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),$=require("@tanstack/vue-table"),Y=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),D=require("./MenuItem.vue_vue_type_style_index_0_lang-D41a99SS.js"),pe=require("./ActionButton.vue_vue_type_script_setup_true_lang-xZ5KwcNz.js"),_e=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),B=require("./omit-CYbreqlf.js"),k=require("./index-DWw7aruo.js"),h=require("@pantograph/utils"),Ce=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),ee=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),ye=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),we=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),te=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),ne=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js"),H=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ke=require("./Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js"),he=require("class-variance-authority"),W=require("./isEmpty-bCllo8T9.js"),z=require("./THead.vue_vue_type_style_index_0_lang-oUsIia-h.js"),V=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ve=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Se=require("./uniq-DGkyiyS4.js"),Be=require("@pantograph/tokens"),be=require("@vueuse/core"),M=require("./_getTag-CIY3u1-e.js"),Ve=require("./useLazyLoading-H6VG5aE-.js"),Ee=({isColumnWrapped:n,selectionId:l})=>{const o=t=>{var u;const f=w=>w==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:f((u=t==null?void 0:t.skeletonProps)==null?void 0:u.type)}},d=t=>{var u,w;const f=(u=t.props)==null?void 0:u.column.columnDef;return k.isFunction(f==null?void 0:f.render)&&t.props.row?(w=f==null?void 0:f.render)==null?void 0:w.call(f,{index:t.props.row.index,record:t.props.row.original,column:B.omit(f,"render")}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},m=t=>{let f={};if(t){const u=P=>Number(P)>=0?`${P}px`:P,{width:w,maxWidth:E,minWidth:y}=t;(w||E||y)&&(f={width:u(w),maxWidth:u(E),minWidth:u(y),overflow:w||E?"hidden":void 0})}return f},r={},i=(t,f=!0)=>{var w;let u=1;return((w=t==null?void 0:t.subHeaders)==null?void 0:w.length)===1&&t.column.id===t.subHeaders[0].column.id&&(u+=i(t.subHeaders[0],!1)),f&&(!r[t.column.id]||r[t.column.id]<u)&&(r[t.column.id]=u),u},g=(t,f={})=>{var u;if(t!=null&&t.column){const w=(u=t==null?void 0:t.column)==null?void 0:u.columnDef,E=[],y={};if(k.isObject(w)){let P=n(t.column.id);const{customCell:x,class:F}=w;if(W.isEmpty(F)||E.push(F),x&&(k.isObject(x)||k.isFunction(x))){const T=A=>{if(k.isObject(A)){const{wrap:L,colSpan:N,rowSpan:K}=A;P=P||(L??!1),y.colSpan=N,y.rowSpan=K,W.isEmpty(A.class)||E.push(A.class)}};k.isFunction(x)&&t.row?T(x({index:t.row.index,record:t.row.original,column:w})):T(x)}t.header?y.rowSpan=i(t.header):P&&(y.wrap=!0)}return{class:W.isEmpty(E)?void 0:E,...y,...f}}return{}};return{getSkeletonProps:o,RenderCell:d,getThProps:t=>{var f,u,w;return g(t,{colSpan:(f=t==null?void 0:t.header)==null?void 0:f.colSpan,"data-has-children":((w=(u=t==null?void 0:t.column)==null?void 0:u.columns)==null?void 0:w.length)>1?!0:void 0})},getTdProps:t=>g(t),getColProps:t=>{const f=m(t.columnDef);return t.id===l&&(f.width="var(--pt-dimension-2800)"),{style:f}},isThVisible:(t,f,u)=>r[u]===1?!0:f-t===r[u]}};var ze="[object Boolean]";function Pe(n){return n===!0||n===!1||k.isObjectLike(n)&&k.baseGetTag(n)==ze}const Ne=n=>{const l=e.ref([]),o=g=>g?l.value.findIndex(p=>p.id===g):-1,d=g=>{if(g)return l.value.find(p=>p.id===g)},m=g=>{var p;return!!((p=d(g))!=null&&p.wrap)},r=g=>{const{id:p}=g;if(!p)return!1;const v=g.wrap??!m(p),a=o(p);return a>=0?l.value[a]={id:p,wrap:v}:l.value.push({id:p,wrap:v}),!0},i=e.computed(()=>(n.columns??[]).filter(g=>Pe(g.wrap)).map(g=>({id:g.id,wrap:!!g.wrap})));return e.watch(i,g=>{l.value=[...l.value,...g]},{immediate:!0,deep:!0}),{isColumnWrapped:m,toggleWrap:r}},xe=(n,{colId:l,onSelectionChange:o})=>{const d=e.ref({}),m=e.computed(()=>Object.keys(d.value));e.watch(()=>{var a;return(a=n.rowSelection)==null?void 0:a.selectedRowKeys},(a,c)=>{var t,f;if((f=(t=n.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&f.length&&!V.isEqual(a,c)){const u=Object.fromEntries(e.unref(n.rowSelection.selectedRowKeys??Object.keys(d.value)).map(w=>[w,!0]));V.isEqual(u,d.value)||(d.value=u)}},{immediate:!0});const r=e.computed(()=>n.rowKey?$.flattenBy(n.data,a=>a.children).map(a=>a[n.rowKey]):[]),i=()=>{const a=Object.fromEntries(m.value.filter(c=>{var t;return!((t=n.rowSelection)!=null&&t.preserveSelectedRowKeys)&&n.rowKey?r.value.includes(c):!0}).map(c=>[c,!0]));Object.keys(a).length!==m.value.length&&(d.value=a,e.nextTick(()=>{o()}))},g=$.createColumnHelper();return{rowSelection:d,selectedRowKeys:m,checkSelections:i,getSelectionCol:()=>{if(n.rowSelection&&n.rowKey)return g.accessor(l,{id:l,enableSorting:!1})},clearSelection:()=>{d.value={}}}},Re=(n,{selectedRowKeys:l,props:o})=>{const d=e.computed(()=>n.getIsAllRowsSelected()?!0:n.getIsSomeRowsSelected()?"indeterminate":!1),m=e.computed(()=>({selectedRowKeys:l.value,selectedRows:n.getFilteredSelectedRowModel().flatRows.map(a=>a.original)})),r=a=>{n.getIsSomeRowsSelected()||n.getIsAllRowsSelected()?n.toggleAllRowsSelected(!1):n.toggleAllRowsSelected(!0),e.nextTick(()=>{var c,t;k.isFunction((c=o.rowSelection)==null?void 0:c.onSelectAll)&&o.rowSelection.onSelectAll({...m.value,selected:a}),k.isFunction((t=o.rowSelection)==null?void 0:t.onChange)&&o.rowSelection.onChange(m.value)})},i=(a,c)=>{var t;c.toggleSelected(a,{selectChildren:!((t=o.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var f,u;k.isFunction((f=o.rowSelection)==null?void 0:f.onSelect)&&o.rowSelection.onSelect({...m.value,selected:a,record:c.original}),k.isFunction((u=o.rowSelection)==null?void 0:u.onChange)&&o.rowSelection.onChange(m.value)})},g=a=>{var c,t;return k.isFunction((c=o.rowSelection)==null?void 0:c.getCheckboxProps)&&((t=o.rowSelection)==null||t.getCheckboxProps(a)),{}},p=a=>{var c;if(a.getIsSelected())return!0;if((c=a.subRows)!=null&&c.length){if(a.getIsAllSubRowsSelected())return!0;if(a.getIsSomeSelected())return"indeterminate"}return!1},v=e.computed(()=>n.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:d,checkAll:r,check:i,getCheckboxProps:g,getRowChecked:p,selectedItemsLength:v,getSelectCallbackProps:m}},Ae=({props:n,prefix:l,slots:o,getSelectionCol:d})=>{const m=$.createColumnHelper(),r=e.computed(()=>{var c;return((c=n.actionCol)==null?void 0:c.id)??`$${l}_action$`}),i=e.computed(()=>{var E;const c=y=>B.omit(y??{},"columns","id"),t=y=>{var x;const P=y.id??h.usePCId(`${l}--col`);return k.isArray(V.get(y,n.childrenColumnName??"children"))?m.group({header:y.title,id:P,columns:(x=V.get(y,n.childrenColumnName??"children")??[])==null?void 0:x.map(t),enableSorting:!1,...c(y)}):m.accessor(y.dataIndex??y.id,{header:y.title,id:P,enableSorting:!!y.sorter,...c(y)})};if(!k.isArray(n.columns))throw"no columns";const f=n.columns.map(({id:y})=>y);if(Se.uniq(f).length!==f.length)throw"no uniq column ids";const u=[],w=d();return w&&u.push(w),n.columns.forEach(y=>{u.push(t(y))}),(o.action||o.hoverAction)&&u.push(m.accessor(r.value,{id:r.value,header:(E=n.actionCol)==null?void 0:E.title,enableSorting:!1,...c(n.actionCol)})),u}),g=Be.getBreakpoints(),v=be.useBreakpoints(Object.fromEntries(Object.keys(g).map(c=>[c,g[c].minWidth])),{strategy:"min-width"}).active(),a=e.ref({});return e.watch(v,c=>{a.value=Object.fromEntries($.flattenBy(i.value,t=>t.columns).map(t=>{var f;return[t.id,k.isArray(t==null?void 0:t.responsive)?((f=t.responsive)==null?void 0:f.includes(c))??!1:!0]}))},{immediate:!0}),{cols:i,actionId:r,columnVisibility:a}};function $e(n){return function(l,o,d){for(var m=-1,r=Object(l),i=d(l),g=i.length;g--;){var p=i[++m];if(o(r[p],p,r)===!1)break}return l}}var qe=$e();function Fe(n,l){return n&&qe(n,l,B.keys)}function Te(n,l){return function(o,d){if(o==null)return o;if(!M.isArrayLike(o))return n(o,d);for(var m=o.length,r=-1,i=Object(o);++r<m&&d(i[r],r,i)!==!1;);return o}}var Le=Te(Fe);function De(n,l){var o=-1,d=M.isArrayLike(n)?Array(n.length):[];return Le(n,function(m,r,i){d[++o]=l(m,r,i)}),d}function Me(n,l){var o=n.length;for(n.sort(l);o--;)n[o]=n[o].value;return n}function Ke(n,l){if(n!==l){var o=n!==void 0,d=n===null,m=n===n,r=B.isSymbol(n),i=l!==void 0,g=l===null,p=l===l,v=B.isSymbol(l);if(!g&&!v&&!r&&n>l||r&&i&&p&&!g&&!v||d&&i&&p||!o&&p||!m)return 1;if(!d&&!r&&!v&&n<l||v&&o&&m&&!d&&!r||g&&o&&m||!i&&m||!p)return-1}return 0}function Oe(n,l,o){for(var d=-1,m=n.criteria,r=l.criteria,i=m.length,g=o.length;++d<i;){var p=Ke(m[d],r[d]);if(p){if(d>=g)return p;var v=o[d];return p*(v=="desc"?-1:1)}}return n.index-l.index}function He(n,l,o){l.length?l=B.arrayMap(l,function(r){return k.isArray(r)?function(i){return B.baseGet(i,r.length===1?r[0]:r)}:r}):l=[B.identity];var d=-1;l=B.arrayMap(l,M.baseUnary(V.baseIteratee));var m=De(n,function(r,i,g){var p=B.arrayMap(l,function(v){return v(r)});return{criteria:p,index:++d,value:r}});return Me(m,function(r,i){return Oe(r,i,o)})}function We(n,l){return B.setToString(B.overRest(n,l,B.identity),n+"")}function re(n,l,o){if(!k.isObject(o))return!1;var d=typeof l;return(d=="number"?M.isArrayLike(o)&&B.isIndex(l,o.length):d=="string"&&l in o)?B.eq(o[l],n):!1}var oe=We(function(n,l){if(n==null)return[];var o=l.length;return o>1&&re(n,l[0],l[1])?l=[]:o>2&&re(l[0],l[1],l[2])&&(l=[l[0]]),He(n,B.baseFlatten(l,1),[])});const je=(n,l,o)=>{const d=a=>{const c=p(a);if(!c)return"tabler:arrows-up-down";if(c==="desc")return"tabler:arrow-down";if(c==="asc")return"tabler:arrow-up"},m=a=>{const c=p(a);if(!c)return"Sort A → Z";if(c==="desc")return"Sorted Z → A\u2028Click to change sort";if(c==="asc")return"Sorted A → Z\u2028Click to change sort"},r=e.ref([]),i=e.ref([]),g=(a,c)=>{const t=V.cloneDeep([...r.value,...i.value].find(u=>u.id===a.id))??{id:a.id,sorter:a.columnDef.sorter,multiple:a.columnDef.multiSort};c?t.desc=c==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const f=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";V.isNumber(a.columnDef.multiSort)&&[...r.value,...i.value].every(u=>V.isNumber(u.multiple))?(r.value=V.cloneDeep(r.value).filter(u=>u.id!==a.id),i.value=V.cloneDeep(i.value).filter(u=>u.id!==a.id),t.sorter==="server"?i.value.push(t):r.value.push(t),r.value=oe(r.value,"multiple"),i.value=oe(i.value,"multiple")):t.sorter==="server"?(r.value=[],i.value=[t]):(r.value=[t],i.value=[]),r.value=r.value.filter(u=>u.desc!==void 0),i.value=i.value.filter(u=>u.desc!==void 0),l("sort",a.columnDef,f(),V.cloneDeep([...r.value,...i.value]))},p=a=>{const c=[...i.value,...r.value].find(t=>a.id===t.id);return(c==null?void 0:c.desc)===!1?"asc":(c==null?void 0:c.desc)===!0?"desc":!1};return{data:e.computed(()=>(o(),[...n.data])),sorting:r,getSortIcon:d,getSortTooltip:m,toggleSort:g,getIsSorted:p}},Ie=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollContainerRootCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},scrollContainerProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean},rowProps:{}},emits:["fetch","rowClick","sort"],setup(n,{emit:l}){const o=n,d=l,m=e.useSlots(),r=h.getBemBlock("data_table",h.wgt_pre),i=`$${r}_selection$`,g=he.cva(r,{variants:{empty:h.generateVariantClassList("empty",r)}}),{rowSelection:p,checkSelections:v,getSelectionCol:a,clearSelection:c,selectedRowKeys:t}=xe(o,{colId:i,onSelectionChange:()=>{var s;k.isFunction((s=o.rowSelection)==null?void 0:s.onChange)&&o.rowSelection.onChange(Z.value)}}),{cols:f,actionId:u,columnVisibility:w}=Ae({props:o,slots:m,prefix:r,getSelectionCol:a}),{toggleWrap:E,isColumnWrapped:y}=Ne(o),{getSortTooltip:P,getSortIcon:x,sorting:F,data:T,toggleSort:A,getIsSorted:L}=je(o,d,v),N=$.useVueTable({getSubRows:s=>s.children,enableSorting:!0,enableMultiSort:!0,get data(){return T.value},state:{get sorting(){return F.value},get rowSelection(){return p.value},get columnVisibility(){return w.value}},enableRowSelection:!0,get columns(){return f.value},getRowId(s,S){return o.rowKey?s[o.rowKey]:S},getRowCanExpand:()=>!0,getCoreRowModel:$.getCoreRowModel(),getSortedRowModel:$.getSortedRowModel(),onRowSelectionChange:s=>{p.value=typeof s=="function"?s(p.value):s}}),{getCheckedAll:K,checkAll:le,check:se,getRowChecked:j,selectedItemsLength:I,getCheckboxProps:ie,getSelectCallbackProps:Z}=Re(N,{selectedRowKeys:t,props:o}),G=e.ref();Ve.useLazyLoading({target:G});const{getSkeletonProps:ce,getThProps:ue,RenderCell:U,getTdProps:O,getColProps:ae,isThVisible:me}=Ee({selectionId:i,isColumnWrapped:y}),J=e.shallowRef(0),de=({item:s},S)=>{s.key==="a-z"&&A(S,"asc"),s.key==="z-a"&&A(S,"desc"),s.key==="wrap"&&E({id:S.id}),J.value++},Q=e.computed(()=>N.getHeaderGroups().map(s=>({...s,headers:s.headers.map(S=>({...S,bindings:ue(S.getContext())}))}))),q=s=>{const S=V.cloneDeep(B.omit(s??{},"row"));let C={};o.rowProps&&(k.isFunction(o.rowProps)?C=V.cloneDeep(o.rowProps(s)??{}):k.isObject(o.rowProps)&&(C=V.cloneDeep(o.rowProps)));const b=k.isFunction(C.onClick)||s.row?_=>{s.row&&d("rowClick",s.row,_),k.isFunction(C.onClick)&&C.onClick(_)}:void 0;return{...C,...S,onClick:b}},fe=e.computed(()=>{const s=o.scrollContainerProps??{},S=s.rootProps??{};return{...s,rootProps:{...S,class:[h.getBemElement(r,"scroll_container"),S==null?void 0:S.class]},areaCls:[h.getBemElement(r,"scroll_area"),s==null?void 0:s.class,s==null?void 0:s.areaCls]}});return(s,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"root"),s.rootCls])},[e.createVNode(ee._sfc_main,{"z-index":"1",open:!!(e.unref(I)&&m.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions"))},[e.createVNode(we._sfc_main,{text:e.unref(I),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__title"))},e.toDisplayString(s.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__actions"))},[e.renderSlot(s.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(Z))))],2),e.createVNode(te._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__divider"))},null,8,["class"]),e.createVNode(ne._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:e.unref(c)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(ve._sfc_main),e.normalizeProps(e.guardReactiveProps(fe.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main),{size:s.size,style:e.normalizeStyle({tableLayout:s.tableLayout}),class:e.normalizeClass([e.unref(g)({empty:!e.unref(N).getRowModel().rows.length}),o.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),C=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:C.id,ref_for:!0},e.unref(ae)(C)),null,16))),128))]),s.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(z._sfc_main$5),{key:0,class:e.normalizeClass(s.theadCls),sticky:s.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Q.value,(C,b)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},q({index:b,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.headers,_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[e.unref(me)(b,Q.value.length,_.column.id)?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$1),e.mergeProps({key:0,ref_for:!0},_.bindings,{"data-selection":_.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content"))},[_.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content__title"))},[e.renderSlot(s.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:_.column.columnDef}),()=>[e.createVNode(e.unref(U),{props:_.getContext(),render:_.column.columnDef.header},null,8,["props","render"])])],2),_.column.getCanSort()?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)(_.column)),1)]),default:e.withCtx(()=>[e.createVNode(pe._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(_.column)}),icon:e.unref(x)(_.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(_.column),onClick:R=>e.unref(A)(_.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(Y._sfc_main,{rootCls:"w-fit",modelValue:e.unref(K),onChange:e.unref(le)},null,8,["modelValue","onChange"])],64))],2),![e.unref(u),i].includes(_.column.id)&&!_.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action"))},[(e.openBlock(),e.createBlock(ee._sfc_main,{"z-index":"1",placement:"bottom-end",key:J.value},{content:e.withCtx(()=>[e.createVNode(D._sfc_main,{onSelect:R=>de(R,_.column)},{default:e.withCtx(()=>[_.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(D._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-up",size:R},null,8,["size"])]),_:1}),e.createVNode(D._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-down",size:R},null,8,["size"])]),_:1}),e.createVNode(te._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(D._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:text-wrap",size:R},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(ke._sfc_main,{modelValue:e.unref(y)(_.column.id)},null,8,["modelValue"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(ne._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"neutral",type:"ghost",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(z._sfc_main$4),{class:e.normalizeClass(s.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getRowModel().rows,(C,b)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},q({index:b,zebra:s.zebra,checked:!!e.unref(j)(C),row:C.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.getVisibleCells(),_=>{var R,X;return e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[((R=e.unref(O)(_.getContext()))==null?void 0:R.colSpan)!==0&&((X=e.unref(O)(_.getContext()))==null?void 0:X.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(O)(_.getContext())),e.createSlots({default:e.withCtx(()=>[_.column.id===e.unref(u)&&(m.hoverAction||m.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:S[0]||(S[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"action_cell__hover"),s.actionHoverCls])},[e.renderSlot(s.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2),e.renderSlot(s.$slots,"action",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2)):_.column.id!==i?e.renderSlot(s.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}),()=>[e.createVNode(e.unref(U),{render:_.column.columnDef.cell,props:_.getContext()},null,8,["render","props"])]):s.rowKey&&C.original[s.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection")),onClick:S[1]||(S[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(Y._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!C.getCanSelect(),modelValue:e.unref(j)(C),onChange:ge=>e.unref(se)(ge,C),ref_for:!0},e.unref(ie)(C.original)),null,16,["disabled","modelValue","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[m.cellAction&&![e.unref(u),i].includes(_.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),o.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(N).getRowModel().rows.length?2:s.loadingRowCount,C=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C,ref_for:!0},q({index:C,zebra:s.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),(b,_)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$2),{key:_},{default:e.withCtx(()=>[b.id!==i?e.renderSlot(s.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:_,column:b.columnDef}),()=>[e.createVNode(Ce._sfc_main,e.mergeProps({ref_for:!0},e.unref(ce)(b.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(N).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},q({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main$2),{colspan:e.unref(N).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(_e._sfc_main,e.mergeProps({type:"advance"},s.emptyProps),e.createSlots({_:2},[m.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyTitle")]),key:"0"}:void 0,m.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyDescription")]),key:"1"}:void 0,m.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyActions")]),key:"2"}:void 0,m.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),s.lazyLoading?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},q({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main$2),{ref_key:"target",ref:G,"lazy-load-observer":"",colspan:e.unref(N).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16)]),_:3},8,["open"])],2))}});exports._sfc_main=Ie;
|
|
1
|
+
"use strict";const e=require("vue"),$=require("@tanstack/vue-table"),Y=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),D=require("./MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js"),pe=require("./ActionButton.vue_vue_type_script_setup_true_lang-xZ5KwcNz.js"),_e=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),B=require("./omit-CYbreqlf.js"),k=require("./index-DWw7aruo.js"),h=require("@pantograph/utils"),Ce=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),ee=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),ye=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),we=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),te=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),ne=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js"),H=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ke=require("./Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js"),he=require("class-variance-authority"),W=require("./isEmpty-bCllo8T9.js"),z=require("./THead.vue_vue_type_style_index_0_lang-oUsIia-h.js"),V=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ve=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Se=require("./uniq-DGkyiyS4.js"),Be=require("@pantograph/tokens"),be=require("@vueuse/core"),M=require("./_getTag-CIY3u1-e.js"),Ve=require("./useLazyLoading-H6VG5aE-.js"),Ee=({isColumnWrapped:n,selectionId:l})=>{const o=t=>{var u;const f=w=>w==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:f((u=t==null?void 0:t.skeletonProps)==null?void 0:u.type)}},d=t=>{var u,w;const f=(u=t.props)==null?void 0:u.column.columnDef;return k.isFunction(f==null?void 0:f.render)&&t.props.row?(w=f==null?void 0:f.render)==null?void 0:w.call(f,{index:t.props.row.index,record:t.props.row.original,column:B.omit(f,"render")}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},m=t=>{let f={};if(t){const u=P=>Number(P)>=0?`${P}px`:P,{width:w,maxWidth:E,minWidth:y}=t;(w||E||y)&&(f={width:u(w),maxWidth:u(E),minWidth:u(y),overflow:w||E?"hidden":void 0})}return f},r={},i=(t,f=!0)=>{var w;let u=1;return((w=t==null?void 0:t.subHeaders)==null?void 0:w.length)===1&&t.column.id===t.subHeaders[0].column.id&&(u+=i(t.subHeaders[0],!1)),f&&(!r[t.column.id]||r[t.column.id]<u)&&(r[t.column.id]=u),u},g=(t,f={})=>{var u;if(t!=null&&t.column){const w=(u=t==null?void 0:t.column)==null?void 0:u.columnDef,E=[],y={};if(k.isObject(w)){let P=n(t.column.id);const{customCell:x,class:F}=w;if(W.isEmpty(F)||E.push(F),x&&(k.isObject(x)||k.isFunction(x))){const T=A=>{if(k.isObject(A)){const{wrap:L,colSpan:N,rowSpan:K}=A;P=P||(L??!1),y.colSpan=N,y.rowSpan=K,W.isEmpty(A.class)||E.push(A.class)}};k.isFunction(x)&&t.row?T(x({index:t.row.index,record:t.row.original,column:w})):T(x)}t.header?y.rowSpan=i(t.header):P&&(y.wrap=!0)}return{class:W.isEmpty(E)?void 0:E,...y,...f}}return{}};return{getSkeletonProps:o,RenderCell:d,getThProps:t=>{var f,u,w;return g(t,{colSpan:(f=t==null?void 0:t.header)==null?void 0:f.colSpan,"data-has-children":((w=(u=t==null?void 0:t.column)==null?void 0:u.columns)==null?void 0:w.length)>1?!0:void 0})},getTdProps:t=>g(t),getColProps:t=>{const f=m(t.columnDef);return t.id===l&&(f.width="var(--pt-dimension-2800)"),{style:f}},isThVisible:(t,f,u)=>r[u]===1?!0:f-t===r[u]}};var ze="[object Boolean]";function Pe(n){return n===!0||n===!1||k.isObjectLike(n)&&k.baseGetTag(n)==ze}const Ne=n=>{const l=e.ref([]),o=g=>g?l.value.findIndex(p=>p.id===g):-1,d=g=>{if(g)return l.value.find(p=>p.id===g)},m=g=>{var p;return!!((p=d(g))!=null&&p.wrap)},r=g=>{const{id:p}=g;if(!p)return!1;const v=g.wrap??!m(p),a=o(p);return a>=0?l.value[a]={id:p,wrap:v}:l.value.push({id:p,wrap:v}),!0},i=e.computed(()=>(n.columns??[]).filter(g=>Pe(g.wrap)).map(g=>({id:g.id,wrap:!!g.wrap})));return e.watch(i,g=>{l.value=[...l.value,...g]},{immediate:!0,deep:!0}),{isColumnWrapped:m,toggleWrap:r}},xe=(n,{colId:l,onSelectionChange:o})=>{const d=e.ref({}),m=e.computed(()=>Object.keys(d.value));e.watch(()=>{var a;return(a=n.rowSelection)==null?void 0:a.selectedRowKeys},(a,c)=>{var t,f;if((f=(t=n.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&f.length&&!V.isEqual(a,c)){const u=Object.fromEntries(e.unref(n.rowSelection.selectedRowKeys??Object.keys(d.value)).map(w=>[w,!0]));V.isEqual(u,d.value)||(d.value=u)}},{immediate:!0});const r=e.computed(()=>n.rowKey?$.flattenBy(n.data,a=>a.children).map(a=>a[n.rowKey]):[]),i=()=>{const a=Object.fromEntries(m.value.filter(c=>{var t;return!((t=n.rowSelection)!=null&&t.preserveSelectedRowKeys)&&n.rowKey?r.value.includes(c):!0}).map(c=>[c,!0]));Object.keys(a).length!==m.value.length&&(d.value=a,e.nextTick(()=>{o()}))},g=$.createColumnHelper();return{rowSelection:d,selectedRowKeys:m,checkSelections:i,getSelectionCol:()=>{if(n.rowSelection&&n.rowKey)return g.accessor(l,{id:l,enableSorting:!1})},clearSelection:()=>{d.value={}}}},Re=(n,{selectedRowKeys:l,props:o})=>{const d=e.computed(()=>n.getIsAllRowsSelected()?!0:n.getIsSomeRowsSelected()?"indeterminate":!1),m=e.computed(()=>({selectedRowKeys:l.value,selectedRows:n.getFilteredSelectedRowModel().flatRows.map(a=>a.original)})),r=a=>{n.getIsSomeRowsSelected()||n.getIsAllRowsSelected()?n.toggleAllRowsSelected(!1):n.toggleAllRowsSelected(!0),e.nextTick(()=>{var c,t;k.isFunction((c=o.rowSelection)==null?void 0:c.onSelectAll)&&o.rowSelection.onSelectAll({...m.value,selected:a}),k.isFunction((t=o.rowSelection)==null?void 0:t.onChange)&&o.rowSelection.onChange(m.value)})},i=(a,c)=>{var t;c.toggleSelected(a,{selectChildren:!((t=o.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var f,u;k.isFunction((f=o.rowSelection)==null?void 0:f.onSelect)&&o.rowSelection.onSelect({...m.value,selected:a,record:c.original}),k.isFunction((u=o.rowSelection)==null?void 0:u.onChange)&&o.rowSelection.onChange(m.value)})},g=a=>{var c,t;return k.isFunction((c=o.rowSelection)==null?void 0:c.getCheckboxProps)&&((t=o.rowSelection)==null||t.getCheckboxProps(a)),{}},p=a=>{var c;if(a.getIsSelected())return!0;if((c=a.subRows)!=null&&c.length){if(a.getIsAllSubRowsSelected())return!0;if(a.getIsSomeSelected())return"indeterminate"}return!1},v=e.computed(()=>n.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:d,checkAll:r,check:i,getCheckboxProps:g,getRowChecked:p,selectedItemsLength:v,getSelectCallbackProps:m}},Ae=({props:n,prefix:l,slots:o,getSelectionCol:d})=>{const m=$.createColumnHelper(),r=e.computed(()=>{var c;return((c=n.actionCol)==null?void 0:c.id)??`$${l}_action$`}),i=e.computed(()=>{var E;const c=y=>B.omit(y??{},"columns","id"),t=y=>{var x;const P=y.id??h.usePCId(`${l}--col`);return k.isArray(V.get(y,n.childrenColumnName??"children"))?m.group({header:y.title,id:P,columns:(x=V.get(y,n.childrenColumnName??"children")??[])==null?void 0:x.map(t),enableSorting:!1,...c(y)}):m.accessor(y.dataIndex??y.id,{header:y.title,id:P,enableSorting:!!y.sorter,...c(y)})};if(!k.isArray(n.columns))throw"no columns";const f=n.columns.map(({id:y})=>y);if(Se.uniq(f).length!==f.length)throw"no uniq column ids";const u=[],w=d();return w&&u.push(w),n.columns.forEach(y=>{u.push(t(y))}),(o.action||o.hoverAction)&&u.push(m.accessor(r.value,{id:r.value,header:(E=n.actionCol)==null?void 0:E.title,enableSorting:!1,...c(n.actionCol)})),u}),g=Be.getBreakpoints(),v=be.useBreakpoints(Object.fromEntries(Object.keys(g).map(c=>[c,g[c].minWidth])),{strategy:"min-width"}).active(),a=e.ref({});return e.watch(v,c=>{a.value=Object.fromEntries($.flattenBy(i.value,t=>t.columns).map(t=>{var f;return[t.id,k.isArray(t==null?void 0:t.responsive)?((f=t.responsive)==null?void 0:f.includes(c))??!1:!0]}))},{immediate:!0}),{cols:i,actionId:r,columnVisibility:a}};function $e(n){return function(l,o,d){for(var m=-1,r=Object(l),i=d(l),g=i.length;g--;){var p=i[++m];if(o(r[p],p,r)===!1)break}return l}}var qe=$e();function Fe(n,l){return n&&qe(n,l,B.keys)}function Te(n,l){return function(o,d){if(o==null)return o;if(!M.isArrayLike(o))return n(o,d);for(var m=o.length,r=-1,i=Object(o);++r<m&&d(i[r],r,i)!==!1;);return o}}var Le=Te(Fe);function De(n,l){var o=-1,d=M.isArrayLike(n)?Array(n.length):[];return Le(n,function(m,r,i){d[++o]=l(m,r,i)}),d}function Me(n,l){var o=n.length;for(n.sort(l);o--;)n[o]=n[o].value;return n}function Ke(n,l){if(n!==l){var o=n!==void 0,d=n===null,m=n===n,r=B.isSymbol(n),i=l!==void 0,g=l===null,p=l===l,v=B.isSymbol(l);if(!g&&!v&&!r&&n>l||r&&i&&p&&!g&&!v||d&&i&&p||!o&&p||!m)return 1;if(!d&&!r&&!v&&n<l||v&&o&&m&&!d&&!r||g&&o&&m||!i&&m||!p)return-1}return 0}function Oe(n,l,o){for(var d=-1,m=n.criteria,r=l.criteria,i=m.length,g=o.length;++d<i;){var p=Ke(m[d],r[d]);if(p){if(d>=g)return p;var v=o[d];return p*(v=="desc"?-1:1)}}return n.index-l.index}function He(n,l,o){l.length?l=B.arrayMap(l,function(r){return k.isArray(r)?function(i){return B.baseGet(i,r.length===1?r[0]:r)}:r}):l=[B.identity];var d=-1;l=B.arrayMap(l,M.baseUnary(V.baseIteratee));var m=De(n,function(r,i,g){var p=B.arrayMap(l,function(v){return v(r)});return{criteria:p,index:++d,value:r}});return Me(m,function(r,i){return Oe(r,i,o)})}function We(n,l){return B.setToString(B.overRest(n,l,B.identity),n+"")}function re(n,l,o){if(!k.isObject(o))return!1;var d=typeof l;return(d=="number"?M.isArrayLike(o)&&B.isIndex(l,o.length):d=="string"&&l in o)?B.eq(o[l],n):!1}var oe=We(function(n,l){if(n==null)return[];var o=l.length;return o>1&&re(n,l[0],l[1])?l=[]:o>2&&re(l[0],l[1],l[2])&&(l=[l[0]]),He(n,B.baseFlatten(l,1),[])});const je=(n,l,o)=>{const d=a=>{const c=p(a);if(!c)return"tabler:arrows-up-down";if(c==="desc")return"tabler:arrow-down";if(c==="asc")return"tabler:arrow-up"},m=a=>{const c=p(a);if(!c)return"Sort A → Z";if(c==="desc")return"Sorted Z → A\u2028Click to change sort";if(c==="asc")return"Sorted A → Z\u2028Click to change sort"},r=e.ref([]),i=e.ref([]),g=(a,c)=>{const t=V.cloneDeep([...r.value,...i.value].find(u=>u.id===a.id))??{id:a.id,sorter:a.columnDef.sorter,multiple:a.columnDef.multiSort};c?t.desc=c==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const f=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";V.isNumber(a.columnDef.multiSort)&&[...r.value,...i.value].every(u=>V.isNumber(u.multiple))?(r.value=V.cloneDeep(r.value).filter(u=>u.id!==a.id),i.value=V.cloneDeep(i.value).filter(u=>u.id!==a.id),t.sorter==="server"?i.value.push(t):r.value.push(t),r.value=oe(r.value,"multiple"),i.value=oe(i.value,"multiple")):t.sorter==="server"?(r.value=[],i.value=[t]):(r.value=[t],i.value=[]),r.value=r.value.filter(u=>u.desc!==void 0),i.value=i.value.filter(u=>u.desc!==void 0),l("sort",a.columnDef,f(),V.cloneDeep([...r.value,...i.value]))},p=a=>{const c=[...i.value,...r.value].find(t=>a.id===t.id);return(c==null?void 0:c.desc)===!1?"asc":(c==null?void 0:c.desc)===!0?"desc":!1};return{data:e.computed(()=>(o(),[...n.data])),sorting:r,getSortIcon:d,getSortTooltip:m,toggleSort:g,getIsSorted:p}},Ie=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollContainerRootCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},scrollContainerProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean},rowProps:{}},emits:["fetch","rowClick","sort"],setup(n,{emit:l}){const o=n,d=l,m=e.useSlots(),r=h.getBemBlock("data_table",h.wgt_pre),i=`$${r}_selection$`,g=he.cva(r,{variants:{empty:h.generateVariantClassList("empty",r)}}),{rowSelection:p,checkSelections:v,getSelectionCol:a,clearSelection:c,selectedRowKeys:t}=xe(o,{colId:i,onSelectionChange:()=>{var s;k.isFunction((s=o.rowSelection)==null?void 0:s.onChange)&&o.rowSelection.onChange(Z.value)}}),{cols:f,actionId:u,columnVisibility:w}=Ae({props:o,slots:m,prefix:r,getSelectionCol:a}),{toggleWrap:E,isColumnWrapped:y}=Ne(o),{getSortTooltip:P,getSortIcon:x,sorting:F,data:T,toggleSort:A,getIsSorted:L}=je(o,d,v),N=$.useVueTable({getSubRows:s=>s.children,enableSorting:!0,enableMultiSort:!0,get data(){return T.value},state:{get sorting(){return F.value},get rowSelection(){return p.value},get columnVisibility(){return w.value}},enableRowSelection:!0,get columns(){return f.value},getRowId(s,S){return o.rowKey?s[o.rowKey]:S},getRowCanExpand:()=>!0,getCoreRowModel:$.getCoreRowModel(),getSortedRowModel:$.getSortedRowModel(),onRowSelectionChange:s=>{p.value=typeof s=="function"?s(p.value):s}}),{getCheckedAll:K,checkAll:le,check:se,getRowChecked:j,selectedItemsLength:I,getCheckboxProps:ie,getSelectCallbackProps:Z}=Re(N,{selectedRowKeys:t,props:o}),G=e.ref();Ve.useLazyLoading({target:G});const{getSkeletonProps:ce,getThProps:ue,RenderCell:U,getTdProps:O,getColProps:ae,isThVisible:me}=Ee({selectionId:i,isColumnWrapped:y}),J=e.shallowRef(0),de=({item:s},S)=>{s.key==="a-z"&&A(S,"asc"),s.key==="z-a"&&A(S,"desc"),s.key==="wrap"&&E({id:S.id}),J.value++},Q=e.computed(()=>N.getHeaderGroups().map(s=>({...s,headers:s.headers.map(S=>({...S,bindings:ue(S.getContext())}))}))),q=s=>{const S=V.cloneDeep(B.omit(s??{},"row"));let C={};o.rowProps&&(k.isFunction(o.rowProps)?C=V.cloneDeep(o.rowProps(s)??{}):k.isObject(o.rowProps)&&(C=V.cloneDeep(o.rowProps)));const b=k.isFunction(C.onClick)||s.row?_=>{s.row&&d("rowClick",s.row,_),k.isFunction(C.onClick)&&C.onClick(_)}:void 0;return{...C,...S,onClick:b}},fe=e.computed(()=>{const s=o.scrollContainerProps??{},S=s.rootProps??{};return{...s,rootProps:{...S,class:[h.getBemElement(r,"scroll_container"),S==null?void 0:S.class]},areaCls:[h.getBemElement(r,"scroll_area"),s==null?void 0:s.class,s==null?void 0:s.areaCls]}});return(s,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"root"),s.rootCls])},[e.createVNode(ee._sfc_main,{"z-index":"1",open:!!(e.unref(I)&&m.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions"))},[e.createVNode(we._sfc_main,{text:e.unref(I),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__title"))},e.toDisplayString(s.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__actions"))},[e.renderSlot(s.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(Z))))],2),e.createVNode(te._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__divider"))},null,8,["class"]),e.createVNode(ne._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:e.unref(c)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(ve._sfc_main),e.normalizeProps(e.guardReactiveProps(fe.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main),{size:s.size,style:e.normalizeStyle({tableLayout:s.tableLayout}),class:e.normalizeClass([e.unref(g)({empty:!e.unref(N).getRowModel().rows.length}),o.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),C=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:C.id,ref_for:!0},e.unref(ae)(C)),null,16))),128))]),s.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(z._sfc_main$5),{key:0,class:e.normalizeClass(s.theadCls),sticky:s.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Q.value,(C,b)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},q({index:b,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.headers,_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[e.unref(me)(b,Q.value.length,_.column.id)?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$1),e.mergeProps({key:0,ref_for:!0},_.bindings,{"data-selection":_.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content"))},[_.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content__title"))},[e.renderSlot(s.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:_.column.columnDef}),()=>[e.createVNode(e.unref(U),{props:_.getContext(),render:_.column.columnDef.header},null,8,["props","render"])])],2),_.column.getCanSort()?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)(_.column)),1)]),default:e.withCtx(()=>[e.createVNode(pe._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(_.column)}),icon:e.unref(x)(_.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(_.column),onClick:R=>e.unref(A)(_.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(Y._sfc_main,{rootCls:"w-fit",modelValue:e.unref(K),onChange:e.unref(le)},null,8,["modelValue","onChange"])],64))],2),![e.unref(u),i].includes(_.column.id)&&!_.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action"))},[(e.openBlock(),e.createBlock(ee._sfc_main,{"z-index":"1",placement:"bottom-end",key:J.value},{content:e.withCtx(()=>[e.createVNode(D._sfc_main,{onSelect:R=>de(R,_.column)},{default:e.withCtx(()=>[_.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(D._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-up",size:R},null,8,["size"])]),_:1}),e.createVNode(D._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:arrow-down",size:R},null,8,["size"])]),_:1}),e.createVNode(te._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(D._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:R})=>[e.createVNode(H._sfc_main,{icon:"tabler:text-wrap",size:R},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(ke._sfc_main,{modelValue:e.unref(y)(_.column.id)},null,8,["modelValue"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(ne._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"neutral",type:"ghost",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(z._sfc_main$4),{class:e.normalizeClass(s.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getRowModel().rows,(C,b)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C.id,ref_for:!0},q({index:b,zebra:s.zebra,checked:!!e.unref(j)(C),row:C.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.getVisibleCells(),_=>{var R,X;return e.openBlock(),e.createElementBlock(e.Fragment,{key:_.id},[((R=e.unref(O)(_.getContext()))==null?void 0:R.colSpan)!==0&&((X=e.unref(O)(_.getContext()))==null?void 0:X.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(O)(_.getContext())),e.createSlots({default:e.withCtx(()=>[_.column.id===e.unref(u)&&(m.hoverAction||m.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:S[0]||(S[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"action_cell__hover"),s.actionHoverCls])},[e.renderSlot(s.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2),e.renderSlot(s.$slots,"action",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))],2)):_.column.id!==i?e.renderSlot(s.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}),()=>[e.createVNode(e.unref(U),{render:_.column.columnDef.cell,props:_.getContext()},null,8,["render","props"])]):s.rowKey&&C.original[s.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection")),onClick:S[1]||(S[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(Y._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!C.getCanSelect(),modelValue:e.unref(j)(C),onChange:ge=>e.unref(se)(ge,C),ref_for:!0},e.unref(ie)(C.original)),null,16,["disabled","modelValue","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[m.cellAction&&![e.unref(u),i].includes(_.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:_.column.columnDef,record:C.original,index:b}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),o.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(N).getRowModel().rows.length?2:s.loadingRowCount,C=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.mergeProps({key:C,ref_for:!0},q({index:C,zebra:s.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N).getVisibleLeafColumns(),(b,_)=>(e.openBlock(),e.createBlock(e.unref(z._sfc_main$2),{key:_},{default:e.withCtx(()=>[b.id!==i?e.renderSlot(s.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:_,column:b.columnDef}),()=>[e.createVNode(Ce._sfc_main,e.mergeProps({ref_for:!0},e.unref(ce)(b.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(N).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},q({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main$2),{colspan:e.unref(N).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(_e._sfc_main,e.mergeProps({type:"advance"},s.emptyProps),e.createSlots({_:2},[m.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyTitle")]),key:"0"}:void 0,m.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyDescription")]),key:"1"}:void 0,m.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyActions")]),key:"2"}:void 0,m.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),s.lazyLoading?(e.openBlock(),e.createBlock(e.unref(z._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},q({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(z._sfc_main$2),{ref_key:"target",ref:G,"lazy-load-observer":"",colspan:e.unref(N).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16)]),_:3},8,["open"])],2))}});exports._sfc_main=Ie;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h as Ze, ref as N, computed as W, watch as ce, unref as t, nextTick as ie, defineComponent as qe, useSlots as Ge, shallowRef as Ue, createElementBlock as $, openBlock as v, normalizeClass as R, createVNode as S, withCtx as y, normalizeProps as X, guardReactiveProps as Ce, normalizeStyle as Je, createElementVNode as H, createBlock as E, createCommentVNode as j, Fragment as L, renderList as I, mergeProps as B, renderSlot as O, createTextVNode as Qe, toDisplayString as ve, createSlots as Se, withModifiers as _e } from "vue";
|
|
2
2
|
import { flattenBy as Le, createColumnHelper as De, useVueTable as Xe, getSortedRowModel as Ye, getCoreRowModel as et } from "@tanstack/vue-table";
|
|
3
3
|
import { _ as ke } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
|
|
4
|
-
import { _ as tt, a as oe } from "./MenuItem.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as tt, a as oe } from "./MenuItem.vue_vue_type_style_index_0_lang-BKm0BKwu.js";
|
|
5
5
|
import { _ as nt } from "./ActionButton.vue_vue_type_script_setup_true_lang-aFnjoRJy.js";
|
|
6
6
|
import { _ as ot } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
|
|
7
7
|
import { o as ae, k as rt, i as be, c as re, d as lt, e as Ke, s as st, f as it, g as ct, h as at, a as ut } from "./omit-BuBwx_M2.js";
|
package/dist/Menu/index.js
CHANGED
package/dist/Menu/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
|
package/dist/MenuItem/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as E, useSlots as H, computed as C, useAttrs as
|
|
2
|
-
import { getBemBlock as
|
|
1
|
+
import { defineComponent as E, useSlots as H, computed as C, useAttrs as pe, createElementBlock as F, openBlock as b, Fragment as Y, createTextVNode as se, createVNode as te, toDisplayString as le, h as O, ref as q, getCurrentInstance as Z, unref as v, createBlock as j, mergeProps as K, withCtx as D, createElementVNode as ge, createSlots as w, renderList as T, renderSlot as z, normalizeProps as $, guardReactiveProps as N, watch as ne, withModifiers as me, normalizeClass as W, createCommentVNode as Q } from "vue";
|
|
2
|
+
import { getBemBlock as x, generateVariantClassList as I, getBemElement as S, usePCId as ee } from "@pantograph/utils";
|
|
3
3
|
import { g as J } from "./options-D4et5euX.js";
|
|
4
|
-
import { cva as
|
|
4
|
+
import { cva as oe } from "class-variance-authority";
|
|
5
5
|
import { h as X, g as Ce } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
6
6
|
import { i as ye } from "./isEmpty-wdqPTIXx.js";
|
|
7
7
|
import { a as ve } from "./index-jwkhq8oW.js";
|
|
@@ -9,9 +9,9 @@ import { _ as fe } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
|
9
9
|
import { _ as be } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
10
10
|
import { b as V } from "./element-BfQuKSll.js";
|
|
11
11
|
import { o as he } from "./omit-BuBwx_M2.js";
|
|
12
|
-
import { U as
|
|
13
|
-
import { createContext as
|
|
14
|
-
const
|
|
12
|
+
import { U as ae } from "./useInputDataStates-0nK-AuOK.js";
|
|
13
|
+
import { createContext as ie } from "reka-ui";
|
|
14
|
+
const re = ["sm", "md", "lg"], ke = [...re, "none"], m = x("menu_item"), ue = /* @__PURE__ */ E({
|
|
15
15
|
...J("MenuItemContent"),
|
|
16
16
|
__name: "MenuItemContent",
|
|
17
17
|
props: {
|
|
@@ -38,9 +38,9 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
38
38
|
hasChildren: { type: Boolean }
|
|
39
39
|
},
|
|
40
40
|
setup(_) {
|
|
41
|
-
const e = _, s = H(), o =
|
|
41
|
+
const e = _, s = H(), o = oe(m, {
|
|
42
42
|
variants: {
|
|
43
|
-
size: I(
|
|
43
|
+
size: I(re, m),
|
|
44
44
|
selected: I("selected", m),
|
|
45
45
|
unFocusable: I("un-focusable", m),
|
|
46
46
|
danger: I("danger", m),
|
|
@@ -94,7 +94,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
94
94
|
badgeSize: M(),
|
|
95
95
|
...e
|
|
96
96
|
};
|
|
97
|
-
}), t =
|
|
97
|
+
}), t = pe(), i = () => {
|
|
98
98
|
var M;
|
|
99
99
|
const y = (M = s.description) == null ? void 0 : M.call(s, p.value), c = !V(y), a = () => {
|
|
100
100
|
var A, U, L, G;
|
|
@@ -110,14 +110,14 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
110
110
|
)
|
|
111
111
|
)
|
|
112
112
|
);
|
|
113
|
-
const
|
|
113
|
+
const r = (U = s.title) == null ? void 0 : U.call(s, p.value), g = !V(r);
|
|
114
114
|
if (g || e.title || c || e.description) {
|
|
115
115
|
const l = [];
|
|
116
116
|
(g || e.title) && l.push(
|
|
117
117
|
O(
|
|
118
118
|
"div",
|
|
119
119
|
{ class: [S(m, "title"), e.titleCls] },
|
|
120
|
-
g ?
|
|
120
|
+
g ? r : e.title
|
|
121
121
|
)
|
|
122
122
|
), (c || e.description) && l.push(
|
|
123
123
|
O(
|
|
@@ -133,7 +133,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
133
133
|
)
|
|
134
134
|
);
|
|
135
135
|
}
|
|
136
|
-
const h = (L = s.trailing) == null ? void 0 : L.call(s, p.value),
|
|
136
|
+
const h = (L = s.trailing) == null ? void 0 : L.call(s, p.value), P = !V(h);
|
|
137
137
|
if (e.hasChildren) {
|
|
138
138
|
const l = (G = s.branchIcon) == null ? void 0 : G.call(s, p.value);
|
|
139
139
|
u.push(
|
|
@@ -150,11 +150,11 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
150
150
|
}
|
|
151
151
|
)
|
|
152
152
|
);
|
|
153
|
-
} else (
|
|
153
|
+
} else (P || e.trailing) && u.push(
|
|
154
154
|
O(
|
|
155
155
|
"div",
|
|
156
156
|
{ class: [S(m, "trailing"), e.trailingCls] },
|
|
157
|
-
|
|
157
|
+
P ? h : e.trailing
|
|
158
158
|
)
|
|
159
159
|
);
|
|
160
160
|
return u;
|
|
@@ -182,9 +182,12 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
182
182
|
a()
|
|
183
183
|
);
|
|
184
184
|
};
|
|
185
|
-
return (y, c) => (b(),
|
|
185
|
+
return (y, c) => (b(), F(Y, null, [
|
|
186
|
+
se(le(e.unFocusable) + " ", 1),
|
|
187
|
+
te(i)
|
|
188
|
+
], 64));
|
|
186
189
|
}
|
|
187
|
-
}), [Se, Me] =
|
|
190
|
+
}), [Se, Me] = ie("SubMenu"), Be = /* @__PURE__ */ E({
|
|
188
191
|
...J("MenuItem"),
|
|
189
192
|
__name: "SubMenu",
|
|
190
193
|
props: {
|
|
@@ -226,17 +229,17 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
226
229
|
default:
|
|
227
230
|
return 6;
|
|
228
231
|
}
|
|
229
|
-
}), p = q(), t =
|
|
232
|
+
}), p = q(), t = de(), i = C(() => {
|
|
230
233
|
var l;
|
|
231
234
|
return e.triggerSubMenuAction ?? ((l = t.props) == null ? void 0 : l.triggerSubMenuAction);
|
|
232
235
|
}), y = Se({
|
|
233
236
|
parentKeys: []
|
|
234
237
|
}), c = (l) => {
|
|
235
238
|
var B;
|
|
236
|
-
(
|
|
237
|
-
}, a =
|
|
239
|
+
(i.value === "click" || (B = v(y.parentKeys)) != null && B.length) && (l.stopPropagation(), l.preventDefault());
|
|
240
|
+
}, a = x("sub_menu"), M = ee(a), u = C(() => {
|
|
238
241
|
var l;
|
|
239
|
-
return ((l =
|
|
242
|
+
return ((l = Z()) == null ? void 0 : l.vnode.key) ?? M;
|
|
240
243
|
});
|
|
241
244
|
Me({
|
|
242
245
|
parentKeys: C(() => [...v(y.parentKeys), u.value])
|
|
@@ -249,9 +252,9 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
249
252
|
})), d = C(() => {
|
|
250
253
|
var l;
|
|
251
254
|
return ((l = t.props) == null ? void 0 : l.size) ?? e.size;
|
|
252
|
-
}),
|
|
253
|
-
getDisabled:
|
|
254
|
-
}),
|
|
255
|
+
}), r = () => !1, { rootBindings: g, inputBindings: h } = ae({
|
|
256
|
+
getDisabled: r
|
|
257
|
+
}), P = C(() => {
|
|
255
258
|
var l, B, f;
|
|
256
259
|
return {
|
|
257
260
|
...he(
|
|
@@ -266,7 +269,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
266
269
|
size: d.value,
|
|
267
270
|
selected: ((l = t.isItemSelected) == null ? void 0 : l.call(t, n.value)) ?? e.selected,
|
|
268
271
|
unFocusable: t.onClick ? void 0 : e.unFocusable,
|
|
269
|
-
disabled:
|
|
272
|
+
disabled: r(),
|
|
270
273
|
hoverTrailing: e.hoverTrailing ?? ((B = t.props) == null ? void 0 : B.hoverTrailing),
|
|
271
274
|
leadingCenter: e.leadingCenter ?? ((f = t.props) == null ? void 0 : f.leadingCenter),
|
|
272
275
|
hasChildren: !0,
|
|
@@ -289,6 +292,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
289
292
|
containerProps: {
|
|
290
293
|
onClick: c
|
|
291
294
|
},
|
|
295
|
+
avoidCollisions: !0,
|
|
292
296
|
to: p.value,
|
|
293
297
|
reversePlacementOnDir: "rtl",
|
|
294
298
|
placement: "right-start",
|
|
@@ -299,16 +303,19 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
299
303
|
],
|
|
300
304
|
sideOffset: o.value,
|
|
301
305
|
forceMount: e.forceMountSubmenu ?? ((B = t.props) == null ? void 0 : B.forceMountSubmenu),
|
|
302
|
-
trigger:
|
|
306
|
+
trigger: i.value,
|
|
303
307
|
closeDelay: ((f = t.props) == null ? void 0 : f.subMenuCloseDelay) ?? e.subMenuCloseDelay,
|
|
304
308
|
openDelay: ((k = t.props) == null ? void 0 : k.subMenuOpenDelay) ?? e.subMenuOpenDelay,
|
|
305
309
|
open: U.value
|
|
306
310
|
};
|
|
307
311
|
});
|
|
308
|
-
return (l, B) => (b(),
|
|
312
|
+
return (l, B) => (b(), j(fe, K(G.value, {
|
|
313
|
+
"onUpdate:open": L,
|
|
314
|
+
key: String(i.value)
|
|
315
|
+
}), {
|
|
309
316
|
content: D(() => [
|
|
310
317
|
z(l.$slots, "items", $(N({ ...e, key: u.value })), () => [
|
|
311
|
-
(b(!0),
|
|
318
|
+
(b(!0), F(Y, null, T(l.items, (f) => (b(), j(ce, K({ ref_for: !0 }, f), w({ _: 2 }, [
|
|
312
319
|
T(Object.keys(s), (k) => ({
|
|
313
320
|
name: k,
|
|
314
321
|
fn: D((R) => [
|
|
@@ -319,12 +326,12 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
319
326
|
])
|
|
320
327
|
]),
|
|
321
328
|
default: D(() => [
|
|
322
|
-
|
|
329
|
+
ge("div", K({
|
|
323
330
|
class: [v(a), e.submenuTriggerCls],
|
|
324
331
|
ref_key: "root",
|
|
325
332
|
ref: p
|
|
326
333
|
}, v(g)), [
|
|
327
|
-
|
|
334
|
+
te(ue, K(P.value, {
|
|
328
335
|
class: v(S)(v(a), "trigger")
|
|
329
336
|
}), w({ _: 2 }, [
|
|
330
337
|
T(Object.keys(s), (f) => ({
|
|
@@ -339,7 +346,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
339
346
|
_: 3
|
|
340
347
|
}, 16));
|
|
341
348
|
}
|
|
342
|
-
}),
|
|
349
|
+
}), ce = /* @__PURE__ */ E({
|
|
343
350
|
__name: "MenuItemWrapper",
|
|
344
351
|
props: {
|
|
345
352
|
subMenuCloseDelay: {},
|
|
@@ -372,29 +379,29 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
372
379
|
},
|
|
373
380
|
setup(_) {
|
|
374
381
|
const e = _, s = H(), o = C(() => {
|
|
375
|
-
var
|
|
376
|
-
return !!((
|
|
377
|
-
}), p =
|
|
378
|
-
var
|
|
379
|
-
return ((
|
|
382
|
+
var i;
|
|
383
|
+
return !!((i = e.items) != null && i.length || s.items);
|
|
384
|
+
}), p = ee("menu-item"), t = C(() => {
|
|
385
|
+
var i;
|
|
386
|
+
return ((i = Z()) == null ? void 0 : i.vnode.key) ?? p;
|
|
380
387
|
});
|
|
381
|
-
return (
|
|
382
|
-
T(Object.keys(
|
|
388
|
+
return (i, y) => o.value ? (b(), j(Be, $(K({ key: 0 }, { ...e, key: t.value })), w({ _: 2 }, [
|
|
389
|
+
T(Object.keys(i.$slots), (c) => ({
|
|
383
390
|
name: c,
|
|
384
391
|
fn: D((a) => [
|
|
385
|
-
z(
|
|
392
|
+
z(i.$slots, c, $(N(a)))
|
|
386
393
|
])
|
|
387
394
|
}))
|
|
388
|
-
]), 1040)) : (b(),
|
|
389
|
-
T(Object.keys(
|
|
395
|
+
]), 1040)) : (b(), j(Ie, $(K({ key: 1 }, { ...e, key: t.value })), w({ _: 2 }, [
|
|
396
|
+
T(Object.keys(i.$slots), (c) => ({
|
|
390
397
|
name: c,
|
|
391
398
|
fn: D((a) => [
|
|
392
|
-
z(
|
|
399
|
+
z(i.$slots, c, $(N(a)))
|
|
393
400
|
])
|
|
394
401
|
}))
|
|
395
402
|
]), 1040));
|
|
396
403
|
}
|
|
397
|
-
}), [ze, _e] =
|
|
404
|
+
}), [ze, _e] = ie("Menu"), de = () => ze({}), Ue = /* @__PURE__ */ E({
|
|
398
405
|
...J("Menu"),
|
|
399
406
|
__name: "Menu",
|
|
400
407
|
props: {
|
|
@@ -426,22 +433,22 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
426
433
|
"select"
|
|
427
434
|
],
|
|
428
435
|
setup(_, { emit: e }) {
|
|
429
|
-
const s = _, o = e, p =
|
|
436
|
+
const s = _, o = e, p = x("menu"), t = oe(p, {
|
|
430
437
|
variants: {
|
|
431
438
|
gap: I(ke, p)
|
|
432
439
|
}
|
|
433
|
-
}),
|
|
434
|
-
|
|
440
|
+
}), i = q(s.openKeys ?? []);
|
|
441
|
+
ne(
|
|
435
442
|
() => s.openKeys,
|
|
436
443
|
() => {
|
|
437
|
-
|
|
444
|
+
i.value = s.openKeys ?? [];
|
|
438
445
|
}
|
|
439
446
|
);
|
|
440
447
|
const y = (n, d) => {
|
|
441
|
-
let
|
|
442
|
-
d ?
|
|
443
|
-
}, c = (n) =>
|
|
444
|
-
return
|
|
448
|
+
let r = X(i.value);
|
|
449
|
+
d ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((g) => g !== n.key), s.openKeys || (i.value = r), o("update:openKeys", r), o("openChange", r);
|
|
450
|
+
}, c = (n) => i.value.includes(n), a = q(s.selectedKeys ?? []);
|
|
451
|
+
return ne(
|
|
445
452
|
() => s.selectedKeys,
|
|
446
453
|
() => {
|
|
447
454
|
a.value = s.selectedKeys ?? [];
|
|
@@ -449,12 +456,12 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
449
456
|
), _e({
|
|
450
457
|
props: s,
|
|
451
458
|
onClick: (n, d) => {
|
|
452
|
-
const
|
|
453
|
-
if (!s.disabled && !n.danger && !n.disabled &&
|
|
459
|
+
const r = ![void 0, null].includes(n.key) && (ve(n.key) && !ye(n.key) || Ce(n.key));
|
|
460
|
+
if (!s.disabled && !n.danger && !n.disabled && r && s.selectable && !n.hasChildren) {
|
|
454
461
|
if (s.multiple)
|
|
455
462
|
if (a.value.indexOf(n.key) > -1) {
|
|
456
463
|
if (a.value.length > 1) {
|
|
457
|
-
const h = X(a.value).filter((
|
|
464
|
+
const h = X(a.value).filter((P) => P !== n.key);
|
|
458
465
|
s.selectedKeys || (a.value = h), o("update:selectedKeys", h), o("deselect", { item: n, selectedKeys: a.value });
|
|
459
466
|
}
|
|
460
467
|
} else {
|
|
@@ -471,25 +478,25 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
471
478
|
isItemSelected: (n) => !s.disabled && !n.danger && !n.disabled && a.value.includes(n.key),
|
|
472
479
|
onChildrenOpenChange: y,
|
|
473
480
|
isOpen: c
|
|
474
|
-
}), (n, d) => (b(),
|
|
481
|
+
}), (n, d) => (b(), F("div", {
|
|
475
482
|
class: W([v(t)({ gap: n.gap ?? n.size }), s.class]),
|
|
476
|
-
onClick: d[1] || (d[1] =
|
|
483
|
+
onClick: d[1] || (d[1] = me(() => {
|
|
477
484
|
}, ["stop"]))
|
|
478
485
|
}, [
|
|
479
|
-
n.$slots.header || n.header || n.$slots.headerActions ? (b(),
|
|
486
|
+
n.$slots.header || n.header || n.$slots.headerActions ? (b(), F("div", {
|
|
480
487
|
key: 0,
|
|
481
488
|
class: W([v(S)(v(p), "header")]),
|
|
482
|
-
onClick: d[0] || (d[0] = (
|
|
489
|
+
onClick: d[0] || (d[0] = (r) => o("headerClick", r))
|
|
483
490
|
}, [
|
|
484
|
-
n.$slots.header || n.header ? (b(),
|
|
491
|
+
n.$slots.header || n.header ? (b(), F("div", {
|
|
485
492
|
key: 0,
|
|
486
493
|
class: W([v(S)(v(p), "header__title")])
|
|
487
494
|
}, [
|
|
488
495
|
z(n.$slots, "header", {}, () => [
|
|
489
|
-
|
|
496
|
+
se(le(n.header), 1)
|
|
490
497
|
])
|
|
491
498
|
], 2)) : Q("", !0),
|
|
492
|
-
n.$slots.headerActions ? (b(),
|
|
499
|
+
n.$slots.headerActions ? (b(), F("div", {
|
|
493
500
|
key: 1,
|
|
494
501
|
class: W([v(S)(v(p), "header__actions")])
|
|
495
502
|
}, [
|
|
@@ -497,7 +504,7 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
497
504
|
], 2)) : Q("", !0)
|
|
498
505
|
], 2)) : Q("", !0),
|
|
499
506
|
z(n.$slots, "default", {}, () => [
|
|
500
|
-
(b(!0),
|
|
507
|
+
(b(!0), F(Y, null, T(n.items, (r) => (b(), j(ce, K({ ref_for: !0 }, r), w({ _: 2 }, [
|
|
501
508
|
T(Object.keys(n.$slots), (g) => ({
|
|
502
509
|
name: g,
|
|
503
510
|
fn: D((h) => [
|
|
@@ -532,39 +539,39 @@ const oe = ["sm", "md", "lg"], ke = [...oe, "none"], m = Z("menu_item"), ae = /*
|
|
|
532
539
|
trailingCls: {}
|
|
533
540
|
},
|
|
534
541
|
setup(_) {
|
|
535
|
-
const e = _, s = H(), o =
|
|
542
|
+
const e = _, s = H(), o = de(), p = ee(m), t = C(() => {
|
|
536
543
|
var u;
|
|
537
|
-
return ((u =
|
|
538
|
-
}),
|
|
544
|
+
return ((u = Z()) == null ? void 0 : u.vnode.key) ?? p;
|
|
545
|
+
}), i = C(() => ({
|
|
539
546
|
...e,
|
|
540
547
|
key: t.value
|
|
541
548
|
})), y = C(() => {
|
|
542
549
|
var u;
|
|
543
550
|
return ((u = o.props) == null ? void 0 : u.size) ?? e.size;
|
|
544
|
-
}), c = () => o.props && o.props.disabled || e.disabled, { inputBindings: a } =
|
|
551
|
+
}), c = () => o.props && o.props.disabled || e.disabled, { inputBindings: a } = ae({
|
|
545
552
|
getDisabled: c
|
|
546
553
|
}), M = C(() => {
|
|
547
554
|
var u, n, d;
|
|
548
555
|
return {
|
|
549
556
|
...e,
|
|
550
557
|
size: y.value,
|
|
551
|
-
selected: ((u = o.isItemSelected) == null ? void 0 : u.call(o,
|
|
558
|
+
selected: ((u = o.isItemSelected) == null ? void 0 : u.call(o, i.value)) ?? e.selected,
|
|
552
559
|
unFocusable: o.onClick ? void 0 : e.unFocusable,
|
|
553
560
|
hoverTrailing: e.hoverTrailing ?? ((n = o.props) == null ? void 0 : n.hoverTrailing),
|
|
554
561
|
leadingCenter: e.leadingCenter ?? ((d = o.props) == null ? void 0 : d.leadingCenter),
|
|
555
562
|
disabled: c(),
|
|
556
|
-
onClick: (
|
|
563
|
+
onClick: (r) => {
|
|
557
564
|
var g;
|
|
558
|
-
c() && (
|
|
565
|
+
c() && (r.preventDefault(), r.stopPropagation()), (g = o.onClick) == null || g.call(o, i.value, r);
|
|
559
566
|
},
|
|
560
567
|
...a.value
|
|
561
568
|
};
|
|
562
569
|
});
|
|
563
|
-
return (u, n) => (b(),
|
|
570
|
+
return (u, n) => (b(), j(ue, $(N(M.value)), w({ _: 2 }, [
|
|
564
571
|
T(Object.keys(s), (d) => ({
|
|
565
572
|
name: d,
|
|
566
|
-
fn: D((
|
|
567
|
-
z(u.$slots, d, $(N({ ...
|
|
573
|
+
fn: D((r) => [
|
|
574
|
+
z(u.$slots, d, $(N({ ...r, key: t.value })))
|
|
568
575
|
])
|
|
569
576
|
}))
|
|
570
577
|
]), 1040));
|
|
@@ -574,8 +581,8 @@ export {
|
|
|
574
581
|
ke as M,
|
|
575
582
|
Ue as _,
|
|
576
583
|
Ie as a,
|
|
577
|
-
|
|
584
|
+
re as b,
|
|
578
585
|
Be as c,
|
|
579
|
-
|
|
586
|
+
de as i,
|
|
580
587
|
_e as p
|
|
581
588
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),i=require("@pantograph/utils"),K=require("./options-CWrQ7gsa.js"),V=require("class-variance-authority"),D=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),R=require("./isEmpty-bCllo8T9.js"),U=require("./index-DWw7aruo.js"),G=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),W=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),M=require("./element-BjE0SVc4.js"),H=require("./omit-CYbreqlf.js"),L=require("./useInputDataStates-D1X-Whwt.js"),w=require("reka-ui"),$=["sm","md","lg"],F=[...$,"none"],v=i.getBemBlock("menu_item"),q=e.defineComponent({...K.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(S){const n=S,s=e.useSlots(),r=V.cva(v,{variants:{size:i.generateVariantClassList($,v),selected:i.generateVariantClassList("selected",v),unFocusable:i.generateVariantClassList("un-focusable",v),danger:i.generateVariantClassList("danger",v),disabled:i.generateVariantClassList("disabled",v),hoverTrailing:i.generateVariantClassList("hover-trailing",v),description:i.generateVariantClassList("description",v),leadingCenter:i.generateVariantClassList("leading-center",v)}}),m=e.computed(()=>{const y=()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}},p=()=>{switch(n.size){case"lg":return"md";default:return"sm"}},a=()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},k=()=>{switch(n.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:y(),buttonSize:p(),checkIconSize:a(),switchSize:a(),checkboxSize:y(),avatarSize:k(),graphicalObjectSize:k(),badgeSize:k(),...n}}),o=e.useAttrs(),u=()=>{var k;const y=(k=s.description)==null?void 0:k.call(s,m.value),p=!M.isEmptyElement(y),a=()=>{var z,I,P,E;const d=[],t=(z=s.leading)==null?void 0:z.call(s,m.value),g=!M.isEmptyElement(t);(g||n.leading)&&d.push(e.h("div",{class:[i.getBemElement(v,"leading"),n.leadingCls]},e.h("div",{class:[i.getBemElement(v,"leading_content"),n.leadingContentCls]},g?t:n.leading)));const c=(I=s.title)==null?void 0:I.call(s,m.value),C=!M.isEmptyElement(c);if(C||n.title||p||n.description){const l=[];(C||n.title)&&l.push(e.h("div",{class:[i.getBemElement(v,"title"),n.titleCls]},C?c:n.title)),(p||n.description)&&l.push(e.h("div",{class:[i.getBemElement(v,"description"),n.descriptionCls]},p?y:n.description)),d.push(e.h("div",{class:[i.getBemElement(v,"content"),n.contentCls]},l))}const h=(P=s.trailing)==null?void 0:P.call(s,m.value),_=!M.isEmptyElement(h);if(n.hasChildren){const l=(E=s.branchIcon)==null?void 0:E.call(s,m.value);d.push(e.h(W._sfc_main,{class:[i.getBemElement(v,"branch"),n.branchCls??""],flipOnDir:"rtl",size:m.value.checkIconSize,icon:n.branchIcon},{default:M.isEmptyElement(l)?null:l}))}else(_||n.trailing)&&d.push(e.h("div",{class:[i.getBemElement(v,"trailing"),n.trailingCls]},_?h:n.trailing));return d};return e.h("div",{...o,role:"menuitem",tabindex:n.unFocusable?void 0:o.tabindex??0,class:[r({size:n.size,selected:n.selected,unFocusable:n.unFocusable,danger:n.danger,disabled:n.disabled,hoverTrailing:n.hoverTrailing,leadingCenter:n.leadingCenter,description:!!(p||n.description)}),n.class]},a())};return(y,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(e.toDisplayString(n.unFocusable)+" ",1),e.createVNode(u)],64))}}),[J,Q]=w.createContext("SubMenu"),A=e.defineComponent({...K.getComponentOptions("MenuItem"),__name:"SubMenu",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(S){const n=S,s=e.useSlots(),r=e.computed(()=>{switch(n.size){case"lg":return 10;case"md":return 8;default:return 6}}),m=e.ref(),o=T(),u=e.computed(()=>{var l;return n.triggerSubMenuAction??((l=o.props)==null?void 0:l.triggerSubMenuAction)}),y=J({parentKeys:[]}),p=l=>{var B;(u.value==="click"||(B=e.unref(y.parentKeys))!=null&&B.length)&&(l.stopPropagation(),l.preventDefault())},a=i.getBemBlock("sub_menu"),k=i.usePCId(a),d=e.computed(()=>{var l;return((l=e.getCurrentInstance())==null?void 0:l.vnode.key)??k});Q({parentKeys:e.computed(()=>[...e.unref(y.parentKeys),d.value])});const t=e.computed(()=>({...n,key:d.value,hasChildren:!0,parentKeys:e.unref(y.parentKeys)})),g=e.computed(()=>{var l;return((l=o.props)==null?void 0:l.size)??n.size}),c=()=>!1,{rootBindings:C,inputBindings:h}=L.UseInputDataStates({getDisabled:c}),_=e.computed(()=>{var l,B,f;return{...H.omit(n,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:g.value,selected:((l=o.isItemSelected)==null?void 0:l.call(o,t.value))??n.selected,unFocusable:o.onClick?void 0:n.unFocusable,disabled:c(),hoverTrailing:n.hoverTrailing??((B=o.props)==null?void 0:B.hoverTrailing),leadingCenter:n.leadingCenter??((f=o.props)==null?void 0:f.leadingCenter),hasChildren:!0,onClick:b=>{var O;return(O=o.onClick)==null?void 0:O.call(o,t.value,b)},...h.value}}),z=e.ref(!1),I=e.computed(()=>{var l;return((l=o.isOpen)==null?void 0:l.call(o,d.value))??z.value}),P=l=>{var f,b;(((f=o.isOpen)==null?void 0:f.call(o,d.value))??z.value)!==l&&(o.onChildrenOpenChange?(b=o.onChildrenOpenChange)==null||b.call(o,t.value,l):z.value=l)},E=e.computed(()=>{var l,B,f,b;return{size:g.value,containerProps:{onClick:p},avoidCollisions:!0,to:m.value,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[i.getBemElement(a,"items"),(l=o.props)==null?void 0:l.submenuCls,n.submenuCls],sideOffset:r.value,forceMount:n.forceMountSubmenu??((B=o.props)==null?void 0:B.forceMountSubmenu),trigger:u.value,closeDelay:((f=o.props)==null?void 0:f.subMenuCloseDelay)??n.subMenuCloseDelay,openDelay:((b=o.props)==null?void 0:b.subMenuOpenDelay)??n.subMenuOpenDelay,open:I.value}});return(l,B)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(E.value,{"onUpdate:open":P,key:String(u.value)}),{content:e.withCtx(()=>[e.renderSlot(l.$slots,"items",e.normalizeProps(e.guardReactiveProps({...n,key:d.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,f=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},f),e.createSlots({_:2},[e.renderList(Object.keys(s),b=>({name:b,fn:e.withCtx(O=>[e.renderSlot(l.$slots,b,e.mergeProps({ref_for:!0},O))])}))]),1040))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:[e.unref(a),n.submenuTriggerCls],ref_key:"root",ref:m},e.unref(C)),[e.createVNode(q,e.mergeProps(_.value,{class:e.unref(i.getBemElement)(e.unref(a),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(s),f=>({name:f,fn:e.withCtx(b=>[e.renderSlot(l.$slots,f,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040,["class"])],16)]),_:3},16))}}),j=e.defineComponent({__name:"MenuItemWrapper",props:{subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean},items:{},size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{}},setup(S){const n=S,s=e.useSlots(),r=e.computed(()=>{var u;return!!((u=n.items)!=null&&u.length||s.items)}),m=i.usePCId("menu-item"),o=e.computed(()=>{var u;return((u=e.getCurrentInstance())==null?void 0:u.vnode.key)??m});return(u,y)=>r.value?(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:0},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),p=>({name:p,fn:e.withCtx(a=>[e.renderSlot(u.$slots,p,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040)):(e.openBlock(),e.createBlock(x,e.normalizeProps(e.mergeProps({key:1},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),p=>({name:p,fn:e.withCtx(a=>[e.renderSlot(u.$slots,p,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040))}}),[X,N]=w.createContext("Menu"),T=()=>X({}),Y=e.defineComponent({...K.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},disabled:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(S,{emit:n}){const s=S,r=n,m=i.getBemBlock("menu"),o=V.cva(m,{variants:{gap:i.generateVariantClassList(F,m)}}),u=e.ref(s.openKeys??[]);e.watch(()=>s.openKeys,()=>{u.value=s.openKeys??[]});const y=(t,g)=>{let c=D.cloneDeep(u.value);g?c=[...t.parentKeys??[],t.key]:c=c.filter(C=>C!==t.key),s.openKeys||(u.value=c),r("update:openKeys",c),r("openChange",c)},p=t=>u.value.includes(t),a=e.ref(s.selectedKeys??[]);return e.watch(()=>s.selectedKeys,()=>{a.value=s.selectedKeys??[]}),N({props:s,onClick:(t,g)=>{const c=![void 0,null].includes(t.key)&&(U.isString(t.key)&&!R.isEmpty(t.key)||D.isNumber(t.key));if(!s.disabled&&!t.danger&&!t.disabled&&c&&s.selectable&&!t.hasChildren){if(s.multiple)if(a.value.indexOf(t.key)>-1){if(a.value.length>1){const h=D.cloneDeep(a.value).filter(_=>_!==t.key);s.selectedKeys||(a.value=h),r("update:selectedKeys",h),r("deselect",{item:t,selectedKeys:a.value})}}else{const h=[...D.cloneDeep(a.value),t.key];s.selectedKeys||(a.value=h),r("update:selectedKeys",h),r("select",{item:t,selectedKeys:a.value})}else{const C=[t.key];s.selectedKeys||(a.value=C),r("update:selectedKeys",C),r("select",{item:t,selectedKeys:a.value})}r("click",t,g)}},isItemSelected:t=>!s.disabled&&!t.danger&&!t.disabled&&a.value.includes(t.key),onChildrenOpenChange:y,isOpen:p}),(t,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:t.gap??t.size}),s.class]),onClick:g[1]||(g[1]=e.withModifiers(()=>{},["stop"]))},[t.$slots.header||t.header||t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header")]),onClick:g[0]||(g[0]=c=>r("headerClick",c))},[t.$slots.header||t.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header__title")])},[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)])],2)):e.createCommentVNode("",!0),t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header__actions")])},[e.renderSlot(t.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,c=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),C=>({name:C,fn:e.withCtx(h=>[e.renderSlot(t.$slots,C,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}}),x=e.defineComponent({...K.getComponentOptions("MenuItem"),__name:"MenuItem",props:{size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{}},setup(S){const n=S,s=e.useSlots(),r=T(),m=i.usePCId(v),o=e.computed(()=>{var d;return((d=e.getCurrentInstance())==null?void 0:d.vnode.key)??m}),u=e.computed(()=>({...n,key:o.value})),y=e.computed(()=>{var d;return((d=r.props)==null?void 0:d.size)??n.size}),p=()=>r.props&&r.props.disabled||n.disabled,{inputBindings:a}=L.UseInputDataStates({getDisabled:p}),k=e.computed(()=>{var d,t,g;return{...n,size:y.value,selected:((d=r.isItemSelected)==null?void 0:d.call(r,u.value))??n.selected,unFocusable:r.onClick?void 0:n.unFocusable,hoverTrailing:n.hoverTrailing??((t=r.props)==null?void 0:t.hoverTrailing),leadingCenter:n.leadingCenter??((g=r.props)==null?void 0:g.leadingCenter),disabled:p(),onClick:c=>{var C;p()&&(c.preventDefault(),c.stopPropagation()),(C=r.onClick)==null||C.call(r,u.value,c)},...a.value}});return(d,t)=>(e.openBlock(),e.createBlock(q,e.normalizeProps(e.guardReactiveProps(k.value)),e.createSlots({_:2},[e.renderList(Object.keys(s),g=>({name:g,fn:e.withCtx(c=>[e.renderSlot(d.$slots,g,e.normalizeProps(e.guardReactiveProps({...c,key:o.value})))])}))]),1040))}});exports.MenuGaps=F;exports.MenuItemSizes=$;exports._sfc_main=Y;exports._sfc_main$1=x;exports._sfc_main$2=A;exports.injectMenuContext=T;exports.provideMenuContext=N;
|
package/dist/SubMenu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-xcv_cLdw.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;
|
package/dist/index.js
CHANGED
|
@@ -12,9 +12,9 @@ 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-CLrfEhu5.js";
|
|
13
13
|
import { _ as re } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-DLEDGyMm.js";
|
|
14
14
|
import { _ as ie, C as ne } from "./ColorTrigger.vue_vue_type_style_index_0_lang-CmqGC-WK.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-DPAIKNvA.js";
|
|
16
16
|
import { C as ue, c as _e, p as de, u as be } from "./index-jwkhq8oW.js";
|
|
17
|
-
import { _ as Te } from "./DataTable.vue_vue_type_style_index_0_lang-
|
|
17
|
+
import { _ as Te } from "./DataTable.vue_vue_type_style_index_0_lang-R0JElTyb.js";
|
|
18
18
|
import { _ as ve, D as Ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
|
|
19
19
|
import { _ as Ge, a as ye, D as je } from "./DropZone.vue_vue_type_style_index_0_lang-DFSkOKVN.js";
|
|
20
20
|
import { _ as ke, E as Ae } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
|
|
@@ -31,7 +31,7 @@ import { _ as uo } from "./Indicator.vue_vue_type_script_setup_true_lang-CmsMJSX
|
|
|
31
31
|
import { _ as bo, I as go, a as To } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
|
|
32
32
|
import { _ as vo } from "./Kbd.vue_vue_type_style_index_0_lang-BQkzD8ay.js";
|
|
33
33
|
import { _ as zo, L as Go } from "./Link.vue_vue_type_style_index_0_lang-BrS3jRuX.js";
|
|
34
|
-
import { _ as jo, M as Bo, a as ko, b as Ao, c as Lo, i as Po, p as Fo } from "./MenuItem.vue_vue_type_style_index_0_lang-
|
|
34
|
+
import { _ as jo, M as Bo, a as ko, b as Ao, c as Lo, i as Po, p as Fo } from "./MenuItem.vue_vue_type_style_index_0_lang-BKm0BKwu.js";
|
|
35
35
|
import { _ as Oo, a as Eo, P as Mo } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
36
36
|
import { _ as Ro, a as Zo } from "./RadioGroup.vue_vue_type_script_setup_true_lang-B4itnrhx.js";
|
|
37
37
|
import { _ as Vo, a as Ho, S as Ko } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.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-xZ5KwcNz.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-CUR82Yi8.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-DXVw6HPr.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnVrUXzU.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-B8cne0IO.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-xZ5KwcNz.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-CUR82Yi8.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-DXVw6HPr.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnVrUXzU.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-B8cne0IO.js"),a=require("./Combobox.vue_vue_type_style_index_0_lang-DM8tppDK.js"),p=require("./index-DWw7aruo.js"),Z=require("./DataTable.vue_vue_type_style_index_0_lang-OO9ple8R.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),S=require("./DropZone.vue_vue_type_style_index_0_lang-DgUuAIs0.js"),j=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),V=require("./FloatButton.vue_vue_type_script_setup_true_lang-BgcqTeKf.js"),e=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),x=require("./getEmojiList-BK66-kTo.js"),H=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),y=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CBAeLQsP.js"),B=require("./Icon/index.umd.cjs"),K=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js"),l=require("./Image.vue_vue_type_style_index_0_lang-CKNFsSO1.js"),d=require("./IndentLevel.vue_vue_type_style_index_0_lang-J9o0DIoS.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-xcv_cLdw.js"),f=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.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-DX1HUpuL.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-RE3hFFZA.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-bqFbT4Ov.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;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),i=require("@pantograph/utils"),D=require("./options-CWrQ7gsa.js"),L=require("class-variance-authority"),K=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),x=require("./isEmpty-bCllo8T9.js"),U=require("./index-DWw7aruo.js"),G=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),W=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),M=require("./element-BjE0SVc4.js"),H=require("./omit-CYbreqlf.js"),V=require("./useInputDataStates-D1X-Whwt.js"),w=require("reka-ui"),$=["sm","md","lg"],F=[...$,"none"],v=i.getBemBlock("menu_item"),q=e.defineComponent({...D.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(S){const n=S,s=e.useSlots(),r=L.cva(v,{variants:{size:i.generateVariantClassList($,v),selected:i.generateVariantClassList("selected",v),unFocusable:i.generateVariantClassList("un-focusable",v),danger:i.generateVariantClassList("danger",v),disabled:i.generateVariantClassList("disabled",v),hoverTrailing:i.generateVariantClassList("hover-trailing",v),description:i.generateVariantClassList("description",v),leadingCenter:i.generateVariantClassList("leading-center",v)}}),m=e.computed(()=>{const y=()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}},p=()=>{switch(n.size){case"lg":return"md";default:return"sm"}},a=()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},k=()=>{switch(n.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:y(),buttonSize:p(),checkIconSize:a(),switchSize:a(),checkboxSize:y(),avatarSize:k(),graphicalObjectSize:k(),badgeSize:k(),...n}}),o=e.useAttrs(),c=()=>{var k;const y=(k=s.description)==null?void 0:k.call(s,m.value),p=!M.isEmptyElement(y),a=()=>{var z,I,P,E;const d=[],t=(z=s.leading)==null?void 0:z.call(s,m.value),g=!M.isEmptyElement(t);(g||n.leading)&&d.push(e.h("div",{class:[i.getBemElement(v,"leading"),n.leadingCls]},e.h("div",{class:[i.getBemElement(v,"leading_content"),n.leadingContentCls]},g?t:n.leading)));const u=(I=s.title)==null?void 0:I.call(s,m.value),C=!M.isEmptyElement(u);if(C||n.title||p||n.description){const l=[];(C||n.title)&&l.push(e.h("div",{class:[i.getBemElement(v,"title"),n.titleCls]},C?u:n.title)),(p||n.description)&&l.push(e.h("div",{class:[i.getBemElement(v,"description"),n.descriptionCls]},p?y:n.description)),d.push(e.h("div",{class:[i.getBemElement(v,"content"),n.contentCls]},l))}const h=(P=s.trailing)==null?void 0:P.call(s,m.value),_=!M.isEmptyElement(h);if(n.hasChildren){const l=(E=s.branchIcon)==null?void 0:E.call(s,m.value);d.push(e.h(W._sfc_main,{class:[i.getBemElement(v,"branch"),n.branchCls??""],flipOnDir:"rtl",size:m.value.checkIconSize,icon:n.branchIcon},{default:M.isEmptyElement(l)?null:l}))}else(_||n.trailing)&&d.push(e.h("div",{class:[i.getBemElement(v,"trailing"),n.trailingCls]},_?h:n.trailing));return d};return e.h("div",{...o,role:"menuitem",tabindex:n.unFocusable?void 0:o.tabindex??0,class:[r({size:n.size,selected:n.selected,unFocusable:n.unFocusable,danger:n.danger,disabled:n.disabled,hoverTrailing:n.hoverTrailing,leadingCenter:n.leadingCenter,description:!!(p||n.description)}),n.class]},a())};return(y,p)=>(e.openBlock(),e.createBlock(c))}}),[J,Q]=w.createContext("SubMenu"),A=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"SubMenu",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(S){const n=S,s=e.useSlots(),r=e.computed(()=>{switch(n.size){case"lg":return 10;case"md":return 8;default:return 6}}),m=e.ref(),o=T(),c=e.computed(()=>{var l;return n.triggerSubMenuAction??((l=o.props)==null?void 0:l.triggerSubMenuAction)}),y=J({parentKeys:[]}),p=l=>{var B;(c.value==="click"||(B=e.unref(y.parentKeys))!=null&&B.length)&&(l.stopPropagation(),l.preventDefault())},a=i.getBemBlock("sub_menu"),k=i.usePCId(a),d=e.computed(()=>{var l;return((l=e.getCurrentInstance())==null?void 0:l.vnode.key)??k});Q({parentKeys:e.computed(()=>[...e.unref(y.parentKeys),d.value])});const t=e.computed(()=>({...n,key:d.value,hasChildren:!0,parentKeys:e.unref(y.parentKeys)})),g=e.computed(()=>{var l;return((l=o.props)==null?void 0:l.size)??n.size}),u=()=>!1,{rootBindings:C,inputBindings:h}=V.UseInputDataStates({getDisabled:u}),_=e.computed(()=>{var l,B,f;return{...H.omit(n,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:g.value,selected:((l=o.isItemSelected)==null?void 0:l.call(o,t.value))??n.selected,unFocusable:o.onClick?void 0:n.unFocusable,disabled:u(),hoverTrailing:n.hoverTrailing??((B=o.props)==null?void 0:B.hoverTrailing),leadingCenter:n.leadingCenter??((f=o.props)==null?void 0:f.leadingCenter),hasChildren:!0,onClick:b=>{var O;return(O=o.onClick)==null?void 0:O.call(o,t.value,b)},...h.value}}),z=e.ref(!1),I=e.computed(()=>{var l;return((l=o.isOpen)==null?void 0:l.call(o,d.value))??z.value}),P=l=>{var f,b;(((f=o.isOpen)==null?void 0:f.call(o,d.value))??z.value)!==l&&(o.onChildrenOpenChange?(b=o.onChildrenOpenChange)==null||b.call(o,t.value,l):z.value=l)},E=e.computed(()=>{var l,B,f,b;return{size:g.value,containerProps:{onClick:p},to:m.value,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[i.getBemElement(a,"items"),(l=o.props)==null?void 0:l.submenuCls,n.submenuCls],sideOffset:r.value,forceMount:n.forceMountSubmenu??((B=o.props)==null?void 0:B.forceMountSubmenu),trigger:c.value,closeDelay:((f=o.props)==null?void 0:f.subMenuCloseDelay)??n.subMenuCloseDelay,openDelay:((b=o.props)==null?void 0:b.subMenuOpenDelay)??n.subMenuOpenDelay,open:I.value}});return(l,B)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(E.value,{"onUpdate:open":P}),{content:e.withCtx(()=>[e.renderSlot(l.$slots,"items",e.normalizeProps(e.guardReactiveProps({...n,key:d.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,f=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},f),e.createSlots({_:2},[e.renderList(Object.keys(s),b=>({name:b,fn:e.withCtx(O=>[e.renderSlot(l.$slots,b,e.mergeProps({ref_for:!0},O))])}))]),1040))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:[e.unref(a),n.submenuTriggerCls],ref_key:"root",ref:m},e.unref(C)),[e.createVNode(q,e.mergeProps(_.value,{class:e.unref(i.getBemElement)(e.unref(a),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(s),f=>({name:f,fn:e.withCtx(b=>[e.renderSlot(l.$slots,f,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040,["class"])],16)]),_:3},16))}}),j=e.defineComponent({__name:"MenuItemWrapper",props:{subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean},items:{},size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{}},setup(S){const n=S,s=e.useSlots(),r=e.computed(()=>{var c;return!!((c=n.items)!=null&&c.length||s.items)}),m=i.usePCId("menu-item"),o=e.computed(()=>{var c;return((c=e.getCurrentInstance())==null?void 0:c.vnode.key)??m});return(c,y)=>r.value?(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:0},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),p=>({name:p,fn:e.withCtx(a=>[e.renderSlot(c.$slots,p,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040)):(e.openBlock(),e.createBlock(R,e.normalizeProps(e.mergeProps({key:1},{...n,key:o.value})),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),p=>({name:p,fn:e.withCtx(a=>[e.renderSlot(c.$slots,p,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1040))}}),[X,N]=w.createContext("Menu"),T=()=>X({}),Y=e.defineComponent({...D.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},disabled:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(S,{emit:n}){const s=S,r=n,m=i.getBemBlock("menu"),o=L.cva(m,{variants:{gap:i.generateVariantClassList(F,m)}}),c=e.ref(s.openKeys??[]);e.watch(()=>s.openKeys,()=>{c.value=s.openKeys??[]});const y=(t,g)=>{let u=K.cloneDeep(c.value);g?u=[...t.parentKeys??[],t.key]:u=u.filter(C=>C!==t.key),s.openKeys||(c.value=u),r("update:openKeys",u),r("openChange",u)},p=t=>c.value.includes(t),a=e.ref(s.selectedKeys??[]);return e.watch(()=>s.selectedKeys,()=>{a.value=s.selectedKeys??[]}),N({props:s,onClick:(t,g)=>{const u=![void 0,null].includes(t.key)&&(U.isString(t.key)&&!x.isEmpty(t.key)||K.isNumber(t.key));if(!s.disabled&&!t.danger&&!t.disabled&&u&&s.selectable&&!t.hasChildren){if(s.multiple)if(a.value.indexOf(t.key)>-1){if(a.value.length>1){const h=K.cloneDeep(a.value).filter(_=>_!==t.key);s.selectedKeys||(a.value=h),r("update:selectedKeys",h),r("deselect",{item:t,selectedKeys:a.value})}}else{const h=[...K.cloneDeep(a.value),t.key];s.selectedKeys||(a.value=h),r("update:selectedKeys",h),r("select",{item:t,selectedKeys:a.value})}else{const C=[t.key];s.selectedKeys||(a.value=C),r("update:selectedKeys",C),r("select",{item:t,selectedKeys:a.value})}r("click",t,g)}},isItemSelected:t=>!s.disabled&&!t.danger&&!t.disabled&&a.value.includes(t.key),onChildrenOpenChange:y,isOpen:p}),(t,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:t.gap??t.size}),s.class]),onClick:g[1]||(g[1]=e.withModifiers(()=>{},["stop"]))},[t.$slots.header||t.header||t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header")]),onClick:g[0]||(g[0]=u=>r("headerClick",u))},[t.$slots.header||t.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header__title")])},[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)])],2)):e.createCommentVNode("",!0),t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(i.getBemElement)(e.unref(m),"header__actions")])},[e.renderSlot(t.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,u=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},u),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),C=>({name:C,fn:e.withCtx(h=>[e.renderSlot(t.$slots,C,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}}),R=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{}},setup(S){const n=S,s=e.useSlots(),r=T(),m=i.usePCId(v),o=e.computed(()=>{var d;return((d=e.getCurrentInstance())==null?void 0:d.vnode.key)??m}),c=e.computed(()=>({...n,key:o.value})),y=e.computed(()=>{var d;return((d=r.props)==null?void 0:d.size)??n.size}),p=()=>r.props&&r.props.disabled||n.disabled,{inputBindings:a}=V.UseInputDataStates({getDisabled:p}),k=e.computed(()=>{var d,t,g;return{...n,size:y.value,selected:((d=r.isItemSelected)==null?void 0:d.call(r,c.value))??n.selected,unFocusable:r.onClick?void 0:n.unFocusable,hoverTrailing:n.hoverTrailing??((t=r.props)==null?void 0:t.hoverTrailing),leadingCenter:n.leadingCenter??((g=r.props)==null?void 0:g.leadingCenter),disabled:p(),onClick:u=>{var C;p()&&(u.preventDefault(),u.stopPropagation()),(C=r.onClick)==null||C.call(r,c.value,u)},...a.value}});return(d,t)=>(e.openBlock(),e.createBlock(q,e.normalizeProps(e.guardReactiveProps(k.value)),e.createSlots({_:2},[e.renderList(Object.keys(s),g=>({name:g,fn:e.withCtx(u=>[e.renderSlot(d.$slots,g,e.normalizeProps(e.guardReactiveProps({...u,key:o.value})))])}))]),1040))}});exports.MenuGaps=F;exports.MenuItemSizes=$;exports._sfc_main=Y;exports._sfc_main$1=R;exports._sfc_main$2=A;exports.injectMenuContext=T;exports.provideMenuContext=N;
|