dpzvc3-ui 3.0.7 → 3.1.1

package/src/components/Text/Number.vue

@@ -1,167 +0,0 @@
-<template>
-  <div
-    :class="classes"
-    :style="containerStyle"
-  >
-    <!-- 减按钮 -->
-    <div
-      :class="reduceClasses"
-      :style="getChangeStyle"
-      @click="change('reduce', downDisabled)"
-    >
-      <slot name="reduce">
-        -
-      </slot>
-    </div>
-
-    <!-- 输入框 -->
-    <div :class="wrapperClasses">
-      <input
-        type="number"
-        :style="inputStyle"
-        :min="min"
-        :max="max"
-        :step="step"
-        :value="currentValue"
-        :autocomplete="autocomplete"
-        @input="changeInput"
-        @focus="focusInput"
-        @blur="blurInput"
-        @change="onChangeInput"
-        @keyup.38="change('reduce', downDisabled)"
-        @keyup.40="change('add', upDisabled)"
-      >
-    </div>
-
-    <!-- 加按钮 -->
-    <div
-      :class="addtionClasses"
-      :style="getChangeStyle"
-      @click="change('add', upDisabled)"
-    >
-      <slot name="add">
-        +
-      </slot>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, watch, onMounted } from 'vue'
-import Input from '../../mixin/input'
-
-const prefixCls = 'dpzvc3-number'
-
-export default defineComponent({
-  name: 'Dpzvc3Number',
-  mixins: [Input],
-  props: {
-    min: { type: [Number, String], default: -Infinity },
-    max: { type: [Number, String], default: Infinity },
-    modelValue: [Number, String],
-    step: { type: Number, default: 1 },
-    width: { type: Number, default: 60 },
-    height: { type: Number, default: 35 },
-    numberStyle: { type: Object, default: () => ({}) },
-    containerStyle: { type: Object, default: () => ({}) }
-  },
-  emits: ['update:modelValue', 'input', 'on-input'],
-  setup (props, { emit }) {
-    const currentValue = ref(props.modelValue)
-    const upDisabled = ref(false)
-    const downDisabled = ref(false)
-
-    // 计算类名
-    const classes = computed(() => [prefixCls])
-    const reduceClasses = computed(() => [
-      `${prefixCls}-changevalue`,
-      'left',
-      { disabled: downDisabled.value }
-    ])
-    const addtionClasses = computed(() => [
-      `${prefixCls}-changevalue`,
-      'right',
-      { disabled: upDisabled.value }
-    ])
-    const wrapperClasses = computed(() => [`${prefixCls}-wrapper`])
-    const getChangeStyle = computed(() => ({
-      width: `${props.height}px`,
-      height: `${props.height}px`,
-      lineHeight: `${props.height}px`
-    }))
-    const inputStyle = computed(() => ({
-      ...props.numberStyle,
-      width: `${props.width}px`,
-      height: `${props.height}px`
-    }))
-
-    // 改变值时计算按钮状态
-    function changeVal (val) {
-      const numberVal = Number(val)
-      if (!isNaN(numberVal) || numberVal === 0) {
-        upDisabled.value = numberVal + props.step > props.max
-        downDisabled.value = numberVal - props.step < props.min
-      } else {
-        upDisabled.value = true
-        downDisabled.value = true
-      }
-    }
-
-    function setValue (val) {
-      currentValue.value = val
-      emit('input', val)
-      emit('update:modelValue', val)
-    }
-
-    // 输入框事件
-    function changeInput (e) {
-      let val = e.target.value.trim()
-      val = Number(val)
-      if (val < props.min) val = props.min
-      if (val > props.max) val = props.max
-      setValue(val)
-      e.target.value = currentValue.value
-      emit('on-input', e)
-      emit('update:modelValue', val)
-    }
-
-    // 点击加减按钮
-    function change (type, disabled) {
-      if (disabled) return
-      let val = Number(currentValue.value)
-      if (isNaN(val)) return
-      if (type === 'reduce') val -= props.step
-      else if (type === 'add') val += props.step
-      if (val < props.min) val = props.min
-      if (val > props.max) val = props.max
-      setValue(val)
-    }
-
-    watch(() => props.modelValue, (val) => {
-      currentValue.value = val
-    })
-
-    watch(currentValue, (val) => {
-      changeVal(val)
-    })
-
-    onMounted(() => {
-      changeVal(currentValue.value)
-    })
-
-    return {
-      currentValue,
-      upDisabled,
-      downDisabled,
-      classes,
-      reduceClasses,
-      addtionClasses,
-      wrapperClasses,
-      getChangeStyle,
-      inputStyle,
-      changeInput,
-      change
-    }
-  }
-})
-</script>

package/src/components/Text/index.js

@@ -1,7 +0,0 @@
-/**
- * Created by admin on 2025/9/24.
- */
-import Text from './textBar'
-import Number from './Number'
-Text.Number = Number
-export default Text

package/src/components/Text/textBar.vue

@@ -1,122 +0,0 @@
-<template>
-  <div
-    :class="classes"
-    :style="styles"
-  >
-    <!-- 普通输入框 -->
-    <label
-      v-if="type !== 'textarea'"
-      :class="inputClasses"
-      :style="inputStyles"
-    >
-      <input
-        :type="type"
-        :autofocus="autofocus"
-        :value="currentVal"
-        :placeholder="placeholder"
-        :readonly="readonly"
-        :maxlength="maxlength"
-        :autocomplete="autocomplete"
-        :name="name"
-        :disabled="disable"
-        @input="changeInput"
-        @blur="blurInput"
-        @focus="focusInput"
-        @keyup.enter="enterInput"
-        @change="onChangeInput"
-      >
-    </label>
-
-    <!-- 多行文本框 -->
-    <label
-      v-else
-      :class="textareaClasses"
-    >
-      <textarea
-        :type="type"
-        :autofocus="autofocus"
-        :value="currentVal"
-        :placeholder="placeholder"
-        :readonly="readonly"
-        :maxlength="maxlength"
-        :name="name"
-        :rows="rows"
-        :disabled="disable"
-        @input="changeInput"
-        @blur="blurInput"
-        @focus="focusInput"
-        @keyup.enter="enterInput"
-        @change="onChangeInput"
-      />
-    </label>
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, watch } from 'vue'
-import Input from '../../mixin/input'
-
-const prefixCls = 'dpzvc3-textBar'
-
-export default defineComponent({
-  name: 'TextBar',
-  mixins: [Input],
-  props: {
-    rows: Number,
-    autofocus: { type: Boolean, default: true },
-    type: { type: String, default: 'text' },
-    modelValue: { type: [String, Number], default: '' },
-    placeholder: { type: [String, Number], default: '请输入' },
-    inputStyles: Object,
-    maxlength: Number,
-    name: String,
-    readonly: { type: Boolean, default: false }
-  },
-  emits: ['update:modelValue', 'input', 'on-input', 'on-enter'],
-  setup (props, { emit }) {
-    const currentVal = ref(props.modelValue)
-
-    // 类名
-    const classes = computed(() => [prefixCls])
-    const inputClasses = computed(() => [`${prefixCls}-input`])
-    const textareaClasses = computed(() => [`${prefixCls}-textarea`])
-
-    // 监听 props.value 改变
-    watch(
-      () => props.modelValue,
-      (val) => {
-        currentVal.value = val
-      }
-    )
-
-    // 监听内部值变化
-    watch(currentVal, (val) => {
-      emit('input', val)
-      emit('on-input', val)
-      emit('update:modelValue', val)
-    })
-
-    // 输入事件
-    function changeInput (e) {
-      currentVal.value = e.target.value
-      emit('input', currentVal.value)
-      emit('on-input', e)
-      emit('update:modelValue', currentVal.value)
-    }
-
-    // 回车事件
-    function enterInput (e) {
-      emit('on-enter', e)
-    }
-
-    return {
-      currentVal,
-      classes,
-      inputClasses,
-      textareaClasses,
-      changeInput,
-      enterInput
-    }
-  }
-})
-</script>

package/src/components/action-sheet/actionSheet.vue

@@ -1,98 +0,0 @@
-<template>
-  <div>
-    <Popup
-      v-model="visible"
-      position="bottom"
-      :styles="{ background: 'transparent' }"
-    >
-      <div :class="classes">
-        <ul :class="wrapperClasses">
-          <li
-            v-for="(item, key) in actions"
-            :key="key"
-            :class="wrapperActionClass"
-            @click="emit(item, key)"
-          >
-            <span>{{ item.text }}</span>
-          </li>
-        </ul>
-        <a
-          v-if="cancleText"
-          href="javascript:;"
-          :class="cancleClass"
-          @click="cancleClick"
-        >{{ cancleText }}</a>
-      </div>
-    </Popup>
-  </div>
-</template>
-
-<script>
-import { ref, computed, watch, defineComponent } from 'vue'
-import Popup from '../popup'
-
-const prefixCls = 'dpzvc3-actionSheet'
-
-export default defineComponent({
-  name: 'ActionSheet',
-  components: { Popup },
-  props: {
-    modelValue: { // Vue 3 v-model 默认绑定 modelValue
-      type: Boolean,
-      default: false
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    cancleText: {
-      type: String,
-      default: '取消'
-    }
-  },
-  setup (props, { emit }) {
-    // 内部状态
-    const visible = ref(props.modelValue)
-    const actions = ref(props.items)
-
-    // 同步 props.modelValue
-    watch(() => props.modelValue, (val) => {
-      visible.value = val
-    })
-
-    // 监听 visible 改变，通知父组件
-    // watch(visible, (val) => {
-    //   emit('update:modelValue', val)
-    // })
-
-    // 样式类
-    const classes = computed(() => [prefixCls])
-    const wrapperClasses = computed(() => [`${prefixCls}-wrapper`])
-    const wrapperActionClass = computed(() => [`${prefixCls}-wrapper-action`])
-    const cancleClass = computed(() => [`${prefixCls}-cancle`])
-
-    // 点击事件
-    const emitAction = (item, index) => {
-      if (item.onClick && typeof item.onClick === 'function') {
-        item.onClick(item, index)
-      }
-      // visible.value = false
-      emit('update:modelValue', false)
-    }
-
-    const cancleClick = () => {
-      emit('update:modelValue', false)
-    }
-    return {
-      visible,
-      actions,
-      classes,
-      wrapperClasses,
-      wrapperActionClass,
-      cancleClass,
-      cancleClick,
-      emit: emitAction
-    }
-  }
-})
-</script>

package/src/components/badge/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2025/11/4.
- */
-import Badge from './badge'
-export default Badge

package/src/components/button/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/5/9.
- */
-import VButton from './button'
-export default VButton

package/src/components/card/card.vue

@@ -1,49 +0,0 @@
-<template>
-  <div
-    :class="classes"
-    :style="{ width: cardWidth }"
-  >
-    <div :class="headerClass">
-      <slot name="header" />
-    </div>
-    <div :class="contentClass">
-      <slot>
-        <div class="main" />
-      </slot>
-    </div>
-    <div :class="footerClass">
-      <slot name="footer" />
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent, computed } from 'vue'
-
-const prefixCls = 'dpzvc3-card'
-
-export default defineComponent({
-  name: 'Dpzvc3Card',
-  props: {
-    width: {
-      type: String,
-      default: '100%'
-    }
-  },
-  setup (props) {
-    const classes = computed(() => [prefixCls])
-    const headerClass = computed(() => [`${prefixCls}-header`, 'dpzvc3-1px-bottom'])
-    const contentClass = computed(() => [`${prefixCls}-content`])
-    const footerClass = computed(() => [`${prefixCls}-footer`, 'dpzvc3-1px-top'])
-    const cardWidth = computed(() => props.width)
-    return {
-      classes,
-      headerClass,
-      contentClass,
-      footerClass,
-      cardWidth
-      // 不返回 width，模板直接用 props.width
-    }
-  }
-})
-</script>

package/src/components/card/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/7/7.
- */
-import Card from './card'
-export default Card

package/src/components/cell/cell.vue

@@ -1,113 +0,0 @@
-<template>
-  <div
-    :href="toLink"
-    :class="classes"
-    @click.prevent="handleClick"
-    @touchstart="cellTouchStart"
-    @touchmove="cellTouchMove"
-    @touchend="cellTouchEnd"
-  >
-    <span
-      v-if="hasMask"
-      :class="maskClass"
-    />
-    <div :class="leftClasses">
-      <slot name="left" />
-    </div>
-    <div :class="wrapperClasses">
-      <div :class="titleClass">
-        <slot name="icon" />
-        <slot name="title">
-          <span v-text="title" />
-          <span
-            :class="labelClass"
-            v-text="label"
-          />
-        </slot>
-      </div>
-      <div :class="valueClass">
-        <slot name="value">
-          <span v-text="value" />
-        </slot>
-      </div>
-    </div>
-    <div :class="rightClasses">
-      <slot name="right" />
-    </div>
-  </div>
-</template>
-
-<script>
-import { computed, defineComponent } from 'vue'
-import { useRouter } from 'vue-router'
-
-const prefixCls = 'dpzvc3-cell'
-
-export default defineComponent({
-  name: 'Dpzvc3Cell',
-  props: {
-    title: String,
-    value: {},
-    label: String,
-    link: String,
-    hasMask: Boolean
-  },
-  emits: ['touchstart', 'touchmove', 'touchend', 'click'],
-  setup (props, { emit }) {
-    const router = useRouter()
-
-    // 计算链接
-    const toLink = computed(() => {
-      if (!props.link) return ''
-      // Vue 3 router.resolve 替代 Vue 2 match
-      const resolved = router.resolve(props.link)
-      return resolved.matched.length ? resolved.href : props.link
-    })
-
-    // 样式类
-    const classes = computed(() => [`${prefixCls}`])
-    const maskClass = computed(() => [`${prefixCls}-mask`])
-    const leftClasses = computed(() => [`${prefixCls}-left`])
-    const rightClasses = computed(() => [`${prefixCls}-right`])
-    const wrapperClasses = computed(() => [`${prefixCls}-main`, 'dpzvc3-1px-top'])
-    const titleClass = computed(() => [`${prefixCls}-main-title`])
-    const valueClass = computed(() => [`${prefixCls}-main-value`])
-    const labelClass = computed(() => [`${prefixCls}-main-label`])
-
-    // 点击跳转
-    const handleClick = (e) => {
-      if (props.link) { router.push(props.link) } else {
-        emit('click', e)
-      }
-    }
-
-    // 定义touchstart，touchmove，touchend事件
-    const cellTouchStart = (e) => {
-      emit('touchstart', e)
-    }
-    const cellTouchMove = (e) => {
-      emit('touchmove', e)
-    }
-    const cellTouchEnd = (e) => {
-      emit('touchend', e)
-    }
-
-    return {
-      toLink,
-      classes,
-      maskClass,
-      leftClasses,
-      rightClasses,
-      wrapperClasses,
-      titleClass,
-      valueClass,
-      labelClass,
-      handleClick,
-      emit,
-      cellTouchStart,
-      cellTouchMove,
-      cellTouchEnd
-    }
-  }
-})
-</script>

package/src/components/cell/index.js

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