dpzvc3-ui 3.0.6 → 3.1.0

package/src/components/modal/modal.vue

@@ -1,138 +0,0 @@
-<template>
-  <div>
-    <!-- 遮罩层 -->
-    <transition name="dpzvc3-ani-fade">
-      <div
-        v-if="visible"
-        class="dpzvc3-modal-mask"
-        @click="mask"
-        @touchstart.prevent
-        @touchmove.prevent
-        @touchend.prevent
-      />
-    </transition>
-
-    <!-- 弹窗内容 -->
-    <transition name="dpzvc3-ani-scale">
-      <div
-        v-if="visible"
-        class="dpzvc3-modal"
-        :style="getWrapperStyle"
-      >
-        <!-- 头部 -->
-        <div
-          v-if="isHead"
-          class="dpzvc3-modal-header"
-        >
-          <slot name="header">
-            <div class="dpzvc3-modal-header-inner ellipse-fir">
-              {{ title }}
-            </div>
-          </slot>
-        </div>
-
-        <!-- 内容 -->
-        <div class="dpzvc3-modal-body">
-          <slot name="body">
-            {{ body }}
-          </slot>
-        </div>
-
-        <!-- 底部 -->
-        <div
-          v-if="!footerHide"
-          class="dpzvc3-modal-footer"
-        >
-          <slot name="footer">
-            <VButton
-              v-if="cancleText"
-              type="primary"
-              @click="close"
-            >
-              {{ cancleText }}
-            </VButton>
-            <VButton
-              type="normal"
-              :loading="buttonLoading"
-              @click="ok"
-            >
-              {{ okText }}
-            </VButton>
-          </slot>
-        </div>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { ref, computed, watch, defineComponent } from 'vue'
-import VButton from '../button'
-
-export default defineComponent({
-  name: 'Dpzvc3Modal',
-  components: { VButton },
-  props: {
-    modelValue: { type: Boolean, default: false },
-    maskClosable: { type: Boolean, default: true },
-    title: String,
-    width: { type: String, default: '70%' },
-    okText: { type: String, default: '确定' },
-    cancleText: { type: String, default: '取消' },
-    loading: { type: Boolean, default: false },
-    styles: Object,
-    showHead: { type: Boolean, default: true },
-    footerHide: { type: Boolean, default: false },
-    body: String
-  },
-  setup (props, { emit }) {
-    const visible = ref(props.modelValue)
-    const isHead = ref(props.showHead)
-    const buttonLoading = ref(false)
-
-    const getWrapperStyle = computed(() => {
-      return Object.assign(
-        { width: props.width },
-        props.styles || {}
-      )
-    })
-
-    // watch props changes
-    watch(() => props.modelValue, (val) => { visible.value = val })
-    watch(() => props.showHead, (val) => { isHead.value = val })
-
-    // methods
-    const close = () => {
-      // visible.value = false
-      emit('update:modelValue', false)
-      emit('on-cancle')
-    }
-
-    const mask = () => {
-      if (props.maskClosable && !buttonLoading.value) {
-        close()
-      }
-    }
-
-    const ok = () => {
-      if (props.loading) {
-        buttonLoading.value = true
-      } else {
-        // visible.value = false
-        emit('update:modelValue', false)
-      }
-      emit('on-ok')
-    }
-
-    return {
-      visible,
-      isHead,
-      buttonLoading,
-      getWrapperStyle,
-      close,
-      mask,
-      ok
-    }
-  }
-})
-</script>

package/src/components/picker/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2025/11/19.
- */
-import Picker from './picker'
-export default Picker

package/src/components/picker/picker.vue

@@ -1,111 +0,0 @@
-<template>
-  <Popup
-    v-model="visible"
-    height="284px"
-    position="bottom"
-  >
-    <div :class="wrapperClass">
-      <div :class="contentClass">
-        <AreaPicker
-          v-if="type === 'AreaPicker'"
-          :styles="styles"
-          :value-separator="valueSeparator"
-          :address-value="addressValue"
-          @ok="onOk"
-          @fail="onFail"
-        />
-
-        <DatePicker
-          v-if="type === 'DatePicker'"
-          :year="year"
-          :month="month"
-          :day="day"
-          :value-separator="valueSeparator"
-          :date-value="dateValue"
-          @ok="onOk"
-          @fail="onFail"
-        />
-
-        <NormalPicker
-          v-if="type === 'NormalPicker'"
-          :list="list"
-          :init-arr="initArr"
-          @ok="onOk"
-          @fail="onFail"
-          @scroll="onNormalChange"
-        />
-      </div>
-    </div>
-  </Popup>
-</template>
-
-<script>
-import { defineComponent, ref, watch, computed, provide } from 'vue'
-import Popup from '../popup'
-import AreaPicker from './area-picker/area-picker.vue'
-import DatePicker from './date-picker/date-picker.vue'
-import NormalPicker from './normal-picker/normal-picker.vue'
-import areaProps from './area-picker/props'
-import dateProps from './date-picker/props'
-import normalProps from './normal-picker/props'
-
-const LIST = ['DatePicker', 'AreaPicker', 'NormalPicker']
-const prefixCls = 'dpzvc3-picker'
-
-export default defineComponent({
-  name: 'Dpzvc3Picker',
-  components: { Popup, AreaPicker, DatePicker, NormalPicker },
-  mixins: [areaProps, dateProps, normalProps],
-  props: {
-    type: {
-      type: String,
-      default: 'DatePicker',
-      validator: (val) => LIST.includes(val)
-    },
-    modelValue: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'sure', 'cancle', 'normal-change'],
-  setup (props, { emit }) {
-    const visible = ref(props.value)
-    watch(() => props.modelValue, (val) => {
-      visible.value = val
-    })
-
-    watch(visible, (val) => {
-      emit('update:value', val)
-    })
-    const wrapperClass = computed(() => [`${prefixCls}-wrapper`])
-    const contentClass = computed(() => [`${prefixCls}-content`])
-
-    const onOk = (val) => {
-      emit('update:modelValue', false)
-      emit('sure', val)
-    }
-
-    const onFail = () => {
-      emit('update:modelValue', false)
-      emit('cancle')
-    }
-
-    const onNormalChange = (val) => {
-      emit('normal-change', val)
-    }
-    provide('DpzVc3Picker', {
-      pickerOnOk: onOk,
-      pickeronFail: onFail,
-      pickerOnNormalChange: onNormalChange
-    })
-    return {
-      visible,
-      wrapperClass,
-      contentClass,
-      onOk,
-      onFail,
-      onNormalChange
-    }
-  }
-})
-</script>

package/src/components/popup/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2025/11/19.
- */
-import Popup from './popup'
-export default Popup

package/src/components/popup/popup.vue

@@ -1,91 +0,0 @@
-<template>
-  <div :class="classes">
-    <transition name="dpzvc3-ani-fade">
-      <div
-        v-if="mask && visible"
-        class="dpzvc3-popup-mask"
-        @click="close"
-        @touchmove.prevent
-      />
-    </transition>
-    <transition :name="'dpzvc3-ani-' + position">
-      <div
-        v-if="visible"
-        :class="popupClasses"
-        :style="contentStyle"
-      >
-        <slot />
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { ref, computed, watch, defineComponent } from 'vue'
-
-const prefixCls = 'dpzvc3-popup'
-
-export default defineComponent({
-  name: 'Dpzvc3Popup',
-  props: {
-    modelValue: { // Vue 3 v-model 默认绑定
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: 'bottom',
-      validator: (val) => ['top', 'bottom', 'center'].includes(val)
-    },
-    showMask: {
-      type: Boolean,
-      default: true
-    },
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    width: {
-      type: [Number, String],
-      default: '100%'
-    },
-    height: {
-      type: [Number, String]
-    },
-    styles: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup (props, { emit }) {
-    const visible = ref(props.modelValue)
-    const mask = ref(props.showMask)
-
-    // 同步 props -> 状态
-    watch(() => props.modelValue, (val) => { visible.value = val })
-    watch(visible, (val) => { emit('update:modelValue', val) })
-
-    watch(() => props.showMask, (val) => { mask.value = val })
-
-    const classes = computed(() => [prefixCls])
-    const popupClasses = computed(() => [`${prefixCls}-${props.position}`, `${prefixCls}-content`])
-    const contentStyle = computed(() => {
-      const heightValue = props.height != null ? props.height : (props.position === 'top' ? 'auto' : '100%')
-      return { ...props.styles, width: props.width, height: heightValue }
-    })
-
-    const close = () => {
-      if (props.maskClosable && mask.value) visible.value = false
-    }
-
-    return {
-      visible,
-      mask,
-      classes,
-      popupClasses,
-      contentStyle,
-      close
-    }
-  }
-})
-</script>

package/src/components/progress/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by yishide on 2025/09/26.
- */
-import Progress from './progress'
-export default Progress

package/src/components/progress/progress.vue

@@ -1,86 +0,0 @@
-<template>
-  <div
-    :class="classes"
-    :style="styles"
-  >
-    <slot name="left" />
-
-    <div :class="outerClass">
-      <div
-        :class="runawayClass"
-        :style="runawayStyle"
-      />
-      <div
-        :class="progressClass"
-        :style="progressStyle"
-      />
-    </div>
-
-    <slot name="right" />
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, watch } from 'vue'
-
-const prefixCls = 'dpzvc3-progress'
-
-export default defineComponent({
-  name: 'DpzVcProgress',
-
-  props: {
-    styles: {
-      type: Object,
-      default: () => ({})
-    },
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    },
-    barHeight: {
-      type: [String, Number],
-      default: 3
-    }
-  },
-
-  setup (props) {
-    /** 当前进度宽度 */
-    const width = ref(Number(props.modelValue) || 0)
-
-    /** 同步外部 value */
-    watch(
-      () => props.modelValue,
-      val => {
-        const num = Number(val) || 0
-        width.value = num >= 100 ? 100 : num
-      },
-      { immediate: true }
-    )
-
-    /** classes */
-    const classes = computed(() => [prefixCls])
-    const outerClass = computed(() => [`${prefixCls}-outer`])
-    const runawayClass = computed(() => [`${prefixCls}-runaway`])
-    const progressClass = computed(() => [`${prefixCls}-progress`])
-
-    /** styles */
-    const runawayStyle = computed(() => ({
-      height: `${props.barHeight}px`
-    }))
-
-    const progressStyle = computed(() => ({
-      height: `${props.barHeight}px`,
-      width: `${width.value}%`
-    }))
-
-    return {
-      classes,
-      outerClass,
-      runawayClass,
-      progressClass,
-      runawayStyle,
-      progressStyle
-    }
-  }
-})
-</script>

package/src/components/prompt/index.js

@@ -1,53 +0,0 @@
-/**
- * Created by admin on 2025/12/10.
- * Rewritten for Vue 3 (no createApp)
- */
-
-import Prompt from './confirm'
-
-let promptInstance = null
-
-function getPromptInstance () {
-  if (!promptInstance) {
-    promptInstance = Prompt.newInstance({
-      closable: true,
-      maskClosable: false,
-      footerHide: false
-    })
-  }
-  return promptInstance
-}
-
-/**
- * confirm 核心方法
- */
-function confirm (options = {}) {
-  const instance = getPromptInstance()
-
-  // 组件销毁回调
-  options.onRemove = () => {
-    promptInstance = null
-  }
-
-  instance.show(options)
-}
-
-/**
- * info 弹窗
- */
-Prompt.info = function (props = {}) {
-  props.showCancle = true
-  return confirm(props)
-}
-
-/**
- * 手动关闭
- */
-Prompt.remove = function () {
-  if (!promptInstance) return
-
-  const instance = getPromptInstance()
-  instance.remove()
-}
-
-export default Prompt

package/src/components/prompt/prompt.vue

@@ -1,125 +0,0 @@
-<template>
-  <Modal
-    v-model="visible"
-    :width="width"
-    :title="title"
-    :style="styles"
-    :mask-closable="maskClosable"
-  >
-    <template #header>
-      <div
-        class="dpzvc3-modal-header-inner ellipse-fir"
-        v-html="title"
-      />
-    </template>
-
-    <template #body>
-      <div class="dpzvc3-prompt-body-inner">
-        <div class="dpzvc3-prompt-content">
-          <span class="dpzvc3-prompt-spec">{{ spec }}</span>
-          <TextBar
-            v-model="texts"
-            type="text"
-            :placeholder="placeholder"
-          />
-          <div
-            v-if="message"
-            class="dpzvc3-prompt-error"
-            v-html="message"
-          />
-        </div>
-      </div>
-    </template>
-
-    <template #footer>
-      <VButton
-        :styles="{ background: '#ffffff', color: 'red' }"
-        @click="ok"
-      >
-        <template #button-inner>
-          {{ okText }}
-        </template>
-      </VButton>
-
-      <VButton
-        :styles="{ background: '#ffffff', color: '#ccc' }"
-        @click="cancle"
-      >
-        <template #button-inner>
-          {{ cancleText }}
-        </template>
-      </VButton>
-    </template>
-  </Modal>
-</template>
-
-<script>
-import { defineComponent, ref, watch } from 'vue'
-import Modal from '../modal/modal.vue'
-import TextBar from '../Text/textBar.vue'
-import VButton from '../button/button.vue'
-
-export default defineComponent({
-  name: 'Dpzvc3Prompt',
-  components: { Modal, TextBar, VButton },
-  props: {
-    value: { type: Boolean, default: false },
-    text: { type: String, default: '' },
-    closable: { type: Boolean, default: true },
-    maskClosable: { type: Boolean, default: true },
-    title: String,
-    width: { type: String, default: '220px' },
-    okText: { type: String, default: '确定' },
-    cancleText: { type: String, default: '取消' },
-    loading: { type: Boolean, default: false },
-    styles: Object,
-    spec: { type: String, default: '提示' },
-    validator: { type: [RegExp, Function], default: null },
-    msg: String,
-    placeholderText: String,
-    onOk: { type: Function, default: () => {} },
-    onCancle: { type: Function, default: () => {} }
-  },
-  emits: ['update:value', 'on-ok', 'on-cancle'],
-  setup (props, { emit }) {
-    // 子组件内部状态
-    const visible = ref(props.value)
-    const texts = ref(props.text)
-    const message = ref(props.msg || '')
-    const placeholder = ref(props.placeholderText)
-    const buttonLoading = ref(false)
-
-    // 同步父组件变化
-    watch(() => props.value, val => (visible.value = val))
-
-    watch(() => props.val, val => (texts.value = val))
-    watch(() => props.loading, val => (buttonLoading.value = val))
-
-    // 点击确定
-    function ok () {
-      let valid = true
-      if (props.validator) {
-        if (props.validator instanceof RegExp) valid = props.validator.test(texts.value)
-        else if (typeof props.validator === 'function') valid = props.validator(texts.value)
-      }
-      if (valid !== true) {
-        message.value = typeof valid === 'string' ? valid : ''
-        return
-      }
-
-      emit('update:value', false) // 通知父组件关闭弹窗
-      props.onOk?.(texts.value)
-      emit('on-ok', texts.value)
-    }
-
-    // 点击取消
-    function cancle () {
-      emit('update:value', false)
-      props.onCancle?.()
-      emit('on-cancle')
-    }
-
-    return { visible, texts, message, placeholder, buttonLoading, ok, cancle }
-  }
-})
-</script>

package/src/components/radioBox/index.js

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

package/src/components/rater/index.js

@@ -1,5 +0,0 @@
-/**
- * Created by admin on 2017/5/31.
- */
-import Rater from './rater'
-export default Rater