Delete curry-slide.vue

Colorui-UniApp/colorui/components/curry-slide.vue

@@ -1,139 +0,0 @@
-<template>
-  <view class="carousel-3d-slide" :style="slideStyle" :class="computedClasses" @click="goTo()">
-    <slot :index="index" :isCurrent="isCurrent" :leftIndex="leftIndex" :rightIndex="rightIndex"/>
-  </view>
-</template>
-
-<script>
-/* eslint-disable */
-export default {
-  name: 'curry-slide',
-  props: {
-    index: {
-      type: Number
-    }
-  },
-  data () {
-    return {
-      parent: this.$parent,
-      styles: {},
-      zIndex: 999
-    }
-  },
-  computed: {
-    isCurrent () {
-      return this.index === this.parent.currentIndex
-    },
-    leftIndex () {
-      return this.getSideIndex(this.parent.leftIndices)
-    },
-    rightIndex () {
-      return this.getSideIndex(this.parent.rightIndices)
-    },
-    slideStyle () {
-      let styles = {}
-      if (!this.isCurrent) {
-        const rIndex = this.leftIndex
-        const lIndex = this.rightIndex
-        if (rIndex >= 0 || lIndex >= 0) {
-          styles = rIndex >= 0 ? this.calculatePosition(rIndex, true, this.zIndex) : this.calculatePosition(lIndex, false, this.zIndex)
-          styles.opacity = 1
-          styles.visibility = 'visible'
-        }
-        if (this.parent.hasHiddenSlides) {
-          if (this.matchIndex(this.parent.leftOutIndex)) {
-            styles = this.calculatePosition(this.parent.leftIndices.length - 1, false, this.zIndex)
-          } else if (this.matchIndex(this.parent.rightOutIndex)) {
-            styles = this.calculatePosition(this.parent.rightIndices.length - 1, true, this.zIndex)
-          }
-        }
-      }
-      return Object.assign(styles, {
-        'border-width': this.parent.border + 'px',
-        'width': this.parent.slideWidth + 'px',
-        'height': this.parent.slideHeight + 'px',
-        'transition': ' transform ' + this.parent.animationSpeed + 'ms, ' +
-        '               opacity ' + this.parent.animationSpeed + 'ms, ' +
-        '               visibility ' + this.parent.animationSpeed + 'ms'
-      })
-    },
-    computedClasses () {
-      return {
-        [`left-${this.leftIndex + 1}`]: this.leftIndex >= 0,
-        [`right-${this.rightIndex + 1}`]: this.rightIndex >= 0,
-        'current': this.isCurrent
-      }
-    }
-  },
-  methods: {
-    getSideIndex (array) {
-      let index = -1
-      array.forEach((pos, i) => {
-        if (this.matchIndex(pos)) {
-          index = i
-        }
-      })
-      return index
-    },
-    matchIndex (index) {
-      return (index >= 0) ? this.index === index : (this.parent.total + index) === this.index
-    },
-    calculatePosition (i, positive, zIndex) {
-      const z = !this.parent.disable3d ? parseInt(this.parent.inverseScaling) + ((i + 1) * 100) : 0
-      const y = !this.parent.disable3d ? parseInt(this.parent.perspective) : 0
-      const leftRemain = (this.parent.space === 'auto')
-        ? parseInt((i + 1) * (this.parent.width / 1.2), 10) // 1.5
-        : parseInt((i + 1) * (this.parent.space), 10)
-      const transform = (positive)
-        ? 'translateX(' + (leftRemain) + 'px) translateZ(-' + z + 'px) ' +
-        'rotateY(-' + y + 'deg)'
-        : 'translateX(-' + (leftRemain) + 'px) translateZ(-' + z + 'px) ' +
-        'rotateY(' + y + 'deg)'
-      const top = this.parent.space === 'auto' ? 0 : parseInt((i + 1) * (this.parent.space))
-      return {
-        transform: transform,
-        top: top,
-        zIndex: zIndex - (Math.abs(i) + 1)
-      }
-    },
-    goTo () {
-      if (!this.isCurrent) {
-        if (this.parent.clickable === true) {
-          this.parent.goFar(this.index)
-        }
-      } else {
-        this.parent.onMainSlideClick()
-      }
-    }
-  }
-}
-</script>
-
-<style>
-  .carousel-3d-slide {
-    position: absolute;
-    opacity: 0;
-    visibility: hidden;
-    overflow: hidden;
-    top: 0;
-    border-color: #023c41;
-    border-style: solid;
-    background-size: cover;
-    background-color: #ccc;
-    display: block;
-    margin: 0;
-    box-sizing: border-box;
-  }
-  .carousel-3d-slide {
-    text-align: left;
-  }
-  .carousel-3d-slide img {
-    width: 100%;
-  }
-  .carousel-3d-slide.current {
-    opacity: 1 !important;
-    visibility: visible !important;
-    transform: none !important;
-    z-index: 999;
-  }
-</style>