@farris/ui-vue 1.7.3 → 1.7.5

package/components/transfer/index.umd.cjs

@@ -1,7 +1,7 @@
-(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../tree-view/index.umd.js"),require("../locale/index.umd.js"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../checkbox/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","../locale/index.umd.js","../common/index.umd.js","../data-view/index.umd.js","../checkbox/index.umd.js","lodash-es"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P.transfer={},P.Vue,P.FTreeView,P.locale,P.common,P.dataView,P.checkbox,P.LodashES))})(this,function(P,e,Z,E,_,B,U,W){"use strict";const K={dataSource:{type:Array,default:[]},displayType:{type:String,default:"List"},enableSearch:{type:Boolean,default:!0},identifyField:{type:String,default:"id"},textField:{type:String,default:"name"},placeholder:{type:String,default:""},selections:{type:Array,default:[]},selectionValues:{type:Array,default:[]},virtualized:{type:Boolean,default:!1},rowOption:{type:Object},columns:{type:Array,default:[{field:"name",title:"",dataType:"string",width:"100%"}]},checkBeforeRemoveItem:{type:Function,default:null},selectedItemClass:{Type:[String,Function],default:"draggable-item--text-truncate",validator:t=>typeof t=="string"||typeof t=="function"}},ee={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function te(t,n){function g(i){const c=[];let s=i.nextNode();for(;s;)c.push(s),s=i.nextNode();return c}function I(i,c){const s=document.createTreeWalker(i,NodeFilter.SHOW_TEXT);return g(s).map(p=>({textNode:p,text:(p.textContent||"").toLocaleLowerCase()})).map(({textNode:p,text:d})=>{const r=[];let F=0;for(;F<d.length;){const w=d.indexOf(c,F);if(w===-1)break;r.push(w),F=w+c.length}return r.map(w=>{const y=new Range;return y.setStart(p,w),y.setEnd(p,w+c.length),y})}).flat()}function V(i){if(!CSS.highlights||(CSS.highlights.clear(),!i||!n))return;const c=I(n.value,i.toLocaleLowerCase()),s=new Highlight(...c);CSS.highlights.set("search-result",s)}return{search:V}}function X(t,n,g,I,V,i,c,s,M,h){const C=e.ref(t.size),p=e.ref(t.textField),d=e.ref(t.titleField),r=e.ref(t.disableField),F=e.computed(()=>{var l,b;return((l=t.selection)==null?void 0:l.multiSelect)&&((b=t.selection)==null?void 0:b.showCheckbox)}),{onMouseenterItem:w,onMouseoverItem:y,onMouseoutItem:k}=i,{getKey:N,listViewItemClass:T,listViewItemStyle:L,onCheckItem:H,onClickItem:m}=c,S=e.computed(()=>{const l={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?l:{margin:C.value==="small"?"0.25rem 0":"8px 0",...l}});function f(l,b,O){return l.checked=s.findIndexInSelectedItems(l)>-1,e.createVNode("li",{class:T(l,b),id:N(l,b),key:N(l,b),style:L(l,b),onClick:x=>m(l,b,x),onMouseenter:x=>w(x,l,b),onMouseover:x=>y(x,l,b),onMouseout:x=>k(x,l,b)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:x=>x.stopPropagation()},[e.createVNode(U.FCheckbox,{id:"list-"+N(l,b),customClass:"listview-checkbox float-left",disabled:l[r.value],checked:l.checked,"onUpdate:checked":x=>l.checked=x,onChange:x=>{H(l,b,!x.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:S.value,title:l.raw[d.value]||l.raw[p.value]},[l.raw[p.value]])])])}return{renderItem:f}}function le(t,n,g,I,V,i,c,s,M,h){const C=e.ref(t.multiSelect),p=e.ref(t.disableField),d=e.ref(t.textField),{onMouseenterItem:r,onMouseoverItem:F,onMouseoutItem:w}=i,{getKey:y,listViewItemClass:k,listViewItemStyle:N,onCheckItem:T,onClickItem:L,updateSelectedItems:H}=c;function m(f,l,b){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:f.raw,index:l,selectedItem:b})]):n.slots.content?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.content({item:f.raw,index:l,selectedItem:b})]):e.createVNode("div",{style:"margin: 10px 0;"},[f.raw[d.value||"name"]])}function S(f,l,b){return e.createVNode("li",{class:k(f,l),id:y(f,l),key:y(f,l),style:N(f,l),onClick:O=>L(f,l,O),onMouseenter:O=>r(O,f,l),onMouseover:O=>F(O,f,l),onMouseout:O=>w(O,f,l)},[C.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(U.FCheckbox,{id:"list-"+y(f,l),customClass:"listview-checkbox",disabled:f[p.value],checked:f.checked,"onUpdate:checked":O=>f.checked=O,onChange:O=>{T(f,l,!O.checked),H()}},null)]),e.createVNode("div",{class:"f-list-content"},[m(f,l,b)])])}return{renderItem:S}}function ne(t,n,g,I,V,i,c,s,M,h){const C=e.ref(t.multiSelect),p=e.ref(t.disableField),d=e.ref(t.textField),{onMouseenterItem:r,onMouseoverItem:F,onMouseoutItem:w}=i,{getKey:y,listViewItemClass:k,onCheckItem:N,onClickItem:T}=c,{dragstart:L,dragenter:H,dragover:m,dragend:S}=I,{removeItem:f}=M,l=e.computed(()=>({margin:C.value?"10px 0":"10px 0px 10px 14px"}));function b(a,o=""){const j=a.target;j.title=j.scrollWidth>j.clientWidth?o:""}function O(a){return e.createVNode("div",{style:l.value,onMouseenter:o=>b(o,a.raw[d.value||"name"])},[a.raw[d.value||"name"]])}function x(){return n.slots.itemContent?n.slots.itemContent:O}const v=x();function u(a,o,j){return e.createVNode("li",{class:k(a,o),id:y(a,o),key:y(a,o),onClick:D=>T(a,o,D),onMouseenter:D=>r(D,a,o),onMouseover:D=>F(D,a,o),onMouseout:D=>w(D,a,o),draggable:"true",onDragstart:D=>L(D,a,o),onDragenter:D=>H(D,o),onDragend:D=>S(D,a),onDragover:D=>m(D)},[C.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(U.FCheckbox,{id:"list-"+y(a,o),customClass:"listview-checkbox",disabled:a[p.value]||!a.checked,checked:a.checked,"onUpdate:checked":D=>a.checked=D,onChange:D=>N(a,o,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[v(a)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),f(o)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:u}}function oe(t,n,g,I,V,i,c,s,M,h){var y;const C=e.ref(((y=t.group)==null?void 0:y.groupFields)||[]),{collpaseGroupIconClass:p}=V,{toggleGroupRow:d}=h;function r(k,N){N.collapse=!N.collapse,g.value=d(N.collapse?"collapse":"expand",N,g.value)}function F(k,N,T){return n.slots.group?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.group({item:k.raw,index:N,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:L=>r(L,k)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:p(k)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[k.raw[C.value[k.layer]]])])}function w(k,N,T){return k.layer>-1&&F(k,N,T)}return{renderItem:w}}function ae(t,n,g,I){const{dataView:V}=g,{updateSelectedItems:i}=I;function c(s){if(s>-1&&s<V.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(V.value[s]))return;const M=V.value.splice(s,1);i(),n.emit("removeItem",M[0])}}return{removeItem:c}}function se(t,n,g,I,V,i,c,s,M,h){const C=e.ref(t.view),p=e.ref(t.view==="CardView"),d=e.ref({}),r=ae(t,n,I,M),F=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":p.value,"flex-wrap":p.value})),w=e.computed(()=>!!g.value&&g.value.length>0),y=e.computed(()=>g.value.length===0);e.computed(()=>y.value&&!n.slots.empty);function k(){return C.value==="SingleView"?X:C.value==="DraggableView"?ne:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||n.slots.content)?le:X}const N=k(),{renderItem:T}=N(t,n,g,h,V,i,M,c,r,s),{renderItem:L}=oe(t,n,g,h,V,i,M,c,r,s),H=[T,L];function m(){return g.value.filter(l=>l.visible!==!1).map((l,b)=>H[l.type](l,b,d))}function S(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():n.slots.empty?n.slots.empty():E.LocaleService.getLocaleValue("listView.emptyMessage")])])}function f(){return e.createVNode("ul",{class:F.value,style:"list-style: none;"},[w.value&&m(),y.value&&S()])}return{renderListArea:f}}function ie(t,n,g){function I(){return n.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:I}}function Y(t,n,g){const I=e.ref(t.headerClass),V=e.ref(t.placeholder),i=e.ref(""),c=e.computed(()=>!i.value),s=e.computed(()=>!!i.value);function M(d){i.value=""}e.watch(i,d=>{t.enableHighlightSearch&&g.search(d),n.emit("afterSearch",d)});const h=e.computed(()=>{const d={"form-group":!0,"farris-form-group":!0};return I.value&&I.value.split(" ").reduce((F,w)=>(F[w]=!0,F),d),d});function C(d){}function p(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>C,["prevent","stop"])},[e.createVNode("div",{class:h.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":d=>i.value=d,name:"input-group-value",type:"text",placeholder:V.value,autocomplete:"off"},null),[[e.vModelText,i.value]]),e.createVNode("div",{class:"input-group-append"},[s.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:d=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),c.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:p}}function ce(){const t=e.ref(""),n=e.ref(-1),g=e.ref(""),I=e.ref(-1),V=e.ref(!1);function i(p,d,r){I.value=r}function c(p,d,r){V.value||(I.value=r)}function s(p,d,r){I.value=-1}function M(){V.value=!0}function h(){V.value=!1}function C(){n.value=-1,t.value=""}return{activeIndex:n,focusedItemId:g,hoverIndex:I,clearActiveItem:C,onMouseenterItem:i,onMouseoverItem:c,onMouseoutItem:s,resumeHover:h,suspendHover:M}}function re(t,n,g,I){const V=e.ref(t.idField),{dataView:i}=g,c=e.ref(-1),s=e.ref(!1),{activeIndex:M,focusedItemId:h,hoverIndex:C,resumeHover:p,suspendHover:d}=I;let r,F=0,w=0;function y(m,S){const f=m-F,l=S-w;r.style.left=parseInt(r.style.left)+f+"px",r.style.top=parseInt(r.style.top)+l+"px",F=m,w=S}function k(m){const{left:S,top:f}=m.getBoundingClientRect(),l=m.cloneNode(!0);return l.className=l.className+" f-listview-drag-moving",l.style.cssText=`
+(function(A,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../tree-view/index.umd.js"),require("../locale/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../checkbox/index.umd.js"),require("lodash-es"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","../locale/index.umd.js","../dynamic-resolver/index.umd.js","../common/index.umd.js","../data-view/index.umd.js","../checkbox/index.umd.js","lodash-es","../designer-canvas/index.umd.js"],e):(A=typeof globalThis<"u"?globalThis:A||self,e(A.transfer={},A.Vue,A.FTreeView,A.locale,A.dynamicResolver,A.common,A.dataView,A.checkbox,A.LodashES,A.designerCanvas))})(this,function(A,e,te,U,Y,_,P,W,J,ne){"use strict";const le=new Map([["appearance",Y.resolveAppearance]]);function ae(t,n,u){return n}const oe={title:"transfer",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},se={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/transfer.schema.json",title:"transfer",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for transfer",type:"string"},type:{description:"The type string of transfer",type:"string",default:"transfer"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},z={dataSource:{type:Array,default:[]},displayType:{type:String,default:"List"},enableSearch:{type:Boolean,default:!0},identifyField:{type:String,default:"id"},textField:{type:String,default:"name"},placeholder:{type:String,default:""},selections:{type:Array,default:[]},selectionValues:{type:Array,default:[]},virtualized:{type:Boolean,default:!1},rowOption:{type:Object},columns:{type:Array,default:[{field:"name",title:"",dataType:"string",width:"100%"}]},checkBeforeRemoveItem:{type:Function,default:null},selectedItemClass:{Type:[String,Function],default:"draggable-item--text-truncate",validator:t=>typeof t=="string"||typeof t=="function"}},K=Y.createPropsResolver(z,se,le,ae,oe),ie={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function ce(t,n){function u(i){const d=[];let s=i.nextNode();for(;s;)d.push(s),s=i.nextNode();return d}function N(i,d){const s=document.createTreeWalker(i,NodeFilter.SHOW_TEXT);return u(s).map(I=>({textNode:I,text:(I.textContent||"").toLocaleLowerCase()})).map(({textNode:I,text:m})=>{const f=[];let T=0;for(;T<m.length;){const b=m.indexOf(d,T);if(b===-1)break;f.push(b),T=b+d.length}return f.map(b=>{const V=new Range;return V.setStart(I,b),V.setEnd(I,b+d.length),V})}).flat()}function F(i){if(!CSS.highlights||(CSS.highlights.clear(),!i||!n))return;const d=N(n.value,i.toLocaleLowerCase()),s=new Highlight(...d);CSS.highlights.set("search-result",s)}return{search:F}}function Q(t,n,u,N,F,i,d,s,v,y){const C=e.ref(t.size),I=e.ref(t.textField),m=e.ref(t.titleField),f=e.ref(t.disableField),T=e.computed(()=>{var l,p;return((l=t.selection)==null?void 0:l.multiSelect)&&((p=t.selection)==null?void 0:p.showCheckbox)}),{onMouseenterItem:b,onMouseoverItem:V,onMouseoutItem:x}=i,{getKey:R,listViewItemClass:O,listViewItemStyle:j,onCheckItem:L,onClickItem:h}=d,S=e.computed(()=>{const l={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?l:{margin:C.value==="small"?"0.25rem 0":"8px 0",...l}});function g(l,p,w){return l.checked=s.findIndexInSelectedItems(l)>-1,e.createVNode("li",{class:O(l,p),id:R(l,p),key:R(l,p),style:j(l,p),onClick:k=>h(l,p,k),onMouseenter:k=>b(k,l,p),onMouseover:k=>V(k,l,p),onMouseout:k=>x(k,l,p)},[T.value&&e.createVNode("div",{class:"f-list-select",onClick:k=>k.stopPropagation()},[e.createVNode(W.FCheckbox,{id:"list-"+R(l,p),customClass:"listview-checkbox float-left",disabled:l[f.value],checked:l.checked,"onUpdate:checked":k=>l.checked=k,onChange:k=>{L(l,p,!k.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:S.value,title:l.raw[m.value]||l.raw[I.value]},[l.raw[I.value]])])])}return{renderItem:g}}function re(t,n,u,N,F,i,d,s,v,y){const C=e.ref(t.multiSelect),I=e.ref(t.disableField),m=e.ref(t.textField),{onMouseenterItem:f,onMouseoverItem:T,onMouseoutItem:b}=i,{getKey:V,listViewItemClass:x,listViewItemStyle:R,onCheckItem:O,onClickItem:j,updateSelectedItems:L}=d;function h(g,l,p){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:g.raw,index:l,selectedItem:p})]):n.slots.content?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.content({item:g.raw,index:l,selectedItem:p})]):e.createVNode("div",{style:"margin: 10px 0;"},[g.raw[m.value||"name"]])}function S(g,l,p){return e.createVNode("li",{class:x(g,l),id:V(g,l),key:V(g,l),style:R(g,l),onClick:w=>j(g,l,w),onMouseenter:w=>f(w,g,l),onMouseover:w=>T(w,g,l),onMouseout:w=>b(w,g,l)},[C.value&&e.createVNode("div",{class:"f-list-select",onClick:w=>w.stopPropagation()},[e.createVNode(W.FCheckbox,{id:"list-"+V(g,l),customClass:"listview-checkbox",disabled:g[I.value],checked:g.checked,"onUpdate:checked":w=>g.checked=w,onChange:w=>{O(g,l,!w.checked),L()}},null)]),e.createVNode("div",{class:"f-list-content"},[h(g,l,p)])])}return{renderItem:S}}function ue(t,n,u,N,F,i,d,s,v,y){const C=e.ref(t.multiSelect),I=e.ref(t.disableField),m=e.ref(t.textField),{onMouseenterItem:f,onMouseoverItem:T,onMouseoutItem:b}=i,{getKey:V,listViewItemClass:x,onCheckItem:R,onClickItem:O}=d,{dragstart:j,dragenter:L,dragover:h,dragend:S}=N,{removeItem:g}=v,l=e.computed(()=>({margin:C.value?"10px 0":"10px 0px 10px 14px"}));function p(a,o=""){const B=a.target;B.title=B.scrollWidth>B.clientWidth?o:""}function w(a){return e.createVNode("div",{style:l.value,onMouseenter:o=>p(o,a.raw[m.value||"name"])},[a.raw[m.value||"name"]])}function k(){return n.slots.itemContent?n.slots.itemContent:w}const c=k();function r(a,o,B){return e.createVNode("li",{class:x(a,o),id:V(a,o),key:V(a,o),onClick:D=>O(a,o,D),onMouseenter:D=>f(D,a,o),onMouseover:D=>T(D,a,o),onMouseout:D=>b(D,a,o),draggable:"true",onDragstart:D=>j(D,a,o),onDragenter:D=>L(D,o),onDragend:D=>S(D,a),onDragover:D=>h(D)},[C.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(W.FCheckbox,{id:"list-"+V(a,o),customClass:"listview-checkbox",disabled:a[I.value]||!a.checked,checked:a.checked,"onUpdate:checked":D=>a.checked=D,onChange:D=>R(a,o,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[c(a)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),g(o)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:r}}function de(t,n,u,N,F,i,d,s,v,y){var V;const C=e.ref(((V=t.group)==null?void 0:V.groupFields)||[]),{collpaseGroupIconClass:I}=F,{toggleGroupRow:m}=y;function f(x,R){R.collapse=!R.collapse,u.value=m(R.collapse?"collapse":"expand",R,u.value)}function T(x,R,O){return n.slots.group?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.group({item:x.raw,index:R,selectedItem:O})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:j=>f(j,x)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:I(x)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[x.raw[C.value[x.layer]]])])}function b(x,R,O){return x.layer>-1&&T(x,R,O)}return{renderItem:b}}function fe(t,n,u,N){const{dataView:F}=u,{updateSelectedItems:i}=N;function d(s){if(s>-1&&s<F.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(F.value[s]))return;const v=F.value.splice(s,1);i(),n.emit("removeItem",v[0])}}return{removeItem:d}}function me(t,n,u,N,F,i,d,s,v,y){const C=e.ref(t.view),I=e.ref(t.view==="CardView"),m=e.ref({}),f=fe(t,n,N,v),T=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":I.value,"flex-wrap":I.value})),b=e.computed(()=>!!u.value&&u.value.length>0),V=e.computed(()=>u.value.length===0);e.computed(()=>V.value&&!n.slots.empty);function x(){return C.value==="SingleView"?Q:C.value==="DraggableView"?ue:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||n.slots.content)?re:Q}const R=x(),{renderItem:O}=R(t,n,u,y,F,i,v,d,f,s),{renderItem:j}=de(t,n,u,y,F,i,v,d,f,s),L=[O,j];function h(){return u.value.filter(l=>l.visible!==!1).map((l,p)=>L[l.type](l,p,m))}function S(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():n.slots.empty?n.slots.empty():U.LocaleService.getLocaleValue("listView.emptyMessage")])])}function g(){return e.createVNode("ul",{class:T.value,style:"list-style: none;"},[b.value&&h(),V.value&&S()])}return{renderListArea:g}}function ge(t,n,u){function N(){return n.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:N}}function Z(t,n,u){const N=e.ref(t.headerClass),F=e.ref(t.placeholder),i=e.ref(""),d=e.computed(()=>!i.value),s=e.computed(()=>!!i.value);function v(m){i.value=""}e.watch(i,m=>{t.enableHighlightSearch&&u.search(m),n.emit("afterSearch",m)});const y=e.computed(()=>{const m={"form-group":!0,"farris-form-group":!0};return N.value&&N.value.split(" ").reduce((T,b)=>(T[b]=!0,T),m),m});function C(m){}function I(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>C,["prevent","stop"])},[e.createVNode("div",{class:y.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":m=>i.value=m,name:"input-group-value",type:"text",placeholder:F.value,autocomplete:"off"},null),[[e.vModelText,i.value]]),e.createVNode("div",{class:"input-group-append"},[s.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:m=>v()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),d.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:I}}function pe(){const t=e.ref(""),n=e.ref(-1),u=e.ref(""),N=e.ref(-1),F=e.ref(!1);function i(I,m,f){N.value=f}function d(I,m,f){F.value||(N.value=f)}function s(I,m,f){N.value=-1}function v(){F.value=!0}function y(){F.value=!1}function C(){n.value=-1,t.value=""}return{activeIndex:n,focusedItemId:u,hoverIndex:N,clearActiveItem:C,onMouseenterItem:i,onMouseoverItem:d,onMouseoutItem:s,resumeHover:y,suspendHover:v}}function he(t,n,u,N){const F=e.ref(t.idField),{dataView:i}=u,d=e.ref(-1),s=e.ref(!1),{activeIndex:v,focusedItemId:y,hoverIndex:C,resumeHover:I,suspendHover:m}=N;let f,T=0,b=0;function V(h,S){const g=h-T,l=S-b;f.style.left=parseInt(f.style.left)+g+"px",f.style.top=parseInt(f.style.top)+l+"px",T=h,b=S}function x(h){const{left:S,top:g}=h.getBoundingClientRect(),l=h.cloneNode(!0);return l.className=l.className+" f-listview-drag-moving",l.style.cssText=`
         position:absolute;
         left:${S}px;
-        top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
+        top:${document.documentElement.scrollTop?g+document.documentElement.scrollTop:g}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -10,9 +10,9 @@
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(m).width};
-        height:${getComputedStyle(m).height};
+        width:${getComputedStyle(h).width};
+        height:${getComputedStyle(h).height};
         `,l.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",l.children[0].children[0].style.cssText=`
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `,l.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",l.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(l),l}function N(m,S,f){if(m.stopPropagation(),d(),S){if(r=k(m.target),m.dataTransfer){const l=new Image;l.src="",m.dataTransfer.setDragImage(l,0,0)}F=m.pageX,w=m.pageY,setTimeout(()=>{c.value=f,s.value=!0,S.moving=!0})}}function T(m,S){if(m.preventDefault(),c.value!==S){const f=i.value[c.value],l=i.value;l.splice(c.value,1),l.splice(S,0,f),c.value=S,y(m.pageX,m.pageY)}}function L(m){m.preventDefault(),m.dataTransfer&&(m.dataTransfer.dropEffect="move"),y(m.pageX,m.pageY)}function H(m,S){S&&(S.moving=!1,r&&(document.body.removeChild(r),r=null)),i.value.forEach((f,l)=>{f.__fv_index__=l}),s.value=!1,p(),C.value=S.raw.__fv_index__,M.value=S.raw.__fv_index__,h.value=S.raw[V.value],n.emit("change",i.value),n.emit("activeChange",[S.raw])}return{dragstart:N,dragenter:T,dragover:L,dragend:H,isDragging:s}}function ue(t,n,g,I,V,i){const c=e.ref(t.idField),s=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const h=e.ref(t.selection.multiSelect??!1),C=e.ref(t.selection.multiSelectMode),{isDragging:p}=I,{activeIndex:d,focusedItemId:r,hoverIndex:F}=V,{clearSelection:w,getSelectedItems:y,toggleSelectItem:k,currentSelectedDataId:N}=i,T=e.ref(y()),L=u=>T.value.length===0?!1:T.value.some(a=>{let o="";return a.data?o=a.data[c.value]:o=a[c.value],o===u});function H(){T.value=y()}function m(u,a){return u.raw[c.value]!=null?u.raw[c.value]:""}function S(u,a){const o={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!u.checked,"f-un-select":!!u.raw[s.value],"f-listview-active":h.value&&L(m(u))||!h.value&&u.raw[c.value]===N.value,"f-listview-hover":!p.value&&a===F.value,moving:!!u.moving};if(typeof t.itemClass=="string")return _.getCustomClass(o,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(u);return _.getCustomClass(o,j)}return o}function f(u,a){const o={};if(typeof t.itemStyle=="string")return _.getCustomStyle(o,t.itemStyle);if(typeof t.itemStyle=="function"){const j=t.itemStyle(u);return _.getCustomStyle(o,j)}return o}const l=e.computed(()=>!h.value);function b(u,a,o){u.checked=o,!u.raw[s.value]&&(l.value&&(r.value=u.raw[c.value]),k(u))}const O=e.computed(()=>h.value&&C.value==="OnCheckClearByClick"),x=e.computed(()=>!h.value||h.value&&(C.value==="OnCheckAndClick"||C.value==="OnClick"));function v(u,a,o){if(u.raw[s.value]){o==null||o.preventDefault(),o==null||o.stopPropagation();return}N.value=u.raw[c.value],r.value=u.raw[c.value],d.value=a,O.value&&w(),x.value&&(k(u),H()),n.emit("clickItem",{data:T.value,index:a,dataItem:u.raw}),n.emit("activeChange",T.value)}return{getKey:m,selectedItems:T,listViewItemClass:S,listViewItemStyle:f,updateSelectedItems:H,onCheckItem:b,onClickItem:v}}const $=e.defineComponent({name:"FListView",props:ee,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,n){const g=e.ref(),I=e.ref(!0),V=e.ref(!1),i=e.ref([]),c=0,s=e.ref(t.columns),M=B.useFilter(t,n),h=B.useIdentify(t),C=B.useHierarchy(t),p=B.useGroupData(t,h),d=B.useDataView(t,new Map,M,C,h),r=B.useSelection(t,d,h,i,n),F=te(t,g),w=B.usePagination(t,d),y=e.computed(()=>d.dataView.value.length),k=B.useRow(t,n,r,h),N=B.useEdit(t,n,h,k,i),T=B.useVisualDataBound(t),L=B.useVisualDataCell(t,{},T),H=B.useVisualDataRow(t,d,N,C,h,T,L),m=B.useVisualGroupRow(t,h,L,H),S=B.useVisualSummaryRow(t,h,L,H),f=B.useVisualData(t,s,d,y,c,H,m,S),{getVisualData:l}=f;i.value=l(0,y.value+c-1);const b=e.computed(()=>{const R={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(R[`${t.size}-item`]=!0),_.getCustomClass(R,t.customClass)}),O=e.computed(()=>!!n.slots.footer||I.value);function x(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?ie:Y}const v=x(),{renderHeader:u}=v(t,n,F),a=ce(),o=re(t,n,d,a),j=ue(t,n,i,o,a,r),{renderListArea:D}=se(t,n,i,d,p,a,r,f,j,o);function fe(R){F.search(R)}function me(R){R&&(d.load(R),i.value=l(0,y.value+c-1))}function ge(){r.clearSelection(),a.clearActiveItem()}function he(){return j.selectedItems.value}function ve(){return j.selectedItems.value.map(R=>R[h.idField.value])}function Q(R){r.selectedValues.value=R,j.updateSelectedItems()}function pe(){return r.currentSelectedDataId.value}function Ce(R){k.activeRowById(R)}function ye(R){const A=h.idField.value,G=i.value.find(q=>q.raw[A]===R),z=i.value.findIndex(q=>q.raw[A]===R);G&&z>-1&&j.onClickItem(G,z)}function Se(R){const A=h.idField.value,G=i.value.find(z=>z.raw[A]===R);G&&k.changeRow(G)}function we(R){w.updatePagination(R)}function Ie(R){return i.value.filter(A=>R.includes(A.raw[t.idField]))}n.expose({search:fe,updateDataSource:me,clearSelection:ge,getSelections:he,updateSelectionByIds:Q,getSelectionIds:ve,activeRowById:Ce,getCurrentRowId:pe,clickRowItemById:ye,updatePagination:we,getVisibleDataByIds:Ie,selectRowById:Se});function Ve(R){t.multiSelect&&(R.preventDefault(),R.stopPropagation())}e.watch(()=>t.selectionValues,(R,A)=>{R!==A&&Q(R)});const ke=B.useSidebar(t,r),{sidebarWidth:be,showSidebarCheckBox:Re}=ke,Fe=B.useColumn(t,n),{applyColumnSorter:Te,columnContext:Ne,updateColumnRenderContext:Me}=Fe,De=B.useVirtualScroll(t,d,i,Ne,f,y,c,be,N),{shouldRenderPagination:Oe}=w,{renderDataGridPagination:xe}=B.getPagination(t,n,d,De,w,r);return()=>e.createVNode("div",{class:b.value,onClick:Ve},[u(),e.createVNode("div",{ref:g,class:"f-list-view-content",onMouseover:()=>{V.value=!0},onMouseleave:()=>{V.value=!1}},[D()]),O.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():n.slots.footer&&n.slots.footer()])])}}),J=e.defineComponent({name:"FTransfer",props:K,emits:["change","activeChange","selectItem","unSelecteItem","removeItem"],setup(t,n){const g=e.ref(t.identifyField),I=e.ref(t.displayType),V=e.ref(!1),i=e.ref(t.dataSource),c=e.ref(t.textField),s=e.ref(t.selections||[]),M=e.computed(()=>s.value.map(v=>v[g.value])),h=new Map,C=e.ref(),p=e.ref(),d=e.ref();let r;function F(){const v=new Map,u=t.selectionValues||[];u.length&&u.reduce((o,j)=>(o.set(j,!0),o),v);const a=t.selections||[];a.length&&(v.clear(),a.reduce((o,j)=>(o.set(j[g.value],!0),o),v)),s.value.length||(s.value=i.value.filter(o=>v.has(o[g.value])).map(o=>Object.assign({},o))),i.value.forEach(o=>{const j=o[g.value],D=v.has(j);o.checked=D,D&&h.set(j,o)})}F(),e.watch(()=>t.selections,v=>{s.value=v,F()});const w=e.computed(()=>I.value==="List"),y=e.computed(()=>I.value==="Tree");function k(v){const u=W.cloneDeep(s.value);s.value=v.map(a=>Object.assign({},a)),n.emit("change",s.value,u)}function N(v){n.emit("selectItem",v)}function T(v){n.emit("unSelectItem",v)}function L(){return e.createVNode($,{class:"f-utils-fill",data:i.value,multiSelect:!0,itemClass:"f-transfer-list-item",textField:c.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},draggable:!1,header:"Search",headerClass:"transfer-search-box",selectionValues:M.value,onSelectionUpdate:k},null)}function H(){return e.createVNode(Z,{ref:d,data:i.value,columns:t.columns,virtualized:t.virtualized,rowOption:t.rowOption,textField:c.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},selectionValues:M.value,onSelectionUpdate:k,onSelectItem:N,onUnSelectItem:T},null)}function m(){return e.createVNode("div",{class:"f-utils-fill option-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column option-pane-content f-utils-fill"},[e.createVNode("div",{class:"container columns-box d-flex f-utils-fill"},[w.value&&L(),y.value&&H()])])])}function S(v){const u=v[g.value];if(u!==null||u!==void 0){s.value=s.value.filter(o=>o[g.value]!==u);const a=h.get(u);a&&(a.checked=!1,h.delete(u)),n.emit("change",s.value),n.emit("removeItem",v)}}e.watch(s,v=>{C.value.updateDataSource(W.cloneDeep(v));const u=r==null?void 0:r[g.value],a=v.find(o=>u===o[g.value]);a?C.value.activeRowById(a[g.value]):(r=null,C.value.activeRowById(""))});function f(v){const u=new Map;s.value.reduce((a,o)=>(a.set(o[g.value],o),a),u),s.value=v.map(a=>u.get(a[g.value])),n.emit("change",s.value)}function l(v){r=v[0],n.emit("activeChange",v)}function b(){var v;return e.createVNode($,{ref:C,columns:t.columns,style:"flex:1",data:s.value,draggable:!0,view:"DraggableView","keep-order":!0,textField:c.value,itemClass:t.selectedItemClass,onChange:f,onRemoveItem:S,onActiveChange:l,checkBeforeRemoveItem:t.checkBeforeRemoveItem},{itemContent:(v=n.slots)!=null&&v.text?u=>{var a;return((a=n.slots)==null?void 0:a.text)&&n.slots.text(u)}:null})}function O(){return e.createVNode("div",{class:"f-utils-fill selection-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column selection-pane-content f-utils-fill"},[e.createVNode("div",{class:"selection-pane-title"},[e.createVNode("span",{class:"selection-title"},[E.LocaleService.getLocaleValue("transfer.selectedStart")]),e.createVNode("span",{class:"selection-count"},[s.value&&s.value.length]),e.createVNode("span",{class:"selection-item-title"},[E.LocaleService.getLocaleValue("transfer.selectedEnd")])]),e.createVNode("div",{class:"container columns-box f-utils-fill d-flex"},[b()])])])}const x=e.computed(()=>({"f-transfer":!0,row:!0,"f-utils-fill":V.value}));return e.onMounted(()=>{p.value&&p.value.parentElement&&getComputedStyle(p.value.parentElement).display==="flex"&&(V.value=!0)}),()=>e.createVNode("div",{ref:p,class:x.value,style:"height:480px"},[n.slots.children?n.slots.children({selections:s.value}):m(),O()])}}),de=_.withInstall(J);P.FTransfer=J,P.default=de,P.transferProps=K,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,l.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",l.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(l),l}function R(h,S,g){if(h.stopPropagation(),m(),S){if(f=x(h.target),h.dataTransfer){const l=new Image;l.src="",h.dataTransfer.setDragImage(l,0,0)}T=h.pageX,b=h.pageY,setTimeout(()=>{d.value=g,s.value=!0,S.moving=!0})}}function O(h,S){if(h.preventDefault(),d.value!==S){const g=i.value[d.value],l=i.value;l.splice(d.value,1),l.splice(S,0,g),d.value=S,V(h.pageX,h.pageY)}}function j(h){h.preventDefault(),h.dataTransfer&&(h.dataTransfer.dropEffect="move"),V(h.pageX,h.pageY)}function L(h,S){S&&(S.moving=!1,f&&(document.body.removeChild(f),f=null)),i.value.forEach((g,l)=>{g.__fv_index__=l}),s.value=!1,I(),C.value=S.raw.__fv_index__,v.value=S.raw.__fv_index__,y.value=S.raw[F.value],n.emit("change",i.value),n.emit("activeChange",[S.raw])}return{dragstart:R,dragenter:O,dragover:j,dragend:L,isDragging:s}}function ve(t,n,u,N,F,i){const d=e.ref(t.idField),s=e.ref(t.disableField),v=e.ref(t.draggable);e.ref(t.itemClass);const y=e.ref(t.selection.multiSelect??!1),C=e.ref(t.selection.multiSelectMode),{isDragging:I}=N,{activeIndex:m,focusedItemId:f,hoverIndex:T}=F,{clearSelection:b,getSelectedItems:V,toggleSelectItem:x,currentSelectedDataId:R}=i,O=e.ref(V()),j=r=>O.value.length===0?!1:O.value.some(a=>{let o="";return a.data?o=a.data[d.value]:o=a[d.value],o===r});function L(){O.value=V()}function h(r,a){return r.raw[d.value]!=null?r.raw[d.value]:""}function S(r,a){const o={"f-list-view-group-item":!0,"f-list-view-draggable-item":v.value,"f-un-click":!r.checked,"f-un-select":!!r.raw[s.value],"f-listview-active":y.value&&j(h(r))||!y.value&&r.raw[d.value]===R.value,"f-listview-hover":!I.value&&a===T.value,moving:!!r.moving};if(typeof t.itemClass=="string")return _.getCustomClass(o,t.itemClass);if(typeof t.itemClass=="function"){const B=t.itemClass(r);return _.getCustomClass(o,B)}return o}function g(r,a){const o={};if(typeof t.itemStyle=="string")return _.getCustomStyle(o,t.itemStyle);if(typeof t.itemStyle=="function"){const B=t.itemStyle(r);return _.getCustomStyle(o,B)}return o}const l=e.computed(()=>!y.value);function p(r,a,o){r.checked=o,!r.raw[s.value]&&(l.value&&(f.value=r.raw[d.value]),x(r))}const w=e.computed(()=>y.value&&C.value==="OnCheckClearByClick"),k=e.computed(()=>!y.value||y.value&&(C.value==="OnCheckAndClick"||C.value==="OnClick"));function c(r,a,o){if(r.raw[s.value]){o==null||o.preventDefault(),o==null||o.stopPropagation();return}R.value=r.raw[d.value],f.value=r.raw[d.value],m.value=a,w.value&&b(),k.value&&(x(r),L()),n.emit("clickItem",{data:O.value,index:a,dataItem:r.raw}),n.emit("activeChange",O.value)}return{getKey:h,selectedItems:O,listViewItemClass:S,listViewItemStyle:g,updateSelectedItems:L,onCheckItem:p,onClickItem:c}}const $=e.defineComponent({name:"FListView",props:ie,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,n){const u=e.ref(),N=e.ref(!0),F=e.ref(!1),i=e.ref([]),d=0,s=e.ref(t.columns),v=P.useFilter(t,n),y=P.useIdentify(t),C=P.useHierarchy(t),I=P.useGroupData(t,y),m=P.useDataView(t,new Map,v,C,y),f=P.useSelection(t,m,y,i,n),T=ce(t,u),b=P.usePagination(t,m),V=e.computed(()=>m.dataView.value.length),x=P.useRow(t,n,f,y),R=P.useEdit(t,n,y,x,i),O=P.useVisualDataBound(t),j=P.useVisualDataCell(t,{},O),L=P.useVisualDataRow(t,m,R,C,y,O,j),h=P.useVisualGroupRow(t,y,j,L),S=P.useVisualSummaryRow(t,y,j,L),g=P.useVisualData(t,s,m,V,d,L,h,S),{getVisualData:l}=g;i.value=l(0,V.value+d-1);const p=e.computed(()=>{const M={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(M[`${t.size}-item`]=!0),_.getCustomClass(M,t.customClass)}),w=e.computed(()=>!!n.slots.footer||N.value);function k(){return t.header==="SearchBar"?Z:t.header==="ContentHeader"?ge:Z}const c=k(),{renderHeader:r}=c(t,n,T),a=pe(),o=he(t,n,m,a),B=ve(t,n,i,o,a,f),{renderListArea:D}=me(t,n,i,m,I,a,f,g,B,o);function Se(M){T.search(M)}function we(M){M&&(m.load(M),i.value=l(0,V.value+d-1))}function Ie(){f.clearSelection(),a.clearActiveItem()}function Ve(){return B.selectedItems.value}function be(){return B.selectedItems.value.map(M=>M[y.idField.value])}function ee(M){f.selectedValues.value=M,B.updateSelectedItems()}function ke(){return f.currentSelectedDataId.value}function Ne(M){x.activeRowById(M)}function Fe(M){const H=y.idField.value,q=i.value.find(X=>X.raw[H]===M),E=i.value.findIndex(X=>X.raw[H]===M);q&&E>-1&&B.onClickItem(q,E)}function xe(M){const H=y.idField.value,q=i.value.find(E=>E.raw[H]===M);q&&x.changeRow(q)}function Te(M){b.updatePagination(M)}function Re(M){return i.value.filter(H=>M.includes(H.raw[t.idField]))}n.expose({search:Se,updateDataSource:we,clearSelection:Ie,getSelections:Ve,updateSelectionByIds:ee,getSelectionIds:be,activeRowById:Ne,getCurrentRowId:ke,clickRowItemById:Fe,updatePagination:Te,getVisibleDataByIds:Re,selectRowById:xe});function De(M){t.multiSelect&&(M.preventDefault(),M.stopPropagation())}e.watch(()=>t.selectionValues,(M,H)=>{M!==H&&ee(M)});const Me=P.useSidebar(t,f),{sidebarWidth:Oe,showSidebarCheckBox:Ke}=Me,je=P.useColumn(t,n),{applyColumnSorter:Xe,columnContext:Be,updateColumnRenderContext:Ye}=je,Le=P.useVirtualScroll(t,m,i,Be,g,V,d,Oe,R),{shouldRenderPagination:Je}=b,{renderDataGridPagination:Qe}=P.getPagination(t,n,m,Le,b,f);return()=>e.createVNode("div",{class:p.value,onClick:De},[r(),e.createVNode("div",{ref:u,class:"f-list-view-content",onMouseover:()=>{F.value=!0},onMouseleave:()=>{F.value=!1}},[D()]),w.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():n.slots.footer&&n.slots.footer()])])}}),G=e.defineComponent({name:"FTransfer",props:z,emits:["change","activeChange","selectItem","unSelecteItem","removeItem"],setup(t,n){const u=e.ref(t.identifyField),N=e.ref(t.displayType),F=e.ref(!1),i=e.ref(t.dataSource),d=e.ref(t.textField),s=e.ref(t.selections||[]),v=e.computed(()=>s.value.map(c=>c[u.value])),y=new Map,C=e.ref(),I=e.ref(),m=e.ref();let f;function T(){const c=new Map,r=t.selectionValues||[];r.length&&r.reduce((o,B)=>(o.set(B,!0),o),c);const a=t.selections||[];a.length&&(c.clear(),a.reduce((o,B)=>(o.set(B[u.value],!0),o),c)),s.value.length||(s.value=i.value.filter(o=>c.has(o[u.value])).map(o=>Object.assign({},o))),i.value.forEach(o=>{const B=o[u.value],D=c.has(B);o.checked=D,D&&y.set(B,o)})}T(),e.watch(()=>t.selections,c=>{s.value=c,T()});const b=e.computed(()=>N.value==="List"),V=e.computed(()=>N.value==="Tree");function x(c){const r=J.cloneDeep(s.value);s.value=c.map(a=>Object.assign({},a)),n.emit("change",s.value,r)}function R(c){n.emit("selectItem",c)}function O(c){n.emit("unSelectItem",c)}function j(){return e.createVNode($,{class:"f-utils-fill",data:i.value,multiSelect:!0,itemClass:"f-transfer-list-item",textField:d.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},draggable:!1,header:"Search",headerClass:"transfer-search-box",selectionValues:v.value,onSelectionUpdate:x},null)}function L(){return e.createVNode(te,{ref:m,data:i.value,columns:t.columns,virtualized:t.virtualized,rowOption:t.rowOption,textField:d.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},selectionValues:v.value,onSelectionUpdate:x,onSelectItem:R,onUnSelectItem:O},null)}function h(){return e.createVNode("div",{class:"f-utils-fill option-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column option-pane-content f-utils-fill"},[e.createVNode("div",{class:"container columns-box d-flex f-utils-fill"},[b.value&&j(),V.value&&L()])])])}function S(c){const r=c[u.value];if(r!==null||r!==void 0){s.value=s.value.filter(o=>o[u.value]!==r);const a=y.get(r);a&&(a.checked=!1,y.delete(r)),n.emit("change",s.value),n.emit("removeItem",c)}}e.watch(s,c=>{C.value.updateDataSource(J.cloneDeep(c));const r=f==null?void 0:f[u.value],a=c.find(o=>r===o[u.value]);a?C.value.activeRowById(a[u.value]):(f=null,C.value.activeRowById(""))});function g(c){const r=new Map;s.value.reduce((a,o)=>(a.set(o[u.value],o),a),r),s.value=c.map(a=>r.get(a[u.value])),n.emit("change",s.value)}function l(c){f=c[0],n.emit("activeChange",c)}function p(){var c;return e.createVNode($,{ref:C,columns:t.columns,style:"flex:1",data:s.value,draggable:!0,view:"DraggableView","keep-order":!0,textField:d.value,itemClass:t.selectedItemClass,onChange:g,onRemoveItem:S,onActiveChange:l,checkBeforeRemoveItem:t.checkBeforeRemoveItem},{itemContent:(c=n.slots)!=null&&c.text?r=>{var a;return((a=n.slots)==null?void 0:a.text)&&n.slots.text(r)}:null})}function w(){return e.createVNode("div",{class:"f-utils-fill selection-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column selection-pane-content f-utils-fill"},[e.createVNode("div",{class:"selection-pane-title"},[e.createVNode("span",{class:"selection-title"},[U.LocaleService.getLocaleValue("transfer.selectedStart")]),e.createVNode("span",{class:"selection-count"},[s.value&&s.value.length]),e.createVNode("span",{class:"selection-item-title"},[U.LocaleService.getLocaleValue("transfer.selectedEnd")])]),e.createVNode("div",{class:"container columns-box f-utils-fill d-flex"},[p()])])])}const k=e.computed(()=>({"f-transfer":!0,row:!0,"f-utils-fill":F.value}));return e.onMounted(()=>{I.value&&I.value.parentElement&&getComputedStyle(I.value.parentElement).display==="flex"&&(F.value=!0)}),()=>e.createVNode("div",{ref:I,class:k.value,style:"height:480px"},[n.slots.children?n.slots.children({selections:s.value}):h(),w()])}}),ye=e.defineComponent({name:"FTransferDesign",props:z,emits:["change"],setup(t,n){const u=e.ref(t.identifyField),N=e.ref("已选："),F=e.ref("项数据"),i=e.ref(t.displayType),d=e.ref(!1),s=e.ref(t.dataSource),v=e.ref(t.selections||[]),y=e.computed(()=>v.value.map(p=>p[u.value])),C=new Map;function I(){const p=new Map,w=t.selectionValues||[];w.length&&w.reduce((c,r)=>(c.set(r,!0),c),p);const k=t.selections||[];k.length&&(p.clear(),k.reduce((c,r)=>(c.set(r[u.value],!0),c),p)),v.value.length||(v.value=s.value.filter(c=>p.has(c[u.value])).map(c=>Object.assign({},c))),s.value.forEach(c=>{const r=c[u.value],a=p.has(r);c.checked=a,a&&C.set(r,c)})}I();const m=e.computed(()=>i.value==="List"),f=e.computed(()=>i.value==="Tree");function T(p){v.value=p.map(w=>Object.assign({},w)),n.emit("change",v.value)}function b(){return e.createVNode($,{class:"f-utils-fill",data:s.value,"multi-select":!0,draggable:!1,header:"Search",headerClass:"transfer-search-box","selection-values":y.value,onSelectionChange:T},{default:()=>[e.createTextVNode(" ")]})}function V(){return e.createVNode(e.Fragment,null,null)}function x(){return e.createVNode("div",{class:"f-utils-fill option-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column option-pane-content f-utils-fill"},[e.createVNode("div",{class:"container columns-box d-flex f-utils-fill"},[m.value&&b(),f.value&&V()])])])}function R(p){const w=p[u.value];if(w!==null||w!==void 0){v.value=v.value.filter(c=>c[u.value]!==w);const k=C.get(w);k&&(k.checked=!1,C.delete(w)),n.emit("change",v.value)}}function O(p){const w=new Map;v.value.reduce((k,c)=>(k.set(c[u.value],c),k),w),v.value=p.map(k=>w.get(k[u.value])),n.emit("change",v.value)}function j(){return e.createVNode($,{style:"flex:1",data:v.value,draggable:!0,view:"DraggableView","keep-order":!0,onChange:O,onRemoveItem:R},{default:()=>[e.createTextVNode(" ")]})}function L(){return e.createVNode("div",{class:"f-utils-fill selection-pane d-flex flex-column"},[e.createVNode("div",{class:"f-utils-flex-column selection-pane-content f-utils-fill"},[e.createVNode("div",{class:"selection-pane-title"},[e.createVNode("span",{class:"selection-title"},[N.value]),e.createVNode("span",{class:"selection-count"},[v.value&&v.value.length]),e.createVNode("span",{class:"selection-item-title"},[F.value])]),e.createVNode("div",{class:"container columns-box f-utils-fill d-flex"},[j()])])])}const h=e.computed(()=>({transfer:!0,row:!0,"f-utils-fill":d.value})),S=e.ref(),g=e.inject("design-item-context"),l=ne.useDesignerComponent(S,g);return e.onMounted(()=>{S.value.componentInstance=l}),n.expose(l.value),()=>e.createVNode("div",{ref:S,class:h.value,style:"height:480px"},[x(),L()])}});G.register=(t,n,u)=>{t.transfer=G,n.transfer=K},G.registerDesigner=(t,n,u)=>{t.transfer=ye,n.transfer=K};const Ce=_.withInstall(G);A.FTransfer=G,A.default=Ce,A.propsResolver=K,A.transferProps=z,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/tree-grid/index.esm.js

@@ -2,8 +2,9 @@ import { getCustomClass as St, withInstall as bt } from "../common/index.esm.js"
 import { createVNode as g, defineComponent as It, ref as h, computed as C, onMounted as Bt, nextTick as Dt, onUnmounted as Ot, watch as ce, createTextVNode as Rt } from "vue";
 import { useResizeObserver as Ft } from "@vueuse/core";
 import { isUndefined as b } from "lodash-es";
-import { getHierarchyRow as xt, useIdentify as Ht, useGroupData as Gt, useFilter as jt, useHierarchy as Pt, useLoading as Nt, useDataView as Vt, useSelection as kt, useSelectHierarchyItem as _t, usePagination as Tt, useDataViewContainerStyle as zt, useCommandColumn as At, useSettingColumn as Mt, useColumn as Et, useSort as Lt, useGroupColumn as Wt, useRow as Ut, useEdit as qt, useVisualDataBound as Yt, useVisualDataCell as Jt, useVisualDataRow as Kt, useVisualData as Qt, useCellPosition as Xt, useSidebar as Zt, useVirtualScroll as $t, useFitColumn as ea, useFilterHistory as ta, useColumnFilter as aa, useDragColumn as la, getColumnHeader as na, getSidebar as oa, getDisableMask as ia, getHorizontalScrollbar as ua, getVerticalScrollbar as ra, getEmpty as sa, getPagination as da, getSummary as ca } from "../data-view/index.esm.js";
-const Sa = {
+import { LocaleService as xt } from "../locale/index.esm.js";
+import { getHierarchyRow as Ht, useIdentify as Gt, useGroupData as jt, useFilter as Pt, useHierarchy as Vt, useLoading as Nt, useDataView as kt, useSelection as _t, useSelectHierarchyItem as Tt, usePagination as zt, useDataViewContainerStyle as Mt, useCommandColumn as At, useSettingColumn as Lt, useColumn as Et, useSort as Wt, useGroupColumn as Ut, useRow as qt, useEdit as Yt, useVisualDataBound as $t, useVisualDataCell as Jt, useVisualDataRow as Kt, useVisualData as Qt, useCellPosition as Xt, useSidebar as Zt, useVirtualScroll as ea, useFitColumn as ta, useFilterHistory as aa, useColumnFilter as la, useDragColumn as na, getColumnHeader as oa, getSidebar as ia, getDisableMask as ua, getHorizontalScrollbar as ra, getVerticalScrollbar as sa, getEmpty as da, getPagination as ca, getSummary as fa } from "../data-view/index.esm.js";
+const Ia = {
   /** 启用分页 */
   enable: { type: Boolean, default: !1 },
   /** 当前页码 */
@@ -24,7 +25,7 @@ const Sa = {
   sizeLimits: { type: Array, default: [10, 20, 30, 50, 100] },
   /** 总记录数 */
   total: { type: Number, default: 0 }
-}, ba = {
+}, Ba = {
   /** 启用排序 */
   enable: { type: Boolean, default: !1 },
   /** 排序字段集合 */
@@ -33,7 +34,7 @@ const Sa = {
   mode: { type: String, default: "client" },
   /** 多列排序 */
   multiSort: { type: Boolean, default: !1 }
-}, Ia = {
+}, Da = {
   /** 自定义分组合计内容 */
   customGroupRow: { type: Function, default: () => {
   } },
@@ -57,7 +58,7 @@ const Sa = {
   showSummary: { type: Boolean, default: !1 },
   /** 显示合计行位置； */
   summaryPosition: { type: String, default: "separate" }
-}, Ba = {
+}, Oa = {
   /** 启用筛选 */
   enable: { type: Boolean, default: !1 },
   /** DataGrid筛选风格 */
@@ -66,10 +67,10 @@ const Sa = {
   mode: { type: String, default: "server" },
   /** 显示过滤条件工具条 */
   showSummary: { type: Boolean, default: !0 }
-}, Da = {
+}, Ra = {
   /** 允许折行显示列标题 */
   wrapHeadings: { type: Boolean, default: !1 }
-}, Oa = {
+}, Fa = {
   /** 自定义行样式 */
   customRowStyle: { type: Function, default: () => {
   } },
@@ -84,7 +85,7 @@ const Sa = {
   showHovering: { type: Boolean, default: !0 },
   /** 禁止数据折行 */
   wrapContent: { type: Boolean, default: !1 }
-}, Ra = {
+}, xa = {
   /** 显示合计信息 */
   enable: { type: Boolean, default: !1 },
   /** 合计行自定义样式，对启用合计行模板无效 */
@@ -96,7 +97,7 @@ const Sa = {
   mode: { type: String, default: "client" },
   /** 合计行显示位置， top: 顶部 bottom: 底部， both: 顶部与底部同时显示 */
   position: { type: String, default: "bottom" }
-}, Fa = {
+}, Ha = {
   /** 自动列宽。设为true后，所有列将填满表格并不会出现横向滚动条。 */
   fitColumns: { type: Boolean, default: !1 },
   /** 自动适配列宽度模式 */
@@ -108,17 +109,17 @@ const Sa = {
   resizeColumn: { type: Boolean, default: !0 },
   /** 双击表头列自适应内容宽度 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
-}, xa = {
+}, Ga = {
   /** 编辑时选中文本 */
   selectOnEditing: { type: Boolean, default: !1 },
   /** 编辑模式； row：整行编辑，cell: 单元格编辑 */
   editMode: { type: String, default: "cell" }
-}, Ha = {
+}, ja = {
   /** show loading */
   show: { type: Boolean, default: !1 },
   /** message on display when loading */
-  message: { type: String, default: "加载中" }
-}, fa = {
+  message: { type: String, default: `${xt.getLocaleValue("datagrid.loadingMessage")}...` }
+}, ma = {
   /** 自定义样式 */
   customClass: { type: String, default: "" },
   /** 排序配置 */
@@ -269,23 +270,23 @@ const Sa = {
   /** 自动高度 **/
   autoHeight: { type: Boolean, default: !1 }
 };
-function ma(a, c, fe, T, I, v, y, B, z, n, D, A, N, o, O, K, M) {
+function ya(a, c, fe, T, I, v, y, B, z, n, D, M, V, o, O, J, A) {
   const {
-    calculateCellPositionInRow: E
+    calculateCellPositionInRow: L
   } = v, {
     columnContext: p,
-    hasLeftFixedColumn: L,
-    hasRightFixedColumn: Q
+    hasLeftFixedColumn: E,
+    hasRightFixedColumn: K
   } = y, {
-    gridDataStyle: X,
+    gridDataStyle: Q,
     leftFixedGridDataStyle: l,
-    rightFixedGridDataStyle: Z
+    rightFixedGridDataStyle: X
   } = o, {
     renderDataRow: i
-  } = xt(a, c, p, M, B, z, n, D, A, N, o, O, K), G = [i];
-  function V(d, ee) {
-    const te = E(d);
-    return M.value.filter((R) => R.visible !== !1).map((R, U) => G[R.type](R, te, ee, U));
+  } = Ht(a, c, p, A, B, z, n, D, M, V, o, O, J), G = [i];
+  function N(d, ee) {
+    const te = L(d);
+    return A.value.filter((R) => R.visible !== !1).map((R, U) => G[R.type](R, te, ee, U));
   }
   function w() {
     return g("div", {
@@ -294,16 +295,16 @@ function ma(a, c, fe, T, I, v, y, B, z, n, D, A, N, o, O, K, M) {
     }, [g("div", {
       class: "fv-grid-data",
       style: l.value
-    }, [V(p.value.leftColumns.filter((d) => d.visible), "left")])]);
+    }, [N(p.value.leftColumns.filter((d) => d.visible), "left")])]);
   }
-  function $() {
+  function Z() {
     return g("div", {
       ref: fe,
       class: "fv-grid-content-primary"
     }, [g("div", {
       class: "fv-grid-data",
-      style: X.value
-    }, [V(p.value.primaryColumns.filter((d) => d.visible), "primary")])]);
+      style: Q.value
+    }, [N(p.value.primaryColumns.filter((d) => d.visible), "primary")])]);
   }
   function S() {
     return g("div", {
@@ -311,68 +312,68 @@ function ma(a, c, fe, T, I, v, y, B, z, n, D, A, N, o, O, K, M) {
       class: "fv-grid-content-right-fixed"
     }, [g("div", {
       class: "fv-grid-data",
-      style: Z.value
-    }, [V(p.value.rightColumns.filter((d) => d.visible), "right")])]);
+      style: X.value
+    }, [N(p.value.rightColumns.filter((d) => d.visible), "right")])]);
   }
   function W() {
     const d = [];
-    return L.value && d.push(w()), d.push($()), Q.value && d.push(S()), d;
+    return E.value && d.push(w()), d.push(Z()), K.value && d.push(S()), d;
   }
   return {
     renderDataArea: W
   };
 }
-const ya = /* @__PURE__ */ It({
+const va = /* @__PURE__ */ It({
   name: "FTreeGrid",
-  props: fa,
+  props: ma,
   emits: ["selectionChange", "clickRow", "expandNode", "unSelectItem", "dblclickNode", "doubleClickRow", "unSelectItem", "selectItem", "filterChanged", "sortChanged", "selectionUpdate"],
   setup(a, c) {
     var Ce, we;
-    const T = ((Ce = a.rowOption) == null ? void 0 : Ce.height) || 28, I = h(20), v = h(a.columns), y = Ht(a), {
+    const T = ((Ce = a.rowOption) == null ? void 0 : Ce.height) || 28, I = h(20), v = h(a.columns), y = Gt(a), {
       idField: B
-    } = y, z = h(), n = h(), D = h(), A = h(), N = h(), o = h([]), O = h(!1), K = h(((we = a.rowOption) == null ? void 0 : we.wrapContent) || !1), M = Gt(a, y), E = jt(a, c), p = Pt(a), {
-      collapseField: L
+    } = y, z = h(), n = h(), D = h(), M = h(), V = h(), o = h([]), O = h(!1), J = h(((we = a.rowOption) == null ? void 0 : we.wrapContent) || !1), A = jt(a, y), L = Pt(a, c), p = Vt(a), {
+      collapseField: E
     } = p, {
-      showLoading: Q,
-      renderLoading: X
-    } = Nt(a, z), l = Vt(a, /* @__PURE__ */ new Map(), E, p, y), {
-      dataView: Z
-    } = l, i = kt(a, l, y, o, c), {
+      showLoading: K,
+      renderLoading: Q
+    } = Nt(a, z), l = kt(a, /* @__PURE__ */ new Map(), L, p, y), {
+      dataView: X
+    } = l, i = _t(a, l, y, o, c), {
       showSelection: G,
-      selectedValues: V
-    } = i, w = _t(a, o, l, y, i, c), $ = C(() => a.disabled), S = C(() => a.virtualized ? Math.min(l.dataView.value.length, I.value) : l.dataView.value.length), W = Tt(a, l), {
+      selectedValues: N
+    } = i, w = Tt(a, o, l, y, i, c), Z = C(() => a.disabled), S = C(() => a.virtualized ? Math.min(l.dataView.value.length, I.value) : l.dataView.value.length), W = zt(a, l), {
       shouldRenderPagination: d
     } = W, {
       containerStyleObject: ee
-    } = zt(a), te = At(a), {
+    } = Mt(a), te = At(a), {
       applyCommands: R
     } = te;
     R(v);
     const {
       applyColumnSetting: U,
       removeColumnSetting: be
-    } = Mt(a);
+    } = Lt(a);
     a.showSetting && U(v);
-    const k = Et(a, c), ae = Lt(a), {
+    const k = Et(a, c), ae = Wt(a), {
       applyColumnSorter: me,
       columnContext: q,
       updateColumnRenderContext: Ie
     } = k;
     me(l, ae);
-    const le = Wt(a, q), j = Ut(a, c, i, y), P = qt(a, c, y, j, o), ne = Yt(a), Be = Jt(a, P, ne), De = Kt(a, l, P, p, y, ne, Be), oe = Qt(a, v, l, S, 0, De), {
+    const le = Ut(a, q), j = qt(a, c, i, y), P = Yt(a, c, y, j, o), ne = $t(a), Be = Jt(a, P, ne), De = Kt(a, l, P, p, y, ne, Be), oe = Qt(a, v, l, S, 0, De), {
       getVisualData: Y
     } = oe, Oe = Xt(a, q), ie = Zt(a, i), {
       sidebarWidth: Re
-    } = ie, f = $t(a, l, o, q, oe, S, 0, Re), {
+    } = ie, f = ea(a, l, o, q, oe, S, 0, Re), {
       onWheel: Fe,
       dataGridWidth: ye,
       viewPortHeight: ve,
-      viewPortWidth: J,
+      viewPortWidth: $,
       resetScroll: ue,
       updateVisibleRowsOnLatestVisibleScope: xe
-    } = f, ge = ea(a, q, n, J, le), {
+    } = f, ge = ta(a, q, n, $, le), {
       calculateColumnsSize: _
-    } = ge, he = ta(), He = aa(n, N, l, he, f), Ge = la(a, c, k, l, le, M, f), je = C(() => {
+    } = ge, he = aa(), He = la(n, V, l, he, f), Ge = na(a, c, k, l, le, A, f), je = C(() => {
       const e = {
         "fv-grid": !0,
         "fv-grid-bordered": a.showBorder,
@@ -383,23 +384,23 @@ const ya = /* @__PURE__ */ It({
     }), Pe = C(() => ({
       "fv-grid-content": !0,
       "fv-grid-content-hover": O.value,
-      "fv-grid-wrap-content": K.value
+      "fv-grid-wrap-content": J.value
     })), {
-      renderDataArea: Ne
-    } = ma(a, c, D, A, N, Oe, k, l, P, p, j, i, w, f, oe, ne, o), {
-      renderGridHeader: Ve,
+      renderDataArea: Ve
+    } = ya(a, c, D, M, V, Oe, k, l, P, p, j, i, w, f, oe, ne, o), {
+      renderGridHeader: Ne,
       renderGridColumnResizeOverlay: ke,
       shouldShowHeader: _e
-    } = na(a, c, n, A, N, k, l, Ge, He, E, he, ge, le, i, ie, ae, f, J, o), {
+    } = oa(a, c, n, M, V, k, l, Ge, He, L, he, ge, le, i, ie, ae, f, $, o), {
       renderDataGridSidebar: Te
-    } = oa(a, j, i, ie, f), {
+    } = ia(a, j, i, ie, f), {
       renderDisableMask: ze
-    } = ia(), {
-      renderHorizontalScrollbar: Ae
-    } = ua(a, n, f), {
-      renderVerticalScrollbar: Me
-    } = ra(a, n, f);
-    function Ee() {
+    } = ua(), {
+      renderHorizontalScrollbar: Me
+    } = ra(a, n, f), {
+      renderVerticalScrollbar: Ae
+    } = sa(a, n, f);
+    function Le() {
       var e, t, u;
       if (n.value && n.value.clientHeight > 0 && ((e = n.value) == null ? void 0 : e.clientWidth) > 0) {
         const s = Math.ceil(n.value.clientHeight / T);
@@ -408,14 +409,14 @@ const ya = /* @__PURE__ */ It({
       n.value && (n.value.clientHeight > 0 || n.value.clientWidth > 0) && _();
     }
     Bt(() => {
-      n.value && (I.value = Math.max(Math.ceil(n.value.clientHeight / T), I.value), o.value = Y(0, S.value + 0 - 1), Ft(n.value, Ee), _(), Dt(() => {
-        n.value && (ye.value = n.value.clientWidth), D.value && (J.value = D.value.clientWidth, ve.value = D.value.clientHeight);
-      })), Q.value && X();
+      n.value && (I.value = Math.max(Math.ceil(n.value.clientHeight / T), I.value), o.value = Y(0, S.value + 0 - 1), Ft(n.value, Le), _(), Dt(() => {
+        n.value && (ye.value = n.value.clientWidth), D.value && ($.value = D.value.clientWidth, ve.value = D.value.clientHeight);
+      })), K.value && Q();
     }), Ot(() => {
-    }), ce(J, () => {
+    }), ce($, () => {
       n.value && _();
     });
-    function Le(e) {
+    function Ee(e) {
       l.collapseTo(e), l.reOrderVisibleIndex(), ue();
     }
     function We(e) {
@@ -437,17 +438,17 @@ const ya = /* @__PURE__ */ It({
       const u = o.value.find((m) => m.raw[B.value] === t), s = u ? u.dataIndex - 1 : -1;
       l.insertNewChildDataItems(e, s);
     }
-    function Je() {
+    function $e() {
       const e = re(), t = w.getNextSelectableHierarchyItemId(e);
       l.removeHierarchyDataItem(e), o.value = Y(0, S.value + 0 - 1), t && w.selectItemById(t);
     }
-    function Ke(e) {
+    function Je(e) {
       P.onEditingRow(e);
     }
-    function Qe(e) {
+    function Ke(e) {
       P.acceptEditingRow(e);
     }
-    function Xe(e) {
+    function Qe(e) {
       P.cancelEditingRow(e);
     }
     function se(e) {
@@ -456,13 +457,13 @@ const ya = /* @__PURE__ */ It({
     ce(() => a.columns, (e) => {
       se(e);
     });
-    function Ze(e, t) {
+    function Xe(e, t) {
       e && (l.load(e), l.reOrderVisibleIndex(), t != null && t.keepScrollPosition ? f.scrollTo(f.offsetY.value) : ue());
     }
     function de(e) {
       j.activeRowById(e);
     }
-    function $e(e, t = {
+    function Ze(e, t = {
       isCurrent: !0
     }) {
       t != null && t.isCurrent && de(e), w.selectItemById(e);
@@ -485,7 +486,7 @@ const ya = /* @__PURE__ */ It({
     }
     const nt = C(() => !o.value || !o.value.length), {
       renderEmpty: ot
-    } = sa(a, c);
+    } = da(a, c);
     function it() {
       return i.getSelectionRow();
     }
@@ -498,7 +499,7 @@ const ya = /* @__PURE__ */ It({
       return i.currentSelectedDataId.value;
     }
     function st(e, t, u) {
-      const s = Z.value.find((m) => m[B.value] === e);
+      const s = X.value.find((m) => m[B.value] === e);
       if (s) {
         if (Object.keys(s).forEach((r) => {
           Object.prototype.hasOwnProperty.call(t, r) && (s[r] = t[r]);
@@ -533,10 +534,10 @@ const ya = /* @__PURE__ */ It({
     }
     function ct(e) {
       const t = l.dataView.value.find((u) => u[B.value] === e);
-      return t ? t[L.value] : "";
+      return t ? t[E.value] : "";
     }
     function ft() {
-      return L.value;
+      return E.value;
     }
     ce(() => a.showSetting, (e, t) => {
       e !== t && (e ? U(v) : be(v), se(v.value));
@@ -556,15 +557,15 @@ const ya = /* @__PURE__ */ It({
       addNewDataItem: Ue,
       addNewChildDataItem: qe,
       addChildrenToNode: Ye,
-      collapseTo: Le,
+      collapseTo: Ee,
       expandTo: We,
-      removeDataItem: Je,
-      editDataItem: Ke,
-      acceptDataItem: Qe,
-      cancelDataItem: Xe,
+      removeDataItem: $e,
+      editDataItem: Je,
+      acceptDataItem: Ke,
+      cancelDataItem: Qe,
       updateColumns: se,
-      updateDataSource: Ze,
-      selectItemById: $e,
+      updateDataSource: Xe,
+      selectItemById: Ze,
       selectItemByIds: tt,
       getSelectedItems: at,
       clearSelection: pe,
@@ -589,8 +590,8 @@ const ya = /* @__PURE__ */ It({
       ...ee.value,
       borderRadius: "5px"
     })), {
-      renderDataGridPagination: va
-    } = da(a, c, l, f, W, i), pt = C(() => ({
+      renderDataGridPagination: ga
+    } = ca(a, c, l, f, W, i), pt = C(() => ({
       "d-flex": !0,
       "justify-content-between": d.value && G.value,
       "justify-content-end": d.value && !G.value,
@@ -600,13 +601,13 @@ const ya = /* @__PURE__ */ It({
       "align-items-center": !0
     })), {
       renderDataGridSummary: wt
-    } = ca(a, l, k);
+    } = fa(a, l, k);
     return () => g("div", {
       ref: z,
       class: je.value,
       style: ht.value,
       onWheel: Fe
-    }, [n.value && _e.value && Ve(), g("div", {
+    }, [n.value && _e.value && Ne(), g("div", {
       ref: n,
       class: Pe.value,
       onMouseover: () => O.value = !0,
@@ -618,25 +619,25 @@ const ya = /* @__PURE__ */ It({
         O.value = !1;
       },
       style: gt.value
-    }, [n.value && Te(o), n.value && Ne(), n.value && nt.value && ot(), n.value && Ae(), n.value && Me()]), n.value && wt(), G.value && g("div", {
+    }, [n.value && Te(o), n.value && Ve(), n.value && nt.value && ot(), n.value && Me(), n.value && Ae()]), n.value && wt(), G.value && g("div", {
       class: pt.value
     }, [G.value && g("div", {
       class: Ct.value
-    }, [g("div", null, ["已选：" + V.value.length, Rt(" 条")])])]), ke(), $.value && ze()]);
+    }, [g("div", null, ["已选：" + N.value.length, Rt(" 条")])])]), ke(), Z.value && ze()]);
   }
-}), Ga = bt(ya);
+}), Pa = bt(va);
 export {
-  ya as FTreeGrid,
-  Fa as columnOptions,
-  Ga as default,
-  xa as editOptions,
-  Ba as filterOptions,
-  Ia as groupOptions,
-  Da as headerOptions,
-  Ha as loadingOptions,
-  Sa as paginationOptions,
-  Oa as rowOptions,
-  ba as sortOptions,
-  Ra as summaryOptions,
-  fa as treeGridProps
+  va as FTreeGrid,
+  Ha as columnOptions,
+  Pa as default,
+  Ga as editOptions,
+  Oa as filterOptions,
+  Da as groupOptions,
+  Ra as headerOptions,
+  ja as loadingOptions,
+  Ia as paginationOptions,
+  Fa as rowOptions,
+  Ba as sortOptions,
+  xa as summaryOptions,
+  ma as treeGridProps
 };