dpzvc3-ui 3.0.7 → 3.1.0

package/src/components/rater/rater.vue

@@ -1,118 +0,0 @@
-<template>
-  <div :class="classes">
-    <span
-      v-for="(item, key) in max"
-      :key="key"
-      :class="starClass"
-      :style="parentStyles(key)"
-    >
-      {{ star }}
-      <span
-        :style="childStyles(key)"
-        @click="changeValue(key)"
-      >{{ star }}</span>
-    </span>
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, watch, computed } from 'vue'
-
-const prefixCls = 'dpzvc3-rater'
-
-export default defineComponent({
-  name: 'Dpzvc3Rater',
-  props: {
-    modelValue: { type: Number, default: -1 }, // 支持 v-model
-    distance: { type: Number, default: 10 },
-    max: { type: Number, default: 5 },
-    size: { type: Number, default: 18 },
-    star: { type: String, default: '★' },
-    defaultColor: { type: String, default: '#ccc' },
-    activeColor: { type: String, default: '#f5a623' },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: ['update:modelValue'],
-  setup (props, { emit }) {
-    const currentValue = ref(props.modelValue)
-
-    // 监听外部 v-model 变化
-    watch(
-      () => props.modelValue,
-      val => {
-        currentValue.value = val
-      }
-    )
-
-    // 选中星星
-    function changeValue (index) {
-      if (props.disabled) return
-      currentValue.value = index + 1
-      emit('update:modelValue', currentValue.value)
-    }
-
-    const classes = computed(() => [prefixCls])
-    const starClass = computed(() => [`${prefixCls}-star`])
-
-    function parentStyles (index) {
-      const obj = { fontSize: `${props.size}px` }
-      if (index + 1 < props.max) {
-        obj.marginRight = `${props.distance}px`
-      } else {
-        obj.marginRight = '0px'
-      }
-      obj.color = props.defaultColor
-      return obj
-    }
-
-    function childStyles (index) {
-      const obj = { fontSize: `${props.size}px` }
-      if (index + 1 < props.max) {
-        obj.marginRight = `${props.distance}px`
-      } else {
-        obj.marginRight = '0px'
-      }
-
-      const valueArr = String(currentValue.value).split('.')
-      if (index + 1 <= Number(valueArr[0])) {
-        obj.color = props.activeColor
-      }
-
-      if (valueArr.length > 1 && Number(valueArr[1]) >= 5 && index + 1 === Number(valueArr[0]) + 1) {
-        obj.width = '50%'
-        obj.color = props.activeColor
-      }
-
-      return obj
-    }
-
-    return {
-      currentValue,
-      changeValue,
-      classes,
-      starClass,
-      parentStyles,
-      childStyles
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.dpzvc3-rater {
-  &-star {
-    color: #e9e9e9;
-    position: relative;
-    display: inline-block;
-    > span {
-      position: absolute;
-      height: 100%;
-      content: '★';
-      left: 0;
-      top: 0;
-      color: #e9e9e9;
-      overflow: hidden;
-    }
-  }
-}
-</style>

package/src/components/slideBar/index.js

@@ -1,6 +0,0 @@
-/**
- * Created by admin on 2017/4/21.
- */
-import SlideBar from './slideBar'
-
-export default SlideBar

package/src/components/slideBar/slideBar.vue

@@ -1,225 +0,0 @@
-<template>
-  <div
-    :class="classes"
-    :style="getStyles"
-  >
-    <!-- header -->
-    <div
-      ref="header"
-      :class="headerClasses"
-    >
-      <div
-        ref="wrapper"
-        :class="wrapperClasses"
-        :style="{ width: isFlex ? 'auto' : items.length * getItemWidth + 'px' }"
-      >
-        <div
-          v-for="(item, key) in items"
-          :key="key"
-          :class="['dpzvc3-slideBar-child', startIndex === key ? 'active' : '', !isFlex ? 'normalChild' : '']"
-          :style="{ textAlign, width: getItemWidth + 'px', height: scrollHeight, lineHeight: scrollHeight }"
-          @click="changeBar(key)"
-        >
-          <slot :name="'slide-bar-header-' + key">
-            <a class="content ellipse-fir">{{ item.name }}</a>
-          </slot>
-        </div>
-      </div>
-
-      <div
-        :class="absoluteClass"
-        :style="getScrollStyle"
-      />
-    </div>
-
-    <!-- content -->
-    <div
-      :class="containerClass"
-      :style="{ height }"
-    >
-      <div
-        ref="content"
-        :class="contentClasses"
-        :style="getContainerStyle"
-      >
-        <div
-          v-for="(item, index) in items"
-          :key="index"
-          :class="['dpzvc3-slideBar-content-item', startIndex === index ? 'active' : '']"
-          :style="{ width: clientWidth + 'px' }"
-        >
-          <slot :name="'slot-item-' + index" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue'
-
-const prefixCls = 'dpzvc3-slideBar'
-
-export default defineComponent({
-  name: 'SlideBar',
-  props: {
-    scrollHeight: { type: [String, Number], default: '30px' },
-    height: { type: [String, Number], default: '100%' },
-    styles: { type: Object, default: () => ({}) },
-    childWidth: { type: Number, default: 70 },
-    scrollColor: { type: String, default: '#036eb8' },
-    textAlign: { type: String, default: 'center' },
-    flex: { type: Boolean, default: true },
-    type: { type: String, default: 'normal' },
-    list: { type: Array, default: () => [{ name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }] },
-    index: { type: Number, default: 0 },
-    distanceIndex: { type: Number, default: 1.5 },
-    canDrag: { type: Boolean, default: true }
-  },
-  emits: ['on-change'],
-  setup (props, { emit }) {
-    const header = ref(null)
-    const content = ref(null)
-
-    const startIndex = ref(props.index)
-    const clientWidth = ref(0)
-    const dragging = ref(false)
-    const distance = ref(0)
-    const startTranslateX = ref(0)
-    const startX = ref(0)
-
-    const items = ref(props.list)
-    const isFlex = ref(props.flex)
-    const fixed = ref(false)
-
-    const getItemWidth = computed(() => (isFlex.value ? clientWidth.value / items.value.length : props.childWidth))
-    // const translateX = computed(() => -startIndex.value * clientWidth.value)
-    const translateX = ref(0)
-    const classes = computed(() => [prefixCls])
-    const headerClasses = computed(() => [prefixCls + '-header', { fixed: fixed.value }])
-    const wrapperClasses = computed(() => [
-      prefixCls + '-wrapper',
-      isFlex.value ? prefixCls + '-flex' : prefixCls + '-slide',
-      { normal: props.type === 'normal' && isFlex.value, vertical: props.type === 'vertical' && isFlex.value }
-    ])
-    const contentClasses = computed(() => [prefixCls + '-content', { [prefixCls + '-dragging']: dragging.value }])
-    const absoluteClass = computed(() => [prefixCls + '-wrapper-absolute'])
-    const containerClass = computed(() => [prefixCls + '-container'])
-    const getStyles = computed(() => ({ ...props.styles }))
-    const getContainerStyle = computed(() => ({
-      width: clientWidth.value * items.value.length + 'px',
-      transform: `translate3d(${translateX.value}px,0,0)`
-    }))
-    const getScrollStyle = computed(() => ({
-      width: getItemWidth.value + 'px',
-      transform: `translate3d(${startIndex.value * getItemWidth.value}px,0,0)`,
-      backgroundColor: props.scrollColor
-    }))
-    const maxIndex = computed(() => items.value.length - 1)
-
-    // tab 切换
-    function changeBar (index) {
-      if (startIndex.value === index) return
-      startIndex.value = index
-      translateX.value = -startIndex.value * clientWidth.value
-      emit('on-change', index)
-    }
-
-    // 拖拽事件
-    function onTouchStart (e) {
-      startTranslateX.value = translateX.value
-      distance.value = 0
-      startX.value = e.touches[0].clientX
-      dragging.value = true
-    }
-    function onTouchMove (e) {
-      const currentX = e.touches[0].clientX
-      distance.value = props.distanceIndex ? (currentX - startX.value) / props.distanceIndex : currentX - startX.value
-      translateX.value = startTranslateX.value + distance.value
-    }
-    function onTouchEnd () {
-      if (distance.value < 0 && Math.abs(distance.value) > clientWidth.value / 2) {
-        slideLeft()
-      } else if (distance.value > 0 && Math.abs(distance.value) > clientWidth.value / 2) {
-        slideRight()
-      } else {
-        translateX.value = startTranslateX.value
-      }
-      dragging.value = false
-    }
-    function slideLeft () {
-      if (startIndex.value >= maxIndex.value) {
-        translateX.value = startTranslateX.value
-      } else {
-        startIndex.value++
-        translateX.value = startTranslateX.value - clientWidth.value
-      }
-      emit('on-change', startIndex.value)
-    }
-    function slideRight () {
-      // if (startIndex.value > 0) startIndex.value--
-      if (startIndex.value <= 0) {
-        translateX.value = startTranslateX.value
-      } else {
-        startIndex.value--
-        translateX.value = startTranslateX.value + clientWidth.value
-      }
-      emit('on-change', startIndex.value)
-    }
-
-    // 固定 header
-    function onScroll () {
-      fixed.value = header.value.getBoundingClientRect().top <= 0
-    }
-    function onResize () {
-      clientWidth.value = header.value.clientWidth
-    }
-
-    onMounted(() => {
-      clientWidth.value = header.value.clientWidth
-      translateX.value = -startIndex.value * clientWidth.value
-      window.addEventListener('resize', onResize)
-      onScroll()
-      if (props.canDrag && content.value) {
-        // console.log(content.value, 'dadsds')
-        content.value.addEventListener('touchstart', onTouchStart)
-        content.value.addEventListener('touchmove', onTouchMove)
-        content.value.addEventListener('touchend', onTouchEnd)
-      }
-    })
-
-    onBeforeUnmount(() => {
-      window.removeEventListener('resize', onResize)
-      if (props.canDrag && content.value) {
-        content.value.removeEventListener('touchstart', onTouchStart)
-        content.value.removeEventListener('touchmove', onTouchMove)
-        content.value.removeEventListener('touchend', onTouchEnd)
-      }
-    })
-
-    return {
-      header,
-      content,
-      startIndex,
-      clientWidth,
-      dragging,
-      distance,
-      items,
-      isFlex,
-      fixed,
-      getItemWidth,
-      translateX,
-      classes,
-      headerClasses,
-      wrapperClasses,
-      contentClasses,
-      absoluteClass,
-      containerClass,
-      getStyles,
-      getContainerStyle,
-      getScrollStyle,
-      changeBar
-    }
-  }
-})
-</script>

package/src/components/spinner/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2025/10/16.
- */
-import Spinner from './spinner'
-export default Spinner

package/src/components/spinner/spinner.vue

@@ -1,78 +0,0 @@
-<template>
-  <component
-    :is="spinnerComponent"
-    :type="type"
-    :size="size"
-    :color="color"
-  />
-</template>
-
-<script>
-import { defineComponent, computed } from 'vue'
-import SpinnerBlade from './behavior/blade.vue'
-import SpinnerSnake from './behavior/snake.vue'
-import SpinnerDoubleBounce from './behavior/double-bounce.vue'
-import SpinnerTripleBounce from './behavior/triple-bounce.vue'
-import SpinnerFadingCircle from './behavior/fading-circle.vue'
-
-const SPINNERS = [
-  'blade',
-  'snake',
-  'double-bounce',
-  'triple-bounce',
-  'fading-circle'
-]
-
-function parseSpinner (index) {
-  index = index || 0
-
-  if (/^\d+$/.test(index)) {
-    if (SPINNERS.length <= index) {
-      console.warn(`'${index}' spinner not found, use the default spinner.`)
-      index = 0
-    }
-    return SPINNERS[index]
-  }
-
-  if (!SPINNERS.includes(index)) {
-    console.warn(`'${index}' spinner not found, use the default spinner.`)
-    index = SPINNERS[0]
-  }
-
-  return index
-}
-
-export default defineComponent({
-  name: 'Dpzvc3Spinner',
-  components: {
-    'spinner-blade': SpinnerBlade,
-    'spinner-snake': SpinnerSnake,
-    'spinner-double-bounce': SpinnerDoubleBounce,
-    'spinner-triple-bounce': SpinnerTripleBounce,
-    'spinner-fading-circle': SpinnerFadingCircle
-  },
-  props: {
-    size: {
-      type: [Number, String],
-      default: 30
-    },
-    type: {
-      type: [String, Number],
-      default: 'snake'
-    },
-    color: {
-      type: String,
-      default: '#39f'
-    }
-  },
-  setup (props) {
-    const spinnerComponent = computed(() => {
-      return `spinner-${parseSpinner(props.type)}`
-    })
-
-    return {
-      spinnerComponent
-    }
-  }
-})
-</script>

package/src/components/swipe/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/5/11.
- */
-import Swipe from './swipe'
-export default Swipe