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

Farris Vue, a Farris Design based Vue3 component library.

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