cione-comp-lib/lib/packages/co-table-effect-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");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var l=require("../../_virtual/plugin-vue_export-helper.js");const a=e.defineComponent({name:"CoTableEffectList",props:{},setup(l){let a;var t;(t=a||(a={}))[t.slide=0]="slide",t[t.flip=1]="flip";const o=e.ref("flip"),n=e.ref([]),c=e.ref([]),s=e.ref([]),r=e.ref(1),u=e.ref(3),i=e.ref(0),d=e.ref(-1),v=e.ref(0),m=e.ref(0),p=()=>{let e=document.querySelector("#tList").querySelectorAll(".data-row");for(let l=1;l<(null==e?void 0:e.length);l++)e[l].classList.remove("ani-slide-out-odd"),e[l].classList.remove("ani-slide-out-even"),l%2?e[l].classList.add("ani-slide-out-even"):e[l].classList.add("ani-slide-out-odd");setTimeout((function(){for(let l=1;l<(null==e?void 0:e.length);l++)e[l].classList.remove("ani-slide-out-odd"),e[l].classList.remove("ani-slide-out-even")}),500)},k=()=>{if("slide"==o.value){let e=(r.value-1)*u.value,l=e+u.value;s.value=c.value.slice(e,l)}else{let e=(r.value-1)*u.value,l=e+u.value,a=c.value.slice(e,l);d.value<r.value?(v.value=-(v.value+270),m.value=-(v.value+90),s.value.splice(0,1,a)):(v.value=v.value+270,m.value=v.value+90,s.value.splice(1,1,a)),d.value=r.value}};return e.onMounted((()=>{(()=>{if(l.data.length)if(n.value=l.data[0],"slide"==o.value)c.value=l.data.slice(1),i.value=Math.ceil(c.value.length/u.value),s.value=c.value.slice(r.value-1,u.value);else{v.value=-90,m.value=0,c.value=l.data.slice(1),i.value=Math.ceil(c.value.length/u.value);let e=[c.value.slice(r.value-1,u.value),c.value.slice(u.value*r.value,u.value*(r.value+1))];r.value=2,s.value=e}})()})),{hideDeg:v,showDeg:m,pageData:s,onPrev:()=>{r.value--,r.value<1?r.value=1:(k(),e.nextTick((()=>{p()})))},onNext:()=>{r.value++,r.value>i.value?r.value=i.value:(k(),e.nextTick((()=>{p()})))}}}}),t={class:"co-table-effect-list"},o={id:"tList",class:"data-table slide",style:{display:"none"}},n={class:"data-row"},c={class:"data-column"},s={class:"data-column"},r={class:"cell"},u={id:"tList",class:"data-table filp"},i={class:"data-row"},d={class:"data-column"},v={class:"data-column"},m={class:"cell"},p={class:"data-column"},k={class:"cell"},g={class:"page"};var f=l.default(a,[["render",function(l,a,f,B,E,y){return e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("ul",o,[e.createElementVNode("li",n,[e.createElementVNode("ul",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headData,(l=>(e.openBlock(),e.createElementBlock("li",{class:"cell",key:l},e.toDisplayString(l),1)))),128))])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.pageData,((l,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:"data-row"},[e.createElementVNode("ul",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(l=>(e.openBlock(),e.createElementBlock("li",r,e.toDisplayString(l),1)))),256))])])))),128))]),e.createElementVNode("ul",u,[e.createElementVNode("li",i,[e.createElementVNode("ul",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headData,(l=>(e.openBlock(),e.createElementBlock("li",{class:"cell",key:l},e.toDisplayString(l),1)))),128))])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.pageData[0],((a,t)=>(e.openBlock(),e.createElementBlock("li",{class:"data-row",key:t},[l.pageData[1][t]?(e.openBlock(),e.createElementBlock("div",{key:0,class:"back",style:e.normalizeStyle({transform:`rotateX(${l.hideDeg}deg)`})},[e.createElementVNode("ul",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.pageData[1][t],(l=>(e.openBlock(),e.createElementBlock("li",m,e.toDisplayString(l),1)))),256))])],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"font",style:e.normalizeStyle({transform:`rotateX(${l.showDeg}deg)`})},[e.createElementVNode("ul",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(l=>(e.openBlock(),e.createElementBlock("li",k,e.toDisplayString(l),1)))),256))])],4)])))),128))]),e.createElementVNode("div",g,[e.createElementVNode("div",{class:"prev",onClick:a[0]||(a[0]=(...e)=>l.onPrev&&l.onPrev(...e))},"上一页"),e.createElementVNode("div",{class:"next",onClick:a[1]||(a[1]=(...e)=>l.onNext&&l.onNext(...e))},"下一页")])])}],["__scopeId","data-v-41037b8b"]]);exports.default=f;