cione-comp-lib/lib/packages/co-label-text-list/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("./images/up.js"),l=require("./images/down.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var r=require("../../_virtual/plugin-vue_export-helper.js");const o=e.defineComponent({name:"CoLabelTextList",props:{width:{type:String},height:{type:String},list:{type:Array,default:()=>{}},title:{type:String},titleFontSize:{type:Number,default:24},titleColor:{type:String,default:"rgba(23, 0, 0,1)"},subtitle:{type:String},subtitleSize:{type:Number,default:14},subtitleColor:{type:String,default:"rgba(0, 0, 0,1)"},borderWidth:{type:Number,default:1},borderStyle:{type:String,default:"solid"},borderColor:{type:String,default:"rgba(207, 207, 207,1)"},boxHeight:{type:Number,default:370},rowHeight:{type:Number,default:90},rowBorderStyle:{type:String,default:"dashed"},rowBorderColor:{type:String,default:"rgba(183, 183, 183,1)"},smallTitleSize:{type:Number,default:14},smallTitleColor:{type:String,default:"rgba(53, 53, 53,1)"},textSize:{type:Number,default:14},textColor:{type:String,default:"rgba(65, 106, 127, 1)"},isWebUrl:{type:Boolean},isTextDecoration:{type:Boolean},rollTimer:{type:Number,default:4}},setup(t){const l=e.ref(t.list),r=e.ref(),o=e.ref(!0),i=e.ref("up"),a=e.ref(1),n=e.ref(),u=e.ref(!0),s=e.ref(!0),d=()=>{i.value="up",a.value=-t.rowHeight,e.nextTick((()=>{o.value=!0}))},p=()=>{clearInterval(n.value)},c=()=>{e.nextTick((()=>{n.value=setInterval((()=>{u.value=!1,d()}),1e3*t.rollTimer-800)}))};return e.watch((()=>t.list),(()=>{clearInterval(n.value),l.value=t.list,e.nextTick((()=>{o.value=!0,c()}))})),e.watch((()=>t.rollTimer),(()=>{p(),c()})),e.onMounted((()=>{c(),r.value.addEventListener("transitionend",(()=>{"up"===i.value&&(l.value.push(l.value[0]),l.value.shift(),e.nextTick((()=>{o.value=!1,a.value=0}))),u.value=!0}))})),e.onUnmounted((()=>{p()})),{data:l,UlDom:r,isTransition:o,isInit:s,scrolNum:a,startLeaveFn:()=>{c()},stopEnterFn:p,downFn:()=>{u.value&&(u.value=!1,clearInterval(n.value),d(),e.nextTick((()=>{c()})))},upFn:()=>{u.value&&(u.value=!1,clearInterval(n.value),i.value="down",l.value.unshift(l.value[l.value.length-1]),l.value.pop(),a.value=-t.rowHeight,o.value=!1,e.nextTick((()=>{let e=setTimeout((()=>{o.value=!0,a.value=0,c(),clearTimeout(e)}),300)})))},pageJumpFn:e=>{t.isWebUrl&&window.open(e)},updataList:t=>{clearInterval(n.value),l.value=t,e.nextTick((()=>{o.value=!0,c()}))},...e.toRefs(t)}}}),i=t=>(e.pushScopeId("data-v-15637728"),t=t(),e.popScopeId(),t),a={class:"text-list__hovertreeinfo"},n=["title","onClick"],u=["title"],s={class:"text-list__scroltit"},d=[i((()=>e.createElementVNode("img",{src:t.default},null,-1)))],p=[i((()=>e.createElementVNode("img",{src:l.default},null,-1)))];var c=r.default(o,[["render",function(t,l,r,o,i,c){return e.openBlock(),e.createElementBlock("div",{class:"co-label-text-list",style:e.normalizeStyle({width:t.width||"100%",height:t.height||"100%"})},[e.createElementVNode("div",a,[e.createElementVNode("h2",{style:e.normalizeStyle({fontSize:t.titleFontSize+"px",color:t.titleColor})},e.toDisplayString(t.title),5),e.createElementVNode("p",{style:e.normalizeStyle({fontSize:t.subtitleSize+"px",color:t.subtitleColor})},e.toDisplayString(t.subtitle),5)]),e.createElementVNode("div",{class:"text-list__hovertreebox",style:e.normalizeStyle({border:`${t.borderWidth}px ${t.borderStyle} ${t.borderColor}`})},[e.createElementVNode("div",{id:"text-list__HoverTreeScroll",onMouseenter:l[0]||(l[0]=(...e)=>t.stopEnterFn&&t.stopEnterFn(...e)),onMouseleave:l[1]||(l[1]=(...e)=>t.startLeaveFn&&t.startLeaveFn(...e)),style:e.normalizeStyle({height:t.boxHeight+"px"})},[e.createElementVNode("ul",{ref:"UlDom",style:e.normalizeStyle({top:t.scrolNum+"px",transition:t.isTransition?"top 0.8s linear 0s":"unset"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,((l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r,style:e.normalizeStyle({height:t.rowHeight+"px",borderBottom:`${t.rowBorderColor} ${t.rowBorderStyle} 1px`})},[e.createElementVNode("h3",{title:l.title,onClick:e=>t.pageJumpFn(l.webUrl),style:e.normalizeStyle({fontSize:t.smallTitleSize+"px",color:t.smallTitleColor,textDecoration:t.isTextDecoration?"underline":"unset",textDecorationColor:t.smallTitleColor,cursor:t.isWebUrl?"pointer":"auto"})},e.toDisplayString(l.title),13,n),e.createElementVNode("div",{title:l.text,style:e.normalizeStyle({fontSize:t.textSize+"px",color:t.textColor})},e.toDisplayString(l.text),13,u)],4)))),128))],4)],36),e.createElementVNode("div",s,[e.createElementVNode("div",{class:"text-list__updown",onClick:l[2]||(l[2]=e.withModifiers(((...e)=>t.downFn&&t.downFn(...e)),["stop"]))},d),e.createElementVNode("div",{class:"text-list__updown",onClick:l[3]||(l[3]=e.withModifiers(((...e)=>t.upFn&&t.upFn(...e)),["stop"]))},p)])],4)],4)}],["__scopeId","data-v-15637728"]]);exports.default=c;