@farris/ui-vue 1.7.1 → 1.7.2-beta.1

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,le,W,J,_,L,K,Q,oe){"use strict";const ae=new Map([["appearance",J.resolveAppearance]]);function se(t,n,r){return n}const ie={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:[]}}}}}},ce={$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"]},$={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"}},X=J.createPropsResolver($,ce,ae,se,ie),re={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 ue(t,n){function r(d){const u=[];let o=d.nextNode();for(;o;)u.push(o),o=d.nextNode();return u}function b(d,u){const o=document.createTreeWalker(d,NodeFilter.SHOW_TEXT);return r(o).map(m=>({textNode:m,text:(m.textContent||"").toLocaleLowerCase()})).map(({textNode:m,text:C})=>{const v=[];let y=0;for(;y<C.length;){const w=C.indexOf(u,y);if(w===-1)break;v.push(w),y=w+u.length}return v.map(w=>{const k=new Range;return k.setStart(m,w),k.setEnd(m,w+u.length),k})}).flat()}function T(d){if(!CSS.highlights||(CSS.highlights.clear(),!d||!n))return;const u=b(n.value,d.toLocaleLowerCase()),o=new Highlight(...u);CSS.highlights.set("search-result",o)}return{search:T}}function Z(t,n,r,b,T,d,u,o,h,R){const V=e.ref(t.size),m=e.ref(t.textField),C=e.ref(t.titleField),v=e.ref(t.disableField),y=e.computed(()=>{var l,f;return((l=t.selection)==null?void 0:l.multiSelect)&&((f=t.selection)==null?void 0:f.showCheckbox)}),{onMouseenterItem:w,onMouseoverItem:k,onMouseoutItem:x}=d,{getKey:N,listViewItemClass:M,listViewItemStyle:j,onCheckItem:P,onClickItem:g}=u,S=e.computed(()=>{const l={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?l:{margin:V.value==="small"?"0.25rem 0":"8px 0",...l}});function p(l,f,I){return l.checked=o.findIndexInSelectedItems(l)>-1,e.createVNode("li",{class:M(l,f),id:N(l,f),key:N(l,f),style:j(l,f),onClick:F=>g(l,f,F),onMouseenter:F=>w(F,l,f),onMouseover:F=>k(F,l,f),onMouseout:F=>x(F,l,f)},[y.value&&e.createVNode("div",{class:"f-list-select",onClick:F=>F.stopPropagation()},[e.createVNode(K.FCheckbox,{id:"list-"+N(l,f),customClass:"listview-checkbox float-left",disabled:l[v.value],checked:l.checked,"onUpdate:checked":F=>l.checked=F,onChange:F=>{P(l,f,!F.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:S.value,title:l.raw[C.value]||l.raw[m.value]},[l.raw[m.value]])])])}return{renderItem:p}}function de(t,n,r,b,T,d,u,o,h,R){const V=e.ref(t.multiSelect),m=e.ref(t.disableField),C=e.ref(t.textField),{onMouseenterItem:v,onMouseoverItem:y,onMouseoutItem:w}=d,{getKey:k,listViewItemClass:x,listViewItemStyle:N,onCheckItem:M,onClickItem:j,updateSelectedItems:P}=u;function g(p,l,f){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:p.raw,index:l,selectedItem:f})]):n.slots.content?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.content({item:p.raw,index:l,selectedItem:f})]):e.createVNode("div",{style:"margin: 10px 0;"},[p.raw[C.value||"name"]])}function S(p,l,f){return e.createVNode("li",{class:x(p,l),id:k(p,l),key:k(p,l),style:N(p,l),onClick:I=>j(p,l,I),onMouseenter:I=>v(I,p,l),onMouseover:I=>y(I,p,l),onMouseout:I=>w(I,p,l)},[V.value&&e.createVNode("div",{class:"f-list-select",onClick:I=>I.stopPropagation()},[e.createVNode(K.FCheckbox,{id:"list-"+k(p,l),customClass:"listview-checkbox",disabled:p[m.value],checked:p.checked,"onUpdate:checked":I=>p.checked=I,onChange:I=>{M(p,l,!I.checked),P()}},null)]),e.createVNode("div",{class:"f-list-content"},[g(p,l,f)])])}return{renderItem:S}}function fe(t,n,r,b,T,d,u,o,h,R){const V=e.ref(t.multiSelect),m=e.ref(t.disableField),C=e.ref(t.textField),{onMouseenterItem:v,onMouseoverItem:y,onMouseoutItem:w}=d,{getKey:k,listViewItemClass:x,onCheckItem:N,onClickItem:M}=u,{dragstart:j,dragenter:P,dragover:g,dragend:S}=b,{removeItem:p}=h,l=e.computed(()=>({margin:V.value?"10px 0":"10px 0px 10px 14px"}));function f(s,a=""){const B=s.target;B.title=B.scrollWidth>B.clientWidth?a:""}function I(s){return e.createVNode("div",{style:l.value,onMouseenter:a=>f(a,s.raw[C.value||"name"])},[s.raw[C.value||"name"]])}function F(){return n.slots.itemContent?n.slots.itemContent:I}const i=F();function c(s,a,B){return e.createVNode("li",{class:x(s,a),id:k(s,a),key:k(s,a),onClick:D=>M(s,a,D),onMouseenter:D=>v(D,s,a),onMouseover:D=>y(D,s,a),onMouseout:D=>w(D,s,a),draggable:"true",onDragstart:D=>j(D,s,a),onDragenter:D=>P(D,a),onDragend:D=>S(D,s),onDragover:D=>g(D)},[V.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(K.FCheckbox,{id:"list-"+k(s,a),customClass:"listview-checkbox",disabled:s[m.value]||!s.checked,checked:s.checked,"onUpdate:checked":D=>s.checked=D,onChange:D=>N(s,a,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[i(s)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),p(a)}},[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:c}}function me(t,n,r,b,T,d,u,o,h,R){var k;const V=e.ref(((k=t.group)==null?void 0:k.groupFields)||[]),{collpaseGroupIconClass:m}=T,{toggleGroupRow:C}=R;function v(x,N){N.collapse=!N.collapse,r.value=C(N.collapse?"collapse":"expand",N,r.value)}function y(x,N,M){return n.slots.group?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.group({item:x.raw,index:N,selectedItem:M})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:j=>v(j,x)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:m(x)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[x.raw[V.value[x.layer]]])])}function w(x,N,M){return x.layer>-1&&y(x,N,M)}return{renderItem:w}}function ge(t,n,r,b){const{dataView:T}=r,{updateSelectedItems:d}=b;function u(o){if(o>-1&&o<T.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(T.value[o]))return;const h=T.value.splice(o,1);d(),n.emit("removeItem",h[0])}}return{removeItem:u}}function pe(t,n,r,b,T,d,u,o,h,R){const V=e.ref(t.view),m=e.ref(t.view==="CardView"),C=e.ref({}),v=ge(t,n,b,h),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":m.value,"flex-wrap":m.value})),w=e.computed(()=>!!r.value&&r.value.length>0),k=e.computed(()=>r.value.length===0);e.computed(()=>k.value&&!n.slots.empty);function x(){return V.value==="SingleView"?Z:V.value==="DraggableView"?fe:(V.value==="ContentView"||V.value==="CardView")&&(t.contentTemplate||n.slots.content)?de:Z}const N=x(),{renderItem:M}=N(t,n,r,R,T,d,h,u,v,o),{renderItem:j}=me(t,n,r,R,T,d,h,u,v,o),P=[M,j];function g(){return r.value.filter(l=>l.visible!==!1).map((l,f)=>P[l.type](l,f,C))}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():W.LocaleService.getLocaleValue("listView.emptyMessage")])])}function p(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[w.value&&g(),k.value&&S()])}return{renderListArea:p}}function he(t,n,r){function b(){return n.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:b}}function ee(t,n,r){const b=e.ref(t.headerClass),T=e.ref(t.placeholder),d=e.ref(""),u=e.computed(()=>!d.value),o=e.computed(()=>!!d.value);function h(C){d.value=""}e.watch(d,C=>{t.enableHighlightSearch&&r.search(C),n.emit("afterSearch",C)});const R=e.computed(()=>{const C={"form-group":!0,"farris-form-group":!0};return b.value&&b.value.split(" ").reduce((y,w)=>(y[w]=!0,y),C),C});function V(C){}function m(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>V,["prevent","stop"])},[e.createVNode("div",{class:R.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":C=>d.value=C,name:"input-group-value",type:"text",placeholder:T.value,autocomplete:"off"},null),[[e.vModelText,d.value]]),e.createVNode("div",{class:"input-group-append"},[o.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:C=>h()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),u.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:m}}function ve(){const t=e.ref(""),n=e.ref(-1),r=e.ref(""),b=e.ref(-1),T=e.ref(!1);function d(m,C,v){b.value=v}function u(m,C,v){T.value||(b.value=v)}function o(m,C,v){b.value=-1}function h(){T.value=!0}function R(){T.value=!1}function V(){n.value=-1,t.value=""}return{activeIndex:n,focusedItemId:r,hoverIndex:b,clearActiveItem:V,onMouseenterItem:d,onMouseoverItem:u,onMouseoutItem:o,resumeHover:R,suspendHover:h}}function ye(t,n,r,b){const T=e.ref(t.idField),{dataView:d}=r,u=e.ref(-1),o=e.ref(!1),{activeIndex:h,focusedItemId:R,hoverIndex:V,resumeHover:m,suspendHover:C}=b;let v,y=0,w=0;function k(g,S){const p=g-y,l=S-w;v.style.left=parseInt(v.style.left)+p+"px",v.style.top=parseInt(v.style.top)+l+"px",y=g,w=S}function x(g){const{left:S,top:p}=g.getBoundingClientRect(),l=g.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?p+document.documentElement.scrollTop:p}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(g).width};
+        height:${getComputedStyle(g).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 N(g,S,p){if(g.stopPropagation(),C(),S){if(v=x(g.target),g.dataTransfer){const l=new Image;l.src="",g.dataTransfer.setDragImage(l,0,0)}y=g.pageX,w=g.pageY,setTimeout(()=>{u.value=p,o.value=!0,S.moving=!0})}}function M(g,S){if(g.preventDefault(),u.value!==S){const p=d.value[u.value],l=d.value;l.splice(u.value,1),l.splice(S,0,p),u.value=S,k(g.pageX,g.pageY)}}function j(g){g.preventDefault(),g.dataTransfer&&(g.dataTransfer.dropEffect="move"),k(g.pageX,g.pageY)}function P(g,S){S&&(S.moving=!1,v&&(document.body.removeChild(v),v=null)),d.value.forEach((p,l)=>{p.__fv_index__=l}),o.value=!1,m(),V.value=S.raw.__fv_index__,h.value=S.raw.__fv_index__,R.value=S.raw[T.value],n.emit("change",d.value),n.emit("activeChange",[S.raw])}return{dragstart:N,dragenter:M,dragover:j,dragend:P,isDragging:o}}function Ce(t,n,r,b,T,d){const u=e.ref(t.idField),o=e.ref(t.disableField),h=e.ref(t.draggable);e.ref(t.itemClass);const R=e.ref(t.selection.multiSelect??!1),V=e.ref(t.selection.multiSelectMode),{isDragging:m}=b,{activeIndex:C,focusedItemId:v,hoverIndex:y}=T,{clearSelection:w,getSelectedItems:k,toggleSelectItem:x,currentSelectedDataId:N}=d,M=e.ref(k()),j=c=>M.value.length===0?!1:M.value.some(s=>{let a="";return s.data?a=s.data[u.value]:a=s[u.value],a===c});function P(){M.value=k()}function g(c,s){return c.raw[u.value]!=null?c.raw[u.value]:""}function S(c,s){const a={"f-list-view-group-item":!0,"f-list-view-draggable-item":h.value,"f-un-click":!c.checked,"f-un-select":!!c.raw[o.value],"f-listview-active":R.value&&j(g(c))||!R.value&&c.raw[u.value]===N.value,"f-listview-hover":!m.value&&s===y.value,moving:!!c.moving};if(typeof t.itemClass=="string")return _.getCustomClass(a,t.itemClass);if(typeof t.itemClass=="function"){const B=t.itemClass(c);return _.getCustomClass(a,B)}return a}function p(c,s){const a={};if(typeof t.itemStyle=="string")return _.getCustomStyle(a,t.itemStyle);if(typeof t.itemStyle=="function"){const B=t.itemStyle(c);return _.getCustomStyle(a,B)}return a}const l=e.computed(()=>!R.value);function f(c,s,a){c.checked=a,!c.raw[o.value]&&(l.value&&(v.value=c.raw[u.value]),x(c))}const I=e.computed(()=>R.value&&V.value==="OnCheckClearByClick"),F=e.computed(()=>!R.value||R.value&&(V.value==="OnCheckAndClick"||V.value==="OnClick"));function i(c,s,a){if(c.raw[o.value]){a==null||a.preventDefault(),a==null||a.stopPropagation();return}N.value=c.raw[u.value],v.value=c.raw[u.value],C.value=s,I.value&&w(),F.value&&(x(c),P()),n.emit("clickItem",{data:M.value,index:s,dataItem:c.raw}),n.emit("activeChange",M.value)}return{getKey:g,selectedItems:M,listViewItemClass:S,listViewItemStyle:p,updateSelectedItems:P,onCheckItem:f,onClickItem:i}}const E=e.defineComponent({name:"FListView",props:re,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,n){var ne;const r=e.ref(!1),b=e.ref(),T=e.ref(!0),d=e.ref(((ne=t.rowOption)==null?void 0:ne.rowHeight)||28),u=e.ref(!1),o=e.ref([]),h=0,R=e.ref(t.columns),V=L.useFilter(t,n),m=L.useIdentify(t),C=L.useHierarchy(t),v=L.useGroupData(t,m),y=L.useDataView(t,new Map,V,C,m),w=L.useSelection(t,y,m,o,n),k=ue(t,b),x=L.usePagination(t,y),N=e.computed(()=>y.dataView.value.length),M=L.useRow(t,n,w,m),j=L.useEdit(t,n,m,M,o),P=L.useVisualDataBound(t,y,d),g=L.useVisualDataCell(t,{},P),S=L.useVisualDataRow(t,y,j,C,m,P,g,d),p=L.useVisualGroupRow(t,m,g,S),l=L.useVisualSummaryRow(t,m,g,S),f=L.useVisualData(t,R,y,N,h,S,p,l),{getVisualData:I}=f;o.value=I(0,N.value+h-1);const F=e.computed(()=>{const O={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(O[`${t.size}-item`]=!0),_.getCustomClass(O,t.customClass)}),i=e.computed(()=>!!n.slots.footer||T.value);function c(){return t.header==="SearchBar"?ee:t.header==="ContentHeader"?he:ee}const s=c(),{renderHeader:a}=s(t,n,k),B=ve(),D=ye(t,n,y,B),q=Ce(t,n,o,D,B,w),{renderListArea:Ie}=pe(t,n,o,y,v,B,w,f,q,D);function Ve(O){k.search(O)}function be(O){O&&(y.load(O),o.value=I(0,N.value+h-1))}function ke(){w.clearSelection(),B.clearActiveItem()}function Ne(){return q.selectedItems.value}function Fe(){return q.selectedItems.value.map(O=>O[m.idField.value])}function te(O){w.selectedValues.value=O,q.updateSelectedItems()}function xe(){return w.currentSelectedDataId.value}function Te(O){M.activeRowById(O)}function Re(O){const H=m.idField.value,z=o.value.find(Y=>Y.raw[H]===O),U=o.value.findIndex(Y=>Y.raw[H]===O);z&&U>-1&&q.onClickItem(z,U)}function De(O){const H=m.idField.value,z=o.value.find(U=>U.raw[H]===O);z&&M.changeRow(z)}function Me(O){x.updatePagination(O)}function Oe(O){return o.value.filter(H=>O.includes(H.raw[t.idField]))}n.expose({search:Ve,updateDataSource:be,clearSelection:ke,getSelections:Ne,updateSelectionByIds:te,getSelectionIds:Fe,activeRowById:Te,getCurrentRowId:xe,clickRowItemById:Re,updatePagination:Me,getVisibleDataByIds:Oe,selectRowById:De});function je(O){t.multiSelect&&(O.preventDefault(),O.stopPropagation())}e.watch(()=>t.selectionValues,(O,H)=>{O!==H&&te(O)});const Be=L.useSidebar(t,w),{sidebarWidth:Le,showSidebarCheckBox:Je}=Be,Pe=L.useColumn(t,n),{applyColumnSorter:Qe,columnContext:Ae,updateColumnRenderContext:Ze}=Pe,He=L.useVirtualScroll(t,y,o,Ae,f,N,h,Le,d,r,j),{shouldRenderPagination:et}=x,{renderDataGridPagination:tt}=L.getPagination(t,n,y,He,x,w);return()=>e.createVNode("div",{class:F.value,onClick:je},[a(),e.createVNode("div",{ref:b,class:"f-list-view-content",onMouseover:()=>{u.value=!0},onMouseleave:()=>{u.value=!1}},[Ie()]),i.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:$,emits:["change","activeChange","selectItem","unSelecteItem","removeItem"],setup(t,n){const r=e.ref(t.identifyField),b=e.ref(t.displayType),T=e.ref(!1),d=e.ref(t.dataSource),u=e.ref(t.textField),o=e.ref(t.selections||[]),h=e.computed(()=>o.value.map(i=>i[r.value])),R=new Map,V=e.ref(),m=e.ref(),C=e.ref();let v;function y(){const i=new Map,c=t.selectionValues||[];c.length&&c.reduce((a,B)=>(a.set(B,!0),a),i);const s=t.selections||[];s.length&&(i.clear(),s.reduce((a,B)=>(a.set(B[r.value],!0),a),i)),o.value.length||(o.value=d.value.filter(a=>i.has(a[r.value])).map(a=>Object.assign({},a))),d.value.forEach(a=>{const B=a[r.value],D=i.has(B);a.checked=D,D&&R.set(B,a)})}y(),e.watch(()=>t.selections,i=>{o.value=i,y()});const w=e.computed(()=>b.value==="List"),k=e.computed(()=>b.value==="Tree");function x(i){const c=Q.cloneDeep(o.value);o.value=i.map(s=>Object.assign({},s)),n.emit("change",o.value,c)}function N(i){n.emit("selectItem",i)}function M(i){n.emit("unSelectItem",i)}function j(){return e.createVNode(E,{class:"f-utils-fill",data:d.value,multiSelect:!0,itemClass:"f-transfer-list-item",textField:u.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},draggable:!1,header:"Search",headerClass:"transfer-search-box",selectionValues:h.value,onSelectionUpdate:x},null)}function P(){return e.createVNode(le,{ref:C,data:d.value,columns:t.columns,virtualized:t.virtualized,rowOption:t.rowOption,textField:u.value,selection:{enableSelectRow:!0,multiSelect:!0,multiSelectMode:"OnCheckAndClick",showCheckbox:!0,showSelectAll:!1,showSelection:!0},selectionValues:h.value,onSelectionUpdate:x,onSelectItem:N,onUnSelectItem:M},null)}function g(){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&&j(),k.value&&P()])])])}function S(i){const c=i[r.value];if(c!==null||c!==void 0){o.value=o.value.filter(a=>a[r.value]!==c);const s=R.get(c);s&&(s.checked=!1,R.delete(c)),n.emit("change",o.value),n.emit("removeItem",i)}}e.watch(o,i=>{V.value.updateDataSource(Q.cloneDeep(i));const c=v==null?void 0:v[r.value],s=i.find(a=>c===a[r.value]);s?V.value.activeRowById(s[r.value]):(v=null,V.value.activeRowById(""))});function p(i){const c=new Map;o.value.reduce((s,a)=>(s.set(a[r.value],a),s),c),o.value=i.map(s=>c.get(s[r.value])),n.emit("change",o.value)}function l(i){v=i[0],n.emit("activeChange",i)}function f(){var i;return e.createVNode(E,{ref:V,columns:t.columns,style:"flex:1",data:o.value,draggable:!0,view:"DraggableView","keep-order":!0,textField:u.value,itemClass:t.selectedItemClass,onChange:p,onRemoveItem:S,onActiveChange:l,checkBeforeRemoveItem:t.checkBeforeRemoveItem},{itemContent:(i=n.slots)!=null&&i.text?c=>{var s;return((s=n.slots)==null?void 0:s.text)&&n.slots.text(c)}:null})}function I(){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"},[W.LocaleService.getLocaleValue("transfer.selectedStart")]),e.createVNode("span",{class:"selection-count"},[o.value&&o.value.length]),e.createVNode("span",{class:"selection-item-title"},[W.LocaleService.getLocaleValue("transfer.selectedEnd")])]),e.createVNode("div",{class:"container columns-box f-utils-fill d-flex"},[f()])])])}const F=e.computed(()=>({"f-transfer":!0,row:!0,"f-utils-fill":T.value}));return e.onMounted(()=>{m.value&&m.value.parentElement&&getComputedStyle(m.value.parentElement).display==="flex"&&(T.value=!0)}),()=>e.createVNode("div",{ref:m,class:F.value,style:"height:480px"},[n.slots.children?n.slots.children({selections:o.value}):g(),I()])}}),Se=e.defineComponent({name:"FTransferDesign",props:$,emits:["change"],setup(t,n){const r=e.ref(t.identifyField),b=e.ref("已选："),T=e.ref("项数据"),d=e.ref(t.displayType),u=e.ref(!1),o=e.ref(t.dataSource),h=e.ref(t.selections||[]),R=e.computed(()=>h.value.map(f=>f[r.value])),V=new Map;function m(){const f=new Map,I=t.selectionValues||[];I.length&&I.reduce((i,c)=>(i.set(c,!0),i),f);const F=t.selections||[];F.length&&(f.clear(),F.reduce((i,c)=>(i.set(c[r.value],!0),i),f)),h.value.length||(h.value=o.value.filter(i=>f.has(i[r.value])).map(i=>Object.assign({},i))),o.value.forEach(i=>{const c=i[r.value],s=f.has(c);i.checked=s,s&&V.set(c,i)})}m();const C=e.computed(()=>d.value==="List"),v=e.computed(()=>d.value==="Tree");function y(f){h.value=f.map(I=>Object.assign({},I)),n.emit("change",h.value)}function w(){return e.createVNode(E,{class:"f-utils-fill",data:o.value,"multi-select":!0,draggable:!1,header:"Search",headerClass:"transfer-search-box","selection-values":R.value,onSelectionChange:y},{default:()=>[e.createTextVNode(" ")]})}function k(){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"},[C.value&&w(),v.value&&k()])])])}function N(f){const I=f[r.value];if(I!==null||I!==void 0){h.value=h.value.filter(i=>i[r.value]!==I);const F=V.get(I);F&&(F.checked=!1,V.delete(I)),n.emit("change",h.value)}}function M(f){const I=new Map;h.value.reduce((F,i)=>(F.set(i[r.value],i),F),I),h.value=f.map(F=>I.get(F[r.value])),n.emit("change",h.value)}function j(){return e.createVNode(E,{style:"flex:1",data:h.value,draggable:!0,view:"DraggableView","keep-order":!0,onChange:M,onRemoveItem:N},{default:()=>[e.createTextVNode(" ")]})}function P(){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"},[b.value]),e.createVNode("span",{class:"selection-count"},[h.value&&h.value.length]),e.createVNode("span",{class:"selection-item-title"},[T.value])]),e.createVNode("div",{class:"container columns-box f-utils-fill d-flex"},[j()])])])}const g=e.computed(()=>({transfer:!0,row:!0,"f-utils-fill":u.value})),S=e.ref(),p=e.inject("design-item-context"),l=oe.useDesignerComponent(S,p);return e.onMounted(()=>{S.value.componentInstance=l}),n.expose(l.value),()=>e.createVNode("div",{ref:S,class:g.value,style:"height:480px"},[x(),P()])}});G.register=(t,n,r)=>{t.transfer=G,n.transfer=X},G.registerDesigner=(t,n,r)=>{t.transfer=Se,n.transfer=X};const we=_.withInstall(G);A.FTransfer=G,A.default=we,A.propsResolver=X,A.transferProps=$,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});