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