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

DevUI components based on Vite and Vue3

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