@farris/ui-vue 1.7.2 → 1.7.4

package/components/list-view/index.umd.cjs

@@ -1,7 +1,7 @@
-(function(j,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],e):(j=typeof globalThis<"u"?globalThis:j||self,e(j["list-view"]={},j.Vue,j.common,j.dataView,j.locale,j.checkbox,j.dynamicResolver,j.designerCanvas))})(this,function(j,e,$,x,oe,z,U,E){"use strict";const W={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 ae(t,o){function g(a){const c=[];let m=a.nextNode();for(;m;)c.push(m),m=a.nextNode();return c}function S(a,c){const m=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return g(m).map(r=>({textNode:r,text:(r.textContent||"").toLocaleLowerCase()})).map(({textNode:r,text:i})=>{const l=[];let y=0;for(;y<i.length;){const w=i.indexOf(c,y);if(w===-1)break;l.push(w),y=w+c.length}return l.map(w=>{const f=new Range;return f.setStart(r,w),f.setEnd(r,w+c.length),f})}).flat()}function v(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!o))return;const c=S(o.value,a.toLocaleLowerCase()),m=new Highlight(...c);CSS.highlights.set("search-result",m)}return{search:v}}function J(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.size),r=e.ref(t.textField),i=e.ref(t.titleField),l=e.ref(t.disableField),y=e.computed(()=>{var n,F;return((n=t.selection)==null?void 0:n.multiSelect)&&((F=t.selection)==null?void 0:F.showCheckbox)}),{onMouseenterItem:w,onMouseoverItem:f,onMouseoutItem:V}=a,{getKey:b,listViewItemClass:M,listViewItemStyle:R,onCheckItem:P,onClickItem:C}=c,I=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:s.value==="small"?"0.25rem 0":"8px 0",...n}});function u(n,F,O){return n.checked=m.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:M(n,F),id:b(n,F),key:b(n,F),style:R(n,F),onClick:B=>C(n,F,B),onMouseenter:B=>w(B,n,F),onMouseover:B=>f(B,n,F),onMouseout:B=>V(B,n,F)},[y.value&&e.createVNode("div",{class:"f-list-select",onClick:B=>B.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+b(n,F),customClass:"listview-checkbox float-left",disabled:n[l.value],checked:n.checked,"onUpdate:checked":B=>n.checked=B,onChange:B=>{P(n,F,!B.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:I.value,title:n.raw[i.value]||n.raw[r.value]},[n.raw[r.value]])])])}return{renderItem:u}}function se(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.multiSelect),r=e.ref(t.disableField),i=e.ref(t.textField),{onMouseenterItem:l,onMouseoverItem:y,onMouseoutItem:w}=a,{getKey:f,listViewItemClass:V,listViewItemStyle:b,onCheckItem:M,onClickItem:R,updateSelectedItems:P}=c;function C(u,n,F){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:u.raw,index:n,selectedItem:F})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:u.raw,index:n,selectedItem:F})]):e.createVNode("div",{style:"margin: 10px 0;"},[u.raw[i.value||"name"]])}function I(u,n,F){return e.createVNode("li",{class:V(u,n),id:f(u,n),key:f(u,n),style:b(u,n),onClick:O=>R(u,n,O),onMouseenter:O=>l(O,u,n),onMouseover:O=>y(O,u,n),onMouseout:O=>w(O,u,n)},[s.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+f(u,n),customClass:"listview-checkbox",disabled:u[r.value],checked:u.checked,"onUpdate:checked":O=>u.checked=O,onChange:O=>{M(u,n,!O.checked),P()}},null)]),e.createVNode("div",{class:"f-list-content"},[C(u,n,F)])])}return{renderItem:I}}function le(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.multiSelect),r=e.ref(t.disableField),i=e.ref(t.textField),{onMouseenterItem:l,onMouseoverItem:y,onMouseoutItem:w}=a,{getKey:f,listViewItemClass:V,onCheckItem:b,onClickItem:M}=c,{dragstart:R,dragenter:P,dragover:C,dragend:I}=S,{removeItem:u}=T,n=e.computed(()=>({margin:s.value?"10px 0":"10px 0px 10px 14px"}));function F(p,d=""){const L=p.target;L.title=L.scrollWidth>L.clientWidth?d:""}function O(p){return e.createVNode("div",{style:n.value,onMouseenter:d=>F(d,p.raw[i.value||"name"])},[p.raw[i.value||"name"]])}function B(){return o.slots.itemContent?o.slots.itemContent:O}const A=B();function N(p,d,L){return e.createVNode("li",{class:V(p,d),id:f(p,d),key:f(p,d),onClick:D=>M(p,d,D),onMouseenter:D=>l(D,p,d),onMouseover:D=>y(D,p,d),onMouseout:D=>w(D,p,d),draggable:"true",onDragstart:D=>R(D,p,d),onDragenter:D=>P(D,d),onDragend:D=>I(D,p),onDragover:D=>C(D)},[s.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+f(p,d),customClass:"listview-checkbox",disabled:p[r.value]||!p.checked,checked:p.checked,"onUpdate:checked":D=>p.checked=D,onChange:D=>b(p,d,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(p)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),u(d)}},[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:N}}function ie(t,o,g,S,v,a,c,m,T,h){var f;const s=e.ref(((f=t.group)==null?void 0:f.groupFields)||[]),{collpaseGroupIconClass:r}=v,{toggleGroupRow:i}=h;function l(V,b){b.collapse=!b.collapse,g.value=i(b.collapse?"collapse":"expand",b,g.value)}function y(V,b,M){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:V.raw,index:b,selectedItem:M})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:R=>l(R,V)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:r(V)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[V.raw[s.value[V.layer]]])])}function w(V,b,M){return V.layer>-1&&y(V,b,M)}return{renderItem:w}}function ce(t,o,g,S){const{dataView:v}=g,{updateSelectedItems:a}=S;function c(m){if(m>-1&&m<v.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(v.value[m]))return;const T=v.value.splice(m,1);a(),o.emit("removeItem",T[0])}}return{removeItem:c}}function re(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.view),r=e.ref(t.view==="CardView"),i=e.ref({}),l=ce(t,o,S,T),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":r.value,"flex-wrap":r.value})),w=e.computed(()=>!!g.value&&g.value.length>0),f=e.computed(()=>g.value.length===0);e.computed(()=>f.value&&!o.slots.empty);function V(){return s.value==="SingleView"?J:s.value==="DraggableView"?le:(s.value==="ContentView"||s.value==="CardView")&&(t.contentTemplate||o.slots.content)?se:J}const b=V(),{renderItem:M}=b(t,o,g,h,v,a,T,c,l,m),{renderItem:R}=ie(t,o,g,h,v,a,T,c,l,m),P=[M,R];function C(){return g.value.filter(n=>n.visible!==!1).map((n,F)=>P[n.type](n,F,i))}function I(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():oe.LocaleService.getLocaleValue("listView.emptyMessage")])])}function u(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[w.value&&C(),f.value&&I()])}return{renderListArea:u}}function ue(t,o,g){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Q(t,o,g){const S=e.ref(t.headerClass),v=e.ref(t.placeholder),a=e.ref(""),c=e.computed(()=>!a.value),m=e.computed(()=>!!a.value);function T(i){a.value=""}e.watch(a,i=>{t.enableHighlightSearch&&g.search(i),o.emit("afterSearch",i)});const h=e.computed(()=>{const i={"form-group":!0,"farris-form-group":!0};return S.value&&S.value.split(" ").reduce((y,w)=>(y[w]=!0,y),i),i});function s(i){}function r(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>s,["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":i=>a.value=i,name:"input-group-value",type:"text",placeholder:v.value,autocomplete:"off"},null),[[e.vModelText,a.value]]),e.createVNode("div",{class:"input-group-append"},[m.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:i=>T()},[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:r}}function de(){const t=e.ref(""),o=e.ref(-1),g=e.ref(""),S=e.ref(-1),v=e.ref(!1);function a(r,i,l){S.value=l}function c(r,i,l){v.value||(S.value=l)}function m(r,i,l){S.value=-1}function T(){v.value=!0}function h(){v.value=!1}function s(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:g,hoverIndex:S,clearActiveItem:s,onMouseenterItem:a,onMouseoverItem:c,onMouseoutItem:m,resumeHover:h,suspendHover:T}}function me(t,o,g,S){const v=e.ref(t.idField),{dataView:a}=g,c=e.ref(-1),m=e.ref(!1),{activeIndex:T,focusedItemId:h,hoverIndex:s,resumeHover:r,suspendHover:i}=S;let l,y=0,w=0;function f(C,I){const u=C-y,n=I-w;l.style.left=parseInt(l.style.left)+u+"px",l.style.top=parseInt(l.style.top)+n+"px",y=C,w=I}function V(C){const{left:I,top:u}=C.getBoundingClientRect(),n=C.cloneNode(!0);return n.className=n.className+" f-listview-drag-moving",n.style.cssText=`
+(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P["list-view"]={},P.Vue,P.common,P.dataView,P.locale,P.checkbox))})(this,function(P,e,_,R,J,q){"use strict";const U={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 Q(t,a){function C(o){const l=[];let f=o.nextNode();for(;f;)l.push(f),f=o.nextNode();return l}function v(o,l){const f=document.createTreeWalker(o,NodeFilter.SHOW_TEXT);return C(f).map(y=>({textNode:y,text:(y.textContent||"").toLocaleLowerCase()})).map(({textNode:y,text:s})=>{const i=[];let F=0;for(;F<s.length;){const w=s.indexOf(l,F);if(w===-1)break;i.push(w),F=w+l.length}return i.map(w=>{const h=new Range;return h.setStart(y,w),h.setEnd(y,w+l.length),h})}).flat()}function g(o){if(!CSS.highlights||(CSS.highlights.clear(),!o||!a))return;const l=v(a.value,o.toLocaleLowerCase()),f=new Highlight(...l);CSS.highlights.set("search-result",f)}return{search:g}}function X(t,a,C,v,g,o,l,f,M,m){const V=e.ref(t.size),y=e.ref(t.textField),s=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,k;return((n=t.selection)==null?void 0:n.multiSelect)&&((k=t.selection)==null?void 0:k.showCheckbox)}),{onMouseenterItem:w,onMouseoverItem:h,onMouseoutItem:b}=o,{getKey:N,listViewItemClass:T,listViewItemStyle:j,onCheckItem:B,onClickItem:d}=l,p=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:V.value==="small"?"0.25rem 0":"8px 0",...n}});function c(n,k,O){return n.checked=f.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,k),id:N(n,k),key:N(n,k),style:j(n,k),onClick:x=>d(n,k,x),onMouseenter:x=>w(x,n,k),onMouseover:x=>h(x,n,k),onMouseout:x=>b(x,n,k)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:x=>x.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+N(n,k),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":x=>n.checked=x,onChange:x=>{B(n,k,!x.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:p.value,title:n.raw[s.value]||n.raw[y.value]},[n.raw[y.value]])])])}return{renderItem:c}}function Z(t,a,C,v,g,o,l,f,M,m){const V=e.ref(t.multiSelect),y=e.ref(t.disableField),s=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:w}=o,{getKey:h,listViewItemClass:b,listViewItemStyle:N,onCheckItem:T,onClickItem:j,updateSelectedItems:B}=l;function d(c,n,k){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:c.raw,index:n,selectedItem:k})]):a.slots.content?e.createVNode(e.Fragment,null,[a.slots.content&&a.slots.content({item:c.raw,index:n,selectedItem:k})]):e.createVNode("div",{style:"margin: 10px 0;"},[c.raw[s.value||"name"]])}function p(c,n,k){return e.createVNode("li",{class:b(c,n),id:h(c,n),key:h(c,n),style:N(c,n),onClick:O=>j(c,n,O),onMouseenter:O=>i(O,c,n),onMouseover:O=>F(O,c,n),onMouseout:O=>w(O,c,n)},[V.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+h(c,n),customClass:"listview-checkbox",disabled:c[y.value],checked:c.checked,"onUpdate:checked":O=>c.checked=O,onChange:O=>{T(c,n,!O.checked),B()}},null)]),e.createVNode("div",{class:"f-list-content"},[d(c,n,k)])])}return{renderItem:p}}function ee(t,a,C,v,g,o,l,f,M,m){const V=e.ref(t.multiSelect),y=e.ref(t.disableField),s=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:w}=o,{getKey:h,listViewItemClass:b,onCheckItem:N,onClickItem:T}=l,{dragstart:j,dragenter:B,dragover:d,dragend:p}=v,{removeItem:c}=M,n=e.computed(()=>({margin:V.value?"10px 0":"10px 0px 10px 14px"}));function k(u,r=""){const H=u.target;H.title=H.scrollWidth>H.clientWidth?r:""}function O(u){return e.createVNode("div",{style:n.value,onMouseenter:r=>k(r,u.raw[s.value||"name"])},[u.raw[s.value||"name"]])}function x(){return a.slots.itemContent?a.slots.itemContent:O}const A=x();function S(u,r,H){return e.createVNode("li",{class:b(u,r),id:h(u,r),key:h(u,r),onClick:D=>T(u,r,D),onMouseenter:D=>i(D,u,r),onMouseover:D=>F(D,u,r),onMouseout:D=>w(D,u,r),draggable:"true",onDragstart:D=>j(D,u,r),onDragenter:D=>B(D,r),onDragend:D=>p(D,u),onDragover:D=>d(D)},[V.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+h(u,r),customClass:"listview-checkbox",disabled:u[y.value]||!u.checked,checked:u.checked,"onUpdate:checked":D=>u.checked=D,onChange:D=>N(u,r,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),c(r)}},[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:S}}function te(t,a,C,v,g,o,l,f,M,m){var h;const V=e.ref(((h=t.group)==null?void 0:h.groupFields)||[]),{collpaseGroupIconClass:y}=g,{toggleGroupRow:s}=m;function i(b,N){N.collapse=!N.collapse,C.value=s(N.collapse?"collapse":"expand",N,C.value)}function F(b,N,T){return a.slots.group?e.createVNode(e.Fragment,null,[a.slots.content&&a.slots.group({item:b.raw,index:N,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:j=>i(j,b)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:y(b)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[V.value[b.layer]]])])}function w(b,N,T){return b.layer>-1&&F(b,N,T)}return{renderItem:w}}function ne(t,a,C,v){const{dataView:g}=C,{updateSelectedItems:o}=v;function l(f){if(f>-1&&f<g.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(g.value[f]))return;const M=g.value.splice(f,1);o(),a.emit("removeItem",M[0])}}return{removeItem:l}}function ae(t,a,C,v,g,o,l,f,M,m){const V=e.ref(t.view),y=e.ref(t.view==="CardView"),s=e.ref({}),i=ne(t,a,v,M),F=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":y.value,"flex-wrap":y.value})),w=e.computed(()=>!!C.value&&C.value.length>0),h=e.computed(()=>C.value.length===0);e.computed(()=>h.value&&!a.slots.empty);function b(){return V.value==="SingleView"?X:V.value==="DraggableView"?ee:(V.value==="ContentView"||V.value==="CardView")&&(t.contentTemplate||a.slots.content)?Z:X}const N=b(),{renderItem:T}=N(t,a,C,m,g,o,M,l,i,f),{renderItem:j}=te(t,a,C,m,g,o,M,l,i,f),B=[T,j];function d(){return C.value.filter(n=>n.visible!==!1).map((n,k)=>B[n.type](n,k,s))}function p(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():a.slots.empty?a.slots.empty():J.LocaleService.getLocaleValue("listView.emptyMessage")])])}function c(){return e.createVNode("ul",{class:F.value,style:"list-style: none;"},[w.value&&d(),h.value&&p()])}return{renderListArea:c}}function oe(t,a,C){function v(){return a.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[a.slots.header()])}return{renderHeader:v}}function Y(t,a,C){const v=e.ref(t.headerClass),g=e.ref(t.placeholder),o=e.ref(""),l=e.computed(()=>!o.value),f=e.computed(()=>!!o.value);function M(s){o.value=""}e.watch(o,s=>{t.enableHighlightSearch&&C.search(s),a.emit("afterSearch",s)});const m=e.computed(()=>{const s={"form-group":!0,"farris-form-group":!0};return v.value&&v.value.split(" ").reduce((F,w)=>(F[w]=!0,F),s),s});function V(s){}function y(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>V,["prevent","stop"])},[e.createVNode("div",{class:m.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":s=>o.value=s,name:"input-group-value",type:"text",placeholder:g.value,autocomplete:"off"},null),[[e.vModelText,o.value]]),e.createVNode("div",{class:"input-group-append"},[f.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:s=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),l.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:y}}function le(){const t=e.ref(""),a=e.ref(-1),C=e.ref(""),v=e.ref(-1),g=e.ref(!1);function o(y,s,i){v.value=i}function l(y,s,i){g.value||(v.value=i)}function f(y,s,i){v.value=-1}function M(){g.value=!0}function m(){g.value=!1}function V(){a.value=-1,t.value=""}return{activeIndex:a,focusedItemId:C,hoverIndex:v,clearActiveItem:V,onMouseenterItem:o,onMouseoverItem:l,onMouseoutItem:f,resumeHover:m,suspendHover:M}}function se(t,a,C,v){const g=e.ref(t.idField),{dataView:o}=C,l=e.ref(-1),f=e.ref(!1),{activeIndex:M,focusedItemId:m,hoverIndex:V,resumeHover:y,suspendHover:s}=v;let i,F=0,w=0;function h(d,p){const c=d-F,n=p-w;i.style.left=parseInt(i.style.left)+c+"px",i.style.top=parseInt(i.style.top)+n+"px",F=d,w=p}function b(d){const{left:p,top:c}=d.getBoundingClientRect(),n=d.cloneNode(!0);return n.className=n.className+" f-listview-drag-moving",n.style.cssText=`
         position:absolute;
-        left:${I}px;
-        top:${document.documentElement.scrollTop?u+document.documentElement.scrollTop:u}px;
+        left:${p}px;
+        top:${document.documentElement.scrollTop?c+document.documentElement.scrollTop:c}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -10,9 +10,9 @@
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(C).width};
-        height:${getComputedStyle(C).height};
+        width:${getComputedStyle(d).width};
+        height:${getComputedStyle(d).height};
         `,n.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",n.children[0].children[0].style.cssText=`
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `,n.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function b(C,I,u){if(C.stopPropagation(),i(),I){if(l=V(C.target),C.dataTransfer){const n=new Image;n.src="",C.dataTransfer.setDragImage(n,0,0)}y=C.pageX,w=C.pageY,setTimeout(()=>{c.value=u,m.value=!0,I.moving=!0})}}function M(C,I){if(C.preventDefault(),c.value!==I){const u=a.value[c.value],n=a.value;n.splice(c.value,1),n.splice(I,0,u),c.value=I,f(C.pageX,C.pageY)}}function R(C){C.preventDefault(),C.dataTransfer&&(C.dataTransfer.dropEffect="move"),f(C.pageX,C.pageY)}function P(C,I){I&&(I.moving=!1,l&&(document.body.removeChild(l),l=null)),a.value.forEach((u,n)=>{u.__fv_index__=n}),m.value=!1,r(),s.value=I.raw.__fv_index__,T.value=I.raw.__fv_index__,h.value=I.raw[v.value],o.emit("change",a.value),o.emit("activeChange",[I.raw])}return{dragstart:b,dragenter:M,dragover:R,dragend:P,isDragging:m}}function fe(t,o,g,S,v,a){const c=e.ref(t.idField),m=e.ref(t.disableField),T=e.ref(t.draggable);e.ref(t.itemClass);const h=e.ref(t.selection.multiSelect??!1),s=e.ref(t.selection.multiSelectMode),{isDragging:r}=S,{activeIndex:i,focusedItemId:l,hoverIndex:y}=v,{clearSelection:w,getSelectedItems:f,toggleSelectItem:V,currentSelectedDataId:b}=a,M=e.ref(f()),R=N=>M.value.length===0?!1:M.value.some(p=>{let d="";return p.data?d=p.data[c.value]:d=p[c.value],d===N});function P(){M.value=f()}function C(N,p){return N.raw[c.value]!=null?N.raw[c.value]:""}function I(N,p){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":T.value,"f-un-click":!N.checked,"f-un-select":!!N.raw[m.value],"f-listview-active":h.value&&R(C(N))||!h.value&&N.raw[c.value]===b.value,"f-listview-hover":!r.value&&p===y.value,moving:!!N.moving};if(typeof t.itemClass=="string")return $.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const L=t.itemClass(N);return $.getCustomClass(d,L)}return d}function u(N,p){const d={};if(typeof t.itemStyle=="string")return $.getCustomStyle(d,t.itemStyle);if(typeof t.itemStyle=="function"){const L=t.itemStyle(N);return $.getCustomStyle(d,L)}return d}const n=e.computed(()=>!h.value);function F(N,p,d){N.checked=d,!N.raw[m.value]&&(n.value&&(l.value=N.raw[c.value]),V(N))}const O=e.computed(()=>h.value&&s.value==="OnCheckClearByClick"),B=e.computed(()=>!h.value||h.value&&(s.value==="OnCheckAndClick"||s.value==="OnClick"));function A(N,p,d){if(N.raw[m.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}b.value=N.raw[c.value],l.value=N.raw[c.value],i.value=p,O.value&&w(),B.value&&(V(N),P()),o.emit("clickItem",{data:M.value,index:p,dataItem:N.raw}),o.emit("activeChange",M.value)}return{getKey:C,selectedItems:M,listViewItemClass:I,listViewItemStyle:u,updateSelectedItems:P,onCheckItem:F,onClickItem:A}}const H=e.defineComponent({name:"FListView",props:W,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const g=e.ref(),S=e.ref(!0),v=e.ref(!1),a=e.ref([]),c=0,m=e.ref(t.columns),T=x.useFilter(t,o),h=x.useIdentify(t),s=x.useHierarchy(t),r=x.useGroupData(t,h),i=x.useDataView(t,new Map,T,s,h),l=x.useSelection(t,i,h,a,o),y=ae(t,g),w=x.usePagination(t,i),f=e.computed(()=>i.dataView.value.length),V=x.useRow(t,o,l,h),b=x.useEdit(t,o,h,V,a),M=x.useVisualDataBound(t),R=x.useVisualDataCell(t,{},M),P=x.useVisualDataRow(t,i,b,s,h,M,R),C=x.useVisualGroupRow(t,h,R,P),I=x.useVisualSummaryRow(t,h,R,P),u=x.useVisualData(t,m,i,f,c,P,C,I),{getVisualData:n}=u;a.value=n(0,f.value+c-1);const F=e.computed(()=>{const k={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(k[`${t.size}-item`]=!0),$.getCustomClass(k,t.customClass)}),O=e.computed(()=>!!o.slots.footer||S.value);function B(){return t.header==="SearchBar"?Q:t.header==="ContentHeader"?ue:Q}const A=B(),{renderHeader:N}=A(t,o,y),p=de(),d=me(t,o,i,p),L=fe(t,o,a,d,p,l),{renderListArea:D}=re(t,o,a,i,r,p,l,u,L,d);function ve(k){y.search(k)}function we(k){k&&(i.load(k),a.value=n(0,f.value+c-1))}function Se(){l.clearSelection(),p.clearActiveItem()}function Ve(){return L.selectedItems.value}function Ie(){return L.selectedItems.value.map(k=>k[h.idField.value])}function ne(k){l.selectedValues.value=k,L.updateSelectedItems()}function be(){return l.currentSelectedDataId.value}function Ne(k){V.activeRowById(k)}function ke(k){const _=h.idField.value,G=a.value.find(Y=>Y.raw[_]===k),q=a.value.findIndex(Y=>Y.raw[_]===k);G&&q>-1&&L.onClickItem(G,q)}function Fe(k){const _=h.idField.value,G=a.value.find(q=>q.raw[_]===k);G&&V.changeRow(G)}function Te(k){w.updatePagination(k)}function Me(k){return a.value.filter(_=>k.includes(_.raw[t.idField]))}o.expose({search:ve,updateDataSource:we,clearSelection:Se,getSelections:Ve,updateSelectionByIds:ne,getSelectionIds:Ie,activeRowById:Ne,getCurrentRowId:be,clickRowItemById:ke,updatePagination:Te,getVisibleDataByIds:Me,selectRowById:Fe});function De(k){t.multiSelect&&(k.preventDefault(),k.stopPropagation())}e.watch(()=>t.selectionValues,(k,_)=>{k!==_&&ne(k)});const Re=x.useSidebar(t,l),{sidebarWidth:Oe,showSidebarCheckBox:We}=Re,je=x.useColumn(t,o),{applyColumnSorter:Ke,columnContext:xe,updateColumnRenderContext:Xe}=je,Be=x.useVirtualScroll(t,i,a,xe,u,f,c,Oe,b),{shouldRenderPagination:Ye}=w,{renderDataGridPagination:Je}=x.getPagination(t,o,i,Be,w,l);return()=>e.createVNode("div",{class:F.value,onClick:De},[N(),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():o.slots.footer&&o.slots.footer()])])}}),K=e.defineComponent({name:"FListViewTable",props:W,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const g=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],S=e.computed(()=>t.data.length>0?t.data:g);return()=>{var v;return e.createVNode(e.Fragment,null,[(v=S.value)==null?void 0:v.map(a=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:a.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[a.code]),e.createVNode("p",{class:"item-title-text"},[a.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[a.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[a.date])])])])]))])}}}),Z=new Map([["appearance",U.resolveAppearance]]),pe="root-viewmodel";function ge(t,o){const{formSchemaUtils:g,designViewModelUtils:S}=o;function v(s){return{id:`${s.componentId}-component-viewmodel`,code:`${s.componentId}-component-viewmodel`,name:s.componentName,bindTo:s.bindTo,parent:pe,fields:[],commands:[],states:[],enableValidation:!0}}function a(s){const r=t.getSchemaByType("component-ref");return Object.assign(r,{id:`${s.componentId}-component-ref`,component:`${s.componentId}-component`}),r}function c(s,r,i){var f,V,b,M;const l=(V=(f=r==null?void 0:r.parentComponentInstance)==null?void 0:f.schema)==null?void 0:V.type,y=(M=(b=g.getFormSchema())==null?void 0:b.module)==null?void 0:M.templateId;if(["double-list-template","tree-list-template","list-template"].includes(y))return s;const w=[E.DgControl["content-container"].type,E.DgControl["response-layout-item"].type,E.DgControl["splitter-pane"].type,E.DgControl.drawer.type];if(l&&w.includes(l)){const R=t.getSchemaByType("section",{parentComponentInstance:r.parentComponentInstance,mainTitle:r.componentName},o);if(R&&R.contents&&R.contents.length){const P=R.contents[0];return P.contents=[s],R}}return s}function m(s){var y,w,f;const r=t.getSchemaByType("list-view");let i=!1;const l=(f=(w=(y=s.parentComponentInstance)==null?void 0:y.schema)==null?void 0:w.appearance)==null?void 0:f.class;return l&&l.includes("f-page-main")&&(i=!0),Object.assign(r,{id:s.componentId+"-listView",appearance:{class:i?"":"f-grid-is-sub"},type:"list-view",dataSource:s.dataSource||"",pagination:{enable:!1}}),[r]}function T(s){var w,f,V;const r=t.getSchemaByType("component"),i=m(s);let l=!1;const y=(V=(f=(w=s.parentComponentInstance)==null?void 0:w.schema)==null?void 0:f.appearance)==null?void 0:V.class;return y&&y.includes("f-page-main")&&(l=!0),Object.assign(r,{id:`${s.componentId}-component`,viewModel:`${s.componentId}-component-viewmodel`,componentType:s.componentType,contents:i,appearance:{class:l?"f-struct-wrapper f-utils-fill-flex-column":""}}),r}function h(s){const r=a(s),i=T(s),l=v(s),y=g.getFormSchema();return y.module.viewmodels.push(l),y.module.components.push(i),S.assembleDesignViewModel(),c(r,s)}return{createComponent:h}}function ee(t,o,g,S){var a,c,m,T,h,s;const v=g.parentComponentInstance;if(v&&S){const r=Math.random().toString(36).slice(2,6),i={componentId:`list-view-${r}`,componentName:((a=g.bindingSourceContext)==null?void 0:a.entityTitle)||((m=(c=g.bindingSourceContext)==null?void 0:c.bindingEntity)==null?void 0:m.name)||`列表-${r}`,componentType:"list-view",parentContainerId:v.schema.id,parentComponentInstance:v,bindTo:((T=g.bindingSourceContext)==null?void 0:T.bindTo)||"",dataSource:(s=(h=g.bindingSourceContext)==null?void 0:h.bindingEntity)==null?void 0:s.label},{createComponent:l}=ge(t,S);return l(i)}else return o}const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view-table.schema.json",title:"list-view-table",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view-table",type:"string"},type:{description:"The type string of list-view-table",type:"string",default:"list-view-table"},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"]},he={title:"list-view-table",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:[]}}}}}},X={data:{type:Array,default:[]}},Ce=U.createPropsResolver(X,te,Z,ee,he),ye=U.getPropsResolverGenerator(X,te,Z,ee);H.install=t=>{t.component(H.name,H),t.component(K.name,K)},j.FListView=H,j.FListViewTable=K,j.default=H,j.listViewProps=W,j.listViewTableProps=X,j.propsResolver2=Ce,j.propsResolverGenerator2=ye,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,n.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function N(d,p,c){if(d.stopPropagation(),s(),p){if(i=b(d.target),d.dataTransfer){const n=new Image;n.src="",d.dataTransfer.setDragImage(n,0,0)}F=d.pageX,w=d.pageY,setTimeout(()=>{l.value=c,f.value=!0,p.moving=!0})}}function T(d,p){if(d.preventDefault(),l.value!==p){const c=o.value[l.value],n=o.value;n.splice(l.value,1),n.splice(p,0,c),l.value=p,h(d.pageX,d.pageY)}}function j(d){d.preventDefault(),d.dataTransfer&&(d.dataTransfer.dropEffect="move"),h(d.pageX,d.pageY)}function B(d,p){p&&(p.moving=!1,i&&(document.body.removeChild(i),i=null)),o.value.forEach((c,n)=>{c.__fv_index__=n}),f.value=!1,y(),V.value=p.raw.__fv_index__,M.value=p.raw.__fv_index__,m.value=p.raw[g.value],a.emit("change",o.value),a.emit("activeChange",[p.raw])}return{dragstart:N,dragenter:T,dragover:j,dragend:B,isDragging:f}}function ce(t,a,C,v,g,o){const l=e.ref(t.idField),f=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const m=e.ref(t.selection.multiSelect??!1),V=e.ref(t.selection.multiSelectMode),{isDragging:y}=v,{activeIndex:s,focusedItemId:i,hoverIndex:F}=g,{clearSelection:w,getSelectedItems:h,toggleSelectItem:b,currentSelectedDataId:N}=o,T=e.ref(h()),j=S=>T.value.length===0?!1:T.value.some(u=>{let r="";return u.data?r=u.data[l.value]:r=u[l.value],r===S});function B(){T.value=h()}function d(S,u){return S.raw[l.value]!=null?S.raw[l.value]:""}function p(S,u){const r={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!S.checked,"f-un-select":!!S.raw[f.value],"f-listview-active":m.value&&j(d(S))||!m.value&&S.raw[l.value]===N.value,"f-listview-hover":!y.value&&u===F.value,moving:!!S.moving};if(typeof t.itemClass=="string")return _.getCustomClass(r,t.itemClass);if(typeof t.itemClass=="function"){const H=t.itemClass(S);return _.getCustomClass(r,H)}return r}function c(S,u){const r={};if(typeof t.itemStyle=="string")return _.getCustomStyle(r,t.itemStyle);if(typeof t.itemStyle=="function"){const H=t.itemStyle(S);return _.getCustomStyle(r,H)}return r}const n=e.computed(()=>!m.value);function k(S,u,r){S.checked=r,!S.raw[f.value]&&(n.value&&(i.value=S.raw[l.value]),b(S))}const O=e.computed(()=>m.value&&V.value==="OnCheckClearByClick"),x=e.computed(()=>!m.value||m.value&&(V.value==="OnCheckAndClick"||V.value==="OnClick"));function A(S,u,r){if(S.raw[f.value]){r==null||r.preventDefault(),r==null||r.stopPropagation();return}N.value=S.raw[l.value],i.value=S.raw[l.value],s.value=u,O.value&&w(),x.value&&(b(S),B()),a.emit("clickItem",{data:T.value,index:u,dataItem:S.raw}),a.emit("activeChange",T.value)}return{getKey:d,selectedItems:T,listViewItemClass:p,listViewItemStyle:c,updateSelectedItems:B,onCheckItem:k,onClickItem:A}}const G=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,a){const C=e.ref(),v=e.ref(!0),g=e.ref(!1),o=e.ref([]),l=0,f=e.ref(t.columns),M=R.useFilter(t,a),m=R.useIdentify(t),V=R.useHierarchy(t),y=R.useGroupData(t,m),s=R.useDataView(t,new Map,M,V,m),i=R.useSelection(t,s,m,o,a),F=Q(t,C),w=R.usePagination(t,s),h=e.computed(()=>s.dataView.value.length),b=R.useRow(t,a,i,m),N=R.useEdit(t,a,m,b,o),T=R.useVisualDataBound(t),j=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,s,N,V,m,T,j),d=R.useVisualGroupRow(t,m,j,B),p=R.useVisualSummaryRow(t,m,j,B),c=R.useVisualData(t,f,s,h,l,B,d,p),{getVisualData:n}=c;o.value=n(0,h.value+l-1);const k=e.computed(()=>{const I={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(I[`${t.size}-item`]=!0),_.getCustomClass(I,t.customClass)}),O=e.computed(()=>!!a.slots.footer||v.value);function x(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?oe:Y}const A=x(),{renderHeader:S}=A(t,a,F),u=le(),r=se(t,a,s,u),H=ce(t,a,o,r,u,i),{renderListArea:D}=ae(t,a,o,s,y,u,i,c,H,r);function ie(I){F.search(I)}function re(I){I&&(s.load(I),o.value=n(0,h.value+l-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return H.selectedItems.value}function fe(){return H.selectedItems.value.map(I=>I[m.idField.value])}function $(I){i.selectedValues.value=I,H.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(I){b.activeRowById(I)}function he(I){const L=m.idField.value,E=o.value.find(K=>K.raw[L]===I),z=o.value.findIndex(K=>K.raw[L]===I);E&&z>-1&&H.onClickItem(E,z)}function pe(I){const L=m.idField.value,E=o.value.find(z=>z.raw[L]===I);E&&b.changeRow(E)}function Ce(I){w.updatePagination(I)}function ve(I){return o.value.filter(L=>I.includes(L.raw[t.idField]))}a.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(I){t.multiSelect&&(I.preventDefault(),I.stopPropagation())}e.watch(()=>t.selectionValues,(I,L)=>{I!==L&&$(I)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=R.useColumn(t,a),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=R.useVirtualScroll(t,s,o,Ve,c,h,l,Se,N),{shouldRenderPagination:De}=w,{renderDataGridPagination:Te}=R.getPagination(t,a,s,ke,w,i);return()=>e.createVNode("div",{class:k.value,onClick:ye},[S(),e.createVNode("div",{ref:C,class:"f-list-view-content",onMouseover:()=>{g.value=!0},onMouseleave:()=>{g.value=!1}},[D()]),O.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():a.slots.footer&&a.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,a){const C=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],v=e.computed(()=>t.data.length>0?t.data:C);return()=>{var g;return e.createVNode(e.Fragment,null,[(g=v.value)==null?void 0:g.map(o=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:o.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[o.code]),e.createVNode("p",{class:"item-title-text"},[o.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[o.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[o.date])])])])]))])}}});G.install=t=>{t.component(G.name,G),t.component(W.name,W)},P.FListView=G,P.FListViewTable=W,P.default=G,P.listViewProps=U,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});