st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 1.87 kB
JavaScript
"use strict";const e=require("vue"),d=require("../StSwiperSlide/StSwiperSlide.vue.js"),i=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),c=e.defineComponent({name:"StTimelineItem1",__name:"StTimelineItem1",props:{idx:{},bgImgSrc:{default:""},title:{default:""},desc:{default:""},color:{default:"#efefef"},animationSpeed:{default:500},titleEnterDelay:{default:1500},descEnterDelay:{default:1700},titleMaxLine:{default:1},descMaxLine:{default:5}},setup(u){const r=e.inject("isReact");return(t,f)=>(e.openBlock(),e.createBlock(e.unref(d),null,{default:e.withCtx(({isInitial:l,initialSlideIdx:s,isSlideChange:m,enterSlideIdx:n,leaveSlideIdx:a,currentSlideIdx:o})=>[e.createElementVNode("div",{class:e.normalizeClass(["st-timeline-item1",[e.unref(r)?"st-timeline-item1--small-screen":""]]),style:e.normalizeStyle({backgroundImage:`url(${t.bgImgSrc})`})},[e.createElementVNode("div",{class:e.normalizeClass(["st-timeline-item1__content",[l&&s===t.idx?"st-timeline-item1__content--initial":"",a===t.idx?"st-timeline-item1__content--leave":"",n===t.idx?"st-timeline-item1__content--enter":""]]),style:e.normalizeStyle({"--animation-speed":e.unref(i).elSizePreHandler(t.animationSpeed,"ms"),"--title-enter-delay":e.unref(i).elSizePreHandler(t.titleEnterDelay,"ms"),"--desc-enter-delay":e.unref(i).elSizePreHandler(t.descEnterDelay,"ms"),color:t.color})},[e.createElementVNode("div",{class:"st-timeline-item1__content__title",style:e.normalizeStyle({"--title-max-line":t.titleMaxLine})},e.toDisplayString(t.title),5),e.createElementVNode("div",{class:"st-timeline-item1__content__desc",style:e.normalizeStyle({"--desc-max-line":t.descMaxLine})},e.toDisplayString(t.desc),5),e.renderSlot(t.$slots,"suffix",{isInitial:l,isChange:m,enterIdx:n,leaveIdx:a,currentIdx:o},void 0,!0)],6)],6)]),_:3}))}});module.exports=c;