vue-devui/action-timeline/index.umd.js

DevUI components based on Vite and Vue3

(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const T={data:{type:Array},layout:{type:String,default:"horizontal"},loadMoreConfig:{type:Object},showTailLine:{type:Boolean,default:!0},showStatusBgColor:{type:Boolean,default:!1},showStatusLineColor:{type:Boolean,default:!1}};var P="",N=e.defineComponent({name:"DActionTimeline",props:T,emits:["actionLoadMore"],setup(y,c){const{layout:b,data:i,showTailLine:w,showStatusBgColor:L,showStatusLineColor:V,loadMoreConfig:a}=e.toRefs(y),h=e.computed(()=>b.value==="vertical"),A=e.computed(()=>({"dp-action-timeline":!0,"dp-action-timeline-status-bg":L.value,"dp-action-timeline-status-line":V.value})),C=(o,n,l,t)=>({"dp-action-timeline-item":!0,"dp-action-timeline-item-info":V.value&&t.status==="color-info","dp-action-timeline-item-danger":V.value&&t.status==="color-danger","dp-action-timeline-item-success":V.value&&t.status==="color-info","vertical-list-item":h.value,"list-last-item":l.actions&&(i==null?void 0:i.value)&&o===l.actions.length-1&&n===i.value.length-1&&w.value}),f=(o,n=!1)=>{var l,t;return n?{"dp-action-timeline-list-icon":!0,"item-empty-icon":!o.icon,[(l=o.status)!=null?l:""]:!0}:{icon:!0,[(t=o.icon)!=null?t:""]:!0}},F=(o,n)=>{var l;return(l=o.actions)==null?void 0:l.map((t,v)=>{var d,r,u,p,m,g;return e.createVNode("div",{class:C(v,n,o,t)},[e.createVNode("div",{class:"vertical-list-item-top"},[e.createVNode("div",{class:"vertical-list-item-top-left"},[((r=(d=c.slots).iconContent)==null?void 0:r.call(d,{option:t}))||e.createVNode("div",{class:f(t,!0)},[!t.icon&&e.createVNode("div",{class:"list-empty-icon-dot"},null),e.createVNode("em",{class:f(t)},null)]),e.createVNode("div",{class:"vertical-list-item-top-left-title"},[(p=(u=c.slots).title)==null?void 0:p.call(u,{option:t})])]),e.createVNode("div",{class:"dp-action-timeline-item-data"},[t.createdAt])]),e.createVNode("div",{class:"vertical-list-item-bottom"},[(g=(m=c.slots).content)==null?void 0:g.call(m,{option:t})])])})},S=(o,n)=>{var l;return(l=o.actions)==null?void 0:l.map((t,v)=>{var d,r,u,p,m;return e.createVNode("div",{class:C(v,n,o,t)},[((r=(d=c.slots).iconContent)==null?void 0:r.call(d,{option:t}))||e.createVNode("div",{class:f(t,!0)},[!t.icon&&e.createVNode("div",{class:"list-empty-icon-dot"},null),e.createVNode("em",{class:f(t)},null)]),e.createVNode("div",{class:"dp-action-timeline-list-data"},[(p=(u=c.slots).content)==null?void 0:p.call(u,{option:t})]),e.createVNode("div",{class:"dp-action-timeline-item-date"},[t.createdAt]),!(o.actions&&(i==null?void 0:i.value)&&v===o.actions.length-1&&n===((m=i==null?void 0:i.value)==null?void 0:m.length)-1)&&e.createVNode("div",{class:"border-bottom"},null)])})},M=()=>{c.emit("actionLoadMore")},k=()=>{window.scrollTo(0,0)},j=()=>{var o,n;return e.createVNode("div",{class:"dp-action-timeline-operation-container"},[((o=a==null?void 0:a.value)==null?void 0:o.loadMore)&&e.createVNode("div",{class:"dp-action-timeline-operation",onClick:M},[a.value.loadMoreText]),((n=a==null?void 0:a.value)==null?void 0:n.isToTop)&&e.createVNode("div",{class:"dp-action-timeline-operation",onClick:k},[a.value.toTopText])])};return()=>{var o,n;return e.createVNode(e.Fragment,null,[(o=i==null?void 0:i.value)==null?void 0:o.map((l,t)=>e.createVNode("div",{class:A.value},[e.createVNode("div",{class:"dp-action-timeline-title"},[e.createVNode("p",null,[l.time])]),e.createVNode("div",{class:"dp-action-timeline-body"},[h.value?F(l,t):S(l,t)]),e.createVNode("div",{class:"border-left"},null)])),Boolean((n=i==null?void 0:i.value)==null?void 0:n.length)&&j()])}}}),B={title:"ActionTimeline \u64CD\u4F5C\u65F6\u95F4\u8F74",category:"\u6F14\u8FDB\u4E2D",status:"100%",install(y){y.component(N.name,N)}};s.ActionTimeline=N,s.actionTimelineProps=T,s.default=B,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});