vft 0.0.316 → 0.0.319

package/lib/components/tree/index.d.ts

@@ -97,6 +97,7 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-leave"?: (() => any) | undefined;
         "onNode-drag-enter"?: (() => any) | undefined;
@@ -108,7 +109,6 @@ export declare const VftTree: SFCWithInstall<{
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -134,6 +134,7 @@ export declare const VftTree: SFCWithInstall<{
         updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "current-change": () => void;
+        check: () => void;
         "node-drag-start": () => void;
         "node-drag-leave": () => void;
         "node-drag-enter": () => void;
@@ -145,7 +146,6 @@ export declare const VftTree: SFCWithInstall<{
         "node-click": () => void;
         "node-contextmenu": () => void;
         "node-collapse": () => void;
-        check: () => void;
     }, import("vue").PublicProps, {
         data: Array<any>;
         props: import("./tree.type").TreeComponentProps["props"];
@@ -251,6 +251,7 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-leave"?: (() => any) | undefined;
         "onNode-drag-enter"?: (() => any) | undefined;
@@ -262,7 +263,6 @@ export declare const VftTree: SFCWithInstall<{
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -388,6 +388,7 @@ export declare const VftTree: SFCWithInstall<{
     };
 }>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-leave"?: (() => any) | undefined;
     "onNode-drag-enter"?: (() => any) | undefined;
@@ -399,7 +400,6 @@ export declare const VftTree: SFCWithInstall<{
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
 }>, {
     filter: (value: any) => void;
     getNodeKey: (node: import("./model/node").default) => any;
@@ -425,6 +425,7 @@ export declare const VftTree: SFCWithInstall<{
     updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-leave": () => void;
     "node-drag-enter": () => void;
@@ -436,7 +437,6 @@ export declare const VftTree: SFCWithInstall<{
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
-    check: () => void;
 }, string, {
     data: Array<any>;
     props: import("./tree.type").TreeComponentProps["props"];

package/lib/components/tree/model/useDragNode.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const b=require("vue"),B=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const h=Symbol("dragEvents");function x({props:u,ctx:f,el$:q,dropIndicator$:T,store:C}){const g=B.useNamespace("tree"),d=b.ref({showDropIndicator:!1,draggingNode:null,dropNode:null,allowDrop:!0,dropType:null}),$=({event:r,treeNode:t})=>{if(typeof u.allowDrag=="function"&&!u.allowDrag(t.node))return r.preventDefault(),!1;r.dataTransfer.effectAllowed="move";try{r.dataTransfer.setData("text/plain","")}catch{}d.value.draggingNode=t,f.emit("node-drag-start",t.node,r)},S=({event:r,treeNode:t})=>{const e=t,o=d.value.dropNode;o&&o.node.id!==e.node.id&&p.removeClass(o.$el,g.is("drop-inner"));const n=d.value.draggingNode;if(!n||!e)return;let l=!0,i=!0,s=!0,m=!0;typeof u.allowDrop=="function"&&(l=u.allowDrop(n.node,e.node,"prev"),m=i=u.allowDrop(n.node,e.node,"inner"),s=u.allowDrop(n.node,e.node,"next")),r.dataTransfer.dropEffect=i||l||s?"move":"none",(l||i||s)&&o?.node.id!==e.node.id&&(o&&f.emit("node-drag-leave",n.node,o.node,r),f.emit("node-drag-enter",n.node,e.node,r)),(l||i||s)&&(d.value.dropNode=e),e.node.nextSibling===n.node&&(s=!1),e.node.previousSibling===n.node&&(l=!1),e.node.contains(n.node,!1)&&(i=!1),(n.node===e.node||n.node.contains(e.node))&&(l=!1,i=!1,s=!1);const c=e.$el.getBoundingClientRect(),v=q.value.getBoundingClientRect();let a;const P=l?i?.25:s?.45:1:-1,E=s?i?.75:l?.55:0:1;let D=-9999;const y=r.clientY-c.top;y<c.height*P?a="before":y>c.height*E?a="after":i?a="inner":a="none";const N=e.$el.querySelector(`.${g.be("node","expand-icon")}`).getBoundingClientRect(),w=T.value;a==="before"?D=N.top-v.top:a==="after"&&(D=N.bottom-v.top),w.style.top=`${D}px`,w.style.left=`${N.right-v.left}px`,a==="inner"?p.addClass(e.$el,g.is("drop-inner")):p.removeClass(e.$el,g.is("drop-inner")),d.value.showDropIndicator=a==="before"||a==="after",d.value.allowDrop=d.value.showDropIndicator||m,d.value.dropType=a,f.emit("node-drag-over",n.node,e.node,r)},I=r=>{const{draggingNode:t,dropType:e,dropNode:o}=d.value;if(r.preventDefault(),r.dataTransfer.dropEffect="move",t&&o){const n={data:t.node.data};e!=="none"&&t.node.remove(),e==="before"?o.node.parent.insertBefore(n,o.node):e==="after"?o.node.parent.insertAfter(n,o.node):e==="inner"&&o.node.insertChild(n),e!=="none"&&C.value.registerNode(n),p.removeClass(o.$el,g.is("drop-inner")),f.emit("node-drag-end",t.node,o.node,e,r),e!=="none"&&f.emit("node-drop",t.node,o.node,e,r)}t&&!o&&f.emit("node-drag-end",t.node,null,e,r),d.value.showDropIndicator=!1,d.value.draggingNode=null,d.value.dropNode=null,d.value.allowDrop=!0};return b.provide(h,{treeNodeDragStart:$,treeNodeDragOver:S,treeNodeDragEnd:I}),{dragState:d}}exports.dragEventsKey=h;exports.useDragNodeHandler=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@vft/utils");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");const b=require("vue");require("lodash-es");const B=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const h=Symbol("dragEvents");function x({props:u,ctx:f,el$:q,dropIndicator$:T,store:C}){const g=B.useNamespace("tree"),d=b.ref({showDropIndicator:!1,draggingNode:null,dropNode:null,allowDrop:!0,dropType:null}),$=({event:r,treeNode:t})=>{if(typeof u.allowDrag=="function"&&!u.allowDrag(t.node))return r.preventDefault(),!1;r.dataTransfer.effectAllowed="move";try{r.dataTransfer.setData("text/plain","")}catch{}d.value.draggingNode=t,f.emit("node-drag-start",t.node,r)},S=({event:r,treeNode:t})=>{const e=t,o=d.value.dropNode;o&&o.node.id!==e.node.id&&p.removeClass(o.$el,g.is("drop-inner"));const n=d.value.draggingNode;if(!n||!e)return;let l=!0,i=!0,s=!0,m=!0;typeof u.allowDrop=="function"&&(l=u.allowDrop(n.node,e.node,"prev"),m=i=u.allowDrop(n.node,e.node,"inner"),s=u.allowDrop(n.node,e.node,"next")),r.dataTransfer.dropEffect=i||l||s?"move":"none",(l||i||s)&&o?.node.id!==e.node.id&&(o&&f.emit("node-drag-leave",n.node,o.node,r),f.emit("node-drag-enter",n.node,e.node,r)),(l||i||s)&&(d.value.dropNode=e),e.node.nextSibling===n.node&&(s=!1),e.node.previousSibling===n.node&&(l=!1),e.node.contains(n.node,!1)&&(i=!1),(n.node===e.node||n.node.contains(e.node))&&(l=!1,i=!1,s=!1);const c=e.$el.getBoundingClientRect(),v=q.value.getBoundingClientRect();let a;const P=l?i?.25:s?.45:1:-1,E=s?i?.75:l?.55:0:1;let D=-9999;const y=r.clientY-c.top;y<c.height*P?a="before":y>c.height*E?a="after":i?a="inner":a="none";const N=e.$el.querySelector(`.${g.be("node","expand-icon")}`).getBoundingClientRect(),w=T.value;a==="before"?D=N.top-v.top:a==="after"&&(D=N.bottom-v.top),w.style.top=`${D}px`,w.style.left=`${N.right-v.left}px`,a==="inner"?p.addClass(e.$el,g.is("drop-inner")):p.removeClass(e.$el,g.is("drop-inner")),d.value.showDropIndicator=a==="before"||a==="after",d.value.allowDrop=d.value.showDropIndicator||m,d.value.dropType=a,f.emit("node-drag-over",n.node,e.node,r)},I=r=>{const{draggingNode:t,dropType:e,dropNode:o}=d.value;if(r.preventDefault(),r.dataTransfer.dropEffect="move",t&&o){const n={data:t.node.data};e!=="none"&&t.node.remove(),e==="before"?o.node.parent.insertBefore(n,o.node):e==="after"?o.node.parent.insertAfter(n,o.node):e==="inner"&&o.node.insertChild(n),e!=="none"&&C.value.registerNode(n),p.removeClass(o.$el,g.is("drop-inner")),f.emit("node-drag-end",t.node,o.node,e,r),e!=="none"&&f.emit("node-drop",t.node,o.node,e,r)}t&&!o&&f.emit("node-drag-end",t.node,null,e,r),d.value.showDropIndicator=!1,d.value.draggingNode=null,d.value.dropNode=null,d.value.allowDrop=!0};return b.provide(h,{treeNodeDragStart:$,treeNodeDragOver:S,treeNodeDragEnd:I}),{dragState:d}}exports.dragEventsKey=h;exports.useDragNodeHandler=x;

package/lib/components/tree/model/useKeydown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../constants/aria.cjs"),b=require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const c=require("vue"),h=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");function q({el$:u},f){const o=h.useNamespace("tree"),t=c.shallowRef([]),s=c.shallowRef([]);c.onMounted(()=>{E()}),c.onUpdated(()=>{t.value=Array.from(u.value.querySelectorAll("[role=treeitem]")),s.value=Array.from(u.value.querySelectorAll("input[type=checkbox]"))}),c.watch(s,r=>{r.forEach(n=>{n.setAttribute("tabindex","-1")})});const y=r=>{const n=r.target;if(!n.className.includes(o.b("node")))return;const i=r.code;t.value=Array.from(u.value.querySelectorAll(`.${o.is("focusable")}[role=treeitem]`));const a=t.value.indexOf(n);let e;if([l.EVENT_CODE.up,l.EVENT_CODE.down].includes(i)){if(r.preventDefault(),i===l.EVENT_CODE.up){e=a===-1?0:a!==0?a-1:t.value.length-1;const d=e;for(;!f.value.getNode(t.value[e].dataset.key).canFocus;){if(e--,e===d){e=-1;break}e<0&&(e=t.value.length-1)}}else{e=a===-1?0:a<t.value.length-1?a+1:0;const d=e;for(;!f.value.getNode(t.value[e].dataset.key).canFocus;){if(e++,e===d){e=-1;break}e>=t.value.length&&(e=0)}}e!==-1&&t.value[e].focus()}[l.EVENT_CODE.left,l.EVENT_CODE.right].includes(i)&&(r.preventDefault(),n.click());const v=n.querySelector('[type="checkbox"]');[l.EVENT_CODE.enter,l.EVENT_CODE.space].includes(i)&&v&&(r.preventDefault(),v.click())};b.useEventListener(u,"keydown",y);const E=()=>{t.value=Array.from(u.value.querySelectorAll(`.${o.is("focusable")}[role=treeitem]`)),s.value=Array.from(u.value.querySelectorAll("input[type=checkbox]"));const r=u.value.querySelectorAll(`.${o.is("checked")}[role=treeitem]`);if(r.length){r[0].setAttribute("tabindex","0");return}t.value[0]?.setAttribute("tabindex","0")}}exports.useKeydown=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../constants/aria.cjs"),b=require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const c=require("vue");require("lodash-es");const h=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");function q({el$:u},f){const o=h.useNamespace("tree"),t=c.shallowRef([]),s=c.shallowRef([]);c.onMounted(()=>{E()}),c.onUpdated(()=>{t.value=Array.from(u.value.querySelectorAll("[role=treeitem]")),s.value=Array.from(u.value.querySelectorAll("input[type=checkbox]"))}),c.watch(s,r=>{r.forEach(n=>{n.setAttribute("tabindex","-1")})});const y=r=>{const n=r.target;if(!n.className.includes(o.b("node")))return;const i=r.code;t.value=Array.from(u.value.querySelectorAll(`.${o.is("focusable")}[role=treeitem]`));const a=t.value.indexOf(n);let e;if([l.EVENT_CODE.up,l.EVENT_CODE.down].includes(i)){if(r.preventDefault(),i===l.EVENT_CODE.up){e=a===-1?0:a!==0?a-1:t.value.length-1;const d=e;for(;!f.value.getNode(t.value[e].dataset.key).canFocus;){if(e--,e===d){e=-1;break}e<0&&(e=t.value.length-1)}}else{e=a===-1?0:a<t.value.length-1?a+1:0;const d=e;for(;!f.value.getNode(t.value[e].dataset.key).canFocus;){if(e++,e===d){e=-1;break}e>=t.value.length&&(e=0)}}e!==-1&&t.value[e].focus()}[l.EVENT_CODE.left,l.EVENT_CODE.right].includes(i)&&(r.preventDefault(),n.click());const v=n.querySelector('[type="checkbox"]');[l.EVENT_CODE.enter,l.EVENT_CODE.space].includes(i)&&v&&(r.preventDefault(),v.click())};b.useEventListener(u,"keydown",y);const E=()=>{t.value=Array.from(u.value.querySelectorAll(`.${o.is("focusable")}[role=treeitem]`)),s.value=Array.from(u.value.querySelectorAll("input[type=checkbox]"));const r=u.value.querySelectorAll(`.${o.is("checked")}[role=treeitem]`);if(r.length){r[0].setAttribute("tabindex","0");return}t.value[0]?.setAttribute("tabindex","0")}}exports.useKeydown=q;

package/lib/components/tree/tree-node-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=e.defineComponent({name:"VftTreeNodeContent",props:{node:{type:Object,required:!0},renderContent:Function},setup(n){const s=i.useNamespace("tree"),u=e.inject("NodeInstance"),r=e.inject("RootTree");return()=>{const t=n.node,{data:o,store:c}=t;return n.renderContent?n.renderContent(e.h,{_self:u,node:t,data:o,store:c}):r.ctx.slots.default?r.ctx.slots.default({node:t,data:o}):e.h("span",{class:s.be("node","label")},[t.label])}}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const e=require("vue");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"VftTreeNodeContent",props:{node:{type:Object,required:!0},renderContent:Function},setup(n){const s=d.useNamespace("tree"),u=e.inject("NodeInstance"),r=e.inject("RootTree");return()=>{const t=n.node,{data:o,store:c}=t;return n.renderContent?n.renderContent(e.h,{_self:u,node:t,data:o,store:c}):r.ctx.slots.default?r.ctx.slots.default({node:t,data:o}):e.h("span",{class:s.be("node","label")},[t.label])}}});exports.default=i;

package/lib/components/tree/tree-node.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("@vft/utils"),T=require("../checkbox/index.cjs"),_=require("../collapse-transition/index.cjs"),S=require("../icon/index.cjs");require("@vueuse/core");const O=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("vue"),I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./model/node.cjs"),B=require("./model/useDragNode.cjs"),$=require("./model/useNodeExpandEventBroadcast.cjs"),N=require("./model/util.cjs"),j=require("./tree-node-content.vue2.cjs"),p=d.defineComponent({name:"TreeNode",components:{CollapseTransition:_.VftCollapseTransition,TreeCheckbox:T.VftCheckbox,NodeContent:j.default,Icon:S.VftIcon},props:{node:{type:w.default,default:()=>({})},props:{type:Object,default:()=>({})},accordion:Boolean,renderContent:Function,renderAfterExpand:Boolean,showCheckbox:{type:Boolean,default:!1}},emits:["node-expand"],setup(n,k){const v=I.useNamespace("tree"),{broadcastExpanded:m}=$.useNodeExpandEventBroadcast(n),t=d.inject("RootTree"),c=d.ref(!1),l=d.ref(!1),i=d.ref(null),s=d.ref(null),f=d.ref(null),u=d.inject(B.dragEventsKey),r=d.getCurrentInstance();d.provide("NodeInstance",r),t||O.debugWarn("Tree","Can not find node's tree."),n.node.expanded&&(c.value=!0,l.value=!0);const q=t.props.children||"children";d.watch(()=>{const e=n.node.data[q];return e&&[...e]},()=>{n.node.updateChildren()}),d.watch(()=>n.node.indeterminate,e=>{h(n.node.checked,e)}),d.watch(()=>n.node.checked,e=>{h(e,n.node.indeterminate)}),d.watch(()=>n.node.expanded,e=>{d.nextTick(()=>c.value=e),e&&(l.value=!0)});const y=e=>N.getNodeKey(t.props.nodeKey,e.data),D=e=>{const a=n.props.class;if(!a)return{};let o;if(x.isFunction(a)){const{data:K}=e;o=a(K,e)}else o=a;return x.isString(o)?{[o]:!0}:o},h=(e,a)=>{(i.value!==e||s.value!==a)&&t.ctx.emit("check-change",n.node.data,e,a),i.value=e,s.value=a},E=e=>{N.handleCurrentChange(t.store,t.ctx.emit,()=>t.store.value.setCurrentNode(n.node)),t.currentNode.value=n.node,t.props.expandOnClickNode&&g(),t.props.checkOnClickNode&&!n.node.disabled&&C(null,{target:{checked:!n.node.checked}}),t.ctx.emit("node-click",n.node.data,n.node,r,e)},b=e=>{t.instance.vnode.props.onNodeContextmenu&&(e.stopPropagation(),e.preventDefault()),t.ctx.emit("node-contextmenu",e,n.node.data,n.node,r)},g=()=>{n.node.isLeaf||(c.value?(t.ctx.emit("node-collapse",n.node.data,n.node,r),n.node.collapse()):(n.node.expand(),k.emit("node-expand",n.node.data,n.node,r)))},C=(e,a)=>{n.node.setChecked(a.target.checked,!t.props.checkStrictly),d.nextTick(()=>{const o=t.store.value;t.ctx.emit("check",n.node.data,{checkedNodes:o.getCheckedNodes(),checkedKeys:o.getCheckedKeys(),halfCheckedNodes:o.getHalfCheckedNodes(),halfCheckedKeys:o.getHalfCheckedKeys()})})};return{ns:v,node$:f,tree:t,expanded:c,childNodeRendered:l,oldChecked:i,oldIndeterminate:s,getNodeKey:y,getNodeClass:D,handleSelectChange:h,handleClick:E,handleContextMenu:b,handleExpandIconClick:g,handleCheckChange:C,handleChildNodeExpand:(e,a,o)=>{m(a),t.ctx.emit("node-expand",e,a,o)},handleDragStart:e=>{t.props.draggable&&u.treeNodeDragStart({event:e,treeNode:n})},handleDragOver:e=>{e.preventDefault(),t.props.draggable&&u.treeNodeDragOver({event:e,treeNode:{$el:f.value,node:n.node}})},handleDrop:e=>{e.preventDefault()},handleDragEnd:e=>{t.props.draggable&&u.treeNodeDragEnd(e)}}}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("@vft/utils"),T=require("../checkbox/index.cjs"),_=require("../collapse-transition/index.cjs"),S=require("../icon/index.cjs");require("@vueuse/core");const O=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const d=require("vue");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./model/node.cjs"),B=require("./model/useDragNode.cjs"),$=require("./model/useNodeExpandEventBroadcast.cjs"),N=require("./model/util.cjs"),j=require("./tree-node-content.vue2.cjs"),p=d.defineComponent({name:"TreeNode",components:{CollapseTransition:_.VftCollapseTransition,TreeCheckbox:T.VftCheckbox,NodeContent:j.default,Icon:S.VftIcon},props:{node:{type:w.default,default:()=>({})},props:{type:Object,default:()=>({})},accordion:Boolean,renderContent:Function,renderAfterExpand:Boolean,showCheckbox:{type:Boolean,default:!1}},emits:["node-expand"],setup(n,k){const v=I.useNamespace("tree"),{broadcastExpanded:m}=$.useNodeExpandEventBroadcast(n),t=d.inject("RootTree"),c=d.ref(!1),l=d.ref(!1),i=d.ref(null),s=d.ref(null),f=d.ref(null),u=d.inject(B.dragEventsKey),r=d.getCurrentInstance();d.provide("NodeInstance",r),t||O.debugWarn("Tree","Can not find node's tree."),n.node.expanded&&(c.value=!0,l.value=!0);const q=t.props.children||"children";d.watch(()=>{const e=n.node.data[q];return e&&[...e]},()=>{n.node.updateChildren()}),d.watch(()=>n.node.indeterminate,e=>{h(n.node.checked,e)}),d.watch(()=>n.node.checked,e=>{h(e,n.node.indeterminate)}),d.watch(()=>n.node.expanded,e=>{d.nextTick(()=>c.value=e),e&&(l.value=!0)});const y=e=>N.getNodeKey(t.props.nodeKey,e.data),D=e=>{const a=n.props.class;if(!a)return{};let o;if(x.isFunction(a)){const{data:K}=e;o=a(K,e)}else o=a;return x.isString(o)?{[o]:!0}:o},h=(e,a)=>{(i.value!==e||s.value!==a)&&t.ctx.emit("check-change",n.node.data,e,a),i.value=e,s.value=a},E=e=>{N.handleCurrentChange(t.store,t.ctx.emit,()=>t.store.value.setCurrentNode(n.node)),t.currentNode.value=n.node,t.props.expandOnClickNode&&g(),t.props.checkOnClickNode&&!n.node.disabled&&C(null,{target:{checked:!n.node.checked}}),t.ctx.emit("node-click",n.node.data,n.node,r,e)},b=e=>{t.instance.vnode.props.onNodeContextmenu&&(e.stopPropagation(),e.preventDefault()),t.ctx.emit("node-contextmenu",e,n.node.data,n.node,r)},g=()=>{n.node.isLeaf||(c.value?(t.ctx.emit("node-collapse",n.node.data,n.node,r),n.node.collapse()):(n.node.expand(),k.emit("node-expand",n.node.data,n.node,r)))},C=(e,a)=>{n.node.setChecked(a.target.checked,!t.props.checkStrictly),d.nextTick(()=>{const o=t.store.value;t.ctx.emit("check",n.node.data,{checkedNodes:o.getCheckedNodes(),checkedKeys:o.getCheckedKeys(),halfCheckedNodes:o.getHalfCheckedNodes(),halfCheckedKeys:o.getHalfCheckedKeys()})})};return{ns:v,node$:f,tree:t,expanded:c,childNodeRendered:l,oldChecked:i,oldIndeterminate:s,getNodeKey:y,getNodeClass:D,handleSelectChange:h,handleClick:E,handleContextMenu:b,handleExpandIconClick:g,handleCheckChange:C,handleChildNodeExpand:(e,a,o)=>{m(a),t.ctx.emit("node-expand",e,a,o)},handleDragStart:e=>{t.props.draggable&&u.treeNodeDragStart({event:e,treeNode:n})},handleDragOver:e=>{e.preventDefault(),t.props.draggable&&u.treeNodeDragOver({event:e,treeNode:{$el:f.value,node:n.node}})},handleDrop:e=>{e.preventDefault()},handleDragEnd:e=>{t.props.draggable&&u.treeNodeDragEnd(e)}}}});exports.default=p;

package/lib/components/tree/tree.vue.d.ts

@@ -69,6 +69,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     updateNode: (data: TreeData, refNode: TreeKey | TreeNodeData | Node) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-leave": () => void;
     "node-drag-enter": () => void;
@@ -80,7 +81,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
-    check: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TreeProps>, {
     renderAfterExpand: boolean;
     expandOnClickNode: boolean;
@@ -94,6 +94,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     indent: number;
 }>>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-leave"?: (() => any) | undefined;
     "onNode-drag-enter"?: (() => any) | undefined;
@@ -105,7 +106,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
 }>, {
     data: Array<any>;
     props: TreeComponentProps["props"];

package/lib/components/tree/tree.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("../form/index.cjs");require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const F=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("./model/tree-store.cjs"),R=require("./model/useDragNode.cjs"),U=require("./model/useKeydown.cjs"),G=require("./model/useNodeExpandEventBroadcast.cjs"),h=require("./model/util.cjs"),J=require("./tree-node.vue.cjs"),Q=require("../form/constants.cjs"),W=r.defineComponent({__name:"tree",props:{data:{default:[]},emptyText:{},renderAfterExpand:{type:Boolean,default:!0},nodeKey:{},checkStrictly:{type:Boolean},defaultExpandAll:{type:Boolean},expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:{type:Boolean},checkDescendants:{type:Boolean},autoExpandParent:{type:Boolean,default:!0},defaultCheckedKeys:{},defaultExpandedKeys:{},currentNodeKey:{},renderContent:{},showCheckbox:{type:Boolean},draggable:{type:Boolean},allowDrag:{},allowDrop:{},props:{default:{children:"children",label:"label",disabled:"disabled"}},lazy:{type:Boolean},highlightCurrent:{type:Boolean},load:{},filterNodeMethod:{},accordion:{type:Boolean},indent:{default:18},icon:{}},emits:["check-change","current-change","node-click","node-contextmenu","node-collapse","node-expand","check","node-drag-start","node-drag-end","node-drop","node-drag-leave","node-drag-enter","node-drag-over"],setup(g,{expose:k,emit:N}){const t=g,u=N,p=r.getCurrentInstance(),a=F.useNamespace("tree"),n=r.ref(new L.default({key:t.nodeKey,data:t.data,lazy:t.lazy,props:t.props,load:t.load,currentNodeKey:t.currentNodeKey,checkStrictly:t.checkStrictly,checkDescendants:t.checkDescendants,defaultCheckedKeys:t.defaultCheckedKeys,defaultExpandedKeys:t.defaultExpandedKeys,autoExpandParent:t.autoExpandParent,defaultExpandAll:t.defaultExpandAll,filterNodeMethod:t.filterNodeMethod}));n.value.initialize();const s=r.ref(n.value.root),v=r.ref(null),i=r.ref(null),y=r.ref(null),{broadcastExpanded:w}=G.useNodeExpandEventBroadcast(t),{dragState:c}=R.useDragNodeHandler({props:t,ctx:p,el$:i,dropIndicator$:y,store:n});U.useKeydown({el$:i},n);const E=r.computed(()=>{const{childNodes:e}=s.value;return!e||e.length===0||e.every(({visible:o})=>!o)});r.watch(()=>t.currentNodeKey,e=>{n.value.setCurrentNodeKey(e)}),r.watch(()=>t.defaultCheckedKeys,e=>{n.value.setDefaultCheckedKey(e)}),r.watch(()=>t.defaultExpandedKeys,e=>{n.value.setDefaultExpandedKeys(e)}),r.watch(()=>t.data,e=>{n.value.setData(e)},{deep:!0}),r.watch(()=>t.checkStrictly,e=>{n.value.checkStrictly=e});const m=e=>{if(!t.filterNodeMethod)throw new Error("[Tree] filterNodeMethod is required when filter");n.value.filter(e)},f=e=>h.getNodeKey(t.nodeKey,e.data),x=e=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in getNodePath");const o=n.value.getNode(e);if(!o)return[];const d=[o.data];let l=o.parent;for(;l&&l!==s.value;)d.push(l.data),l=l.parent;return d.reverse()},q=(e,o)=>n.value.getCheckedNodes(e,o),B=e=>n.value.getCheckedKeys(e),C=()=>{const e=n.value.getCurrentNode();return e?e.data:null},b=()=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in getCurrentKey");const e=C();return e?e[t.nodeKey]:null},D=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedNodes");n.value.setCheckedNodes(e,o)},T=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedKeys");n.value.setCheckedKeys(e,o)},S=(e,o,d)=>{n.value.setChecked(e,o,d)},z=()=>n.value.getHalfCheckedNodes(),A=()=>n.value.getHalfCheckedKeys(),M=(e,o=!0)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentNode");h.handleCurrentChange(n,u,()=>n.value.setUserCurrentNode(e,o))},I=(e,o=!0)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentKey");h.handleCurrentChange(n,u,()=>n.value.setCurrentNodeKey(e,o))},P=e=>n.value.getNode(e),H=e=>{n.value.remove(e)},$=(e,o)=>{n.value.append(e,o)},O=(e,o)=>{n.value.insertBefore(e,o)},V=(e,o)=>{n.value.insertAfter(e,o)},K=(e,o,d)=>{w(o),u("node-expand",e,o,d)},_=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in updateKeyChild");n.value.updateChildren(e,o)},j=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in updateKeyChild");n.value.updateNode(e,o)};return r.provide("RootTree",{ctx:p,props:t,store:n,root:s,currentNode:v,instance:r.getCurrentInstance()}),r.provide(Q.formItemContextKey,void 0),k({filter:m,getNodeKey:f,getNodePath:x,getCheckedNodes:q,getCheckedKeys:B,getCurrentNode:C,getCurrentKey:b,setCheckedNodes:D,setCheckedKeys:T,setChecked:S,getHalfCheckedNodes:z,getHalfCheckedKeys:A,setCurrentNode:M,setCurrentKey:I,getNode:P,remove:H,append:$,insertBefore:O,insertAfter:V,handleNodeExpand:K,updateKeyChildren:_,updateNode:j}),(e,o)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"el$",ref:i,class:r.normalizeClass([r.unref(a).b(),r.unref(a).is("dragging",!!r.unref(c).draggingNode),r.unref(a).is("drop-not-allow",!r.unref(c).allowDrop),r.unref(a).is("drop-inner",r.unref(c).dropType==="inner"),{[r.unref(a).m("highlight-current")]:e.highlightCurrent}]),role:"tree"},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s.value.childNodes,d=>(r.openBlock(),r.createBlock(J.default,{key:f(d),node:d,props:t,accordion:e.accordion,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,"render-content":e.renderContent,onNodeExpand:K},null,8,["node","accordion","render-after-expand","show-checkbox","render-content"]))),128)),E.value?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(r.unref(a).e("empty-block"))},[r.renderSlot(e.$slots,"empty",{},()=>[r.createElementVNode("span",{class:r.normalizeClass(r.unref(a).e("empty-text"))},r.toDisplayString(e.emptyText??"暂无数据"),3)])],2)):r.createCommentVNode("",!0),r.withDirectives(r.createElementVNode("div",{ref_key:"dropIndicator$",ref:y,class:r.normalizeClass(r.unref(a).e("drop-indicator"))},null,2),[[r.vShow,r.unref(c).showDropIndicator]])],2))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("../form/index.cjs");require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const F=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const L=require("./model/tree-store.cjs"),R=require("./model/useDragNode.cjs"),U=require("./model/useKeydown.cjs"),G=require("./model/useNodeExpandEventBroadcast.cjs"),h=require("./model/util.cjs"),J=require("./tree-node.vue.cjs"),Q=require("../form/constants.cjs"),W=r.defineComponent({__name:"tree",props:{data:{default:[]},emptyText:{},renderAfterExpand:{type:Boolean,default:!0},nodeKey:{},checkStrictly:{type:Boolean},defaultExpandAll:{type:Boolean},expandOnClickNode:{type:Boolean,default:!0},checkOnClickNode:{type:Boolean},checkDescendants:{type:Boolean},autoExpandParent:{type:Boolean,default:!0},defaultCheckedKeys:{},defaultExpandedKeys:{},currentNodeKey:{},renderContent:{},showCheckbox:{type:Boolean},draggable:{type:Boolean},allowDrag:{},allowDrop:{},props:{default:{children:"children",label:"label",disabled:"disabled"}},lazy:{type:Boolean},highlightCurrent:{type:Boolean},load:{},filterNodeMethod:{},accordion:{type:Boolean},indent:{default:18},icon:{}},emits:["check-change","current-change","node-click","node-contextmenu","node-collapse","node-expand","check","node-drag-start","node-drag-end","node-drop","node-drag-leave","node-drag-enter","node-drag-over"],setup(g,{expose:k,emit:N}){const t=g,u=N,p=r.getCurrentInstance(),a=F.useNamespace("tree"),n=r.ref(new L.default({key:t.nodeKey,data:t.data,lazy:t.lazy,props:t.props,load:t.load,currentNodeKey:t.currentNodeKey,checkStrictly:t.checkStrictly,checkDescendants:t.checkDescendants,defaultCheckedKeys:t.defaultCheckedKeys,defaultExpandedKeys:t.defaultExpandedKeys,autoExpandParent:t.autoExpandParent,defaultExpandAll:t.defaultExpandAll,filterNodeMethod:t.filterNodeMethod}));n.value.initialize();const s=r.ref(n.value.root),v=r.ref(null),i=r.ref(null),y=r.ref(null),{broadcastExpanded:w}=G.useNodeExpandEventBroadcast(t),{dragState:c}=R.useDragNodeHandler({props:t,ctx:p,el$:i,dropIndicator$:y,store:n});U.useKeydown({el$:i},n);const E=r.computed(()=>{const{childNodes:e}=s.value;return!e||e.length===0||e.every(({visible:o})=>!o)});r.watch(()=>t.currentNodeKey,e=>{n.value.setCurrentNodeKey(e)}),r.watch(()=>t.defaultCheckedKeys,e=>{n.value.setDefaultCheckedKey(e)}),r.watch(()=>t.defaultExpandedKeys,e=>{n.value.setDefaultExpandedKeys(e)}),r.watch(()=>t.data,e=>{n.value.setData(e)},{deep:!0}),r.watch(()=>t.checkStrictly,e=>{n.value.checkStrictly=e});const m=e=>{if(!t.filterNodeMethod)throw new Error("[Tree] filterNodeMethod is required when filter");n.value.filter(e)},f=e=>h.getNodeKey(t.nodeKey,e.data),x=e=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in getNodePath");const o=n.value.getNode(e);if(!o)return[];const d=[o.data];let l=o.parent;for(;l&&l!==s.value;)d.push(l.data),l=l.parent;return d.reverse()},q=(e,o)=>n.value.getCheckedNodes(e,o),B=e=>n.value.getCheckedKeys(e),C=()=>{const e=n.value.getCurrentNode();return e?e.data:null},b=()=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in getCurrentKey");const e=C();return e?e[t.nodeKey]:null},D=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedNodes");n.value.setCheckedNodes(e,o)},T=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCheckedKeys");n.value.setCheckedKeys(e,o)},S=(e,o,d)=>{n.value.setChecked(e,o,d)},z=()=>n.value.getHalfCheckedNodes(),A=()=>n.value.getHalfCheckedKeys(),M=(e,o=!0)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentNode");h.handleCurrentChange(n,u,()=>n.value.setUserCurrentNode(e,o))},I=(e,o=!0)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in setCurrentKey");h.handleCurrentChange(n,u,()=>n.value.setCurrentNodeKey(e,o))},P=e=>n.value.getNode(e),H=e=>{n.value.remove(e)},$=(e,o)=>{n.value.append(e,o)},O=(e,o)=>{n.value.insertBefore(e,o)},V=(e,o)=>{n.value.insertAfter(e,o)},K=(e,o,d)=>{w(o),u("node-expand",e,o,d)},_=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in updateKeyChild");n.value.updateChildren(e,o)},j=(e,o)=>{if(!t.nodeKey)throw new Error("[Tree] nodeKey is required in updateKeyChild");n.value.updateNode(e,o)};return r.provide("RootTree",{ctx:p,props:t,store:n,root:s,currentNode:v,instance:r.getCurrentInstance()}),r.provide(Q.formItemContextKey,void 0),k({filter:m,getNodeKey:f,getNodePath:x,getCheckedNodes:q,getCheckedKeys:B,getCurrentNode:C,getCurrentKey:b,setCheckedNodes:D,setCheckedKeys:T,setChecked:S,getHalfCheckedNodes:z,getHalfCheckedKeys:A,setCurrentNode:M,setCurrentKey:I,getNode:P,remove:H,append:$,insertBefore:O,insertAfter:V,handleNodeExpand:K,updateKeyChildren:_,updateNode:j}),(e,o)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"el$",ref:i,class:r.normalizeClass([r.unref(a).b(),r.unref(a).is("dragging",!!r.unref(c).draggingNode),r.unref(a).is("drop-not-allow",!r.unref(c).allowDrop),r.unref(a).is("drop-inner",r.unref(c).dropType==="inner"),{[r.unref(a).m("highlight-current")]:e.highlightCurrent}]),role:"tree"},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s.value.childNodes,d=>(r.openBlock(),r.createBlock(J.default,{key:f(d),node:d,props:t,accordion:e.accordion,"render-after-expand":e.renderAfterExpand,"show-checkbox":e.showCheckbox,"render-content":e.renderContent,onNodeExpand:K},null,8,["node","accordion","render-after-expand","show-checkbox","render-content"]))),128)),E.value?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(r.unref(a).e("empty-block"))},[r.renderSlot(e.$slots,"empty",{},()=>[r.createElementVNode("span",{class:r.normalizeClass(r.unref(a).e("empty-text"))},r.toDisplayString(e.emptyText??"暂无数据"),3)])],2)):r.createCommentVNode("",!0),r.withDirectives(r.createElementVNode("div",{ref_key:"dropIndicator$",ref:y,class:r.normalizeClass(r.unref(a).e("drop-indicator"))},null,2),[[r.vShow,r.unref(c).showDropIndicator]])],2))}});exports.default=W;

package/lib/components/upload/ajax.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const i=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const l=require("lodash-es");require("vue");const c="ElUpload";class u extends Error{name="UploadAjaxError";status;method;url;constructor(e,t,s,o){super(e),this.status=t,this.method=s,this.url=o}}function d(r,e,t){let s;return t.response?s=`${t.response.error||t.response}`:t.responseText?s=`${t.responseText}`:s=`fail to ${e.method} ${r} ${t.status}`,new u(s,t.status,e.method,r)}function f(r){const e=r.responseText||r.response;if(!e)return e;try{return JSON.parse(e)}catch{return e}}const p=r=>{typeof XMLHttpRequest>"u"&&i.throwError(c,"XMLHttpRequest is undefined");const e=new XMLHttpRequest,t=r.action;e.upload&&e.upload.addEventListener("progress",a=>{const n=a;n.percent=a.total>0?a.loaded/a.total*100:0,r.onProgress(n)});const s=new FormData;if(r.data)for(const[a,n]of Object.entries(r.data))Array.isArray(n)?s.append(a,...n):s.append(a,n);s.append(r.filename,r.file,r.file.name),e.addEventListener("error",()=>{r.onError(d(t,r,e))}),e.addEventListener("load",()=>{if(e.status<200||e.status>=300)return r.onError(d(t,r,e));r.onSuccess(f(e))}),e.open(r.method,t,!0),r.withCredentials&&"withCredentials"in e&&(e.withCredentials=!0);const o=r.headers||{};if(o instanceof Headers)o.forEach((a,n)=>e.setRequestHeader(n,a));else for(const[a,n]of Object.entries(o))l.isNil(n)||e.setRequestHeader(a,String(n));return e.send(s),e};exports.UploadAjaxError=u;exports.ajaxUpload=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const i=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("vue");const l=require("lodash-es"),c="ElUpload";class u extends Error{name="UploadAjaxError";status;method;url;constructor(e,t,s,o){super(e),this.status=t,this.method=s,this.url=o}}function d(r,e,t){let s;return t.response?s=`${t.response.error||t.response}`:t.responseText?s=`${t.responseText}`:s=`fail to ${e.method} ${r} ${t.status}`,new u(s,t.status,e.method,r)}function f(r){const e=r.responseText||r.response;if(!e)return e;try{return JSON.parse(e)}catch{return e}}const p=r=>{typeof XMLHttpRequest>"u"&&i.throwError(c,"XMLHttpRequest is undefined");const e=new XMLHttpRequest,t=r.action;e.upload&&e.upload.addEventListener("progress",a=>{const n=a;n.percent=a.total>0?a.loaded/a.total*100:0,r.onProgress(n)});const s=new FormData;if(r.data)for(const[a,n]of Object.entries(r.data))Array.isArray(n)?s.append(a,...n):s.append(a,n);s.append(r.filename,r.file,r.file.name),e.addEventListener("error",()=>{r.onError(d(t,r,e))}),e.addEventListener("load",()=>{if(e.status<200||e.status>=300)return r.onError(d(t,r,e));r.onSuccess(f(e))}),e.open(r.method,t,!0),r.withCredentials&&"withCredentials"in e&&(e.withCredentials=!0);const o=r.headers||{};if(o instanceof Headers)o.forEach((a,n)=>e.setRequestHeader(n,a));else for(const[a,n]of Object.entries(o))l.isNil(n)||e.setRequestHeader(a,String(n));return e.send(s),e};exports.UploadAjaxError=u;exports.ajaxUpload=p;

package/lib/components/upload/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./upload.vue2.cjs"),e=require("./constants.cjs"),t=r.withInstall(u.default);exports.genFileId=e.genFileId;exports.uploadContextKey=e.uploadContextKey;exports.VftUpload=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./upload.vue2.cjs"),e=require("./constants.cjs"),t=r.withInstall(u.default);exports.genFileId=e.genFileId;exports.uploadContextKey=e.uploadContextKey;exports.VftUpload=t;exports.default=t;

package/lib/components/upload/index.d.ts

@@ -42,10 +42,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -53,6 +49,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -146,8 +146,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
-        accept: string;
         showFileList: boolean;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
@@ -202,10 +202,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -213,6 +209,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -306,8 +306,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
-        accept: string;
         showFileList: boolean;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
@@ -359,10 +359,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     withCredentials: {
         type: import("vue").PropType<boolean>;
     };
@@ -370,6 +366,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     fileList: {
         type: import("vue").PropType<import("./types").UploadUserFile[]>;
         default: never[];
@@ -463,8 +463,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

package/lib/components/upload/upload-content.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

package/lib/components/upload/upload-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),q=require("@vft/utils");require("../form/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash-es"),w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./ajax.cjs"),O=require("./constants.cjs"),K=require("./upload-dragger.vue2.cjs"),L=require("../form/hooks/use-form-common-props.cjs"),T=["onKeydown"],x=["name","multiple","accept"],z=t.defineComponent({name:"VftUploadContent",inheritAttrs:!1}),A=t.defineComponent({...z,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},beforeUpload:{},onRemove:{},onStart:{},onSuccess:{},onProgress:{},onError:{},onExceed:{}},setup(E,{expose:S}){const a=E,c=w.useNamespace("upload"),v=L.useFormDisabled(),l=t.shallowRef({}),f=t.shallowRef(),_=e=>{if(e.length===0)return;const{autoUpload:o,limit:n,fileList:s,multiple:r,onStart:i,onExceed:p}=a;if(n&&s.length+e.length>n){p(e,s);return}r||(e=e.slice(0,1));for(const m of e){const u=m;u.uid=O.genFileId(),i(u),o&&C(u)}},C=async e=>{if(f.value.value="",!a.beforeUpload)return k(e);let o,n={};try{const r=a.data,i=a.beforeUpload(e);n=q.isObject(a.data)?b.cloneDeep(a.data):a.data,o=await i,q.isObject(a.data)&&b.isEqual(r,n)&&(n=b.cloneDeep(a.data))}catch{o=!1}if(o===!1){a.onRemove(e);return}let s=e;o instanceof Blob&&(o instanceof File?s=o:s=new File([o],e.name,{type:e.type})),k(Object.assign(s,{uid:e.uid}),n)},k=(e,o)=>{const{headers:n,data:s,method:r,withCredentials:i,name:p,action:m,onProgress:u,onSuccess:P,onError:j,httpRequest:D}=a,{uid:h}=e,y={headers:n||{},withCredentials:i,file:e,data:o??s,method:r,filename:p,action:m,onProgress:d=>{u(d,e)},onSuccess:d=>{P(d,e),delete l.value[h]},onError:d=>{j(d,e),delete l.value[h]}},g=D(y);l.value[h]=g,g instanceof Promise&&g.then(y.onSuccess,y.onError)},R=e=>{const o=e.target.files;o&&_(Array.from(o))},B=()=>{v.value||(f.value.value="",f.value.click())},U=()=>{B()};return S({abort:e=>{q.entriesOf(l.value).filter(e?([n])=>String(e.uid)===n:()=>!0).forEach(([n,s])=>{s instanceof XMLHttpRequest&&s.abort(),delete l.value[n]})},upload:C}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(c).b(),t.unref(c).m(e.listType),t.unref(c).is("drag",e.drag)]),tabindex:"0",onClick:B,onKeydown:t.withKeys(t.withModifiers(U,["self"]),["enter","space"])},[e.drag?(t.openBlock(),t.createBlock(K.default,{key:0,disabled:t.unref(v),onFile:_},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["disabled"])):t.renderSlot(e.$slots,"default",{key:1}),t.createElementVNode("input",{ref_key:"inputRef",ref:f,class:t.normalizeClass(t.unref(c).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:R,onClick:o[0]||(o[0]=t.withModifiers(()=>{},["stop"]))},null,42,x)],42,T))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const q=require("@vft/utils"),M=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const b=require("lodash-es");require("../form/index.cjs");const O=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const I=require("./ajax.cjs"),K=require("./constants.cjs"),L=require("./upload-dragger.vue2.cjs"),T=require("../form/hooks/use-form-common-props.cjs"),x=require("../form/hooks/use-form-item.cjs"),z=["onKeydown"],A=["name","multiple","accept"],F=t.defineComponent({name:"VftUploadContent",inheritAttrs:!1}),N=t.defineComponent({...F,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:I.ajaxUpload},disabled:{type:Boolean},limit:{},beforeUpload:{},onRemove:{},onStart:{},onSuccess:{},onProgress:{},onError:{},onExceed:{}},setup(E,{expose:S}){const a=E,c=O.useNamespace("upload"),v=T.useFormDisabled(),{formItem:R}=x.useFormItem(),r=t.shallowRef({}),f=t.shallowRef(),_=e=>{if(e.length===0)return;const{autoUpload:o,limit:n,fileList:s,multiple:l,onStart:i,onExceed:p}=a;if(n&&s.length+e.length>n){p(e,s);return}l||(e=e.slice(0,1));for(const m of e){const u=m;u.uid=K.genFileId(),i(u),o&&C(u)}},C=async e=>{if(f.value.value="",!a.beforeUpload)return k(e);let o,n={};try{const l=a.data,i=a.beforeUpload(e);n=q.isObject(a.data)?b.cloneDeep(a.data):a.data,o=await i,q.isObject(a.data)&&b.isEqual(l,n)&&(n=b.cloneDeep(a.data))}catch{o=!1}if(o===!1){a.onRemove(e);return}let s=e;o instanceof Blob&&(o instanceof File?s=o:s=new File([o],e.name,{type:e.type})),k(Object.assign(s,{uid:e.uid}),n)},k=(e,o)=>{const{headers:n,data:s,method:l,withCredentials:i,name:p,action:m,onProgress:u,onSuccess:j,onError:D,httpRequest:w}=a,{uid:h}=e,y={headers:n||{},withCredentials:i,file:e,data:o??s,method:l,filename:p,action:m,onProgress:d=>{u(d,e)},onSuccess:d=>{j(d,e),delete r.value[h]},onError:d=>{D(d,e),delete r.value[h]}},g=w(y);r.value[h]=g,g instanceof Promise&&g.then(y.onSuccess,y.onError)},U=e=>{const o=e.target.files;o&&(_(Array.from(o)),t.nextTick(()=>{R?.validate("change").catch(n=>M.debugWarn(n))}))},B=()=>{v.value||(f.value.value="",f.value.click())},P=()=>{B()};return S({abort:e=>{q.entriesOf(r.value).filter(e?([n])=>String(e.uid)===n:()=>!0).forEach(([n,s])=>{s instanceof XMLHttpRequest&&s.abort(),delete r.value[n]})},upload:C}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(c).b(),t.unref(c).m(e.listType),t.unref(c).is("drag",e.drag)]),tabindex:"0",onClick:B,onKeydown:t.withKeys(t.withModifiers(P,["self"]),["enter","space"])},[e.drag?(t.openBlock(),t.createBlock(L.default,{key:0,disabled:t.unref(v),onFile:_},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["disabled"])):t.renderSlot(e.$slots,"default",{key:1}),t.createElementVNode("input",{ref_key:"inputRef",ref:f,class:t.normalizeClass(t.unref(c).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:U,onClick:o[0]||(o[0]=t.withModifiers(()=>{},["stop"]))},null,42,A)],42,z))}});exports.default=N;

package/lib/components/upload/upload-dragger.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./constants.cjs"),$=require("../form/hooks/use-form-common-props.cjs"),p="VftUploadDrag",h=e.defineComponent({name:p}),w=e.defineComponent({...h,props:{disabled:{type:Boolean}},emits:["file"],setup(x,{emit:c}){const i=c,a=e.inject(M.uploadContextKey);a||C.throwError(p,"usage: <vft-upload><vft-upload-dragger /></vft-upload>");const u=D.useNamespace("upload"),o=e.ref(!1),l=$.useFormDisabled(),v=s=>{if(l.value)return;o.value=!1,s.stopPropagation();const t=Array.from(s.dataTransfer.files),n=a.accept.value;if(!n){i("file",t);return}const g=t.filter(q=>{const{type:f,name:d}=q,_=d.includes(".")?`.${d.split(".").pop()}`:"",b=f.replace(/\/.*$/,"");return n.split(",").map(r=>r.trim()).filter(r=>r).some(r=>r.startsWith(".")?_===r:/\/\*$/.test(r)?b===r.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(r)?f===r:!1)});i("file",g)},m=()=>{l.value||(o.value=!0)};return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(u).b("dragger"),e.unref(u).is("dragover",o.value)]),onDrop:e.withModifiers(v,["prevent"]),onDragover:e.withModifiers(m,["prevent"]),onDragleave:t[0]||(t[0]=e.withModifiers(n=>o.value=!1,["prevent"]))},[e.renderSlot(s.$slots,"default")],34))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./constants.cjs"),$=require("../form/hooks/use-form-common-props.cjs"),p="VftUploadDrag",h=e.defineComponent({name:p}),w=e.defineComponent({...h,props:{disabled:{type:Boolean}},emits:["file"],setup(x,{emit:c}){const i=c,a=e.inject(M.uploadContextKey);a||C.throwError(p,"usage: <vft-upload><vft-upload-dragger /></vft-upload>");const u=D.useNamespace("upload"),o=e.ref(!1),l=$.useFormDisabled(),v=s=>{if(l.value)return;o.value=!1,s.stopPropagation();const t=Array.from(s.dataTransfer.files),n=a.accept.value;if(!n){i("file",t);return}const g=t.filter(q=>{const{type:f,name:d}=q,_=d.includes(".")?`.${d.split(".").pop()}`:"",b=f.replace(/\/.*$/,"");return n.split(",").map(r=>r.trim()).filter(r=>r).some(r=>r.startsWith(".")?_===r:/\/\*$/.test(r)?b===r.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(r)?f===r:!1)});i("file",g)},m=()=>{l.value||(o.value=!0)};return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(u).b("dragger"),e.unref(u).is("dragover",o.value)]),onDrop:e.withModifiers(v,["prevent"]),onDragover:e.withModifiers(m,["prevent"]),onDragleave:t[0]||(t[0]=e.withModifiers(n=>o.value=!1,["prevent"]))},[e.renderSlot(s.$slots,"default")],34))}});exports.default=w;

package/lib/components/upload/upload-list.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const a=require("../icon/index.cjs"),k=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("../form/hooks/use-form-common-props.cjs"),y=["onKeydown"],B=["src"],v=["onClick"],b=["onClick"],V=["onClick"],z=e.defineComponent({name:"VftUploadList"}),N=e.defineComponent({...z,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(g,{emit:d}){const p=d,t=m.useNamespace("upload"),l=m.useNamespace("icon"),f=m.useNamespace("list"),c=C.useFormDisabled(),i=e.ref(!1),u=n=>{p("remove",n)};return(n,r)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(t).b("list"),e.unref(t).bm("list",n.listType),e.unref(t).is("disabled",e.unref(c))]),name:e.unref(f).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,s=>(e.openBlock(),e.createElementBlock("li",{key:s.uid||s.name,class:e.normalizeClass([e.unref(t).be("list","item"),e.unref(t).is(s.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(o=>!e.unref(c)&&u(s),["delete"]),onFocus:r[0]||(r[0]=o=>i.value=!0),onBlur:r[1]||(r[1]=o=>i.value=!1),onClick:r[2]||(r[2]=o=>i.value=!1)},[e.renderSlot(n.$slots,"default",{file:s},()=>[n.listType==="picture"||s.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-thumbnail")),src:s.url,alt:""},null,10,B)):e.createCommentVNode("",!0),s.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(t).be("list","item-name")),onClick:e.withModifiers(o=>n.handlePreview(s),["prevent"])},[e.createVNode(e.unref(a.VftIcon),{class:e.normalizeClass(e.unref(l).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-file-name"))},e.toDisplayString(s.name),3)],10,v),s.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(k.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(s.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(t).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(l).m("close")),onClick:o=>u(s)},null,8,["class","onClick"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(l).m("close-tip"))}," 按 delete 键可删除 ",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(t).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-preview")),onClick:o=>n.handlePreview(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(l).m("zoom-in"))},null,8,["class"])],10,b),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-delete")),onClick:o=>u(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(l).m("delete"))},null,8,["class"])],10,V))],2)):e.createCommentVNode("",!0)])],42,y))),128)),e.renderSlot(n.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const a=require("../icon/index.cjs"),C=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("../form/hooks/use-form-common-props.cjs"),v=require("../form/hooks/use-form-item.cjs"),b=["onKeydown"],V=["src"],z=["onClick"],N=["onClick"],g=["onClick"],h=e.defineComponent({name:"VftUploadList"}),q=e.defineComponent({...h,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(T,{emit:d}){const p=d,s=m.useNamespace("upload"),l=m.useNamespace("icon"),f=m.useNamespace("list"),c=B.useFormDisabled(),{formItem:k}=v.useFormItem(),i=e.ref(!1),u=n=>{p("remove",n),e.nextTick(()=>{k?.validate("change").catch(o=>y.debugWarn(o))})};return(n,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(s).b("list"),e.unref(s).bm("list",n.listType),e.unref(s).is("disabled",e.unref(c))]),name:e.unref(f).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,t=>(e.openBlock(),e.createElementBlock("li",{key:t.uid||t.name,class:e.normalizeClass([e.unref(s).be("list","item"),e.unref(s).is(t.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(r=>!e.unref(c)&&u(t),["delete"]),onFocus:o[0]||(o[0]=r=>i.value=!0),onBlur:o[1]||(o[1]=r=>i.value=!1),onClick:o[2]||(o[2]=r=>i.value=!1)},[e.renderSlot(n.$slots,"default",{file:t},()=>[n.listType==="picture"||t.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(s).be("list","item-thumbnail")),src:t.url,alt:""},null,10,V)):e.createCommentVNode("",!0),t.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(s).be("list","item-name")),onClick:e.withModifiers(r=>n.handlePreview(t),["prevent"])},[e.createVNode(e.unref(a.VftIcon),{class:e.normalizeClass(e.unref(l).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).be("list","item-file-name"))},e.toDisplayString(t.name),3)],10,z),t.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(C.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(t.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(s).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(l).m("close")),onClick:r=>u(t)},null,8,["class","onClick"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(l).m("close-tip"))}," 按 delete 键可删除 ",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(s).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).be("list","item-preview")),onClick:r=>n.handlePreview(t)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(l).m("zoom-in"))},null,8,["class"])],10,N),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(s).be("list","item-delete")),onClick:r=>u(t)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(l).m("delete"))},null,8,["class"])],10,g))],2)):e.createCommentVNode("",!0)])],42,b))),128)),e.renderSlot(n.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=q;

package/lib/components/upload/upload.vue.d.ts

@@ -89,8 +89,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

package/lib/components/upload/upload.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const S=require("./ajax.cjs"),b=require("./constants.cjs"),p=require("./upload-content.vue2.cjs"),c=require("./upload-list.vue2.cjs"),R=require("./use-handlers.cjs"),B=require("../form/hooks/use-form-common-props.cjs"),P=e.defineComponent({name:"vft-upload"}),_=e.defineComponent({...P,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:S.ajaxUpload},disabled:{type:Boolean},limit:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{}},setup(m,{expose:v}){const l=m,o=e.useSlots(),d=B.useFormDisabled(),n=e.shallowRef(),{abort:y,submit:h,clearFiles:g,uploadFiles:r,handleStart:i,handleError:C,handleRemove:s,handleSuccess:k,handleProgress:w}=R.useHandlers(l,n),a=e.computed(()=>l.listType==="picture-card"),f=e.computed(()=>({...l,fileList:r.value,onStart:i,onProgress:w,onSuccess:k,onError:C,onRemove:s}));return e.onBeforeUnmount(()=>{r.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(b.uploadContextKey,{accept:e.toRef(l,"accept")}),v({abort:y,submit:h,clearFiles:g,handleStart:i,handleRemove:s,fileList:r}),(t,$)=>(e.openBlock(),e.createElementBlock("div",null,[a.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:0,disabled:e.unref(d),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(s)},e.createSlots({append:e.withCtx(()=>[e.createVNode(p.default,e.mergeProps({ref_key:"uploadRef",ref:n},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:u})=>[e.renderSlot(t.$slots,"file",{file:u})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!a.value||a.value&&!t.showFileList?(e.openBlock(),e.createBlock(p.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:n},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!a.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:3,disabled:e.unref(d),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(s)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:u})=>[e.renderSlot(t.$slots,"file",{file:u})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)]))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const S=require("./ajax.cjs"),b=require("./constants.cjs"),p=require("./upload-content.vue2.cjs"),c=require("./upload-list.vue2.cjs"),R=require("./use-handlers.cjs"),B=require("../form/hooks/use-form-common-props.cjs"),_={class:"vft-upload-wrapper"},P=e.defineComponent({name:"vft-upload"}),$=e.defineComponent({...P,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:S.ajaxUpload},disabled:{type:Boolean},limit:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{}},setup(m,{expose:v}){const l=m,o=e.useSlots(),d=B.useFormDisabled(),n=e.shallowRef(),{abort:y,submit:h,clearFiles:g,uploadFiles:r,handleStart:i,handleError:C,handleRemove:s,handleSuccess:k,handleProgress:w}=R.useHandlers(l,n),a=e.computed(()=>l.listType==="picture-card"),f=e.computed(()=>({...l,fileList:r.value,onStart:i,onProgress:w,onSuccess:k,onError:C,onRemove:s}));return e.onBeforeUnmount(()=>{r.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(b.uploadContextKey,{accept:e.toRef(l,"accept")}),v({abort:y,submit:h,clearFiles:g,handleStart:i,handleRemove:s,fileList:r}),(t,L)=>(e.openBlock(),e.createElementBlock("div",_,[a.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:0,disabled:e.unref(d),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(s)},e.createSlots({append:e.withCtx(()=>[e.createVNode(p.default,e.mergeProps({ref_key:"uploadRef",ref:n},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:u})=>[e.renderSlot(t.$slots,"file",{file:u})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!a.value||a.value&&!t.showFileList?(e.openBlock(),e.createBlock(p.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:n},f.value),{default:e.withCtx(()=>[e.unref(o).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(o).trigger&&e.unref(o).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!a.value&&t.showFileList?(e.openBlock(),e.createBlock(c.default,{key:3,disabled:e.unref(d),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(s)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:u})=>[e.renderSlot(t.$slots,"file",{file:u})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)]))}});exports.default=$;

package/lib/components/upload/use-handlers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@vueuse/core");require("@vft/utils");const l=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const E=require("lodash-es"),d=require("vue"),v=require("./constants.cjs"),f="VftUpload",F=a=>{a.url?.startsWith("blob:")&&URL.revokeObjectURL(a.url)},O=(a,c)=>{const u=q.useVModel(a,"fileList",void 0,{passive:!0}),o=e=>u.value.find(t=>t.uid===e.uid);function i(e){c.value?.abort(e)}function b(e=["ready","uploading","success","fail"]){u.value=u.value.filter(t=>!e.includes(t.status))}const h=(e,t)=>{const r=o(t);r&&(console.error(e),r.status="fail",u.value.splice(u.value.indexOf(r),1),a.onError?.(e,r,u.value),a.onChange?.(r,u.value))},g=(e,t)=>{const r=o(t);r&&(a.onProgress?.(e,r,u.value),r.status="uploading",r.percentage=Math.round(e.percent))},m=(e,t)=>{const r=o(t);r&&(r.status="success",r.response=e,a.onSuccess?.(e,r,u.value),a.onChange?.(r,u.value))},y=e=>{E.isNil(e.uid)&&(e.uid=v.genFileId());const t={name:e.name,percentage:0,status:"ready",size:e.size,raw:e,uid:e.uid};if(a.listType==="picture-card"||a.listType==="picture")try{t.url=URL.createObjectURL(e)}catch(r){l.debugWarn(f,r.message),a.onError?.(r,t,u.value)}u.value=[...u.value,t],a.onChange?.(t,u.value)},R=async e=>{const t=e instanceof File?o(e):e;t||l.throwError(f,"file to be removed not found");const r=n=>{i(n);const s=u.value;s.splice(s.indexOf(n),1),a.onRemove?.(n,s),F(n)};a.beforeRemove?await a.beforeRemove(t,u.value)!==!1&&r(t):r(t)};function L(){u.value.filter(({status:e})=>e==="ready").forEach(({raw:e})=>e&&c.value?.upload(e))}return d.watch(()=>a.listType,e=>{e!=="picture-card"&&e!=="picture"||(u.value=u.value.map(t=>{const{raw:r,url:n}=t;if(!n&&r)try{t.url=URL.createObjectURL(r)}catch(s){a.onError?.(s,t,u.value)}return t}))}),d.watch(u,e=>{if(e)for(const t of e)t.uid||=v.genFileId(),t.status||="success"},{immediate:!0,deep:!0}),{uploadFiles:u,abort:i,clearFiles:b,handleError:h,handleProgress:g,handleStart:y,handleSuccess:m,handleRemove:R,submit:L}};exports.useHandlers=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@vueuse/core");require("@vft/utils");const l=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const d=require("vue"),F=require("lodash-es"),v=require("./constants.cjs"),f="VftUpload",O=a=>{a.url?.startsWith("blob:")&&URL.revokeObjectURL(a.url)},U=(a,c)=>{const u=E.useVModel(a,"fileList",void 0,{passive:!0}),o=e=>u.value.find(t=>t.uid===e.uid);function i(e){c.value?.abort(e)}function b(e=["ready","uploading","success","fail"]){u.value=u.value.filter(t=>!e.includes(t.status))}const h=(e,t)=>{const r=o(t);r&&(console.error(e),r.status="fail",u.value.splice(u.value.indexOf(r),1),a.onError?.(e,r,u.value),a.onChange?.(r,u.value))},g=(e,t)=>{const r=o(t);r&&(a.onProgress?.(e,r,u.value),r.status="uploading",r.percentage=Math.round(e.percent))},m=(e,t)=>{const r=o(t);r&&(r.status="success",r.response=e,a.onSuccess?.(e,r,u.value),a.onChange?.(r,u.value))},y=e=>{F.isNil(e.uid)&&(e.uid=v.genFileId());const t={name:e.name,percentage:0,status:"ready",size:e.size,raw:e,uid:e.uid};if(a.listType==="picture-card"||a.listType==="picture")try{t.url=URL.createObjectURL(e)}catch(r){l.debugWarn(f,r.message),a.onError?.(r,t,u.value)}u.value=[...u.value,t],a.onChange?.(t,u.value)},R=async e=>{const t=e instanceof File?o(e):e;t||l.throwError(f,"file to be removed not found");const r=n=>{i(n);const s=u.value;s.splice(s.indexOf(n),1),a.onRemove?.(n,s),O(n)};a.beforeRemove?await a.beforeRemove(t,u.value)!==!1&&r(t):r(t)};function L(){u.value.filter(({status:e})=>e==="ready").forEach(({raw:e})=>e&&c.value?.upload(e))}return d.watch(()=>a.listType,e=>{e!=="picture-card"&&e!=="picture"||(u.value=u.value.map(t=>{const{raw:r,url:n}=t;if(!n&&r)try{t.url=URL.createObjectURL(r)}catch(s){a.onError?.(s,t,u.value)}return t}))}),d.watch(u,e=>{if(e)for(const t of e)t.uid||=v.genFileId(),t.status||="success"},{immediate:!0,deep:!0}),{uploadFiles:u,abort:i,clearFiles:b,handleError:h,handleProgress:g,handleStart:y,handleSuccess:m,handleRemove:R,submit:L}};exports.useHandlers=U;

package/lib/components/verify-code/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./verify-code.vue2.cjs"),e=r.withInstall(t.default);exports.VftVerifyCode=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./verify-code.vue2.cjs"),e=r.withInstall(t.default);exports.VftVerifyCode=e;exports.default=e;

package/lib/components/verify-code/verify-code.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const i=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const h=require("./useImageVerify.cjs"),f=["width","height"],m=e.defineComponent({name:"vft-verify-code"}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150},radius:{default:5}},emits:["click"],setup(r,{expose:o,emit:n}){const u=n,l=e.computed(()=>({width:i.addUnit(r.width),height:i.addUnit(r.height)})),{domRef:s,imgCode:c,getCode:d}=h.default(),a=()=>{d(),u("click")};return o({getCode:d,code:c}),(t,p)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(l.value),onClick:a},[e.createElementVNode("canvas",{ref_key:"domRef",ref:s,style:e.normalizeStyle({borderRadius:e.unref(i.addUnit)(t.radius)}),width:t.width,height:t.height,class:"cursor-pointer"},null,12,f)],4))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const i=require("../../utils/helper.cjs");require("lodash-es");const h=require("./useImageVerify.cjs"),f=["width","height"],m=e.defineComponent({name:"vft-verify-code"}),g=e.defineComponent({...m,props:{height:{default:40},width:{default:150},radius:{default:5}},emits:["click"],setup(r,{expose:o,emit:n}){const l=n,u=e.computed(()=>({width:i.addUnit(r.width),height:i.addUnit(r.height)})),{domRef:s,imgCode:c,getCode:d}=h.default(),a=()=>{d(),l("click")};return o({getCode:d,code:c}),(t,p)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(u.value),onClick:a},[e.createElementVNode("canvas",{ref_key:"domRef",ref:s,style:e.normalizeStyle({borderRadius:e.unref(i.addUnit)(t.radius)}),width:t.width,height:t.height,class:"cursor-pointer"},null,12,f)],4))}});exports.default=g;

package/lib/components/virtual-list/builders/build-grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("@vueuse/core"),T=require("@vft/utils"),ge=require("../../../utils/dom/scroll.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const H=require("../components/scrollbar.cjs"),Re=require("../hooks/use-grid-wheel.cjs"),Le=require("../hooks/use-cache.cjs"),Ee=require("../props.cjs"),v=require("../utils.cjs"),f=require("../defaults.cjs"),be=({name:B,clearCache:A,getColumnPosition:q,getColumnStartIndexForOffset:U,getColumnStopIndexForStartIndex:K,getEstimatedTotalHeight:W,getEstimatedTotalWidth:O,getColumnOffset:P,getRowOffset:X,getRowPosition:Y,getRowStartIndexForOffset:j,getRowStopIndexForStartIndex:J,initCache:Q,injectToInstance:Z,validateProps:p})=>e.defineComponent({name:B??"ElVirtualList",props:Ee.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:te}){const b=xe.useNamespace("vl");p(l);const C=e.getCurrentInstance(),w=e.ref(Q(l,C));Z?.(C,w);const L=e.ref(),F=e.ref(),N=e.ref(),k=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:T.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:T.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),D=Le.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),$=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:n}=l,{isScrolling:o,xAxisScrollDir:c,scrollLeft:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=U(l,s,e.unref(w)),a=K(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),G=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:n}=l,{isScrolling:o,yAxisScrollDir:c,scrollTop:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=j(l,s,e.unref(w)),a=J(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>W(l,e.unref(w))),R=e.computed(()=>O(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),_=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,m]=e.unref($),[S,g,we,Te]=e.unref(G);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:S,rowCacheEnd:g,columnVisibleStart:h,columnVisibleEnd:m,rowVisibleStart:we,rowVisibleEnd:Te})}const{scrollLeft:n,scrollTop:o,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:n,yAxisScrollDir:i,scrollTop:o,updateRequested:c})},ne=r=>{const{clientHeight:t,clientWidth:n,scrollHeight:o,scrollLeft:c,scrollTop:s,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===s&&a.scrollLeft===c)return;let d=c;if(v.isRTL(l.direction))switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-c;break;case f.RTL_OFFSET_POS_DESC:d=i-n-c;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,o-t)),updateRequested:!0,xAxisScrollDir:v.getScrollDir(a.scrollLeft,d),yAxisScrollDir:v.getScrollDir(a.scrollTop,s)},e.nextTick(()=>V()),z(),_()},oe=(r,t)=>{const n=e.unref(M),o=(x.value-n)/t*r;E({scrollTop:Math.min(x.value-n,o)})},ce=(r,t)=>{const n=e.unref(y),o=(R.value-n)/t*r;E({scrollLeft:Math.min(R.value-n,o)})},{onWheel:se}=Re.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{F.value?.onMouseUp?.(),N.value?.onMouseUp?.();const n=e.unref(y),o=e.unref(M);E({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-n),scrollTop:Math.min(u.value.scrollTop+t,x.value-o)})});ve.useEventListener(L,"wheel",se,{passive:!1});const E=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const n=e.unref(u);t===n.scrollTop&&r===n.scrollLeft||(u.value={...n,xAxisScrollDir:v.getScrollDir(n.scrollLeft,r),yAxisScrollDir:v.getScrollDir(n.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>V()),z(),_())},ie=(r=0,t=0,n=f.AUTO_ALIGNMENT)=>{const o=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const c=ge.getScrollBarWidth(b.namespace.value),s=e.unref(w),i=W(l,s),a=O(l,s);E({scrollLeft:P(l,t,n,o.scrollLeft,s,a>l.width?c:0),scrollTop:X(l,r,n,o.scrollTop,s,i>l.height?c:0)})},ae=(r,t)=>{const{columnWidth:n,direction:o,rowHeight:c}=l,s=D.value(A&&n,A&&c,A&&o),i=`${r},${t}`;if(T.hasOwn(s,i))return s[i];{const[,a]=q(l,t,e.unref(w)),d=e.unref(w),h=v.isRTL(o),[m,S]=Y(l,r,d),[g]=q(l,t,d);return s[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${S}px`,height:`${m}px`,width:`${g}px`},s[i]}},V=()=>{u.value.isScrolling=!1,e.nextTick(()=>{D.value(-1,null,null)})};e.onMounted(()=>{if(!T.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,n=e.unref(L);n&&(T.isNumber(r)&&(n.scrollLeft=r),T.isNumber(t)&&(n.scrollTop=t)),_()});const z=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:n,updateRequested:o}=e.unref(u),c=e.unref(L);if(o&&c){if(r===f.RTL)switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{c.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{c.scrollLeft=t;break}default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-t;break}}else c.scrollLeft=Math.max(0,t);c.scrollTop=Math.max(0,n)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=C.proxy;ee({windowRef:L,innerRef:k,getItemStyleCache:D,scrollTo:E,scrollToItem:ie,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:n,totalColumn:o,totalRow:c}=l,s=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:m}=e.unref(u),S=e.h(H.default,{ref:F,alwaysOn:r,startGap:t,endGap:n,class:b.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:ce,ratio:s*100/a,scrollFrom:h/(a-s),total:c,visible:!0}),g=e.h(H.default,{ref:N,alwaysOn:r,startGap:t,endGap:n,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:oe,ratio:i*100/d,scrollFrom:m/(d-i),total:o,visible:!0});return{horizontalScrollbar:S,verticalScrollbar:g}},me=()=>{const[r,t]=e.unref($),[n,o]=e.unref(G),{data:c,totalColumn:s,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&s>0)for(let m=n;m<=o;m++)for(let S=r;S<=t;S++){const g=d({columnIndex:S,data:c,rowIndex:m});h.push(e.h(e.Fragment,{key:g},te.default?.({columnIndex:S,data:c,isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m})))}return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:k},T.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:n}=he(),o=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:ne,ref:L},T.isString(r)?o:{default:()=>o}),t,n])}}});exports.default=be;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("@vueuse/core"),T=require("@vft/utils"),ge=require("../../../utils/dom/scroll.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const H=require("../components/scrollbar.cjs"),Re=require("../hooks/use-grid-wheel.cjs"),Le=require("../hooks/use-cache.cjs"),Ee=require("../props.cjs"),v=require("../utils.cjs"),f=require("../defaults.cjs"),be=({name:B,clearCache:A,getColumnPosition:W,getColumnStartIndexForOffset:U,getColumnStopIndexForStartIndex:K,getEstimatedTotalHeight:q,getEstimatedTotalWidth:O,getColumnOffset:P,getRowOffset:X,getRowPosition:Y,getRowStartIndexForOffset:j,getRowStopIndexForStartIndex:J,initCache:Q,injectToInstance:Z,validateProps:p})=>e.defineComponent({name:B??"ElVirtualList",props:Ee.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:te}){const b=xe.useNamespace("vl");p(l);const C=e.getCurrentInstance(),w=e.ref(Q(l,C));Z?.(C,w);const L=e.ref(),F=e.ref(),N=e.ref(),k=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:T.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:T.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),D=Le.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),$=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:n}=l,{isScrolling:o,xAxisScrollDir:c,scrollLeft:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=U(l,s,e.unref(w)),a=K(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),G=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:n}=l,{isScrolling:o,yAxisScrollDir:c,scrollTop:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=j(l,s,e.unref(w)),a=J(l,i,s,e.unref(w)),d=!o||c===f.BACKWARD?Math.max(1,n):1,h=!o||c===f.FORWARD?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>q(l,e.unref(w))),R=e.computed(()=>O(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),_=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,m]=e.unref($),[S,g,we,Te]=e.unref(G);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:S,rowCacheEnd:g,columnVisibleStart:h,columnVisibleEnd:m,rowVisibleStart:we,rowVisibleEnd:Te})}const{scrollLeft:n,scrollTop:o,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:n,yAxisScrollDir:i,scrollTop:o,updateRequested:c})},ne=r=>{const{clientHeight:t,clientWidth:n,scrollHeight:o,scrollLeft:c,scrollTop:s,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===s&&a.scrollLeft===c)return;let d=c;if(v.isRTL(l.direction))switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-c;break;case f.RTL_OFFSET_POS_DESC:d=i-n-c;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,o-t)),updateRequested:!0,xAxisScrollDir:v.getScrollDir(a.scrollLeft,d),yAxisScrollDir:v.getScrollDir(a.scrollTop,s)},e.nextTick(()=>V()),z(),_()},oe=(r,t)=>{const n=e.unref(M),o=(x.value-n)/t*r;E({scrollTop:Math.min(x.value-n,o)})},ce=(r,t)=>{const n=e.unref(y),o=(R.value-n)/t*r;E({scrollLeft:Math.min(R.value-n,o)})},{onWheel:se}=Re.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{F.value?.onMouseUp?.(),N.value?.onMouseUp?.();const n=e.unref(y),o=e.unref(M);E({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-n),scrollTop:Math.min(u.value.scrollTop+t,x.value-o)})});ve.useEventListener(L,"wheel",se,{passive:!1});const E=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const n=e.unref(u);t===n.scrollTop&&r===n.scrollLeft||(u.value={...n,xAxisScrollDir:v.getScrollDir(n.scrollLeft,r),yAxisScrollDir:v.getScrollDir(n.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>V()),z(),_())},ie=(r=0,t=0,n=f.AUTO_ALIGNMENT)=>{const o=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const c=ge.getScrollBarWidth(b.namespace.value),s=e.unref(w),i=q(l,s),a=O(l,s);E({scrollLeft:P(l,t,n,o.scrollLeft,s,a>l.width?c:0),scrollTop:X(l,r,n,o.scrollTop,s,i>l.height?c:0)})},ae=(r,t)=>{const{columnWidth:n,direction:o,rowHeight:c}=l,s=D.value(A&&n,A&&c,A&&o),i=`${r},${t}`;if(T.hasOwn(s,i))return s[i];{const[,a]=W(l,t,e.unref(w)),d=e.unref(w),h=v.isRTL(o),[m,S]=Y(l,r,d),[g]=W(l,t,d);return s[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${S}px`,height:`${m}px`,width:`${g}px`},s[i]}},V=()=>{u.value.isScrolling=!1,e.nextTick(()=>{D.value(-1,null,null)})};e.onMounted(()=>{if(!T.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,n=e.unref(L);n&&(T.isNumber(r)&&(n.scrollLeft=r),T.isNumber(t)&&(n.scrollTop=t)),_()});const z=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:n,updateRequested:o}=e.unref(u),c=e.unref(L);if(o&&c){if(r===f.RTL)switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{c.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{c.scrollLeft=t;break}default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-t;break}}else c.scrollLeft=Math.max(0,t);c.scrollTop=Math.max(0,n)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=C.proxy;ee({windowRef:L,innerRef:k,getItemStyleCache:D,scrollTo:E,scrollToItem:ie,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:n,totalColumn:o,totalRow:c}=l,s=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:m}=e.unref(u),S=e.h(H.default,{ref:F,alwaysOn:r,startGap:t,endGap:n,class:b.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:ce,ratio:s*100/a,scrollFrom:h/(a-s),total:c,visible:!0}),g=e.h(H.default,{ref:N,alwaysOn:r,startGap:t,endGap:n,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:oe,ratio:i*100/d,scrollFrom:m/(d-i),total:o,visible:!0});return{horizontalScrollbar:S,verticalScrollbar:g}},me=()=>{const[r,t]=e.unref($),[n,o]=e.unref(G),{data:c,totalColumn:s,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&s>0)for(let m=n;m<=o;m++)for(let S=r;S<=t;S++){const g=d({columnIndex:S,data:c,rowIndex:m});h.push(e.h(e.Fragment,{key:g},te.default?.({columnIndex:S,data:c,isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m})))}return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:k},T.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:n}=he(),o=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:ne,ref:L},T.isString(r)?o:{default:()=>o}),t,n])}}});exports.default=be;

package/lib/components/virtual-list/builders/build-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("@vueuse/core"),O=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../hooks/use-cache.cjs"),ne=require("../hooks/use-wheel.cjs"),se=require("../components/scrollbar.cjs"),R=require("../utils.cjs"),re=require("../props.cjs"),a=require("../defaults.cjs"),oe=({name:U,getOffset:B,getItemSize:j,getItemOffset:K,getEstimatedTotalSize:Z,getStartIndexForOffset:J,getStopIndexForStartIndex:Q,initCache:X,clearCache:A,validateProps:Y})=>e.defineComponent({name:U??"ElVirtualList",props:re.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:M,expose:N}){Y(l);const E=e.getCurrentInstance(),$=te.useNamespace("vl"),h=e.ref(X(l,E)),b=le.useCache(),f=e.ref(),x=e.ref(),D=e.ref(),o=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:O.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:r,scrollDir:u,scrollOffset:s}=e.unref(o);if(t===0)return[0,0,0,0];const c=J(l,s,e.unref(h)),i=Q(l,c,s,e.unref(h)),w=!r||u===a.BACKWARD?Math.max(1,n):1,y=!r||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),S=e.computed(()=>Z(l,e.unref(h))),m=e.computed(()=>R.isHorizontal(l.layout)),T=e.computed(()=>[{position:"relative",[`overflow-${m.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:O.isNumber(l.height)?`${l.height}px`:l.height,width:O.isNumber(l.width)?`${l.width}px`:l.width},l.style]),F=e.computed(()=>{const t=e.unref(S),n=e.unref(m);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(o).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>m.value?l.width:l.height),{onWheel:q}=ne.default({atStartEdge:e.computed(()=>o.value.scrollOffset<=0),atEndEdge:e.computed(()=>o.value.scrollOffset>=S.value),layout:e.computed(()=>l.layout)},t=>{D.value.onMouseUp?.(),g(Math.min(o.value.scrollOffset+t,S.value-v.value))});ee.useEventListener(f,"wheel",q,{passive:!1});const z=()=>{const{total:t}=l;if(t>0){const[s,c,i,w]=e.unref(L);M(a.ITEM_RENDER_EVT,s,c,i,w)}const{scrollDir:n,scrollOffset:r,updateRequested:u}=e.unref(o);M(a.SCROLL_EVT,n,r,u)},W=t=>{const{clientHeight:n,scrollHeight:r,scrollTop:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,r-n));o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(d)},C=t=>{const{clientWidth:n,scrollLeft:r,scrollWidth:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===r)return;const{direction:c}=l;let i=r;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-r;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-r;break}}i=Math.max(0,Math.min(i,u-n)),o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(d)},I=t=>{e.unref(m)?C(t):W(t),z()},_=(t,n)=>{const r=(S.value-v.value)/n*t;g(Math.min(S.value-v.value,r))},g=t=>{t=Math.max(t,0),t!==e.unref(o).scrollOffset&&(o.value={...e.unref(o),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(o).scrollOffset,t),updateRequested:!0},e.nextTick(d))},k=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:r}=e.unref(o);t=Math.max(0,Math.min(t,l.total-1)),g(B(l,t,n,r,e.unref(h)))},H=t=>{const{direction:n,itemSize:r,layout:u}=l,s=b.value(A&&r,A&&u,A&&n);let c;if(O.hasOwn(s,String(t)))c=s[t];else{const i=K(l,t,e.unref(h)),w=j(l,t,e.unref(h)),y=e.unref(m),P=n===a.RTL,G=y?i:0;s[t]=c={position:"absolute",left:P?void 0:`${G}px`,right:P?`${G}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},d=()=>{o.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},V=()=>{const t=f.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!O.isClient)return;const{initScrollOffset:t}=l,n=e.unref(f);O.isNumber(t)&&n&&(e.unref(m)?n.scrollLeft=t:n.scrollTop=t),z()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:r,updateRequested:u}=e.unref(o),s=e.unref(f);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-r;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=r;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-r;break}}else s.scrollLeft=r;else s.scrollTop=r}),e.onActivated(()=>{e.unref(f).scrollTop=e.unref(o).scrollOffset});const p={ns:$,clientSize:v,estimatedTotalSize:S,windowStyle:T,windowRef:f,innerRef:x,innerStyle:F,itemsToRender:L,scrollbarRef:D,states:o,getItemStyle:H,onScroll:I,onScrollbarScroll:_,onWheel:q,scrollTo:g,scrollToItem:k,resetScrollTop:V};return N({windowRef:f,innerRef:x,getItemStyleCache:b,scrollTo:g,scrollToItem:k,resetScrollTop:V,states:o}),p},render(l){const{$slots:M,className:N,clientSize:E,containerElement:$,data:h,getItemStyle:b,innerElement:f,itemsToRender:x,innerStyle:D,layout:o,total:L,onScroll:S,onScrollbarScroll:m,states:T,useIsScrolling:F,windowStyle:v,ns:q}=l,[z,W]=x,C=e.resolveDynamicComponent($),I=e.resolveDynamicComponent(f),_=[];if(L>0)for(let d=z;d<=W;d++)_.push(e.h(e.Fragment,{key:d},M.default?.({data:h,index:d,isScrolling:F?T.isScrolling:void 0,style:b(d)})));const g=[e.h(I,{style:D,ref:"innerRef"},O.isString(I)?_:{default:()=>_})],k=e.h(se.default,{ref:"scrollbarRef",clientSize:E,layout:o,onScroll:m,ratio:E*100/this.estimatedTotalSize,scrollFrom:T.scrollOffset/(this.estimatedTotalSize-E),total:L,alwaysOn:T.scrollbarAlwaysOn}),H=e.h(C,{class:[q.e("window"),N],style:v,onScroll:S,ref:"windowRef",key:0},O.isString(C)?[g]:{default:()=>[g]});return e.h("div",{key:0,class:[q.e("wrapper"),T.scrollbarAlwaysOn?"always-on":""]},[H,k])}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("@vueuse/core"),O=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("lodash-es");const te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../hooks/use-cache.cjs"),ne=require("../hooks/use-wheel.cjs"),se=require("../components/scrollbar.cjs"),R=require("../utils.cjs"),re=require("../props.cjs"),a=require("../defaults.cjs"),oe=({name:U,getOffset:B,getItemSize:j,getItemOffset:K,getEstimatedTotalSize:Z,getStartIndexForOffset:J,getStopIndexForStartIndex:Q,initCache:X,clearCache:A,validateProps:Y})=>e.defineComponent({name:U??"ElVirtualList",props:re.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:M,expose:N}){Y(l);const E=e.getCurrentInstance(),$=te.useNamespace("vl"),h=e.ref(X(l,E)),b=le.useCache(),f=e.ref(),x=e.ref(),D=e.ref(),o=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:O.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:r,scrollDir:u,scrollOffset:s}=e.unref(o);if(t===0)return[0,0,0,0];const c=J(l,s,e.unref(h)),i=Q(l,c,s,e.unref(h)),w=!r||u===a.BACKWARD?Math.max(1,n):1,y=!r||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),S=e.computed(()=>Z(l,e.unref(h))),m=e.computed(()=>R.isHorizontal(l.layout)),T=e.computed(()=>[{position:"relative",[`overflow-${m.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:O.isNumber(l.height)?`${l.height}px`:l.height,width:O.isNumber(l.width)?`${l.width}px`:l.width},l.style]),F=e.computed(()=>{const t=e.unref(S),n=e.unref(m);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(o).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>m.value?l.width:l.height),{onWheel:_}=ne.default({atStartEdge:e.computed(()=>o.value.scrollOffset<=0),atEndEdge:e.computed(()=>o.value.scrollOffset>=S.value),layout:e.computed(()=>l.layout)},t=>{D.value.onMouseUp?.(),g(Math.min(o.value.scrollOffset+t,S.value-v.value))});ee.useEventListener(f,"wheel",_,{passive:!1});const z=()=>{const{total:t}=l;if(t>0){const[s,c,i,w]=e.unref(L);M(a.ITEM_RENDER_EVT,s,c,i,w)}const{scrollDir:n,scrollOffset:r,updateRequested:u}=e.unref(o);M(a.SCROLL_EVT,n,r,u)},W=t=>{const{clientHeight:n,scrollHeight:r,scrollTop:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,r-n));o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(d)},C=t=>{const{clientWidth:n,scrollLeft:r,scrollWidth:u}=t.currentTarget,s=e.unref(o);if(s.scrollOffset===r)return;const{direction:c}=l;let i=r;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-r;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-r;break}}i=Math.max(0,Math.min(i,u-n)),o.value={...s,isScrolling:!0,scrollDir:R.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(d)},I=t=>{e.unref(m)?C(t):W(t),z()},q=(t,n)=>{const r=(S.value-v.value)/n*t;g(Math.min(S.value-v.value,r))},g=t=>{t=Math.max(t,0),t!==e.unref(o).scrollOffset&&(o.value={...e.unref(o),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(o).scrollOffset,t),updateRequested:!0},e.nextTick(d))},k=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:r}=e.unref(o);t=Math.max(0,Math.min(t,l.total-1)),g(B(l,t,n,r,e.unref(h)))},H=t=>{const{direction:n,itemSize:r,layout:u}=l,s=b.value(A&&r,A&&u,A&&n);let c;if(O.hasOwn(s,String(t)))c=s[t];else{const i=K(l,t,e.unref(h)),w=j(l,t,e.unref(h)),y=e.unref(m),P=n===a.RTL,G=y?i:0;s[t]=c={position:"absolute",left:P?void 0:`${G}px`,right:P?`${G}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},d=()=>{o.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},V=()=>{const t=f.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!O.isClient)return;const{initScrollOffset:t}=l,n=e.unref(f);O.isNumber(t)&&n&&(e.unref(m)?n.scrollLeft=t:n.scrollTop=t),z()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:r,updateRequested:u}=e.unref(o),s=e.unref(f);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-r;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=r;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-r;break}}else s.scrollLeft=r;else s.scrollTop=r}),e.onActivated(()=>{e.unref(f).scrollTop=e.unref(o).scrollOffset});const p={ns:$,clientSize:v,estimatedTotalSize:S,windowStyle:T,windowRef:f,innerRef:x,innerStyle:F,itemsToRender:L,scrollbarRef:D,states:o,getItemStyle:H,onScroll:I,onScrollbarScroll:q,onWheel:_,scrollTo:g,scrollToItem:k,resetScrollTop:V};return N({windowRef:f,innerRef:x,getItemStyleCache:b,scrollTo:g,scrollToItem:k,resetScrollTop:V,states:o}),p},render(l){const{$slots:M,className:N,clientSize:E,containerElement:$,data:h,getItemStyle:b,innerElement:f,itemsToRender:x,innerStyle:D,layout:o,total:L,onScroll:S,onScrollbarScroll:m,states:T,useIsScrolling:F,windowStyle:v,ns:_}=l,[z,W]=x,C=e.resolveDynamicComponent($),I=e.resolveDynamicComponent(f),q=[];if(L>0)for(let d=z;d<=W;d++)q.push(e.h(e.Fragment,{key:d},M.default?.({data:h,index:d,isScrolling:F?T.isScrolling:void 0,style:b(d)})));const g=[e.h(I,{style:D,ref:"innerRef"},O.isString(I)?q:{default:()=>q})],k=e.h(se.default,{ref:"scrollbarRef",clientSize:E,layout:o,onScroll:m,ratio:E*100/this.estimatedTotalSize,scrollFrom:T.scrollOffset/(this.estimatedTotalSize-E),total:L,alwaysOn:T.scrollbarAlwaysOn}),H=e.h(C,{class:[_.e("window"),N],style:v,onScroll:S,ref:"windowRef",key:0},O.isString(C)?[g]:{default:()=>[g]});return e.h("div",{key:0,class:[_.e("wrapper"),T.scrollbarAlwaysOn?"always-on":""]},[H,k])}});exports.default=oe;

package/lib/components/virtual-list/components/dynamic-size-grid.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");const I=require("@vft/utils"),_=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const h=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:d,min:N,floor:z}=Math,T="ElDynamicSizeGrid",D={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[D[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},M=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+z((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return d(0,t-1)},L=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return M(e,s,z(t/2),N(t,o-1),i,n)},A=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?M(e,s,0,o,t,i):L(e,s,d(0,o),t,i)},v=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},O=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},g={column:O,row:v},w=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,g[o]],c=a(e,s,n,o),C=f(e,n),E=d(0,N(C-u,c.offset)),m=d(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},G=h.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>A(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:v,getEstimatedTotalWidth:O,getRowStartIndexForOffset:(e,s,t)=>A(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{u=I.isUndefined(u)?!0:u,I.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),I.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),e.exposed?.getItemStyleCache.value(-1,null,null),u&&e.proxy?.$forceUpdate()},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(I.isFunction(e)||_.throwError(T,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");const I=require("@vft/utils"),_=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");const h=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:d,min:N,floor:z}=Math,T="ElDynamicSizeGrid",D={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[D[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},M=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+z((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return d(0,t-1)},L=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return M(e,s,z(t/2),N(t,o-1),i,n)},A=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?M(e,s,0,o,t,i):L(e,s,d(0,o),t,i)},v=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},O=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},g={column:O,row:v},w=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,g[o]],c=a(e,s,n,o),C=f(e,n),E=d(0,N(C-u,c.offset)),m=d(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},G=h.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>A(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:v,getEstimatedTotalWidth:O,getRowStartIndexForOffset:(e,s,t)=>A(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{u=I.isUndefined(u)?!0:u,I.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),I.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),e.exposed?.getItemStyleCache.value(-1,null,null),u&&e.proxy?.$forceUpdate()},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(I.isFunction(e)||_.throwError(T,`
           "columnWidth" must be passed as function,
             instead ${typeof e} was given.
         `),I.isFunction(s)||_.throwError(T,`

package/lib/components/virtual-list/components/dynamic-size-list.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");const N=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const S=require("../builders/build-list.cjs"),E=require("../utils.cjs"),m=require("../defaults.cjs"),T="ElDynamicSizeList",I=(t,s,e)=>{const{itemSize:i}=t,{items:r,lastVisitedIndex:n}=e;if(s>n){let a=0;if(n>=0){const o=r[n];a=o.offset+o.size}for(let o=n+1;o<=s;o++){const f=i(o);r[o]={offset:a,size:f},a+=f}e.lastVisitedIndex=s}return r[s]},h=(t,s,e)=>{const{items:i,lastVisitedIndex:r}=s;return(r>0?i[r].offset:0)>=e?z(t,s,0,r,e):_(t,s,Math.max(0,r),e)},z=(t,s,e,i,r)=>{for(;e<=i;){const n=e+Math.floor((i-e)/2),a=I(t,n,s).offset;if(a===r)return n;a<r?e=n+1:a>r&&(i=n-1)}return Math.max(0,e-1)},_=(t,s,e,i)=>{const{total:r}=t;let n=1;for(;e<r&&I(t,e,s).offset<i;)e+=n,n*=2;return z(t,s,Math.floor(e/2),Math.min(e,r-1),i)},M=({total:t},{items:s,estimatedItemSize:e,lastVisitedIndex:i})=>{let r=0;if(i>=t&&(i=t-1),i>=0){const o=s[i];r=o.offset+o.size}const a=(t-i-1)*e;return r+a},A=S.default({name:"ElDynamicSizeList",getItemOffset:(t,s,e)=>I(t,s,e).offset,getItemSize:(t,s,{items:e})=>e[s].size,getEstimatedTotalSize:M,getOffset:(t,s,e,i,r)=>{const{height:n,layout:a,width:o}=t,f=E.isHorizontal(a)?o:n,d=I(t,s,r),l=M(t,r),c=Math.max(0,Math.min(l-f,d.offset)),u=Math.max(0,d.offset-f+d.size);switch(e===m.SMART_ALIGNMENT&&(i>=u-f&&i<=c+f?e=m.AUTO_ALIGNMENT:e=m.CENTERED_ALIGNMENT),e){case m.START_ALIGNMENT:return c;case m.END_ALIGNMENT:return u;case m.CENTERED_ALIGNMENT:return Math.round(u+(c-u)/2);case m.AUTO_ALIGNMENT:default:return i>=u&&i<=c?i:i<u?u:c}},getStartIndexForOffset:(t,s,e)=>h(t,e,s),getStopIndexForStartIndex:(t,s,e,i)=>{const{height:r,total:n,layout:a,width:o}=t,f=E.isHorizontal(a)?o:r,d=I(t,s,i),l=e+f;let c=d.offset+d.size,u=s;for(;u<n-1&&c<l;)u++,c+=I(t,u,i).size;return u},initCache({estimatedItemSize:t=m.DEFAULT_DYNAMIC_LIST_ITEM_SIZE},s){const e={items:{},estimatedItemSize:t,lastVisitedIndex:-1};return e.clearCacheAfterIndex=(i,r=!0)=>{e.lastVisitedIndex=Math.min(e.lastVisitedIndex,i-1),s.exposed?.getItemStyleCache(-1),r&&s.proxy?.$forceUpdate()},e},clearCache:!1,validateProps:({itemSize:t})=>{process.env.NODE_ENV!=="production"&&typeof t!="function"&&N.throwError(T,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");const N=require("../../../utils/error.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");const S=require("../builders/build-list.cjs"),E=require("../utils.cjs"),m=require("../defaults.cjs"),T="ElDynamicSizeList",I=(t,s,e)=>{const{itemSize:i}=t,{items:r,lastVisitedIndex:n}=e;if(s>n){let a=0;if(n>=0){const o=r[n];a=o.offset+o.size}for(let o=n+1;o<=s;o++){const u=i(o);r[o]={offset:a,size:u},a+=u}e.lastVisitedIndex=s}return r[s]},h=(t,s,e)=>{const{items:i,lastVisitedIndex:r}=s;return(r>0?i[r].offset:0)>=e?z(t,s,0,r,e):_(t,s,Math.max(0,r),e)},z=(t,s,e,i,r)=>{for(;e<=i;){const n=e+Math.floor((i-e)/2),a=I(t,n,s).offset;if(a===r)return n;a<r?e=n+1:a>r&&(i=n-1)}return Math.max(0,e-1)},_=(t,s,e,i)=>{const{total:r}=t;let n=1;for(;e<r&&I(t,e,s).offset<i;)e+=n,n*=2;return z(t,s,Math.floor(e/2),Math.min(e,r-1),i)},M=({total:t},{items:s,estimatedItemSize:e,lastVisitedIndex:i})=>{let r=0;if(i>=t&&(i=t-1),i>=0){const o=s[i];r=o.offset+o.size}const a=(t-i-1)*e;return r+a},A=S.default({name:"ElDynamicSizeList",getItemOffset:(t,s,e)=>I(t,s,e).offset,getItemSize:(t,s,{items:e})=>e[s].size,getEstimatedTotalSize:M,getOffset:(t,s,e,i,r)=>{const{height:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:n,d=I(t,s,r),l=M(t,r),c=Math.max(0,Math.min(l-u,d.offset)),f=Math.max(0,d.offset-u+d.size);switch(e===m.SMART_ALIGNMENT&&(i>=f-u&&i<=c+u?e=m.AUTO_ALIGNMENT:e=m.CENTERED_ALIGNMENT),e){case m.START_ALIGNMENT:return c;case m.END_ALIGNMENT:return f;case m.CENTERED_ALIGNMENT:return Math.round(f+(c-f)/2);case m.AUTO_ALIGNMENT:default:return i>=f&&i<=c?i:i<f?f:c}},getStartIndexForOffset:(t,s,e)=>h(t,e,s),getStopIndexForStartIndex:(t,s,e,i)=>{const{height:r,total:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:r,d=I(t,s,i),l=e+u;let c=d.offset+d.size,f=s;for(;f<n-1&&c<l;)f++,c+=I(t,f,i).size;return f},initCache({estimatedItemSize:t=m.DEFAULT_DYNAMIC_LIST_ITEM_SIZE},s){const e={items:{},estimatedItemSize:t,lastVisitedIndex:-1};return e.clearCacheAfterIndex=(i,r=!0)=>{e.lastVisitedIndex=Math.min(e.lastVisitedIndex,i-1),s.exposed?.getItemStyleCache(-1),r&&s.proxy?.$forceUpdate()},e},clearCache:!1,validateProps:({itemSize:t})=>{process.env.NODE_ENV!=="production"&&typeof t!="function"&&N.throwError(T,`
           itemSize is required as function, but the given value was ${typeof t}
         `)}});exports.default=A;