@pantograph/vue 0.27.2 → 0.27.3

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_script_setup_true_lang-B5khp8Fw.js";
+import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_script_setup_true_lang-wJ-oWZvZ.js";
 export {
   r as Tree,
   s as TreeGaps,

package/dist/Tree/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_script_setup_true_lang-C7AJKgHE.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_script_setup_true_lang-CjdtoEEK.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;

package/dist/Tree.vue_vue_type_script_setup_true_lang-CjdtoEEK.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("@pantograph/utils"),Ce=require("class-variance-authority"),w=require("es-toolkit"),Le=require("@pantograph/sortable"),Re=require("reka-ui"),D=require("@pantograph/utils-vue"),Se=require("./IndentLevel.vue_vue_type_script_setup_true_lang-D1ySGf-Z.js"),Oe=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),Fe=require("./Checkbox.vue_vue_type_script_setup_true_lang-DdF-cXiP.js"),qe=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),Ae=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),$e=require("./isArray-Bin_5of_.js"),Ge=require("@pantograph/style/tree.css?raw"),Be=["sm","md","lg"],me={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[Ie,xe]=Re.createContext("Tree"),De=["data-key","data-level","data-draggable","tabindex"],we=e.defineComponent({...D.getComponentOptions("TreeNode"),__name:"TreeNode",props:{node:{}},setup(P){const d=P;e.useSlots();const l=Ie(),t=Ce.cva(l.prefixes.node,{variants:{disabled:i.generateVariantClassList("disabled",l.prefixes.node),active:i.generateVariantClassList("active",l.prefixes.node)}}),f=v=>l.getNodeChildren(v,!0,!1),T=e.computed(()=>f(d.node)),_=e.computed(()=>l.props.draggable?d.node._draggable??!0:!1),k=e.computed(()=>!!(l.disabled.value||d.node._disabled)),R=e.computed(()=>d.node._dragging??!1),b=e.computed(()=>!R.value&&l.expandedKeys.value.includes(d.node._key)),z=e.computed(()=>!R.value&&!l.dragging.value&&l.props.showLine?I.value?"all":"before":!1),C=e.computed(()=>l.getIsSelected(d.node)),B=e.computed(()=>l.getIsChecked(d.node)),Y=v=>l.onCheck(d.node,!!v),O=e.computed(()=>l.getLevel(d.node)),I=e.computed(()=>{var v,r;return!!((v=T.value)!=null&&v.length||(r=l.props)!=null&&r.lazyLoad&&!d.node._leaf)}),x=e.computed(()=>({...d.node,selected:C.value,checked:B.value,disabled:k.value,expanded:b.value,unFocusable:!0})),M=()=>{k.value||l.onSelect(d.node,!C.value)};return(v,r)=>{var c,u,m,h,V,y,j;return e.openBlock(),e.createElementBlock("div",{"data-key":(c=e.unref(l).props)!=null&&c.draggable?v.node._key:void 0,"data-level":(u=e.unref(l).props)!=null&&u.draggable?O.value:void 0,"data-draggable":(m=e.unref(l).props)!=null&&m.draggable?!k.value&&_.value:void 0,class:e.normalizeClass(e.unref(i.normCls)(e.unref(t)({disabled:k.value,active:C.value}),d.node.class??"")),tabindex:e.unref(l).props.focusable?0:void 0,onClick:M},[(h=e.unref(l).props)!=null&&h.draggable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).prefixes.draggable)},[e.unref(l).dragging.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Oe._sfc_main,{key:0,icon:"tabler:grip-vertical",size:e.unref(l).iconSize.value,class:e.normalizeClass(e.unref(l).prefixes.draggableIcon)},null,8,["size","class"]))],2)):e.createCommentVNode("",!0),e.createVNode(Se._sfc_main,{level:O.value,children:I.value,size:e.unref(l).indentSize.value,expanded:b.value,showLine:z.value,dir:e.unref(l).props.dir,class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(l).prefixes.node,"indent")),loading:v.node._loading,"branch-icon":v.node._switcherIcon??((V=e.unref(l).props)==null?void 0:V.switcherIcon),"no-rotate-branch":v.node._noRotateSwitcherIcon??((y=e.unref(l).props)==null?void 0:y.noRotateSwitcherIcon),onToggleExpand:r[0]||(r[0]=e.withModifiers($=>e.unref(l).onExpandKey(d.node),["stop"]))},{default:e.withCtx(()=>[e.renderSlot(v.$slots,"switcherIcon",e.normalizeProps(e.guardReactiveProps(x.value)))]),_:3},8,["level","children","size","expanded","showLine","dir","class","loading","branch-icon","no-rotate-branch"]),(j=e.unref(l).props)!=null&&j.checkable?(e.openBlock(),e.createBlock(Fe._sfc_main,{key:1,size:e.unref(l).iconSize.value,onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"])),modelValue:B.value,"onUpdate:modelValue":Y,disabled:k.value},null,8,["size","modelValue","disabled"])):e.createCommentVNode("",!0),e.renderSlot(v.$slots,"default",e.normalizeProps(e.guardReactiveProps(x.value)),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.getBemElement)(e.unref(l).prefixes.node,"title"))},e.toDisplayString(v.node._title),3)])],10,De)}}}),X=P=>w.isString(P);function ze({getValue:P,getDisabled:d,arr:l,getChildren:t,getExtra:f,allowNoValidKey:T}){const _=[],k=(R,b)=>{R.forEach(z=>{const C=t(z,b),B=P(z,b,C);if(X(B)||T!=null&&T(z,b,C))_.push({...typeof z=="object"?z:{_item:z},_parentKeys:b,_key:B,_disabled:!!d(z),_hasChildren:!!(C!=null&&C.length),...(f==null?void 0:f(z))??{}}),C!=null&&C.length&&k(C,[...b??[],B]);else throw"every node must provide a valid key"})};return k(l),_}const Me=({getData:P,getExpandedKeys:d,getValue:l,getDisabled:t,getChildren:f,isFlatten:T,getExtra:_})=>{const k=e.computed(()=>T?e.unref(P()):ze({arr:e.unref(P()),getChildren:f,getValue:l,getDisabled:t,getExtra:_})),R=e.computed(()=>{const r=e.unref(d());return k.value.filter(c=>{var u,m;return!c._parentKeys||((m=(u=c._parentKeys)==null?void 0:u.every)==null?void 0:m.call(u,h=>r.includes(h)))})}),b=(r,c=!1,u=!0)=>{const m=r==null?void 0:r._key;return!X(m)||!r?[]:k.value.filter(h=>{var V;if(c){const y=w.last(h._parentKeys??[]);return y&&y===m}return(V=h._parentKeys)==null?void 0:V.includes(m)}).filter(h=>h&&(!u||!(h!=null&&h._disabled)))},z=()=>k.value.filter(r=>!r._parentKeys),C=r=>r?b(r,!0,!1):z(),B=r=>X(r)?k.value.find(c=>c._key===r):void 0,Y=r=>{const c=B(w.last(r._parentKeys??[]));return C(c).findIndex(u=>u._key===r._key)},O=r=>{const c=e.unref(r);return c&&$e.isArray(c)?w.cloneDeep(c):[]},I=(r,c)=>{const u=b(r);if(u!=null&&u.length)return u.some(m=>M(m,c,!1)===!0)},x=(r,c)=>{const u=b(r);return u!=null&&u.length?u.every(m=>M(m,c,!1)===!0):!1},M=(r,c,u=!1)=>{const m=O(c),h=r==null?void 0:r._key;if(!u&&!r._disabled&&!m.includes(h)){const V=b(r);if(V!=null&&V.length)return x(r,c)?!0:I(r,c)?"indeterminate":!1}return m.includes(h)};return{flattenData:k,visibleFlattenData:R,getNodeChildren:b,getNodeByValue:B,getNodeIndexInScope:Y,getChildrenOrRootNodes:C,isSomeChildrenSelected:I,isAllChildrenSelected:x,isSelected:M,getRootNodes:z,selectValue:(r,c,u,m,h,V)=>{let y=O(u);if(X(r._key)&&!r._disabled)if(h){if(c?y.push(r._key):y=y.filter(j=>r._key!==j),!m){const $=b(r).map(p=>p._key),Q=y.map(B).filter(p=>p&&p._parentKeys);c||Q.push(r);const Z=w.uniq(w.flattenDeep(Q.map(p=>p._parentKeys))).filter(p=>X(p)&&p!==r._key).filter(X).map(B).filter(Boolean),K=[],G=[];Z.forEach(p=>{const re=p==null?void 0:p._key;x(p,y)?K.push(re):G.push(re)}),c?K.push(...$):G.push(...$),y.push(...K),y=y.filter(p=>!G.includes(p))}}else V==="replace"?c&&(y=[r._key]):c?y=[r._key]:y=[];return w.uniq(y)}}},je=e.defineComponent({__name:"TreePlaceholder",props:{level:{},size:{},indentSize:{},branchIcon:{},children:{type:Boolean}},setup(P){return(d,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(Se._sfc_main),{level:d.level,expanded:!1,branchIcon:d.branchIcon,children:d.children,size:d.indentSize},null,8,["level","branchIcon","children","size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(D.sortPlaceholderVariantsClass)({size:d.size}))},null,2)],64))}}),ce={"3xsm":14,"2xsm":16,xsm:20,sm:24,md:32,lg:40,xlg:48,"2xlg":56},Ue=Object.keys(ce),We=e.defineComponent({...D.getComponentOptions("Tree"),__name:"Tree",props:{selectionBehavior:{default:"toggle"},class:{},size:{default:"md"},gap:{},dir:{},data:{},flattenData:{type:Boolean},modelValue:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkable:{type:Boolean},selectable:{type:Boolean},defaultExpandAll:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},getLoading:{},getNoRotateSwitcherIcon:{},getTitle:{},getLeaf:{},getDraggable:{},getKey:{},getSwitcherIcon:{},getDisabled:{},getChildren:{},groupName:{},sortableProps:{},focusable:{type:Boolean,default:!0},checkStrictly:{type:Boolean,default:void 0},syncCheckboxAndSelect:{type:Boolean},virtual:{type:[Boolean,Object]},scrollContainerProps:{},outerVirtualScroll:{type:Boolean},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean,default:void 0}},emits:["update:modelValue","update:expandedKeys","update:checkedKeys","change","expand","select","check","dragStart","dragEnd","choose","unchoose"],setup(P,{expose:d,emit:l}){D.useComponentStyle("tree",Ge);const t=P,f=l,T=e.useSlots(),_=i.getBemBlock("tree"),k=i.getBemElement(_,"node"),R=i.getBemElement(k,"group"),b=i.getBemElement(k,"draggable"),z=i.getBemElement(b,"icon"),C=i.getBemElement(R,"list"),B={node:k,group:R,draggable:b,draggableIcon:z,groupList:C},Y=Ce.cva(_,{variants:{size:i.generateVariantClassList(Be,_),gap:i.generateVariantClassList(me,_),selectable:i.generateVariantClassList("selectable",_),disabled:i.generateVariantClassList("disabled",_),inlineNode:i.generateVariantClassList("inline-node",_),dragging:i.generateVariantClassList("dragging",_)}}),O={getLoading:i.createOptionGetterFunc({key:"loading",getter:t.getLoading,noReturnOption:!0}),getNoRotateSwitcherIcon:i.createOptionGetterFunc({key:"noRotateSwitcherIcon",getter:t.getNoRotateSwitcherIcon,noReturnOption:!0}),getTitle:i.createOptionGetterFunc({key:"title",getter:t.getTitle,noReturnOption:!0}),getLeaf:i.createOptionGetterFunc({key:"leaf",getter:t.getLeaf,noReturnOption:!0}),getDraggable:i.createOptionGetterFunc({key:"draggable",getter:t.getDraggable,noReturnOption:!0}),getKey:i.createOptionGetterFunc({key:"key",getter:t.getKey,noReturnOption:!0}),getSwitcherIcon:i.createOptionGetterFunc({key:"switcherIcon",getter:t.getSwitcherIcon,noReturnOption:!0}),getDisabled:i.createOptionGetterFunc({key:"disabled",getter:t.getDisabled,noReturnOption:!0}),getChildren:i.createOptionGetterFunc({key:"children",getter:t.getChildren,noReturnOption:!0})},I=(n,o)=>{var F;const s=`get${o[0].toUpperCase()+o.slice(1)}`;return(F=O[s])==null?void 0:F.call(O,n)},x=e.ref(t.expandedKeys??[]),{flattenData:M,visibleFlattenData:v,getNodeByValue:r,getChildrenOrRootNodes:c,getNodeIndexInScope:u,isSelected:m,getNodeChildren:h,selectValue:V,getRootNodes:y}=Me({isFlatten:t.flattenData,getData:()=>t.data,getExpandedKeys:()=>x,getValue:n=>I(n,"key"),getDisabled:n=>I(n,"disabled"),getChildren:n=>I(n,"children"),getExtra:n=>({_switcherIcon:I(n,"switcherIcon"),_title:I(n,"title"),_draggable:I(n,"draggable"),_leaf:I(n,"leaf"),_loading:I(n,"loading"),_noRotateSwitcherIcon:I(n,"noRotateSwitcherIcon")})}),j=()=>M.value.filter(n=>n==null?void 0:n._hasChildren).map(n=>n._key);let $=!1;e.watch(()=>[t.defaultExpandAll,t.expandedKeys],([n,o],s)=>{$||($=!0,o!==(s==null?void 0:s[1])?x.value=t.expandedKeys??[]:n&&!(s!=null&&s[0])&&(x.value=j()),e.nextTick(()=>$=!1))},{deep:!0,immediate:!0}),e.watch(x,n=>{!$&&n!==t.expandedKeys&&f("update:expandedKeys",n)},{deep:!0});const Q=e.ref(t.modelValue??[]);e.watch(()=>t.modelValue,()=>{Q.value=t.modelValue??[],t.syncCheckboxAndSelect&&(K.value=t.modelValue??[])},{deep:!0});const E=e.computed({get(){return Q.value},set(n){n&&(t.modelValue||(Q.value=n),f("update:modelValue",n))}}),Z=e.ref(t.checkedKeys??[]);e.watch(()=>t.checkedKeys,()=>{Z.value=t.checkedKeys??[],t.syncCheckboxAndSelect&&(E.value=t.checkedKeys??[])},{deep:!0});const K=e.computed({get(){return Z.value},set(n){t.checkedKeys||(Z.value=n),f("update:checkedKeys",n)}}),{getDisabled:G,getSize:p}=D.useFormInput(),re=n=>!!m(n,E,!0),Ve=n=>m(n,K,t.checkStrictly),he=(n,o)=>{if(t.selectable&&!G.value){const s=V(n,o,E,!!(t.syncCheckboxAndSelect?t.checkStrictly:t.checkStrictly!==!1),t.multiple,t.selectionBehavior);w.isEqual(s,E.value)||(E.value=s,f("select",n,o,s),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(K.value=s,f("check",n,o,s)))}},ye=(n,o)=>{if(t.checkable&&!G.value){const s=V(n,o,K,!!t.checkStrictly,!0);w.isEqual(s,K.value)||(K.value=s,f("check",n,o,K.value),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(E.value=s,f("select",n,o,s)))}},ae=n=>{let o=!0,s=w.cloneDeep(x.value);s.includes(n._key)?(s=s.filter(F=>F!==n._key),o=!1):(s=w.uniq([...s,n._key]),o=!0),x.value=s,f("expand",n,o)},ie=e.computed(()=>{if(t.gap){if(typeof t.gap=="number")return`${t.gap}px`;if(!Object.keys(me).includes(t.gap))return t.gap}}),le=e.ref(!1),{getDir:Ke}=qe.useConfig(),ue=Ke(),ve=e.computed(()=>{switch(p.value){case"sm":return"2xsm";case"lg":return"sm";default:return"xsm"}}),Te=e.computed(()=>p.value==="sm"?"2xsm":"xsm"),_e=n=>{var o;return(((o=n==null?void 0:n._parentKeys)==null?void 0:o.length)??0)+1};xe({iconSize:Te,disabled:G,props:t,expandedKeys:x,model:E,dir:ue,checked:K,onExpandKey:ae,onSelect:he,onCheck:ye,getNodeChildren:h,getNodeField:I,getIsSelected:re,getIsChecked:Ve,getLevel:_e,dragging:le,indentSize:ve,prefixes:B});const de=e.ref();if(t.draggable){let n,o;const s=L=>{const g=L.getAttribute("data-key");if(g)return r(g)},F=i.getBemModifier(i.getBemElement(_,"dragging_item"),p.value),ee=()=>{var L;(L=n==null?void 0:n.destroy)==null||L.call(n),n=void 0},oe=async()=>{let L,g,W,te,q;const fe=a=>({...a,node:g,oldParents:W,newParents:te,oldIndex:L,oldDraggableIndex:L,newIndex:q,newDraggableIndex:q}),be=(a,H)=>{if(a){const N=()=>{const se=_e(g),S=!!(g!=null&&g._hasChildren);return{size:p.value,level:se,children:S,indentSize:ve.value,branchIcon:(g?g._switcherIcon??(t==null?void 0:t.switcherIcon):t==null?void 0:t.switcherIcon)??"tabler:chevron-left"}},A=document.createElement("div"),J=a.getBoundingClientRect();A.style.width=J.width?`${J.width}px`:"100%",A.style.height=J.height?`${J.height}px`:"100%",A.classList.add(i.getBemElement(_,D.sortPlaceholderCls));const ne=N();return H&&(ne.level=H),e.render(e.h(je,ne),A),A}};n?ee():de.value&&(n=new Le(de.value,{...w.omit(t.sortableProps||{},["onMove"]),group:w.isFunction(t.groupName)?t.groupName():t.groupName??i.usePCId(_),filter:"[data-draggable=false]",tree:!0,draggable:`.${B.node}`,handle:`.${B.node} .${B.draggable} .${B.draggableIcon}`,dataIdAttr:"data-key",dragClass:F,onChoose(a){var H;if(g=s(a==null?void 0:a.item),W=(H=g==null?void 0:g._parentKeys)==null?void 0:H.map(r).filter(Boolean),g){if(W!=null&&W.length){const N=w.last(W);N&&(L=h(N,!0,!1).findIndex(A=>A._key===g._key))}else L=y().findIndex(N=>N._key===g._key);g._dragging=!0}f("choose",a)},onUnchoose(a){g&&(g._dragging=!1),f("unchoose",a)},onStart(a){g!=null&&g._key&&x.value.includes(g._key)&&(o=g,ae(o)),le.value=!0,f("dragStart",fe(a))},onEnd(a){le.value=!1,o&&(ae(o),o=void 0),f("dragEnd",fe(a)),L=W=q=te=g=void 0},onMove(a,H){var J,ne,se;if(q=te=void 0,a.draggedTreeItemParent){const S=s(a==null?void 0:a.draggedTreeItemParent);S&&(te=[...((J=S==null?void 0:S._parentKeys)==null?void 0:J.map(r).filter(Boolean))??[],S],(ne=h(S,!0,!1))!=null&&ne.length&&!x.value.includes(S._key)&&ae(S))}const N=a.draggedTreeItemLevel??1;if(!a.draggedTreeItemBefore)q=0;else if(a.draggedTreeItemBefore){if(a.draggedTreeItemBefore.level===N){const S=s(a.draggedTreeItemBefore);S&&(q=u(S)+1)}else if(a.draggedTreeItemBefore.level<N)q=0;else if(a.draggedTreeItemBefore.level>N){if(!a.draggedTreeItemAfter||a.draggedTreeItemAfter.level<N){const S=w.last(te??[]);q=c(S).length}else if(a.draggedTreeItemAfter.level===N){const S=s(a.draggedTreeItemAfter);S&&(q=u(S))}}}const A=fe(a);w.isFunction((se=t.sortableProps)==null?void 0:se.onMove)&&t.sortableProps.onMove(A,H)},getPlaceholder(a){return be(a==null?void 0:a.item)},getPlaceholderOnMove(a){return be(a==null?void 0:a.dragged,a.draggedTreeItemLevel||1)}}))};e.onMounted(oe),e.onBeforeUnmount(ee)}const ge=e.ref(),Ne={none:0,sm:4,md:6,lg:8},Pe=e.computed(()=>({get count(){return v.value.length??0},getScrollElement:()=>{var n;return(n=ge.value)==null?void 0:n.container.viewportElement},estimateSize:()=>ce[t.size]??ce.md,overscan:5,get gap(){return Ne[ie.value??p.value]??ie.value??p.value??0}}));let pe,U;if(t.virtual)if(typeof t.virtual=="object")pe=t.virtual;else{const{virtualizer:n,...o}=D.useVirtualScroll(Pe);pe=n,U=o}const ke=e.computed(()=>{var n;return t.virtual?(((n=e.unref(pe))==null?void 0:n.getVirtualItems())??[]).map(o=>v.value[o.index]):v.value}),Ee=()=>{var o;const n=()=>{const s=()=>{var ee;const F=(ee=T.default)==null?void 0:ee.call(T,{items:ke.value});return D.isEmptyElement(F)?ke.value.map(oe=>e.h(we,{key:oe._key,node:oe},{default:T.node,switcherIcon:T.switcherIcon})):F};return e.h("div",{dir:ue.value,role:"tree",class:i.normCls(Y({size:p.value,gap:t.gap??p.value,selectable:t.selectable,disabled:G.value,inlineNode:t.inlineNode,dragging:le.value}),t.class),style:{"--ptc-tree-gap":ie.value,...t.virtual?(U==null?void 0:U.containerStyles.value)??{}:{}},ref:de},s())};return t.virtual&&!t.outerVirtualScroll?e.h(Ae._sfc_main,{...t.scrollContainerProps,ref:ge,dir:ue.value,wrapProps:{...((o=t.scrollContainerProps)==null?void 0:o.wrapProps)??{},style:(U==null?void 0:U.scrollWrapperStyles.value)??{}}},n):n()};return d({scrollContainerRef:ge,onSelect:he,onCheck:ye}),(n,o)=>(e.openBlock(),e.createBlock(Ee))}});exports.TreeGaps=me;exports.TreeSizes=Be;exports._sfc_main=We;exports._sfc_main$1=we;exports.flattenBy_parentKeys=ze;exports.injectTreeContext=Ie;exports.provideTreeContext=xe;exports.systemSizes=Ue;exports.systemSizesMap=ce;

package/dist/{Tree.vue_vue_type_script_setup_true_lang-B5khp8Fw.js → Tree.vue_vue_type_script_setup_true_lang-wJ-oWZvZ.js}

@@ -1,20 +1,16 @@
-import { defineComponent as Be, useSlots as De, computed as y, createElementBlock as Se, openBlock as te, normalizeClass as Z, unref as i, createCommentVNode as _e, createVNode as Fe, createBlock as Ie, renderSlot as Re, withModifiers as Ve, withCtx as et, normalizeProps as Le, guardReactiveProps as Ee, createElementVNode as Me, toDisplayString as tt, Fragment as at, ref as Y, watch as ue, nextTick as rt, onMounted as lt, onBeforeUnmount as nt, h as ge, render as ot } from "vue";
+import { defineComponent as Be, useSlots as De, computed as y, createElementBlock as Se, openBlock as te, normalizeClass as Z, unref as i, createCommentVNode as _e, createVNode as Fe, createBlock as Ie, renderSlot as Re, withModifiers as Ve, withCtx as et, normalizeProps as Le, guardReactiveProps as Ee, createElementVNode as Me, toDisplayString as tt, Fragment as at, ref as Y, watch as ue, nextTick as lt, onMounted as rt, onBeforeUnmount as nt, h as ge, render as ot } from "vue";
 import { generateVariantClassList as G, normCls as je, getBemElement as F, getBemBlock as st, createOptionGetterFunc as D, getBemModifier as it, usePCId as ct } from "@pantograph/utils";
 import { cva as Ge } from "class-variance-authority";
 import { isString as dt, uniq as xe, flattenDeep as ut, last as pe, cloneDeep as Ue, isEqual as Ae, omit as gt, isFunction as Oe } from "es-toolkit";
 import pt from "@pantograph/sortable";
 import { createContext as ft } from "reka-ui";
-import { a as qe } from "./options-J8HfRMSU.js";
-import "@pantograph/tokens";
-import { e as ht, y as mt, t as yt, u as vt, q as bt, g as kt } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
-import { _ as We } from "./IndentLevel.vue_vue_type_script_setup_true_lang-CZIskYG5.js";
-import { _ as _t } from "./Checkbox.vue_vue_type_script_setup_true_lang-DiG3cLmy.js";
-import { u as St } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
-import { _ as It } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
-import { u as xt } from "./useInputDataStates-DCxDvkM-.js";
-import { u as Ct } from "./useVirtualScroll-CXkmR_v2.js";
+import { getComponentOptions as qe, sortPlaceholderVariantsClass as ht, useComponentStyle as mt, useFormInput as yt, useVirtualScroll as vt, sortPlaceholderCls as bt, isEmptyElement as kt } from "@pantograph/utils-vue";
+import { _ as We } from "./IndentLevel.vue_vue_type_script_setup_true_lang-CSnMNn7l.js";
+import { _ as _t } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { _ as St } from "./Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
+import { u as It } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { _ as xt } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
+import { i as Ct } from "./isArray-QlWcxgml.js";
 import Bt from "@pantograph/style/tree.css?raw";
 const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Kt, zt] = ft("Tree"), Tt = ["data-key", "data-level", "data-draggable", "tabindex"], Nt = /* @__PURE__ */ Be({
   ...qe("TreeNode"),
@@ -25,17 +21,17 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
   setup(P) {
     const d = P;
     De();
-    const l = Kt(), e = Ge(l.prefixes.node, {
+    const r = Kt(), e = Ge(r.prefixes.node, {
       variants: {
-        disabled: G("disabled", l.prefixes.node),
-        active: G("active", l.prefixes.node)
+        disabled: G("disabled", r.prefixes.node),
+        active: G("active", r.prefixes.node)
       }
-    }), p = (v) => l.getNodeChildren(v, !0, !1), T = y(() => p(d.node)), b = y(() => l.props.draggable ? d.node._draggable ?? !0 : !1), k = y(() => !!(l.disabled.value || d.node._disabled)), L = y(() => d.node._dragging ?? !1), _ = y(
-      () => !L.value && l.expandedKeys.value.includes(d.node._key)
-    ), w = y(() => !L.value && !l.dragging.value && l.props.showLine ? C.value ? "all" : "before" : !1), S = y(() => l.getIsSelected(d.node)), x = y(() => l.getIsChecked(d.node)), ae = (v) => l.onCheck(d.node, !!v), E = y(() => l.getLevel(d.node)), C = y(
+    }), p = (v) => r.getNodeChildren(v, !0, !1), T = y(() => p(d.node)), b = y(() => r.props.draggable ? d.node._draggable ?? !0 : !1), k = y(() => !!(r.disabled.value || d.node._disabled)), L = y(() => d.node._dragging ?? !1), _ = y(
+      () => !L.value && r.expandedKeys.value.includes(d.node._key)
+    ), w = y(() => !L.value && !r.dragging.value && r.props.showLine ? C.value ? "all" : "before" : !1), S = y(() => r.getIsSelected(d.node)), x = y(() => r.getIsChecked(d.node)), ae = (v) => r.onCheck(d.node, !!v), E = y(() => r.getLevel(d.node)), C = y(
       () => {
         var v, a;
-        return !!((v = T.value) != null && v.length || (a = l.props) != null && a.lazyLoad && !d.node._leaf);
+        return !!((v = T.value) != null && v.length || (a = r.props) != null && a.lazyLoad && !d.node._leaf);
       }
     ), B = y(() => ({
       ...d.node,
@@ -45,14 +41,14 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
       expanded: _.value,
       unFocusable: !0
     })), U = () => {
-      k.value || l.onSelect(d.node, !S.value);
+      k.value || r.onSelect(d.node, !S.value);
     };
     return (v, a) => {
       var s, c, f, h, K, m, q;
       return te(), Se("div", {
-        "data-key": (s = i(l).props) != null && s.draggable ? v.node._key : void 0,
-        "data-level": (c = i(l).props) != null && c.draggable ? E.value : void 0,
-        "data-draggable": (f = i(l).props) != null && f.draggable ? !k.value && b.value : void 0,
+        "data-key": (s = i(r).props) != null && s.draggable ? v.node._key : void 0,
+        "data-level": (c = i(r).props) != null && c.draggable ? E.value : void 0,
+        "data-draggable": (f = i(r).props) != null && f.draggable ? !k.value && b.value : void 0,
         class: Z(
           i(je)(
             i(e)({
@@ -62,41 +58,41 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
             d.node.class ?? ""
           )
         ),
-        tabindex: i(l).props.focusable ? 0 : void 0,
+        tabindex: i(r).props.focusable ? 0 : void 0,
         onClick: U
       }, [
-        (h = i(l).props) != null && h.draggable ? (te(), Se("span", {
+        (h = i(r).props) != null && h.draggable ? (te(), Se("span", {
           key: 0,
-          class: Z(i(l).prefixes.draggable)
+          class: Z(i(r).prefixes.draggable)
         }, [
-          i(l).dragging.value ? _e("", !0) : (te(), Ie(ht, {
+          i(r).dragging.value ? _e("", !0) : (te(), Ie(_t, {
             key: 0,
             icon: "tabler:grip-vertical",
-            size: i(l).iconSize.value,
-            class: Z(i(l).prefixes.draggableIcon)
+            size: i(r).iconSize.value,
+            class: Z(i(r).prefixes.draggableIcon)
           }, null, 8, ["size", "class"]))
         ], 2)) : _e("", !0),
         Fe(We, {
           level: E.value,
           children: C.value,
-          size: i(l).indentSize.value,
+          size: i(r).indentSize.value,
           expanded: _.value,
           showLine: w.value,
-          dir: i(l).props.dir,
-          class: Z(i(F)(i(l).prefixes.node, "indent")),
+          dir: i(r).props.dir,
+          class: Z(i(F)(i(r).prefixes.node, "indent")),
           loading: v.node._loading,
-          "branch-icon": v.node._switcherIcon ?? ((K = i(l).props) == null ? void 0 : K.switcherIcon),
-          "no-rotate-branch": v.node._noRotateSwitcherIcon ?? ((m = i(l).props) == null ? void 0 : m.noRotateSwitcherIcon),
-          onToggleExpand: a[0] || (a[0] = Ve((M) => i(l).onExpandKey(d.node), ["stop"]))
+          "branch-icon": v.node._switcherIcon ?? ((K = i(r).props) == null ? void 0 : K.switcherIcon),
+          "no-rotate-branch": v.node._noRotateSwitcherIcon ?? ((m = i(r).props) == null ? void 0 : m.noRotateSwitcherIcon),
+          onToggleExpand: a[0] || (a[0] = Ve((M) => i(r).onExpandKey(d.node), ["stop"]))
         }, {
           default: et(() => [
             Re(v.$slots, "switcherIcon", Le(Ee(B.value)))
           ]),
           _: 3
         }, 8, ["level", "children", "size", "expanded", "showLine", "dir", "class", "loading", "branch-icon", "no-rotate-branch"]),
-        (q = i(l).props) != null && q.checkable ? (te(), Ie(_t, {
+        (q = i(r).props) != null && q.checkable ? (te(), Ie(St, {
           key: 1,
-          size: i(l).iconSize.value,
+          size: i(r).iconSize.value,
           onClick: a[1] || (a[1] = Ve(() => {
           }, ["stop"])),
           modelValue: x.value,
@@ -105,7 +101,7 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
         }, null, 8, ["size", "modelValue", "disabled"])) : _e("", !0),
         Re(v.$slots, "default", Le(Ee(B.value)), () => [
           Me("div", {
-            class: Z(i(F)(i(l).prefixes.node, "title"))
+            class: Z(i(F)(i(r).prefixes.node, "title"))
           }, tt(v.node._title), 3)
         ])
       ], 10, Tt);
@@ -115,7 +111,7 @@ const wt = ["sm", "md", "lg"], $e = { none: "gap-none", sm: "gap-sm", md: "gap-m
 function Pt({
   getValue: P,
   getDisabled: d,
-  arr: l,
+  arr: r,
   getChildren: e,
   getExtra: p,
   allowNoValidKey: T
@@ -136,12 +132,12 @@ function Pt({
         throw "every node must provide a valid key";
     });
   };
-  return k(l), b;
+  return k(r), b;
 }
 const Rt = ({
   getData: P,
   getExpandedKeys: d,
-  getValue: l,
+  getValue: r,
   getDisabled: e,
   getChildren: p,
   isFlatten: T,
@@ -151,7 +147,7 @@ const Rt = ({
     () => T ? i(P()) : Pt({
       arr: i(P()),
       getChildren: p,
-      getValue: l,
+      getValue: r,
       getDisabled: e,
       getExtra: b
     })
@@ -178,7 +174,7 @@ const Rt = ({
     return S(s).findIndex((c) => c._key === a._key);
   }, E = (a) => {
     const s = i(a);
-    return s && mt(s) ? Ue(s) : [];
+    return s && Ct(s) ? Ue(s) : [];
   }, C = (a, s) => {
     const c = _(a);
     if (c != null && c.length)
@@ -213,10 +209,10 @@ const Rt = ({
           if (s ? m.push(a._key) : m = m.filter((q) => a._key !== q), !f) {
             const M = _(a).map((g) => g._key), X = m.map(x).filter((g) => g && g._parentKeys);
             s || X.push(a);
-            const re = xe(
+            const le = xe(
               ut(X.map((g) => g._parentKeys))
             ).filter((g) => ee(g) && g !== a._key).filter(ee).map(x).filter(Boolean), z = [], j = [];
-            re.forEach((g) => {
+            le.forEach((g) => {
               const se = g == null ? void 0 : g._key;
               B(g, m) ? z.push(se) : j.push(se);
             }), s ? z.push(...M) : j.push(...M), m.push(...z), m = m.filter((g) => !j.includes(g));
@@ -236,7 +232,7 @@ const Rt = ({
     children: { type: Boolean }
   },
   setup(P) {
-    return (d, l) => (te(), Se(at, null, [
+    return (d, r) => (te(), Se(at, null, [
       Fe(i(We), {
         level: d.level,
         expanded: !1,
@@ -245,7 +241,7 @@ const Rt = ({
         size: d.indentSize
       }, null, 8, ["level", "branchIcon", "children", "size"]),
       Me("div", {
-        class: Z(i(yt)({ size: d.size }))
+        class: Z(i(ht)({ size: d.size }))
       }, null, 2)
     ], 64));
   }
@@ -266,7 +262,7 @@ const Rt = ({
   // 2400 x 2px = 48px
   "2xlg": 56
   // 2800 x 2px = 56px
-}, Zt = Object.keys(Ce), ea = /* @__PURE__ */ Be({
+}, Jt = Object.keys(Ce), Qt = /* @__PURE__ */ Be({
   ...qe("Tree"),
   __name: "Tree",
   props: {
@@ -310,9 +306,9 @@ const Rt = ({
     disabled: { type: Boolean, default: void 0 }
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
-  setup(P, { expose: d, emit: l }) {
-    vt("tree", Bt);
-    const e = P, p = l, T = De(), b = st("tree"), k = F(b, "node"), L = F(k, "group"), _ = F(k, "draggable"), w = F(_, "icon"), S = F(L, "list"), x = {
+  setup(P, { expose: d, emit: r }) {
+    mt("tree", Bt);
+    const e = P, p = r, T = De(), b = st("tree"), k = F(b, "node"), L = F(k, "group"), _ = F(k, "draggable"), w = F(_, "icon"), S = F(L, "list"), x = {
       node: k,
       group: L,
       draggable: _,
@@ -407,7 +403,7 @@ const Rt = ({
     ue(
       () => [e.defaultExpandAll, e.expandedKeys],
       ([t, n], o) => {
-        M || (M = !0, n !== (o == null ? void 0 : o[1]) ? B.value = e.expandedKeys ?? [] : t && !(o != null && o[0]) && (B.value = q()), rt(() => M = !1));
+        M || (M = !0, n !== (o == null ? void 0 : o[1]) ? B.value = e.expandedKeys ?? [] : t && !(o != null && o[0]) && (B.value = q()), lt(() => M = !1));
       },
       { deep: !0, immediate: !0 }
     ), ue(
@@ -432,22 +428,22 @@ const Rt = ({
       set(t) {
         t && (e.modelValue || (X.value = t), p("update:modelValue", t));
       }
-    }), re = Y(e.checkedKeys ?? []);
+    }), le = Y(e.checkedKeys ?? []);
     ue(
       () => e.checkedKeys,
       () => {
-        re.value = e.checkedKeys ?? [], e.syncCheckboxAndSelect && (R.value = e.checkedKeys ?? []);
+        le.value = e.checkedKeys ?? [], e.syncCheckboxAndSelect && (R.value = e.checkedKeys ?? []);
       },
       { deep: !0 }
     );
     const z = y({
       get() {
-        return re.value;
+        return le.value;
       },
       set(t) {
-        e.checkedKeys || (re.value = t), p("update:checkedKeys", t);
+        e.checkedKeys || (le.value = t), p("update:checkedKeys", t);
       }
-    }), { getDisabled: j, getSize: g } = xt(), se = (t) => !!f(t, R, !0), He = (t) => f(t, z, e.checkStrictly), we = (t, n) => {
+    }), { getDisabled: j, getSize: g } = yt(), se = (t) => !!f(t, R, !0), He = (t) => f(t, z, e.checkStrictly), we = (t, n) => {
       if (e.selectable && !j.value) {
         const o = K(
           t,
@@ -472,7 +468,7 @@ const Rt = ({
         if (typeof e.gap == "number") return `${e.gap}px`;
         if (!Object.keys($e).includes(e.gap)) return e.gap;
       }
-    }), ce = Y(!1), { getDir: Je } = St(), he = Je(), ze = y(() => {
+    }), ce = Y(!1), { getDir: Je } = It(), he = Je(), ze = y(() => {
       switch (g.value) {
         case "sm":
           return "2xsm";
@@ -511,14 +507,14 @@ const Rt = ({
       const o = (V) => {
         const u = V.getAttribute("data-key");
         if (u) return a(u);
-      }, A = it(F(b, "dragging_item"), g.value), le = () => {
+      }, A = it(F(b, "dragging_item"), g.value), re = () => {
         var V;
         (V = t == null ? void 0 : t.destroy) == null || V.call(t), t = void 0;
       };
-      lt(async () => {
+      rt(async () => {
         let V, u, H, ne, O;
-        const ke = (r) => ({
-          ...r,
+        const ke = (l) => ({
+          ...l,
           node: u,
           oldParents: H,
           newParents: ne,
@@ -526,8 +522,8 @@ const Rt = ({
           oldDraggableIndex: V,
           newIndex: O,
           newDraggableIndex: O
-        }), Pe = (r, J) => {
-          if (r) {
+        }), Pe = (l, J) => {
+          if (l) {
             const N = () => {
               const de = Te(u), I = !!(u != null && u._hasChildren);
               return {
@@ -537,13 +533,13 @@ const Rt = ({
                 indentSize: ze.value,
                 branchIcon: (u ? u._switcherIcon ?? (e == null ? void 0 : e.switcherIcon) : e == null ? void 0 : e.switcherIcon) ?? "tabler:chevron-left"
               };
-            }, $ = document.createElement("div"), Q = r.getBoundingClientRect();
+            }, $ = document.createElement("div"), Q = l.getBoundingClientRect();
             $.style.width = Q.width ? `${Q.width}px` : "100%", $.style.height = Q.height ? `${Q.height}px` : "100%", $.classList.add(F(b, bt));
             const oe = N();
             return J && (oe.level = J), ot(ge(Vt, oe), $), $;
           }
         };
-        t ? le() : me.value && (t = new pt(me.value, {
+        t ? re() : me.value && (t = new pt(me.value, {
           ...gt(e.sortableProps || {}, ["onMove"]),
           group: Oe(e.groupName) ? e.groupName() : e.groupName ?? ct(b),
           filter: "[data-draggable=false]",
@@ -552,9 +548,9 @@ const Rt = ({
           handle: `.${x.node} .${x.draggable} .${x.draggableIcon}`,
           dataIdAttr: "data-key",
           dragClass: A,
-          onChoose(r) {
+          onChoose(l) {
             var J;
-            if (u = o(r == null ? void 0 : r.item), H = (J = u == null ? void 0 : u._parentKeys) == null ? void 0 : J.map(a).filter(Boolean), u) {
+            if (u = o(l == null ? void 0 : l.item), H = (J = u == null ? void 0 : u._parentKeys) == null ? void 0 : J.map(a).filter(Boolean), u) {
               if (H != null && H.length) {
                 const N = pe(H);
                 N && (V = h(N, !0, !1).findIndex(
@@ -564,55 +560,55 @@ const Rt = ({
                 V = m().findIndex((N) => N._key === u._key);
               u._dragging = !0;
             }
-            p("choose", r);
+            p("choose", l);
           },
-          onUnchoose(r) {
-            u && (u._dragging = !1), p("unchoose", r);
+          onUnchoose(l) {
+            u && (u._dragging = !1), p("unchoose", l);
           },
-          onStart(r) {
-            u != null && u._key && B.value.includes(u._key) && (n = u, ie(n)), ce.value = !0, p("dragStart", ke(r));
+          onStart(l) {
+            u != null && u._key && B.value.includes(u._key) && (n = u, ie(n)), ce.value = !0, p("dragStart", ke(l));
           },
-          onEnd(r) {
-            ce.value = !1, n && (ie(n), n = void 0), p("dragEnd", ke(r)), V = H = O = ne = u = void 0;
+          onEnd(l) {
+            ce.value = !1, n && (ie(n), n = void 0), p("dragEnd", ke(l)), V = H = O = ne = u = void 0;
           },
-          onMove(r, J) {
+          onMove(l, J) {
             var Q, oe, de;
-            if (O = ne = void 0, r.draggedTreeItemParent) {
-              const I = o(r == null ? void 0 : r.draggedTreeItemParent);
+            if (O = ne = void 0, l.draggedTreeItemParent) {
+              const I = o(l == null ? void 0 : l.draggedTreeItemParent);
               I && (ne = [
                 ...((Q = I == null ? void 0 : I._parentKeys) == null ? void 0 : Q.map(a).filter(Boolean)) ?? [],
                 I
               ], (oe = h(I, !0, !1)) != null && oe.length && !B.value.includes(I._key) && ie(I));
             }
-            const N = r.draggedTreeItemLevel ?? 1;
-            if (!r.draggedTreeItemBefore) O = 0;
-            else if (r.draggedTreeItemBefore) {
-              if (r.draggedTreeItemBefore.level === N) {
-                const I = o(r.draggedTreeItemBefore);
+            const N = l.draggedTreeItemLevel ?? 1;
+            if (!l.draggedTreeItemBefore) O = 0;
+            else if (l.draggedTreeItemBefore) {
+              if (l.draggedTreeItemBefore.level === N) {
+                const I = o(l.draggedTreeItemBefore);
                 I && (O = c(I) + 1);
-              } else if (r.draggedTreeItemBefore.level < N)
+              } else if (l.draggedTreeItemBefore.level < N)
                 O = 0;
-              else if (r.draggedTreeItemBefore.level > N) {
-                if (!r.draggedTreeItemAfter || r.draggedTreeItemAfter.level < N) {
+              else if (l.draggedTreeItemBefore.level > N) {
+                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < N) {
                   const I = pe(ne ?? []);
                   O = s(I).length;
-                } else if (r.draggedTreeItemAfter.level === N) {
-                  const I = o(r.draggedTreeItemAfter);
+                } else if (l.draggedTreeItemAfter.level === N) {
+                  const I = o(l.draggedTreeItemAfter);
                   I && (O = c(I));
                 }
               }
             }
-            const $ = ke(r);
+            const $ = ke(l);
             Oe((de = e.sortableProps) == null ? void 0 : de.onMove) && e.sortableProps.onMove($, J);
           },
-          getPlaceholder(r) {
-            return Pe(r == null ? void 0 : r.item);
+          getPlaceholder(l) {
+            return Pe(l == null ? void 0 : l.item);
           },
-          getPlaceholderOnMove(r) {
-            return Pe(r == null ? void 0 : r.dragged, r.draggedTreeItemLevel || 1);
+          getPlaceholderOnMove(l) {
+            return Pe(l == null ? void 0 : l.dragged, l.draggedTreeItemLevel || 1);
           }
         }));
-      }), nt(le);
+      }), nt(re);
     }
     const ye = Y(), Xe = {
       none: 0,
@@ -638,7 +634,7 @@ const Rt = ({
       if (typeof e.virtual == "object")
         ve = e.virtual;
       else {
-        const { virtualizer: t, ...n } = Ct(Ye);
+        const { virtualizer: t, ...n } = vt(Ye);
         ve = t, W = n;
       }
     const Ne = y(
@@ -652,8 +648,8 @@ const Rt = ({
       var n;
       const t = () => {
         const o = () => {
-          var le;
-          const A = (le = T.default) == null ? void 0 : le.call(T, {
+          var re;
+          const A = (re = T.default) == null ? void 0 : re.call(T, {
             items: Ne.value
           });
           return kt(A) ? Ne.value.map(
@@ -693,7 +689,7 @@ const Rt = ({
         );
       };
       return e.virtual && !e.outerVirtualScroll ? ge(
-        It,
+        xt,
         {
           ...e.scrollContainerProps,
           ref: ye,
@@ -715,10 +711,10 @@ const Rt = ({
 });
 export {
   wt as T,
-  ea as _,
+  Qt as _,
   Nt as a,
   $e as b,
-  Zt as c,
+  Jt as c,
   Pt as f,
   Kt as i,
   zt as p,

package/dist/Upload/Upload.d.ts

@@ -46,9 +46,9 @@ declare const __VLS_component: import('vue').DefineComponent<UploadProps, {
     onCreateRequest?: ((value: UploadFile) => any) | undefined;
     onResetRequest?: ((value: UploadFile) => any) | undefined;
 }>, {
+    type: import('./Upload.model.ts').UploadType;
     size: import('./Upload.model.ts').UploadSize;
     disabled: boolean;
-    type: import('./Upload.model.ts').UploadType;
     multiple: boolean;
     go: boolean;
     uploadOnSelect: boolean;

package/dist/Upload/index.js

@@ -1,4 +1,4 @@
-import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_script_setup_true_lang-BNiFkx47.js";
+import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_script_setup_true_lang-ZRmDqqX8.js";
 export {
   o as Upload,
   p as UploadListTypes,

package/dist/Upload/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_script_setup_true_lang-ClLueLCg.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_script_setup_true_lang-Di3zmtNn.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;

package/dist/Upload.vue_vue_type_script_setup_true_lang-Di3zmtNn.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),te=require("reka-ui"),k=require("@pantograph/utils"),A=require("./isObject-BDHKUJKN.js"),ne=require("class-variance-authority"),se=require("./Progress.vue_vue_type_script_setup_true_lang-DpTDjzYC.js"),Ce=require("./FloatButton.vue_vue_type_script_setup_true_lang-BhhowIQi.js"),P=require("./IconButton.vue_vue_type_script_setup_true_lang-mcs7CjOV.js"),be=require("./Image.vue_vue_type_script_setup_true_lang-Bci9LkrG.js"),y=require("es-toolkit"),B=require("@pantograph/utils-vue"),we=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CudIoHnp.js"),Be=require("./FormValidation.vue_vue_type_script_setup_true_lang-BVTTJmKI.js"),ze=require("@pantograph/style/upload.css?raw"),Ue=require("./isArray-Bin_5of_.js"),J=k.getBemBlock("upload"),O=k.getBemElement(J,"list"),z=k.getBemElement(O,"item"),[D,oe]=te.createContext("Upload"),re=(n,s)=>{if(n&&s){const t=Array.isArray(s)?s:s.split(","),i=(n==null?void 0:n.name)||"",o=(n==null?void 0:n.type)||"",l=o.replace(/\/.*$/,"");return t.some(u=>{const p=u.trim();if(/^\*(?<temp1>\/\*)?$/.test(u))return!0;if(p.charAt(0)==="."){const d=i.toLowerCase(),a=p.toLowerCase();let f=[a];return(a===".jpg"||a===".jpeg")&&(f=[".jpg",".jpeg"]),f.some(v=>d.endsWith(v))}return/\/\*$/.test(p)?l===p.replace(/\/.*$/,""):!!(o===p||/^\w+$/.test(p))})}return!0},Fe=(n,s,t=1024*1024)=>{const i=[];let o=0,l=0;for(;o<n.size;){const u=Math.min(o+t,n.size),p=n.slice(o,u);i.push({chunk:p,chunkSize:u-o,index:l,uid:s(),status:"waiting"}),o=u,l++}return i},ie=(n,{getUid:s,chunkFile:t,chunkSize:i})=>{if(A.isObject(n)){let o;if(n instanceof File)o=n;else try{o=new File([n],n.name??"",{type:n.type??""})}catch{o=new Blob([n],{type:n.type??""}),o.lastModified=new Date().getTime(),o.name=n.name??"",o.webkitRelativePath=""}if(A.isObject(o)&&o instanceof Blob){let l=[];return t&&(l=Fe(o,()=>(s==null?void 0:s(!0))??k.usePCId(void 0,!0),i)),{uid:n.uid??(s==null?void 0:s())??k.usePCId(void 0,!0),originFileObj:o,status:"waiting",chunks:l!=null&&l.length&&(l==null?void 0:l.length)>1?l:void 0,chunksCount:l!=null&&l.length&&(l==null?void 0:l.length)>1?l.length:void 0,name:o==null?void 0:o.name,type:o==null?void 0:o.type,size:o==null?void 0:o.size,lastModified:o==null?void 0:o.lastModified,thumbUrl:void 0}}}},Ie=(n,s)=>{if(A.isObject(n))return n instanceof Blob||n instanceof File?ie(n,s):(!n.uid&&!Object.isFrozen(n)&&(n.uid=s.getUid()),n)},ae=["error","paused","done","uploading","waiting"],K=["md","lg","xlg"],X=["image","card"],le=["outline","transparent"],W={other:{icon:"tabler:file-text",fg:"primary",bg:"primary-subtle"},text:{icon:"tabler:file-typography",fg:"primary",bg:"primary-subtle"},image:{icon:"tabler:photo",fg:"primary",bg:"primary-subtle"},video:{icon:"tabler:video",fg:"primary",bg:"primary-subtle"},zip:{icon:"tabler:file-zip",fg:"primary",bg:"primary-subtle"},pdf:{icon:"tabler:file-type-pdf",fg:"red",bg:"red-subtle"},document:{icon:"tabler:file-type-docx",fg:"primary",bg:"primary-subtle"},excel:{icon:"tabler:file-type-csv",fg:"green",bg:"green-subtle"}},Ee={image:["3fr","arw","bmp","dib","cr2","crw","dng","gif","heic","heif","ico","jfif","jpe","jpeg","jpg","jp2","nef","png","raf","raw","rw2","sr2","svg","svg","tga","tif","tiff","wdp","webp"],video:["3g2","3gp2","3gp","3gpp","asf","asx","avi","flv","m1v","m2v","mod","mp2v","mpa","mpe","mpv2","mpeg","mpegvideo","m2t","m2ts","tts","ts","mkv","mp4v","mp4","mov","m4v","mjpeg","mts","ogv","webm","wm","wmv","wmx","wvx"],text:["addin","dtsconfig","vssettings","vstemplate","xml","xrm-ms","xsd","xsl","cd","cs","csproj","iss","py","pyw","rc","rc2","rct","sln","srt","txt","user","vb","vbproj","vdp","vdproj","vspscc","vsscc","vssscc","contact","css","group","html","htm","shtml","htc","ics","iqy","odc","sct","wsc","vcf","vtt"],zip:["zip","7z","rar","tar.gz"],document:["doc","docx","odt","rtf"],excel:["xls","xlsx","csv","ods"],pdf:["pdf"]},ce=n=>{if(n){for(const[s,t]of Object.entries(Ee))if(t.includes(n.toLowerCase()))return s}return"other"},ue=(n="")=>{const s=n.split("/"),i=s[s.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(i)||[""])[0]},Y=n=>{var s,t,i;return(i=(t=(s=n==null?void 0:n.split)==null?void 0:s.call(n,"/"))==null?void 0:t.pop)==null?void 0:i.call(t)},Le=n=>{var t;let s=Y((n==null?void 0:n.type)||((t=n==null?void 0:n.originFileObj)==null?void 0:t.type));if(n!=null&&n.url&&!s)try{s=ue(n==null?void 0:n.url)}catch{}return s},H=n=>ce(n)==="image",pe=n=>{if(n.type&&!n.thumbUrl)return H(Y(n.type));const s=n.thumbUrl||n.url||"",t=ue(s);return/^data:image\//.test(s)||H(t)?!0:!(/^data:/.test(s)||t)},Te=e.defineComponent({...B.getComponentOptions("UploadListItemImage"),__name:"UploadListItemImage",setup(n){const s=D(),t=Z(),i=()=>{var o,l,u;y.isFunction((o=t.props.uploadFile)==null?void 0:o.cancel)&&((u=(l=t.props.uploadFile).cancel)==null||u.call(l)),s.remove(t.props.uploadFile)};return(o,l)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(t).props.uploadFile.status!=="waiting"?(e.openBlock(),e.createBlock(be._sfc_main,{key:0,src:e.unref(pe)(e.unref(t).props.uploadFile)?e.unref(t).props.uploadFile.thumbUrl??e.unref(t).props.uploadFile.url:void 0,aspectRatio:"1:1",class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(z),"image")),sizeRange:"xsm",alt:e.unref(t).label.value,hovered:e.unref(t).props.uploadFile.status==="uploading",width:"100%"},e.createSlots({_:2},[["error","done"].includes(e.unref(t).props.uploadFile.status)?{name:"actions",fn:e.withCtx(()=>[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,color:"neutral",type:"ghost",icon:"tabler:eye",size:"sm",onClick:l[0]||(l[0]=p=>e.unref(s).emit("preview",e.unref(t).props.uploadFile))})):e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,color:"neutral",type:"ghost",icon:"tabler:reload",size:"sm",onClick:l[1]||(l[1]=p=>e.unref(s).resetRequest(e.unref(t).props.uploadFile))})):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["src","class","alt","hovered"])):e.createCommentVNode("",!0),["uploading","waiting"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createBlock(se._sfc_main,{key:1,type:"circle",size:e.unref(s).progressSize.value,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(z),"progress")),indeterminate:e.unref(t).props.uploadFile.status==="waiting",percent:((u=e.unref(t).props.uploadFile)==null?void 0:u.percent)??0},null,8,["size","class","indeterminate","percent"])):e.createCommentVNode("",!0),e.createVNode(Ce._sfc_main,{class:e.normalizeClass(e.unref(k.normCls)(e.unref(k.getBemElement)(e.unref(z),"cancel"),"pantograph-tokens pantograph-dark")),color:"neutral",icon:"tabler:x",size:"sm",onClick:i},null,8,["class"])],64)}}}),Se=e.defineComponent({...B.getComponentOptions("UploadFileGO"),__name:"UploadFileGO",setup(n){const s=Z(),t=D(),i=e.computed(()=>ce(Le(s.props.uploadFile))),o=e.computed(()=>y.isFunction(t.props.getFileIcon)?t.props.getFileIcon(s.props.uploadFile):W[i.value].icon),l=e.computed(()=>W[i.value].fg),u=e.computed(()=>W[i.value].bg),p=()=>{var v,h,w,I;const f=(h=(v=t.slots).go)==null?void 0:h.call(v,{uploadFile:s.props.uploadFile});return B.isEmptyElement(f)?pe(s.props.uploadFile)?e.h("img",{class:k.getBemElement(z,"thumb"),alt:s.props.uploadFile.name??"",src:((w=s.props.uploadFile)==null?void 0:w.thumbUrl)??((I=s.props.uploadFile)==null?void 0:I.url)}):null:f},d=()=>{var v,h;const f=(h=(v=t.slots).goIcon)==null?void 0:h.call(v,{uploadFile:s.props.uploadFile});return B.isEmptyElement(f)?null:f},a=()=>e.h(we._sfc_main,{size:t.goSize.value,icon:o.value,fg:l.value,bg:u.value},{default:p,icon:d});return(f,v)=>(e.openBlock(),e.createBlock(a))}}),Pe=e.defineComponent({...B.getComponentOptions("UploadListItemCard"),__name:"UploadListItemCard",setup(n){const s=D(),t=Z(),i=()=>{var f,v;const d=(v=(f=s.slots).description)==null?void 0:v.call(f,{uploadFile:t.props.uploadFile});let a;if(B.isEmptyElement(d)||(a=d),t.props.uploadFile.description&&(a=t.props.uploadFile.description),a)return e.h("div",{class:k.getBemElement(z,"description")},a)},o=()=>{var a,f;const d=(f=(a=s.slots).title)==null?void 0:f.call(a,{uploadFile:t.props.uploadFile});return B.isEmptyElement(d)?t.label.value:d},l=()=>{var d;if(y.isFunction(s.props.onDownload))return s.props.onDownload(t.props.uploadFile);if((d=t.props.uploadFile)!=null&&d.url&&typeof window<"u")return window.open(t.props.uploadFile.url)},u=e.computed(()=>{var d,a;return(d=t.props.uploadFile)!=null&&d.percent&&((a=t.props.uploadFile)==null?void 0:a.status)!=="waiting"?`${(t.props.uploadFile.percent??0).toFixed(0)}%`:"waiting..."}),p=(d,a)=>{var v,h,w,I;const f=(h=(v=s.slots)==null?void 0:v.actions)==null?void 0:h.call(v,{...s,uploadFile:t.props.uploadFile,downloadFile:l});return B.isEmptyElement(f)?(I=(w=a.slots)==null?void 0:w.default)==null?void 0:I.call(w,{}):f};return(d,a)=>{var f;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(s).props.go?(e.openBlock(),e.createBlock(Se,{key:0})):e.createCommentVNode("",!0),["error","done"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(z),"content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(z),"title"))},[e.createVNode(o)],2),e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(Be._sfc_main$2,{key:0,message:"Failed",status:"error"})):e.unref(s).props.size!=="md"?(e.openBlock(),e.createBlock(i,{key:1})):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createBlock(se._sfc_main,{key:1,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(z),"progress")),percent:((f=e.unref(t).props.uploadFile)==null?void 0:f.percent)??0,label:e.unref(t).label.value,helperText:u.value,helperTextCls:e.unref(k.getBemElement)(e.unref(z),"percent")},{label:e.withCtx(()=>[e.createVNode(o)]),_:1},8,["class","percent","label","helperText","helperTextCls"])),e.createVNode(p,null,{default:e.withCtx(()=>{var v;return[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:download",size:"sm",type:"ghost",color:"neutral",onClick:l})):e.createCommentVNode("",!0),e.unref(s).props.pausableChunked&&e.unref(t).props.uploadFile.status==="uploading"&&((v=e.unref(t).props.uploadFile.chunks)!=null&&v.length)&&e.unref(y.isFunction)(e.unref(t).props.uploadFile.cancel)?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:pause",size:"sm",type:"ghost",color:"neutral",onClick:e.unref(t).props.uploadFile.cancel},null,8,["onClick"])):e.unref(s).canRunUpload(e.unref(t).props.uploadFile)?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:["paused","waiting"].includes(e.unref(t).props.uploadFile.status)?"tabler:player-play":"tabler:reload",size:"sm",type:"ghost",color:"neutral",onClick:a[0]||(a[0]=h=>e.unref(s).resetRequest(e.unref(t).props.uploadFile))},null,8,["icon"])):e.createCommentVNode("",!0),e.createVNode(P._sfc_main,{icon:["done","error"].includes(e.unref(t).props.uploadFile.status)?"tabler:trash":"tabler:x",size:"sm",type:"ghost",color:"neutral",onClick:a[1]||(a[1]=h=>e.unref(s).remove(e.unref(t).props.uploadFile))},null,8,["icon"])]}),_:1})],64)}}}),[Z,De]=te.createContext("UploadItem"),Re=e.defineComponent({...B.getComponentOptions("UploadListItem"),__name:"UploadListItem",props:{uploadFile:{}},setup(n){const s=n,t=ne.cva(z,{variants:{size:k.generateVariantClassList(K,z),listType:k.generateVariantClassList(X,z),type:k.generateVariantClassList(le,z),status:k.generateVariantClassList(ae,z)}}),i=e.computed(()=>{var u,p,d;return((u=s.uploadFile)==null?void 0:u.name)??((d=(p=s.uploadFile)==null?void 0:p.originFileObj)==null?void 0:d.name)}),o=D();De({props:s,label:i});const l=()=>{var p,d;const u=(d=(p=o.slots).listItem)==null?void 0:d.call(p,{...o,uploadFile:s.uploadFile});return B.isEmptyElement(u)?o.props.listType==="card"?e.h(Pe):e.h(Te):u};return(u,p)=>{var d;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t)({size:e.unref(o).props.size,listType:e.unref(o).props.listType,type:e.unref(o).props.type,status:(d=u.uploadFile)==null?void 0:d.status}))},[e.createVNode(l)],2)}}}),Ve=e.defineComponent({...B.getComponentOptions("UploadList"),__name:"UploadList",setup(n){const s=D(),t=ne.cva(O,{variants:{size:k.generateVariantClassList(K,O),listType:k.generateVariantClassList(X,O)}}),i=()=>{var l,u;const o=(u=(l=s.slots).list)==null?void 0:u.call(l,s);return B.isEmptyElement(o)?s.fileList.value.map(p=>e.h(Re,{uploadFile:p,key:p.uid})):o};return(o,l)=>{var u;return(u=e.unref(s).fileList.value)!=null&&u.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t)({size:e.unref(s).props.size,listType:e.unref(s).props.listType}))},[e.createVNode(i)],2)):e.createCommentVNode("",!0)}}}),qe=n=>new Promise(s=>{n.file(t=>{n.fullPath&&!t.webkitRelativePath&&Object.defineProperty(t,"webkitRelativePath",{value:n.fullPath.replace(/^\//,""),writable:!1}),s(t)})}),Oe=n=>{const s=n.createReader(),t=[];return new Promise(i=>{const o=()=>{s.readEntries(l=>{l.length===0?i(t):(t.push(...l),o())})};o()})},je=async n=>{const s=[],t=async i=>{if(i.isFile){const o=await qe(i);s.push(o)}else if(i.isDirectory){const o=await Oe(i);await Promise.all(o.map(t))}};return await Promise.all(n.map(i=>{var l;const o=(l=i.webkitGetAsEntry)==null?void 0:l.call(i);if(o)return t(o)})),s},Ne=["accept","webkitdirectory","multiple","value","disabled"],de=e.defineComponent({...B.getComponentOptions("UploadTrigger"),__name:"UploadTrigger",props:{directory:{type:Boolean},multiple:{type:Boolean},disabled:{type:Boolean,default:void 0},accept:{},class:{}},emits:["addFiles"],setup(n,{emit:s}){const t=s,i=n,{getDisabled:o}=B.useFormInput(),l=e.ref(),u=h=>{const{files:w}=h.target;t("addFiles",Array.prototype.slice.call(w)),p.value&&(p.value.value="")},p=e.ref(),d=()=>{var h;(h=p.value)==null||h.click()},a=h=>{h.key==="Enter"&&d()},f=async h=>{if(h.preventDefault(),h.type==="dragover")return;let w=[];h.dataTransfer&&(i.directory?w=await je(Array.prototype.slice.call(h.dataTransfer.items)):w=Array.prototype.slice.call(h.dataTransfer.files)),i.multiple||(w=w.slice(0,1)),t("addFiles",w.filter(I=>re(I,i.accept)))},v=e.computed(()=>o.value?{}:{onClick:d,onKeydown:a,onDrop:f,onDragover:f});return(h,w)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(k.normCls)(i.class)},v.value),[e.renderSlot(h.$slots,"default",e.normalizeProps(e.guardReactiveProps({...v.value,disabled:e.unref(o),tabindex:"0"}))),e.createElementVNode("input",{type:"file",accept:h.accept,webkitdirectory:h.directory,multiple:h.multiple,value:l.value,disabled:e.unref(o),onChange:u,ref_key:"inputRef",ref:p,style:{display:"none"}},null,40,Ne)],16))}}),T=200;function $e(n){return new Promise(s=>{if(!n.type||!H(Y(n.type))){s("");return}const t=document.createElement("canvas");t.width=T,t.height=T,t.style.cssText=`position: fixed; left: 0; top: 0; width: ${T}px; height: ${T}px; z-index: 9999; display: none;`,document.body.appendChild(t);const i=t.getContext("2d"),o=new Image;if(o.onload=()=>{const{width:l,height:u}=o;let p=T,d=T,a=0,f=0;l>u?(d=u*(T/l),f=-(d-p)/2):(p=l*(T/u),a=-(p-d)/2),i.drawImage(o,a,f,p,d);const v=t.toDataURL();document.body.removeChild(t),s(v)},o.crossOrigin="anonymous",n.type.startsWith("image/svg+xml")){const l=new FileReader;l.addEventListener("load",()=>{l.result&&(o.src=l.result)}),l.readAsDataURL(n)}else o.src=window.URL.createObjectURL(n)})}const Ae=e.defineComponent({...B.getComponentOptions("Upload",!1),__name:"Upload",props:{onDownload:{},parallelUpload:{type:Boolean},uploadOnSelect:{type:Boolean,default:!0},pausableChunked:{type:Boolean},noTrigger:{type:Boolean},fileList:{},size:{default:"md"},chunkSize:{},listType:{default:"card"},type:{default:"outline"},go:{type:Boolean,default:!0},maxCount:{},action:{},getFileIcon:{},triggerCls:{},directory:{type:Boolean},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:void 0},accept:{}},emits:["update:fileList","change","preview","createRequest","resetRequest","remove"],setup(n,{expose:s,emit:t}){B.useComponentStyle("upload",ze);const i=n,o=t,l=e.useSlots(),u=e.useAttrs(),p=k.getBemElement(J,"file"),d=r=>k.usePCId(r?k.getBemElement(p,"chunk"):p,!0),a=e.ref([]),f=e.computed(()=>i.listType!=="image"&&i.pausableChunked);let v=!1;e.watch(()=>i.fileList,r=>{var g,x;v=!0,a.value=(x=(g=r??[])==null?void 0:g.map)==null?void 0:x.call(g,U=>{if(U&&A.isObject(U))return Ie(U,{getUid:d,chunkFile:f.value,chunkSize:i.chunkSize})}).filter(Boolean),e.nextTick(()=>v=!1)},{immediate:!0,deep:!0}),e.watch(a,r=>{v||o("update:fileList",r??[])},{immediate:!0,deep:!0});const h=e.computed(()=>i.maxCount?Number(i.maxCount):0),w=r=>{if(r){const g=a.value.findIndex(x=>x.uid&&r.uid&&x.uid===r.uid);g===-1&&(!h.value||h.value>a.value.length)?a.value.push(r):g>-1&&a.value.splice(g,0,r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"add"})}},I=e.computed(()=>i.accept??i.listType==="image"?"image/*":void 0),Q=r=>{Ue.isArray(r)&&r.filter(g=>!i.directory||re(g,I.value)).forEach(g=>{w(ie(g,{getUid:d,chunkFile:f.value,chunkSize:i.chunkSize}))})},j=e.computed(()=>{var r;return i.uploadOnSelect||i.listType==="image"?((r=a.value)==null?void 0:r.filter(g=>g.status==="waiting"&&g.originFileObj))??[]:[]}),R=e.computed(()=>{var r;return((r=a.value)==null?void 0:r.filter(g=>g.status==="uploading"&&(g==null?void 0:g.cancel)))??[]}),E=(r,g)=>{if(r&&g){const x=a.value.findIndex(U=>U.uid===r);x>-1&&(a.value[x]={...a.value[x],...g})}},N=async r=>{var g,x,U,$;if(r.uid&&a.value){const C=a.value.find(S=>S.uid===r.uid),ke=f.value&&((g=C==null?void 0:C.chunks)==null?void 0:g.length)&&(C==null?void 0:C.chunks.length)>1&&(C==null?void 0:C.status)==="uploading"&&(C==null?void 0:C.chunks.some(S=>S.status==="waiting"));if(C&&y.isFunction(i.action)&&(!R.value.length||i.parallelUpload||ke)){const S=new AbortController,_e=()=>{const _=()=>S.abort(),c=y.cloneDeep(C);if(f.value&&c.chunks&&c.chunks.length>1){const m=c.chunks.findIndex(F=>F.status==="waiting");m>-1&&(c.chunks[m]={...c.chunks[m],status:"uploading",cancel:_})}E(c.uid,{status:"uploading",cancel:_})};let b={signal:S.signal,onUploadProgress(_){},uid:r.uid};if(f.value&&C.chunks&&C.chunks.length>1&&C.chunks.some(_=>_.status==="waiting")){const _=C.chunks.find(c=>c.status==="waiting");_!=null&&_.uid&&(b={...b,...y.pick(_,["chunk","chunkSize","index"]),chunk_uid:_.uid,onUploadProgress(c){var F,V,L,ee;const m=y.cloneDeep(a.value.find(q=>q.uid===r.uid));if(m){const q=(F=m.chunks)==null?void 0:F.findIndex(G=>G.uid===_.uid);q!==void 0&&((V=m.chunks)!=null&&V[q])&&(m.chunks[q].percent=Math.round(c.loaded*100/c.total)),(L=m.chunks)!=null&&L.length&&((ee=m.chunks)==null?void 0:ee.length)>1?m.percent=Math.min(Math.max(m.chunks.reduce((G,xe)=>G+(xe.percent??0),0)/(100*m.chunks.length),0),100):m.percent=Math.round(c.loaded*100/c.total),E(m.uid,{chunks:m.chunks,percent:m.percent})}}})}else b={...b,file:C.originFileObj,onUploadProgress(_){const c=y.cloneDeep(a.value.find(m=>m.uid===r.uid));c&&E(c.uid,{percent:Math.round(_.loaded*100/_.total)})}};if(_e(),b.file||b.chunk){o("createRequest",r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"upload"});try{let _=await i.action(b);try{typeof _=="string"&&(_=JSON.parse(_))}catch{}let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){let m=!1;if(b.chunk_uid&&((x=c.chunks)!=null&&x.length)&&c.chunks.length>1){const F=c.chunks.findIndex(L=>L.uid===b.chunk_uid);c.chunks[F]&&(c.chunks[F]={...c.chunks[F],cancel:void 0,status:"done",response:_??void 0});const V=c.chunks.every(L=>L.status==="done")?"done":"uploading";V==="done"?c={...c,cancel:void 0,status:V}:c.chunks.some(L=>L.status==="waiting")&&(m=!0)}else c={...c,cancel:void 0,status:"done",response:_??void 0};E(b.uid,c),m&&await N(c)}}catch(_){if(_.name==="CanceledError"){let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){if(b.chunk_uid&&((U=c.chunks)!=null&&U.length)&&c.chunks.length>1){const m=c.chunks.findIndex(F=>F.uid===b.chunk_uid);c.chunks[m]&&(c.chunks[m]={...c.chunks[m],cancel:void 0,status:"waiting"}),c={...c,cancel:void 0,status:"paused"},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"paused"})}else c={...c,cancel:void 0,status:"error"},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"cancel"});E(b.uid,c)}}else{let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){if(b.chunk_uid&&(($=c.chunks)!=null&&$.length)&&c.chunks.length>1){const m=c.chunks.findIndex(F=>F.uid===b.chunk_uid);c.chunks[m]&&(c.chunks[m]={...c.chunks[m],cancel:void 0,status:"waiting"})}c={...c,cancel:void 0,status:"error",error:_,percent:0},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"failed"}),E(b.uid,c)}}}}}}},me=async r=>{if(r.uid&&a.value)return E(r.uid,{status:"waiting"}),o("resetRequest",r),N(r)},fe=async r=>{var g;if(r.uid&&a.value){const x=y.cloneDeep(a.value??[]),U=x.findIndex($=>$.uid===r.uid);U>-1&&x[U]&&((g=r.cancel)==null||g.call(r),x.splice(U,1),a.value=x,o("remove",r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"remove"}))}},ge=r=>!!((i.parallelUpload||!R.value.length)&&(r.status==="paused"||r.status==="error"||(!i.uploadOnSelect||i.listType==="image")&&r.status==="waiting")),he=e.computed(()=>{switch(i.size){case"xlg":return"md";default:return"sm"}}),ve=y.throttle(()=>{(i.parallelUpload&&j.value.length||!R.value.length)&&j.value.forEach(N),(a.value||[]).forEach(r=>{typeof document>"u"||typeof window>"u"||!window.FileReader||!window.File||!(r.originFileObj instanceof File||r.originFileObj instanceof Blob)||r.thumbUrl!==void 0||(r.thumbUrl="",$e(r.originFileObj).then(g=>{const x=g||"";x!==r.thumbUrl&&E(r==null?void 0:r.uid,{thumbUrl:x})}))})},1e3);e.watch(()=>[i.parallelUpload,j.value,R.value,a.value],ve,{deep:!0,flush:"post"});const ye=e.computed(()=>{switch(i.size){case"xlg":return"sm";case"lg":return"xsm";default:return"x2sm"}}),M={props:i,attrs:u,slots:l,emit:o,fileList:e.readonly(a),progressSize:ye,uploadableFiles:j,uploadingFiles:R,createRequest:N,resetRequest:me,canRunUpload:ge,remove:fe,goSize:he,addFiles:Q};return oe(M),s(M),(r,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(de,{key:0,multiple:r.multiple,directory:r.directory,disabled:r.disabled,accept:I.value,onAddFiles:Q,class:e.normalizeClass(r.triggerCls)},{default:e.withCtx(x=>[e.renderSlot(r.$slots,"default",e.normalizeProps(e.guardReactiveProps(x)))]),_:3},8,["multiple","directory","disabled","accept","class"])),e.renderSlot(r.$slots,"list",e.normalizeProps(e.guardReactiveProps(M)),()=>[e.createVNode(Ve)])],64))}});exports.UploadListTypes=X;exports.UploadSizes=K;exports.UploadStatuses=ae;exports.UploadTypes=le;exports._sfc_main=Ae;exports._sfc_main$1=de;exports.injectUploadContext=D;exports.provideUploadContext=oe;exports.uploadListItemPrefix=z;exports.uploadListPrefix=O;exports.uploadPrefix=J;