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

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