dpzvc3-ui 3.0.7 → 3.1.1

package/src/components/cell-swipe/cell-swipe.vue

@@ -1,168 +0,0 @@
-<template>
-  <Cell
-    ref="cell"
-    :title="title"
-    :value="value"
-    :label="label"
-    :link="link"
-    :has-mask="hasMask"
-    @click="swipe()"
-    @touchstart="onTouchStart"
-    @touchmove="onTouchMove"
-    @touchend="onTouchEnd"
-  >
-    <template #left>
-      <div
-        ref="leftRef"
-        class="dpzvc3-cell-swipe-group"
-      >
-        <span
-          v-for="(item, key) in left"
-          :key="key"
-          class="dpzvc3-cell-swipe-btn"
-          :style="item.style"
-          @click.stop="() => { item.handleClick && item.handleClick(); swipe() }"
-          v-html="item.content"
-        />
-      </div>
-    </template>
-
-    <template #right>
-      <div
-        ref="rightRef"
-        class="dpzvc3-cell-swipe-group"
-      >
-        <span
-          v-for="(item, key) in right"
-          :key="key"
-          class="dpzvc3-cell-swipe-btn"
-          :style="item.style"
-          @click.stop="() => { item.handleClick && item.handleClick(); swipe() }"
-          v-html="item.content"
-        />
-      </div>
-    </template>
-  </Cell>
-</template>
-
-<script>
-import { ref, reactive, onMounted, watch, nextTick, defineComponent } from 'vue'
-import Cell from '../cell'
-// import Clickoutside from '../../directives/clickoutside'
-
-export default defineComponent({
-  name: 'CellSwipe',
-  components: { Cell },
-  // directives: { Clickoutside },
-  props: {
-    title: String,
-    value: {},
-    label: String,
-    link: String,
-    left: Array,
-    right: Array,
-    hasMask: Boolean
-  },
-  setup (props) {
-    const cell = ref(null)
-    const leftRef = ref(null)
-    const rightRef = ref(null)
-
-    const state = reactive({
-      isDrag: false,
-      translate: 0,
-      $wrapper: null,
-      $left: null,
-      $right: null,
-      leftWidth: 0,
-      rightWidth: 0,
-      startX: 0,
-      currentX: 0,
-      direction: '',
-      distance: 0
-    })
-
-    const translate3d = (translate) => `translate3d(${translate}px,0,0)`
-
-    const swipe = (translate = 0) => {
-      state.translate = translate
-      if (state.$wrapper) state.$wrapper.style.transform = translate3d(translate)
-      if (state.$left) state.$left.style.transform = translate3d(-state.leftWidth + translate)
-      if (state.$right) state.$right.style.transform = translate3d(state.rightWidth + translate)
-    }
-
-    const onTouchStart = (e) => {
-      console.log('滑动开始')
-      state.startX = e.touches[0].clientX
-    }
-
-    const onTouchMove = (e) => {
-      console.log('滑动移动')
-      e.preventDefault()
-      state.currentX = e.touches[0].clientX
-      const diff = state.currentX - state.startX
-      state.direction = diff < 0 ? 'left' : 'right'
-
-      if (state.direction === 'left') {
-        state.translate = Math.max(-state.rightWidth, diff)
-      } else {
-        state.translate = Math.min(state.leftWidth, diff)
-      }
-
-      nextTick(() => swipe(state.translate))
-    }
-
-    const onTouchEnd = () => {
-      console.log('滑动结束')
-      if (Math.abs(state.translate) > state.leftWidth / 2 && state.direction === 'right') {
-        swipe(state.leftWidth)
-      } else if (Math.abs(state.translate) > state.rightWidth / 2 && state.direction === 'left') {
-        swipe(-state.rightWidth)
-      } else {
-        swipe(0)
-      }
-    }
-
-    watch(() => props.left, () => {
-      nextTick(() => {
-        state.leftWidth = leftRef.value?.offsetWidth || 0
-        swipe()
-      })
-    })
-
-    watch(() => props.right, () => {
-      nextTick(() => {
-        state.rightWidth = rightRef.value?.offsetWidth || 0
-        swipe()
-      })
-    })
-
-    onMounted(() => {
-      nextTick(() => {
-        // if (!leftRef.value || !rightRef.value || !cell.value) return
-        state.$wrapper = cell.value.$el.querySelector('.dpzvc3-cell-main')
-        state.$left = leftRef.value.parentNode
-        state.$right = rightRef.value.parentNode
-
-        state.leftWidth = state.$left.offsetWidth
-        state.rightWidth = state.$right.offsetWidth
-
-        state.$left.style.transform = translate3d(-state.leftWidth)
-        state.$right.style.transform = translate3d(state.rightWidth + 1)
-        state.$wrapper.style.transform = translate3d(0)
-      })
-    })
-
-    return {
-      cell,
-      leftRef,
-      rightRef,
-      state,
-      swipe,
-      onTouchStart,
-      onTouchMove,
-      onTouchEnd
-    }
-  }
-})
-</script>

package/src/components/cell-swipe/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/7/4.
- */
-import CellSwipe from './cell-swipe'
-export default CellSwipe

package/src/components/checkBox/checkbox-group.vue

@@ -1,74 +0,0 @@
-<template>
-  <div
-    :class="[
-      'dpzvc3-checkBoxGroup',
-      vertical ? 'dpzvc3-checkBoxGroup-vertical' : ''
-    ]"
-  >
-    <slot />
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, watch, provide } from 'vue'
-// import Emitter from '../../mixin/emitter'
-
-export default defineComponent({
-  name: 'CheckBoxGroup',
-  // mixins: [Emitter],
-
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    single: {
-      type: Boolean,
-      default: false
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  emits: ['update:modelValue', 'on-change'],
-
-  setup (props, { emit }) {
-    // alert(props)
-    const currentValue = ref([...props.modelValue])
-
-    /** 对外暴露给 checkbox 的方法 */
-    const toggleOption = (label) => {
-      let newValue = []
-      newValue = [...label]
-      // currentValue.value = newValue
-      emit('update:modelValue', newValue)
-      emit('on-change', newValue)
-    }
-
-    /** 提供给子 checkbox */
-    provide('CheckBoxGroup', {
-      currentValue,
-      toggleOption
-      // single: props.single
-    })
-
-    watch(
-      () => props.modelValue,
-      (val) => {
-        currentValue.value = [...val]
-      }
-    )
-
-    return {}
-  }
-})
-</script>
-
-<style scoped>
-.dpzvc3-checkBoxGroup-vertical {
-  display: flex;
-  flex-direction: column;
-}
-</style>

package/src/components/checkBox/checkbox.vue

@@ -1,117 +0,0 @@
-<template>
-  <label :class="classes">
-    <span :class="wrapperClasses">
-      <span :class="innerClasses" />
-      <input
-        type="checkbox"
-        class="dpzvc3-checkbox-input noselect"
-        :disabled="disable"
-        :checked="currentValue"
-        @change="change"
-      >
-    </span>
-    <slot v-if="show">
-      <span ref="slotRef">{{ label }}</span>
-    </slot>
-  </label>
-</template>
-
-<script>
-import {
-  defineComponent,
-  ref,
-  computed,
-  inject,
-  watch,
-  onMounted
-} from 'vue'
-
-export default defineComponent({
-  name: 'CheckBox',
-
-  props: {
-    disable: {
-      type: Boolean,
-      default: false
-    },
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: [String, Number, Boolean]
-    }
-  },
-
-  emits: ['update:modelValue', 'on-change'],
-
-  setup (props, { emit }) {
-    // 注入 checkboxGroup（由 CheckBoxGroup provide）
-    const checkboxGroup = inject('CheckBoxGroup')
-    // console.log(checkboxGroup, 'checkboxGroup')
-    const isGroup = ref(!!checkboxGroup)
-    const currentValue = ref(props.modelValue)
-    const show = ref(true)
-    const slotRef = ref(null)
-
-    const classes = computed(() => ['dpzvc3-checkbox'])
-
-    const wrapperClasses = computed(() => [
-      'dpzvc3-checkbox-wrapper',
-      {
-        'dpzvc3-checkbox-checked': currentValue.value,
-        'dpzvc3-checkbox-disable': props.disable
-      }
-    ])
-
-    const innerClasses = computed(() => ['dpzvc3-checkbox-inner'])
-
-    watch(
-      () => props.modelValue,
-      val => {
-        currentValue.value = val
-      }
-    )
-
-    const change = (e) => {
-      if (props.disable) return
-      const checked = e.target.checked
-      currentValue.value = checked
-
-      // group 模式
-      if (isGroup.value && checkboxGroup) {
-        const value = [...checkboxGroup.currentValue.value]
-        const index = value.indexOf(props.label)
-
-        if (checked && index === -1) value.push(props.label)
-        if (!checked && index > -1) value.splice(index, 1)
-        checkboxGroup.toggleOption(value)
-      } else {
-        emit('update:modelValue', checked)
-        emit('on-change', checked)
-      }
-    }
-
-    onMounted(() => {
-      if (isGroup.value && checkboxGroup) {
-        const value = [...checkboxGroup.currentValue.value]
-        const index = value.indexOf(props.label)
-        if (index !== -1) currentValue.value = true
-      }
-      if (slotRef.value && !slotRef.value.innerHTML) {
-        show.value = false
-      }
-    })
-
-    return {
-      slotRef,
-      show,
-      currentValue,
-      classes,
-      wrapperClasses,
-      innerClasses,
-      change
-    }
-  }
-})
-</script>

package/src/components/checkBox/index.js

@@ -1,8 +0,0 @@
-/**
- * Created by admin on 2017/4/19.
- */
-import CheckBox from './checkbox.vue'
-import CheckGroup from './checkbox-group.vue'
-
-CheckBox.group = CheckGroup
-export default CheckBox

package/src/components/header/header.vue

@@ -1,131 +0,0 @@
-<template>
-  <div
-    v-if="visible"
-    :class="classes"
-  >
-    <header>
-      <div
-        class="left"
-        @click="back"
-      >
-        <slot name="left">
-          <span class="arrow" />
-          <span class="text">返回</span>
-        </slot>
-      </div>
-
-      <div class="title dpzvc3-nowrap">
-        {{ title }}
-      </div>
-
-      <div class="right">
-        <slot name="right">
-          <div />
-        </slot>
-      </div>
-    </header>
-
-    <div
-      v-if="fixed"
-      class="header-place"
-    />
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, onMounted, watch } from 'vue'
-// import { useRouter } from 'vue-router'
-
-const prefixCls = 'dpzvc3-header'
-
-export default defineComponent({
-  name: 'Dpzvc3Header',
-
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: true
-    },
-    fixed: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    wechat: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  emits: ['update:modelValue'],
-
-  setup (props, { emit }) {
-    // const router = useRouter()
-
-    const visible = ref(props.modelValue)
-    const isWechat = ref(props.wechat)
-
-    /** classes */
-    const classes = computed(() => [
-      prefixCls,
-      {
-        [`${prefixCls}-fixed`]: props.fixed
-      }
-    ])
-
-    /** UA 判断 */
-    const isWeixin = computed(() =>
-      /micromessenger/i.test(window.navigator.userAgent)
-    )
-
-    const isPcWeixin = computed(() =>
-      /windowswechat/i.test(window.navigator.userAgent)
-    )
-
-    /** 同步 v-model */
-    watch(
-      () => props.modelValue,
-      val => {
-        visible.value = val
-      }
-    )
-
-    // watch(visible, val => {
-    //   emit('update:modelValue', val)
-    // })
-
-    watch(
-      () => props.wechat,
-      val => {
-        isWechat.value = val
-      }
-    )
-
-    /** mounted 逻辑 */
-    onMounted(() => {
-      if ((isWeixin.value || isPcWeixin.value) && !isWechat.value) {
-        // visible.value = false
-        emit('update:modelValue', false)
-      }
-    })
-
-    /** 返回 */
-    const back = () => {
-      // if (router) {
-      //   router.back()
-      // } else {
-      window.history.back()
-      // }
-    }
-
-    return {
-      visible,
-      classes,
-      back
-    }
-  }
-})
-</script>

package/src/components/header/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/5/4.
- */
-import dpzvc3Header from './header'
-export default dpzvc3Header

package/src/components/loadMore/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2025/6/19.
- */
-import LoadMore from './loadmore'
-export default LoadMore