@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 2.89 kB
JavaScript
(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["discussion-list"]={},t.Vue))})(this,function(t,e){"use strict";const r={pagerOnServer:{Type:Boolean,default:!0},supportPaging:{Type:Boolean,default:!0},pageIndex:{Type:Number,default:1},total:{Type:Number,default:0},pageSize:{Type:Number,default:10},discussionData:{Type:Object,default:[]},personnelsDisplayKey:{Type:String,default:"userName"}},a=e.defineComponent({name:"FDiscussionList",props:r,emits:["replyMessage","page","pageSize","filePreview","fileDownload"],setup(i,u){const d=e.ref(i.personnelsDisplayKey),p=e.ref(i.pagerOnServer),m=e.ref(i.supportPaging),f=e.ref(i.pageIndex),n=e.ref(i.total),o=e.ref(i.pageSize);e.ref(i.discussionData);let g=[];e.computed({get(){return n.value},set(s){n.value=s,c()}}),e.computed({get(){return o.value},set(s){o.value=s,c()}}),e.onMounted(()=>{c()});function c(){o.value,f.value}function N(s){u.emit("replyMessage",s)}return()=>e.createVNode("div",null,[e.createVNode("div",{class:"f-discussion-group-content"},[g.map(s=>e.createVNode("div",{class:"f-discussion-group-content-item"},[e.createVNode("div",{class:"discussion-item-avatar"},[e.createVNode("div",null,[s.imgData&&e.createVNode("div",null,[e.createVNode("img",{src:s.imgData,alt:"",class:"discussion-item-avatar-img"},null)])]),e.createVNode("div",null,[!s.imgData&&e.createVNode("div",{class:"discussion-item-avatar-tip"},null)])]),e.createVNode("div",{class:"discussion-item-inner"},[e.createVNode("div",{class:"discussion-item-username"},[s[d.value]]),e.createVNode("div",{class:"discussion-item-text"},[e.createVNode("span",{class:"discussion-item-text-message",innerHTML:s.text},null)]),s.parentData&&e.createVNode("div",{class:"discussion-item-text-reply"},[e.createVNode("span",{class:"discussion-item-text-reply-title"},["discussionGroup.reply",e.createVNode("span",{class:"discussion-item-text-reply-name"},[s.parentData[d.value]])]),e.createVNode("span",{class:"discussion-item-text-reply-content",innerHTML:s.parentData.text},null)]),e.createVNode("div",{class:"discussion-item-footer"},[e.createVNode("div",{class:"discussion-item-time"},[e.createVNode("span",{class:"discussion-item-time-text"},[s.commentDate])]),e.createVNode("div",{class:"discussion-item-btns"},[e.createVNode("span",{class:"discussion-item-btns-start",onClick:V=>{N(V)}},[e.createVNode("span",{class:"f-icon f-icon-message"},null),e.createVNode("span",{class:"discussion-item-btns-start-text"},["discussionGroup.reply"])])])])])])),m.value&&e.createVNode("div",{class:"f-discussion-group-footer"},null)])])}}),l={install(i){i.component(a.name,a)}};t.DiscussionListProps=a,t.default=l,t.discussionListProps=r,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});