dpzvc3-ui 3.1.4 → 3.1.6

package/src/components/prompt/types.ts

@@ -1,45 +0,0 @@
-// src/components/Prompt/types.ts
-import type { CSSProperties } from 'vue'
-type PromptValidator =
-  | RegExp
-  | ((val: string) => boolean | string)
-
-export interface PromptProps {
-  value?: boolean
-  text?: string
-  closable?: boolean
-  maskClosable?: boolean
-  title?: string
-  width?: string
-  okText?: string
-  cancleText?: string
-  loading?: boolean
-  styles?: CSSProperties
-  spec?: string
-  validator?: PromptValidator | null
-  msg?: string
-  placeholderText?: string
-  onOk?: (val: string) => void
-  onCancle?: () => void
-}
-
-export type MergePromptOptions<T = PromptProps> = {
-    [K in keyof T]: T[K]
-} & {
-    onRemove?: () => void
-  showCancle?: boolean,
-    message?: string
-}
-
-
-// Prompt实例
-export type PromptInstance = {
-  remove: () => void,
-  info: (props: MergePromptOptions) => any
-}
-//开启
-export type DefaultPromptProps = {
-    show: (options: MergePromptOptions) => any,
-    remove: () => void,
-    // component: ComponentPublicInstance
-} | null

package/src/components/radioBox/index.ts

@@ -1,34 +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
-import type { App } from 'vue'
-import RadioBox from './radiobox'
-import RadioBoxGroup from './radiobox-group'
-
-RadioBox.install = (app: App): void => {
-    app.component('RadioBox', RadioBox); // 注册全局组件
-}
-type IWithInstall<T> = T & { install(app: App): void };
-const _RadioBox = RadioBox as IWithInstall<typeof RadioBox>;
-
-
-
-RadioBoxGroup.install = (app: App): void => {
-    app.component('RadioBoxGroup', RadioBoxGroup); // 注册全局组件
-}
-const _RadioBoxGroup = RadioBoxGroup as IWithInstall<typeof RadioBoxGroup>;
-
-export {
-    _RadioBox as RadioBox,
-    _RadioBoxGroup as RadioBoxGroup
-}
-// export {
-//     RadioBox,
-//     RadioBoxGroup
-// }
-export type { RadioBoxProps, RadioGroupProps } from './types'    

package/src/components/radioBox/radiobox-group.tsx

@@ -1,66 +0,0 @@
-// src/components/radio-group/RadioGroup.tsx
-import {
-  defineComponent,
-  computed,
-  watch,
-  provide,
-  ref,
-  PropType
-} from 'vue'
-import type { RadioGroupProps, RadioGroupProvide } from './types'
-export type { RadioGroupProps }
-
-const prefixCls = 'dpzvc3-radioBoxGroup'
-
-export default defineComponent({
-  name: 'DpzVcRadioGroup',
-
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean] as PropType<RadioGroupProps['modelValue']>,
-      default: ''
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  emits: ['update:modelValue', 'on-change', 'on-form-change'],
-
-  setup(props, { emit, slots }) {
-    const currentValue = ref<RadioGroupProps['modelValue']>(props.modelValue) as RadioGroupProvide['currentValue']
-
-    /** 提供给 Radio 子组件 */
-    const change = (val: RadioGroupProps['modelValue']) => {
-      currentValue.value = val!
-      emit('update:modelValue', val)
-      emit('on-change', val)
-      emit('on-form-change', val)
-    }
-
-    provide<RadioGroupProvide>('radioBoxGroup', {
-      currentValue,
-      change
-    })
-
-    /** 监听外部 v-model */
-    watch(
-      () => props.modelValue,
-      val => {
-        currentValue.value = val
-      }
-    )
-
-    const classes = computed(() => [
-      prefixCls,
-      { [`${prefixCls}-vertical`]: props.vertical }
-    ])
-
-    return () => (
-      <div class={classes.value}>
-        {slots.default?.()}
-      </div>
-    )
-  }
-})

package/src/components/radioBox/radiobox-group1.vue

@@ -1,66 +0,0 @@
-<template>
-  <div :class="classes">
-    <slot />
-  </div>
-</template>
-
-<script>
-import { defineComponent, computed, watch, provide, ref } from 'vue'
-
-const prefixCls = 'dpzvc3-radioBoxGroup'
-
-export default defineComponent({
-  name: 'RadioBoxGroup',
-  props: {
-    modelValue: {
-      type: [String, Boolean, Number],
-      default: ''
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'on-change', 'on-form-change'],
-  setup (props, { emit }) {
-    const currentValue = ref(props.modelValue)
-
-    // 提供给子组件
-    provide('radioBoxGroup', {
-      currentValue,
-      change: (val) => {
-        currentValue.value = val
-        emit('update:modelValue', val)
-        emit('on-change', val)
-        emit('on-form-change', val)
-      }
-    })
-
-    // 监听外部 v-model 改变
-    watch(
-      () => props.modelValue,
-      (val) => {
-        currentValue.value = val
-      }
-    )
-
-    const classes = computed(() => [
-      prefixCls,
-      { [`${prefixCls}-vertical`]: props.vertical }
-    ])
-
-    return {
-      classes,
-      currentValue
-    }
-  }
-})
-</script>
-
-<style scoped>
-.dpzvc3-radioBoxGroup-vertical {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-}
-</style>

package/src/components/radioBox/radiobox.tsx

@@ -1,115 +0,0 @@
-// src/components/RadioBox/RadioBox.tsx
-import {
-  defineComponent,
-  inject,
-  computed,
-  ref,
-  onMounted
-} from 'vue'
-import type { PropType } from 'vue'
-import type {
-  RadioBoxProps,
-  RadioGroupProvide,
-} from './types'
-export type { RadioBoxProps }
-const prefixCls = 'dpzvc3-radiobox'
-const radioGroupKey = 'radioBoxGroup'
-
-export default defineComponent({
-  name: 'RadioBox',
-
-  props: {
-    label: {
-      type: [String, Number] as PropType<RadioBoxProps['label']>,
-      required: true
-    },
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    disable: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  emits: ['update:modelValue', 'on-change'],
-
-  setup (props, { emit, slots }) {
-    const slotEl = ref<HTMLElement | null>(null)
-    const show = ref(true)
-
-    /** 注入 RadioGroup（可选） */
-    const group = inject<RadioGroupProvide | null>(
-      radioGroupKey,
-      null
-    )
-
-    /** 是否选中 */
-    const isChecked = computed<boolean>(() => {
-      if (group) {
-        return group.currentValue.value === props.label
-      }
-      return !!props.modelValue
-    })
-
-    /** classes */
-    const classes = computed(() => [prefixCls])
-
-    const wrapperClasses = computed(() => [
-      `${prefixCls}-wrapper`,
-      {
-        [`${prefixCls}-checked`]: isChecked.value,
-        [`${prefixCls}-disable`]: props.disable
-      }
-    ])
-
-    const innerClasses = computed(() => [`${prefixCls}-inner`])
-    const inputClass = computed(() => [`${prefixCls}-input`])
-
-    /** change */
-    const handleChange = (e: Event) => {
-      if (props.disable) return
-
-      const checked = (e.target as HTMLInputElement).checked
-
-      if (group) {
-        group.change(props.label)
-      } else {
-        emit('update:modelValue', checked)
-        emit('on-change', checked)
-      }
-    }
-
-    /** 判断 slot 是否为空 */
-    onMounted(() => {
-      if (!group) {
-        if (slotEl.value && !slotEl.value.innerHTML) {
-          show.value = false
-        }
-      }
-    })
-
-    return () => (
-      <label class={classes.value}>
-        <span class={wrapperClasses.value}>
-          <span class={innerClasses.value}>
-            <input
-              type="radio"
-              disabled={props.disable}
-              checked={isChecked.value}
-              class={inputClass.value}
-              onChange={handleChange}
-            />
-          </span>
-        </span>
-
-        {show.value && (
-          slots.default
-            ? slots.default()
-            : <span ref={slotEl}>{props.label}</span>
-        )}
-      </label>
-    )
-  }
-})

package/src/components/radioBox/radiobox1.vue

@@ -1,89 +0,0 @@
-<template>
-  <label :class="classes">
-    <span :class="wrapperClasses">
-      <span :class="innerClasses">
-        <input
-          type="radio"
-          :disabled="disable"
-          :checked="isChecked"
-          :class="inputClass"
-          @change="handleChange"
-        >
-      </span>
-    </span>
-    <slot v-if="show"><span ref="slotEl">{{ label }}</span></slot>
-  </label>
-</template>
-
-<script>
-import { defineComponent, inject, computed, ref, onMounted } from 'vue'
-
-const prefixCls = 'dpzvc3-radiobox'
-
-export default defineComponent({
-  name: 'RadioBox',
-  props: {
-    label: { type: [String, Number], required: true },
-    modelValue: { type: Boolean, default: false },
-    disable: { type: Boolean, default: false }
-  },
-  emits: ['update:modelValue', 'on-change'],
-  setup (props, { emit }) {
-    const slotEl = ref(null)
-    const show = ref(true)
-    const group = inject('radioBoxGroup', null) // 如果有group则为对象，没有则为null
-
-    const isChecked = computed(() => {
-      if (group) {
-        return group.currentValue.value === props.label
-      } else {
-        return props.modelValue
-      }
-    })
-
-    const classes = computed(() => [prefixCls])
-    const wrapperClasses = computed(() => [
-      `${prefixCls}-wrapper`,
-      {
-        [`${prefixCls}-checked`]: isChecked.value,
-        [`${prefixCls}-disable`]: props.disable
-      }
-    ])
-    const innerClasses = computed(() => [`${prefixCls}-inner`])
-    const inputClass = computed(() => [`${prefixCls}-input`])
-
-    function handleChange (e) {
-      if (props.disable) return
-      const checked = e.target.checked
-
-      if (group) {
-        group.change(props.label)
-      } else {
-        // console.log(checked, 'ddadda')
-        emit('update:modelValue', checked)
-        emit('on-change', checked)
-      }
-    }
-
-    onMounted(() => {
-      if (!group) {
-        // 判断是否有 slot 内容
-        if (slotEl.value && !slotEl.value.innerHTML) {
-          show.value = false
-        }
-      }
-    })
-
-    return {
-      classes,
-      wrapperClasses,
-      innerClasses,
-      inputClass,
-      isChecked,
-      handleChange,
-      show,
-      slotEl
-    }
-  }
-})
-</script>

package/src/components/radioBox/types.ts

@@ -1,24 +0,0 @@
-// src/components/radio-group/types.ts
-import type { Ref } from 'vue'
-
-type RadioValue = string | number | boolean
-
-export interface RadioGroupProps {
-  modelValue?: RadioValue
-  vertical?: boolean
-}
-
-export interface RadioGroupProvide {
-  currentValue: Ref<RadioValue>
-  change: (val: RadioValue) => void
-}
-
-
-type RadioBoxValue = string | number
-
-
-export interface RadioBoxProps {
-    label: RadioBoxValue
-    modelValue?: boolean
-    disable?: boolean
-}

package/src/components/rater/index.ts

@@ -1,12 +0,0 @@
-/**
- * Created by admin on 2025/10/31.
- */
-import type { App } from 'vue'
-import Rater from './raters'
-Rater.install = (app: App): void => {
-    app.component('Rater', Rater); // 注册全局组件
-}
-type IWithInstall<T> = T & { install(app: App): void };
-const _Rater=Rater as IWithInstall<typeof Rater>;
-export default _Rater
-export type { RaterProps } from './types'

package/src/components/rater/rater.d.ts

@@ -1,16 +0,0 @@
-// src/components/badge/badge.d.ts
-
-import type { App } from 'vue'
-import type { RaterProps } from './types'  // 引入同级 types.ts 中的 BadgeProps
-
-/** Badge 组件实例类型，带 install 方法 */
-declare const Rater: {
-  /** Vue 组件本身 */
-  new (): any
-  /** props 类型引用 */
-  __props?: RaterProps
-  /** install 方法，用于全量注册 */
-  install(app: App): void
-}
-
-export default ActionSheet

package/src/components/rater/raters.tsx

@@ -1,101 +0,0 @@
-// src/components/rater/rater.tsx
-// src/components/rater/rater.tsx
-
-
-import { defineComponent, ref, watch, computed, PropType } from 'vue'
-import type { RaterProps } from './types'
-export type { RaterProps } 
-const prefixCls = 'dpzvc3-rater'
-
-export default defineComponent({
-  name: 'Dpzvc3Rater',
-
-  props: {
-    modelValue: { type: Number as PropType<number>, default: -1 },
-    distance: { type: Number as PropType<number>, default: 10 },
-    max: { type: Number as PropType<number>, default: 5 },
-    size: { type: Number as PropType<number>, default: 18 },
-    star: { type: String as PropType<string>, default: '★' },
-    defaultColor: { type: String as PropType<string>, default: '#ccc' },
-    activeColor: { type: String as PropType<string>, default: '#f5a623' },
-    disabled: { type: Boolean as PropType<boolean>, default: false }
-  },
-
-  emits: ['update:modelValue'],
-
-  setup(props, { emit }) {
-    const currentValue = ref(props.modelValue)
-
-    watch(() => props.modelValue, v => {
-      currentValue.value = v
-    })
-
-    const classes = computed(() => [prefixCls])
-    const starClass = `${prefixCls}-star`
-
-    /** ⭐️ 关键：提前算好 stars 数组 */
-    const stars = computed(() => {
-      return Array.from({ length: props.max }).map((_, index) => {
-        const baseStyle: Record<string, string> = {
-          fontSize: `${props.size}px`,
-          marginRight: index + 1 < props.max ? `${props.distance}px` : '0px',
-          color: props.defaultColor
-        }
-
-        const activeStyle: Record<string, string> = {
-          fontSize: `${props.size}px`,
-          marginRight: baseStyle.marginRight
-        }
-
-        const [int, decimal] = String(currentValue.value).split('.')
-
-        if (index + 1 <= Number(int)) {
-          activeStyle.color = props.activeColor
-        }
-
-        if (
-          decimal &&
-          Number(decimal) >= 5 &&
-          index + 1 === Number(int) + 1
-        ) {
-          activeStyle.width = '50%'
-          activeStyle.color = props.activeColor
-        }
-
-        return {
-          index,
-          baseStyle,
-          activeStyle
-        }
-      })
-    })
-
-    const onClickStar = (index: number) => {
-      if (props.disabled) return
-      const value = index + 1
-      currentValue.value = value
-      emit('update:modelValue', value)
-    }
-
-    /** ✅ render 里只“消费数据”，不计算 */
-    return () => (
-      <div class={classes.value}>
-        {stars.value.map(item => (
-          <span
-            key={item.index}
-            class={starClass}
-            style={item.baseStyle}
-          >
-            {props.star}
-            <span
-              style={item.activeStyle}
-              onClick={() => onClickStar(item.index)}
-            >
-              {props.star}
-            </span>
-          </span>
-        ))}
-      </div>
-    )
-  }
-})

package/src/components/rater/types.ts

@@ -1,10 +0,0 @@
-export type RaterProps = {
-  modelValue?: number
-  distance?: number
-  max?: number
-  size?: number
-  star?: string
-  defaultColor?: string
-  activeColor?: string
-  disabled?: boolean
-}

package/src/components/slideBar/index.ts

@@ -1,13 +0,0 @@
-/**
- * Created by admin on 2017/4/21.
- */
-import type { App } from 'vue'
-import SlideBar from './slideBar'
-SlideBar.install = (app: App): void => {
-    app.component('SlideBar', SlideBar); // 注册全局组件
-}
-type IWithInstall<T> = T & { install(app: App): void };
-const _SlideBar=SlideBar as IWithInstall<typeof SlideBar>;
-export default _SlideBar
-// export default SlideBar
-export type { SlideBarProps } from './types'