npm - @pantograph/vue - Versions diffs - 0.27.2 → 0.27.3 - Mend

@pantograph/vue 0.27.2 → 0.27.3

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.

Files changed (367) hide show

package/dist/Combobox.vue_vue_type_script_setup_true_lang-Cmor3uQM.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";const e=require("vue"),ze=require("reka-ui"),B=require("es-toolkit"),c=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),rt=require("./Popover.vue_vue_type_script_setup_true_lang-DlS1RQhN.js"),we=require("class-variance-authority"),_e=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),ye=require("./Avatar.vue_vue_type_script_setup_true_lang-Nn10rcGu.js"),Me=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CudIoHnp.js"),at=require("./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-DlxMW3gN.js"),Ve=require("./Chip.vue_vue_type_script_setup_true_lang-DerG27zp.js"),st=require("./Input.vue_vue_type_script_setup_true_lang-C7eXK7Z1.js"),it=require("@vueuse/core"),G=require("./isArray-Bin_5of_.js"),Ae=require("./MenuItem.vue_vue_type_script_setup_true_lang-FR-W6X_P.js"),ut=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),ct=require("./Empty.vue_vue_type_script_setup_true_lang-BbliP7AT.js"),ee=require("./Tree.vue_vue_type_script_setup_true_lang-CjdtoEEK.js"),pt=require("./Checkbox.vue_vue_type_script_setup_true_lang-DdF-cXiP.js");require("@pantograph/tokens");const dt=require("./Skeleton.vue_vue_type_script_setup_true_lang-ywJfG4ii.js"),gt=require("./Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js"),mt=require("@pantograph/style/combobox.css?raw"),ft=require("./isNumber-DMOjxgl8.js");function vt(v){return Array.isArray(v)?v:Array.from(v)}function ht(v){return Number.isSafeInteger(v)&&v>=0}function yt(v){return v!=null&&typeof v!="function"&&ht(v.length)}function _t(v){return v[0]}function Ie(v){if(yt(v))return _t(vt(v))}const[pe,De]=ze.createContext("Combobox"),O=i.getBemBlock("combobox"),Re=i.getBemModifier(O,"value-placeholder"),Le=i.getBemElement(O,"option"),Ce=["sm","md","lg"],Ke=["error","warning","success"],be=e.defineComponent({...c.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(v){const o=v,n=e.useSlots(),s=pe();it.whenever(()=>s.openModel.value&&s.inputRef.value,s.focusOnInput);const W=e.computed(()=>s.placeholder.value??o.placeholder??s.props.placeholder??""),T=a=>{var f,C;if(s.props.headerSearch||a.stopPropagation(),a.key==="Backspace"&&s.props.multiple&&G.isArray(s.model.value)&&c.isEmptyLikeLodash(s.searchModel.value))s.model.value=s.model.value.slice(0,-1);else if(!s.openModel.value)(a.key==="ArrowDown"||a.key==="Enter")&&(s.openModel.value=!0);else if(s.openModel.value)if(a.key==="Escape")s.openModel.value=!1;else if(a.key==="Tab"&&!s.props.headerSearch)s.openModel.value=!1;else if(["ArrowDown","ArrowUp"].includes(a.key)){const u=s.getItems();if(u.length){const K=u.findIndex(b=>s.highlightedOptionKey.value&&b.value&&b.value===s.highlightedOptionKey.value);if(a.key==="ArrowDown"){const b=u[K+1];s.highlightedOptionKey.value=(b==null?void 0:b.value)??s.highlightedOptionKey.value??u[0].value}else if(a.key==="ArrowUp"){const b=u[K-1];s.highlightedOptionKey.value=(b==null?void 0:b.value)??u[0].value}(C=(f=u.find(b=>s.highlightedOptionKey.value&&b.value&&b.value===s.highlightedOptionKey.value))==null?void 0:f.ref)==null||C.scrollIntoView()}}else a.key==="Enter"&&s.highlightedOptionKey.value&&s.selectOption(s.getOptionByValue(s.highlightedOptionKey.value),!0)},y=i.getBemElement(O,"input");return(a,f)=>(e.openBlock(),e.createBlock(e.unref(st._sfc_main),e.mergeProps({...e.unref(s).comboboxInputBinding.value,...o},{placeholder:W.value,onKeydown:T,ref:e.unref(s).inputRef,class:e.unref(i.normCls)(e.unref(y),{[e.unref(Re)]:e.unref(s).valuePlaceholder.value},o.class),modelValue:e.unref(s).searchModel.value,"onUpdate:modelValue":f[0]||(f[0]=C=>e.unref(s).searchModel.value=C)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(B.omit)(n,["leading"])),C=>({name:C,fn:e.withCtx(u=>[e.renderSlot(a.$slots,C,e.normalizeProps(e.guardReactiveProps(u)))])})),e.unref(s).props.headerSearch?{name:"leading",fn:e.withCtx(C=>[e.renderSlot(a.$slots,"leading",e.normalizeProps(e.guardReactiveProps(C)),()=>[e.createVNode(e.unref(_e._sfc_main),{size:C.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(C=>[e.renderSlot(a.$slots,"leading",e.normalizeProps(e.guardReactiveProps(C)))]),key:"1"}]),1040,["placeholder","class","modelValue"]))}}),Ct=e.defineComponent({...c.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(v){const o=pe(),n=({value:p})=>{p&&G.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(m=>m!==p))},s=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),W=e.computed(()=>{if(!o.props.multiple&&B.isString(o.model.value)&&!c.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),T=(p=W.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(p!=null&&p._icon))return p._icon},y=e.computed(()=>T()),a=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon}),f=e.computed(()=>{var _,h;const p=B.cloneDeep(o.model.value),m=G.isArray(o.model.value);return{modelValue:p,open:B.cloneDeep(o.openModel.value),option:m?void 0:o.getOptionByValue(o.model.value),options:m?(h=(_=o.model.value).map)==null?void 0:h.call(_,o.getOptionByValue).filter(Boolean):void 0}}),C=p=>({...f.value,option:o.getOptionByValue(p)}),u=i.getBemElement(O,"trigger"),K=we.cva(u,{variants:{size:i.generateVariantClassList(Ce,u),headerSearch:i.generateVariantClassList("header-search",u),status:i.generateVariantClassList(Ke,u),bordered:i.generateVariantClassList("bordered",u),multiple:i.generateVariantClassList("multiple",u),contentFit:i.generateVariantClassList("content-fit",u),wrapped:i.generateVariantClassList("wrapped",u),filled:i.generateVariantClassList("filled",u)}}),b=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,reference:o.props.reference,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:i.normCls(K({size:o.getSize.value,status:o.getStatus.value==="success"&&c.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!c.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),A=(p,m=s.value)=>e.h(_e._sfc_main,{icon:p,size:m}),H=()=>{var _,h;let p;const m=(h=(_=o.slots).triggerTrailing)==null?void 0:h.call(_,f.value);if(c.isEmptyElement(m)?a.value&&(p=A(a.value)):p=m,p)return e.h("div",{class:i.normCls(i.getBemElement(u,"trailing"),o.props.triggerTrailingCls)},p)},q=p=>{var _,h;const m=o.getOptionByValue(p)??{_key:p};return e.h(ye._sfc_main,{size:o.getTagSize.value,...m?((h=(_=o.props).getTagProps)==null?void 0:h.call(_,m))??{}:{}})},z=p=>{var _,h;const m=o.getOptionByValue(p)??{_key:p};return e.h(Me._sfc_main,{...m?((h=(_=o.props).getTagProps)==null?void 0:h.call(_,m))??{}:{},size:o.getTagSize.value})},te=()=>{var p,m;if(!o.props.multiple&&!G.isArray(o.model.value)&&o.model.value){let _;B.isString(o.model.value)&&!c.isEmptyLikeLodash(o.model.value)&&(_=o.model.value);const h=_?(m=(p=o.slots).optionLeading)==null?void 0:m.call(p,Ae.getMenuContentSlotProps(o.props.size,C(_))):null,F=!c.isEmptyElement(h);if(F||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||y.value||o.props.leadingIcon){let k;if(F?k=h:o.props.tagRenderMode==="avatar"?k=q(o.model.value):o.props.tagRenderMode==="go"?k=z(o.model.value):y.value?k=A(y.value):o.props.leadingIcon&&(k=A(o.props.leadingIcon)),!c.isEmptyElement(k))return e.h("div",{class:i.normCls(i.getBemElement(u,"leading"),o.props.triggerLeadingCls)},k)}}},N=()=>{var X,oe;const p=(oe=(X=o.slots).trigger)==null?void 0:oe.call(X,f.value);if(!c.isEmptyElement(p))return p;const _=()=>{const E=[],Y=[i.getBemElement(u,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],Z=(()=>{if(o.props.multiple&&G.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(ye._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y},()=>o.model.value.map(q));if(o.props.tagRenderMode==="go")return e.h(at._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y},()=>o.model.value.map(z));if(o.props.tagRenderMode==="chip")return e.h(Ve._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Y,onClose:n},()=>o.model.value.map(J=>{var V,D;const ne=()=>o.getLabelByValue(J),le=({size:de})=>{const ae=T(o.getOptionByValue(J))??o.props.leadingIcon;return ae?A(ae,de):null},re=o.getOptionByValue(J);return e.h(Ve._sfc_main,{...re?((D=(V=o.props).getTagProps)==null?void 0:D.call(V,re))??{}:{},value:J,class:i.normCls(i.getBemElement(u,"tag"),o.props.tagCls),closeIconCls:i.getBemElement(u,"tag__close")},{text:ne,leading:le})}))}})();return Z&&E.push(Z),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&E.push(e.h("div",{class:i.normCls(i.getBemElement(u,"content__value"),{[Re]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):E.push(e.h(be,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),e.h("div",{class:i.getBemElement(u,"content")},E)},h=[],F=te();c.isEmptyElement(F)||h.push(F),h.push(_());const k=H();return c.isEmptyElement(k)||h.push(k),e.h("button",b.value,h)};return(p,m)=>(e.openBlock(),e.createBlock(N))}}),Te=e.defineComponent({...c.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(v){const o=v,n=pe(),s=e.computed(()=>n.isOptionSelected(o.option._key)),W=a=>{var u,K,b,A,H,q;const f=[];!n.props.tree&&n.props.multiple&&n.props.checkbox&&!o.option._noCheckbox&&f.push(e.h(pt._sfc_main,{modelValue:s.value,size:a.checkboxSize,disabled:o.option._disabled}));const C=(K=(u=n.slots).optionLeading)==null?void 0:K.call(u,{...a,option:o.option});return c.isEmptyElement(C)?n.props.tagRenderMode==="avatar"&&n.props.showTriggerTagOnOption?f.push(e.h(ye._sfc_main,{size:a.avatarSize,...((A=(b=n.props).getTagProps)==null?void 0:A.call(b,o.option))??{}})):n.props.tagRenderMode==="go"&&n.props.showTriggerTagOnOption?f.push(e.h(Me._sfc_main,{size:a.iconSize,...((q=(H=n.props).getTagProps)==null?void 0:q.call(H,o.option))??{}})):o.option._icon&&f.push(e.h(_e._sfc_main,{icon:o.option._icon,size:n.getIconSize.value})):f.push(C),c.isEmptyElement(f)?null:f},T=e.useAttrs(),y=()=>{const a=n.props.tree?void 0:o.option._description,f=(B.isFunction(n.props.getMenuItemProps)?n.props.getMenuItemProps(o.option):n.props.getMenuItemProps)??{};return e.h(Ae._sfc_main$1,{class:i.getBemElement(O,"option"),unFocusable:!0,staticStyle:n.props.tree,description:a,title:o.option._label,key:o.option._key,selected:s.value,leadingCenter:!!a,size:n.getSize.value,disabled:n.props.tree?!1:o.option._disabled,onClick:()=>n.selectOption(o.option),slotProps:o,...f,...T},{leading:W,trailing:n.slots.optionTrailing,title:n.slots.optionTitle,description:n.slots.optionDescription})};return(a,f)=>(e.openBlock(),e.createBlock(y))}}),bt=e.defineComponent({...c.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(v){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),kt=e.defineComponent({...c.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},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:{},search:{},filterOptions:{},expandedKeys:{},noTrigger:{type:Boolean},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{}},emits:["update:modelValue","update:expandedKeys","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(v,{emit:o}){c.useComponentStyle("combobox",mt);const n=v,s=o,W=B.debounce(t=>{s("search",t)},500),T=c.useVModel(n,"search",s,{passive:n.search===void 0,onChange:W}),y=c.useVModel(n,"open",s,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(T.value=void 0)}}),a=c.useVModel(n,"modelValue",s,{passive:n.modelValue===void 0,onChange:t=>{var l,r;y.value&&!n.multiple&&(y.value=!1),typeof V!==void 0&&(V!=null&&V.value)&&n.sortSelectedItems&&((r=(l=V==null?void 0:V.value)==null?void 0:l.measure)==null||r.call(l))}}),f=c.useVModel(n,"expandedKeys",s,{passive:n.expandedKeys===void 0}),C=B.debounce(t=>{f.value=t},500),u=e.useSlots(),K=ze.useEmitAsProps(s),b=e.computed(()=>({...B.omit(K,["update:modelValue","update:search","select"]),...B.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size"])})),A=e.ref();c.useLazyLoading({target:A});const H=i.createOptionGetterFunc({key:"value",getter:n.getValue}),q={getDisabled:i.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:i.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:H,getLabel:i.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:H}),getNoCheckbox:i.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:i.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:i.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:i.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:i.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},z=(t,l)=>{var g;const r=`get${l[0].toUpperCase()+l.slice(1)}`;return(g=q[r])==null?void 0:g.call(q,t)},te=(t,l,r)=>!!(!n.tree&&!(l!=null&&l.length)&&(r!=null&&r.length)),N=e.computed(()=>ee.flattenBy_parentKeys({getValue:(t,l,r)=>{const g=z(t,"value");return c.isEmptyLikeLodash(g)&&te(t,l,r)?i.usePCId(Le):g},getDisabled:t=>z(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return z(t,"options")},getExtra:t=>{if(t){let l=z(t,"label");return c.isEmptyLikeLodash(l)||(l=String(l)),{_description:z(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:z(t,"noCheckbox"),_single:z(t,"single"),_clear:z(t,"clear"),_icon:z(t,"icon")}}},allowNoValidKey:te})),p=(t,l=!1)=>t?N.value.filter(r=>{var g;if(l){const P=B.last(r._parentKeys??[]);return P&&P===t}return(g=r._parentKeys)==null?void 0:g.includes(t)}):[],m=t=>{var l;if((l=N.value)!=null&&l.length&&!c.isEmptyLikeLodash(t))return N.value.find(r=>r._key===t)},_=t=>{const l=m(t);return l&&(l._label||l._key)||t},h=t=>{const l=m(t);return l?l._single??!1:!1},F=t=>t===void 0?!1:Array.isArray(a.value)?!!(t&&a.value.includes(t)):a.value===t,k=e.computed(()=>{var g,P,se,ie;let t=[];const l=new Set,r=d=>{d!=null&&d._key&&!l.has(d._key)&&(t.push(B.cloneDeep(d)),l.add(d._key))};if(T.value?(N.value.forEach(d=>{var w,$;if(d._label&&d._label.toLowerCase().includes(T.value.toLowerCase())&&!l.has(d._key)){if(r(d),d._hasChildren&&p(d._key).forEach(r),(w=n.filterOptions)!=null&&w.strictNode)d._parentKeys&&d._parentKeys.forEach(I=>{if(!l.has(I)){const U=m(I);r(U)}});else if(($=d._parentKeys)!=null&&$.length){const I=Ie(d._parentKeys);if(!c.isEmptyLikeLodash(I)){if(!l.has(I)){const j=m(I);r(j)}p(I).forEach(r)}}}}),t=t.sort((d,M)=>N.value.findIndex(w=>w._key===d._key)-N.value.findIndex(w=>w._key===M._key))):t=B.cloneDeep(N.value),n.sortSelectedItems&&!n.tree&&!c.isEmptyLikeLodash(a.value)){let d=B.cloneDeep(t);const M=d.filter(S=>F(S._key)),w=Symbol("root"),$=Symbol("rootGroup"),I={},U=(S,L,x=1)=>{const R=d.splice(S,x);d.splice(L,0,...R)},j=S=>S?d.findIndex(L=>L._key===S):-1,ue=S=>{const L=I[S],x=j(L==null?void 0:L.key);return L!=null&&L.length?x+L.length+1:x+1};M.forEach(S=>{var L;if((L=S._parentKeys)!=null&&L.length){const x=Ie(S._parentKeys);let R=j(x);const Pe=Math.max(ue(w),ue($));if(R>Pe){const ce=p(x).length;U(R,Pe,ce+1)}if(I[$]={key:x,length:p(x).length},R=j(x),x&&R>-1){const ce=j(S._key);if(I[x]===void 0)U(ce,R+1);else{const lt=ue(x);U(ce,lt)}I[x]={length:void 0,key:S._key}}}else{const x=j(S._key),R=ue(w);x>R&&U(x,R),I[w]={key:S._key,length:S._hasChildren?p(S._key).length:void 0}}d=B.cloneDeep(d)}),t=d}if(n.tree)((g=n.filterOptions)==null?void 0:g.expandParent)==="collapse"?C([]):((P=n.filterOptions)==null?void 0:P.expandParent)==="expand"&&C(t.filter(d=>d._hasChildren).map(d=>d._key));else{let d=B.cloneDeep(t);for(let M=0;M<d.length-1;M++){const w=d[M],$=d[M+1];!$._divider&&($._hasChildren||(se=w._parentKeys)!=null&&se.length&&!((ie=$._parentKeys)!=null&&ie.length))&&(d.splice(M+1,0,{_key:i.usePCId(Le),_divider:!0}),M++)}t=d}return t}),{getDisabled:X,getStatus:oe,getSize:E}=c.useFormInput(),Y=e.computed(()=>{switch(E.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ke=e.computed(()=>{switch(E.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),Z=e.ref(),J={sm:4,md:6,lg:8},ne={sm:14,md:16},le={sm:32,md:50,lg:54},re=e.computed(()=>({get count(){return k.value.length},getScrollElement:()=>{var t;return(t=Z.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=k.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(ne[E.value]??ne.md);if(l._description)return le[E.value]??le.md}return ee.systemSizesMap[E.value]??ee.systemSizesMap.md},overscan:5,get gap(){return J[E.value]??0}}));let V,D;if(n.virtual){const{virtualizer:t,...l}=c.useVirtualScroll(re);V=t,D=l}const de=e.computed(()=>{var t;return n.virtual?(((t=V==null?void 0:V.value)==null?void 0:t.getVirtualItems())??[]).map(l=>k.value[l.index]):k.value}),ae=e.computed(()=>(D==null?void 0:D.containerStyles.value)??{}),{inputBindings:qe,rootBindings:Ne}=c.useInputDataStates({getDisabled:()=>X.value}),Q=e.ref(),ge=()=>{var t;if(y.value&&Q.value&&document.activeElement!==((t=Q.value)==null?void 0:t.input)){Q.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var r,g;(g=(r=Q.value)==null?void 0:r.focus)==null||g.call(r),clearTimeout(l)},100);Q.value.input.style.pointerEvents=""}},Be=e.computed(()=>!n.noValueOnPlaceholder&&(G.isArray(a.value)?a.value.length===1&&!c.isEmptyLikeLodash(a.value[0]):!c.isEmptyLikeLodash(a.value))),Fe=e.computed(()=>{if(Be.value){if(n.multiple&&G.isArray(a.value))return _(B.last(a.value));if(!n.multiple&&!G.isArray(a.value))return _(a.value)}}),{CollectionSlot:$e,CollectionItem:Se,itemMap:Ge,getItems:We}=c.useCollection({isProvider:!0,key:O}),xe=()=>a.value?Array.isArray(a.value)?a.value:[a.value]:[],me=e.ref(),fe=t=>{me.value=t},Oe=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":me.value===t._key?"":void 0}),ve=e.ref();De({props:n,emit:s,searchModel:T,openModel:y,model:a,slots:u,valuePlaceholder:Be,placeholder:Fe,getOptionByValue:m,isOptionSelected:F,getLabelByValue:_,getSingleByValue:h,inputRef:Q,focusOnInput:ge,getDisabled:X,getStatus:oe,getSize:E,getTagSize:Y,getIconSize:ke,comboboxInputBinding:qe,comboboxTriggerBinding:Ne,selectOption:(t,l)=>{var r,g;if(l&&((r=ve.value)!=null&&r.onSelect)&&n.tree&&((g=ve.value)==null||g.onSelect(t,!F(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)a.value=[],s("select",void 0,!1);else if(t._single)a.value=[t._key],s("select",t._key,!0,t);else{let P=G.isArray(a.value)?a.value:[];const se=P.includes(t._key);P.length===1&&h(P[0])&&t._key!==P[0]&&(P=[]),se?(a.value=P.filter(ie=>ie!==t._key),s("select",t._key,!0,t)):(a.value=[...P,t._key],s("select",t._key,!1,t))}else t._clear?(a.value=void 0,s("select",void 0,!1)):(a.value=t._key,s("select",t._key,!0,t))},itemMap:Ge,getItems:We,highlightedOptionKey:me}),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(a.value=void 0)});const He=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:E.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:V,syncCheckboxAndSelect:n.multiple,data:k.value,modelValue:xe(),checkedKeys:xe(),class:i.getBemElement(O,"tree")})),Ue=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[i.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(D==null?void 0:D.scrollWrapperStyles.value)??{}}}}),Ee=i.getBemElement(O,"popup"),je=we.cva(Ee,{variants:{size:i.generateVariantClassList(Ce,Ee)}}),he=t=>{if(ft.isNumber(t))return`${t}px`;if(typeof t=="string")return t},Je=e.computed(()=>he(n.popupWidth)),Qe=e.computed(()=>he(n.popupHeight)),Xe=e.computed(()=>he(n.minWidth)),Ye=()=>{var r,g;const t=(g=u.header)==null?void 0:g.call(u,{isEmpty:!((r=k.value)!=null&&r.length),search:T.value}),l=!c.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:i.getBemElement(O,"header")},l?t:e.h(be,n.headerSearchInputProps||{}))},Ze=()=>{var r,g;const t=(g=u.footer)==null?void 0:g.call(u,{isEmpty:!((r=k.value)!=null&&r.length),search:T.value});if(!c.isEmptyElement(t))return e.h("div",{class:i.getBemElement(O,"footer")},t)},et=()=>{var r;const t={type:E.value==="sm"?"simple":"advance",...B.omit(n.emptyProps??{},["class"]),class:i.normCls(i.getBemElement(O,"empty"),n.emptyCls)},l=(r=u.empty)==null?void 0:r.call(u,t);return c.isEmptyElement(l)?e.h(ct._sfc_main,t,{title:u.emptyTitle,description:u.emptyDescription,actions:u.emptyActions,image:u.emptyImage}):l},tt=()=>{var l;const t=(l=u.loading)==null?void 0:l.call(u,{});return c.isEmptyElement(t)?new Array(k.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(dt._sfc_main,{size:E.value,class:i.normCls(i.getBemElement(O,"skeleton"),n.skeletonCls),...B.omit(n.skeletonProps??{},["class"])})):t},ot=(t,l,r)=>{const g=t._clear;if(n.multiple){const P=t._single;g?a.value=[]:P?a.value=[t._key]:a.value=r}else g||!l?a.value=void 0:a.value=t._key;s("select",t._key,l,t)},nt=t=>{t.key==="ArrowDown"&&!y.value?y.value=!0:t.key==="Tab"&&y.value&&(y.value=!1)};return n.disableOutsidePointerEvents&&c.useDisableBodyPointerEvents(y),(t,l)=>(e.openBlock(),e.createBlock(e.unref(rt._sfc_main),e.mergeProps({open:e.unref(y),"onUpdate:open":l[2]||(l[2]=r=>e.isRef(y)?y.value=r:null)},b.value,{containerProps:{...t.containerProps??{},onClick:ge},noPadding:!0,size:e.unref(E),containerStyle:{pointerEvents:"auto",display:e.unref(y)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:Je.value,"--ptc-combobox-popup-height":Qe.value,"--ptc-combobox-trigger-min-w":Xe.value},containerCls:e.unref(i.normCls)(e.unref(je)(n),t.popupCls),onKeydown:nt}),e.createSlots({content:e.withCtx(()=>[e.createVNode(Ye),e.createVNode(e.unref(ut._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:Z},Ue.value),{default:e.withCtx(()=>[k.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref($e),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.normCls)(e.unref(i.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?ae.value:{}),onPointerleave:l[1]||(l[1]=r=>fe(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(ee._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:ve},He.value,{expandedKeys:e.unref(f),"onUpdate:expandedKeys":l[0]||(l[0]=r=>e.isRef(f)?f.value=r:null),onExpand:ge,onSelect:ot}),{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,g=>(e.openBlock(),e.createBlock(e.unref(Se),{key:g._key,value:g._key},{default:e.withCtx(()=>[e.createVNode(e.unref(ee._sfc_main$1),e.mergeProps({node:g},{ref_for:!0},Oe(g),{onPointermove:P=>fe(g._key)}),{default:e.withCtx(()=>[e.createVNode(Te,{option:g},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(de.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r._key},[r._divider?(e.openBlock(),e.createBlock(gt._sfc_main,{key:0})):r._label&&r._hasChildren?(e.openBlock(),e.createBlock(bt,{key:1,label:r._label},null,8,["label"])):r._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Se),{key:2,value:r._key},{default:e.withCtx(()=>[e.createVNode(Te,e.mergeProps({option:r},{ref_for:!0},Oe(r),{onPointermove:g=>fe(r._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(tt,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(et,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:A},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(Ze)]),_:2},[t.noTrigger?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(Ct)]),key:"0"}]),1040,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=Ce;exports.ComboboxStatuses=Ke;exports._sfc_main=kt;exports._sfc_main$1=be;exports.injectComboboxContext=pe;exports.provideComboboxContext=De;

package/dist/Comment/CommentActions.d.ts CHANGED Viewed

@@ -3,18 +3,18 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+            readonly color?: import('..').ButtonColor | undefined;
             readonly class?: import('clsx').ClassValue;
-            readonly disabled?: boolean | undefined;
-            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly flipOnDir?: import('..').FlipOnDir | undefined;
+            readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
             readonly icon?: string | undefined;
-            readonly flipOnDir?: import('..').FlipOnDir | undefined;
+            readonly size?: import('..').ButtonSize | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
             readonly hover?: boolean | undefined;
             readonly href?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -30,11 +30,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $props: {
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
-                    readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-                    readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+                    readonly size?: import('..').ButtonSize | undefined;
+                    readonly color?: import('..').ButtonColor | undefined;
                     readonly noRing?: boolean | undefined;
-                    readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
-                    readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
+                    readonly type?: import('..').ButtonType | undefined;
+                    readonly variant?: import('..').ButtonVariant | undefined;
                     readonly loading?: boolean | undefined;
                     readonly action?: boolean | undefined;
                     readonly active?: boolean | undefined;
@@ -106,7 +106,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $host: Element | null;
                 $emit: (event: "click", ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('..').BaseButtonProps> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {
                     focus(): void;
@@ -114,10 +114,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (...args: any[]) => void;
                 }, string, {
-                    color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-                    disabled: boolean;
-                    type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+                    color: import('..').ButtonColor;
+                    type: import('..').ButtonType;
                     htmlType: "reset" | "submit" | "button";
+                    disabled: boolean;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -139,17 +139,17 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-                disabled: boolean;
-                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+                color: import('..').ButtonColor;
+                type: import('..').ButtonType;
                 htmlType: "reset" | "submit" | "button";
-            }> & Omit<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
+                disabled: boolean;
+            }> & Omit<Readonly<import('..').BaseButtonProps> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('../Base/BaseButton/BaseButton').BaseButtonSlots> & import('../Base/BaseButton/BaseButton').BaseButtonSlots;
+                $slots: Readonly<import('..').BaseButtonSlots> & import('..').BaseButtonSlots;
             }) | null;
         };
         $slots: Readonly<{
@@ -160,7 +160,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('..').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -183,7 +183,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('..').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -201,18 +201,18 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+            readonly color?: import('..').ButtonColor | undefined;
             readonly class?: import('clsx').ClassValue;
-            readonly disabled?: boolean | undefined;
-            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly flipOnDir?: import('..').FlipOnDir | undefined;
+            readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
             readonly icon?: string | undefined;
-            readonly flipOnDir?: import('..').FlipOnDir | undefined;
+            readonly size?: import('..').ButtonSize | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
             readonly hover?: boolean | undefined;
             readonly href?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -228,11 +228,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $props: {
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
-                    readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
-                    readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
+                    readonly size?: import('..').ButtonSize | undefined;
+                    readonly color?: import('..').ButtonColor | undefined;
                     readonly noRing?: boolean | undefined;
-                    readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
-                    readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
+                    readonly type?: import('..').ButtonType | undefined;
+                    readonly variant?: import('..').ButtonVariant | undefined;
                     readonly loading?: boolean | undefined;
                     readonly action?: boolean | undefined;
                     readonly active?: boolean | undefined;
@@ -304,7 +304,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $host: Element | null;
                 $emit: (event: "click", ...args: any[]) => void;
                 $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
+                $options: import('vue').ComponentOptionsBase<Readonly<import('..').BaseButtonProps> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {
                     focus(): void;
@@ -312,10 +312,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (...args: any[]) => void;
                 }, string, {
-                    color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-                    disabled: boolean;
-                    type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+                    color: import('..').ButtonColor;
+                    type: import('..').ButtonType;
                     htmlType: "reset" | "submit" | "button";
+                    disabled: boolean;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -337,17 +337,17 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
-                disabled: boolean;
-                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
+                color: import('..').ButtonColor;
+                type: import('..').ButtonType;
                 htmlType: "reset" | "submit" | "button";
-            }> & Omit<Readonly<import('../Base/BaseButton/BaseButton').BaseButtonProps> & Readonly<{
+                disabled: boolean;
+            }> & Omit<Readonly<import('..').BaseButtonProps> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('../Base/BaseButton/BaseButton').BaseButtonSlots> & import('../Base/BaseButton/BaseButton').BaseButtonSlots;
+                $slots: Readonly<import('..').BaseButtonSlots> & import('..').BaseButtonSlots;
             }) | null;
         };
         $slots: Readonly<{
@@ -358,7 +358,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('..').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
             focus(): void;
             blur(): void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -381,7 +381,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('../Base/BaseButton/BaseButton').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<Partial<Omit<import('..').BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {