@farris/ui-vue/components/list-view/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

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