dpzvc3-ui 3.1.3 → 3.1.5

package/dist/types/components/actionSheet/types.d.ts

@@ -4,7 +4,7 @@ type ActionItem = {
 };
 export type ActionSheetProps = {
     modelValue?: boolean;
-    items?: ActionItem;
+    items?: ActionItem[];
     cancleText?: string;
 };
 export {};

package/dist/types/components/actionSheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/actionSheet/types.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/actionSheet/types.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/dist/types/index.d.ts

@@ -66,10 +66,10 @@ export type { ProgressProps } from './components/progress/types'
 export { default as DpLoadMore } from './components/loadMore'
 export type { LoadmoreProps } from './components/loadMore/types'
 
-export { default as CheckBox, default as CheckBoxGroup } from './components/checkBox'
+export { CheckBox, CheckBoxGroup } from './components/checkBox'
 export type { CheckBoxProps, CheckBoxGroupProps } from './components/checkBox/types'
 
-export { default as RadioBox, default as RadioBoxGroup } from './components/radioBox'
+export { RadioBox, RadioBoxGroup } from './components/radioBox'
 export type { RadioBoxProps, RadioGroupProps } from './components/radioBox/types'
 
 /* ----------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpzvc3-ui",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "description": "Vue3组件库",
   "main": "dist/dpzvc3.js",
   "module": "dist/dpzvc3.esm.js",

package/src/components/actionSheet/types.ts

@@ -5,6 +5,6 @@ type ActionItem = {
 
 export type ActionSheetProps = {
   modelValue?: boolean
-  items?: ActionItem
+  items?: ActionItem[]
   cancleText?: string
 }

package/src/index.d.ts

@@ -66,10 +66,10 @@ export type { ProgressProps } from './components/progress/types'
 export { default as DpLoadMore } from './components/loadMore'
 export type { LoadmoreProps } from './components/loadMore/types'
 
-export { default as CheckBox, default as CheckBoxGroup } from './components/checkBox'
+export { CheckBox, CheckBoxGroup } from './components/checkBox'
 export type { CheckBoxProps, CheckBoxGroupProps } from './components/checkBox/types'
 
-export { default as RadioBox, default as RadioBoxGroup } from './components/radioBox'
+export { RadioBox, RadioBoxGroup } from './components/radioBox'
 export type { RadioBoxProps, RadioGroupProps } from './components/radioBox/types'
 
 /* ----------------------------------

package/src/types/index.d.ts

@@ -1,127 +1,127 @@
-// src/types/index.d.ts
-
-/* ----------------------------------
- * 1️⃣ 按需导出组件 & props（给 TS import 用）
- * ---------------------------------- */
-export { default as Badge } from '../components/badge'
-export type { BadgeProps } from '../components/badge/types'
-
-export { default as Popup } from '../components/popup'
-export type { PopupProps } from '../components/popup/types'
-export { default as ActionSheet } from '../components/actionSheet'
-export type { ActionSheetProps } from '../components/actionSheet/types'
-
-export { default as Card } from '../components/card'
-export type { CardProps } from '../components/card/types'
-
-export { default as Rater } from '../components/rater'
-export type { RaterProps } from '../components/rater/types'
-
-export { default as Cell } from '../components/cell'
-export type { CellProps } from '../components/cell/types'
-
-export { default as CellSwipe } from '../components/cellSwipe'
-export type { CellSwipeProps } from '../components/cellSwipe/types'
-export { default as DpHeader } from '../components/header'
-export type { HeaderProps } from '../components/header/types'
-
-export { default as Spinner } from '../components/spinner'
-export type { SpinnerProps } from '../components/spinner/types'
-
-export { default as Swipe } from '../components/swipe'
-export type { SwipeProps } from '../components/swipe/types'
-
-export { default as DpButton } from '../components/button'
-export type { ButtonProps } from '../components/button/types'
-
-export { default as Picker } from '../components/picker'
-export type { PickerProps } from '../components/picker/types'
-export { default as SwitchBar } from '../components/switchbar'
-export type { SwitchBarProps } from '../components/switchbar/types'
-
-export { default as Tab } from '../components/tab'
-export type { TabProps } from '../components/tab/types'
-
-export { default as TextBar } from '../components/Text'
-export type { TextBarProps } from '../components/Text/types'
-
-export { default as Number } from '../components/number'
-export type { NumberProps } from '../components/number/types'
-
-export { default as ToTop } from '../components/toTop'
-export type { ToTopProps } from '../components/toTop/types'
-export { default as Upload } from '../components/upload'
-export type { UploadProps } from '../components/upload/types'
-
-export { default as SlideBar } from '../components/slideBar'
-export type { SlideBarProps } from '../components/slideBar/types'
-
-export { default as DpProgress } from '../components/progress'
-export type { ProgressProps } from '../components/progress/types'
-
-export { default as DpLoadMore } from '../components/loadMore'
-export type { LoadmoreProps } from '../components/loadMore/types'
-
-export { default as CheckBox, default as CheckBoxGroup } from '../components/checkBox'
-export type { CheckBoxProps, CheckBoxGroupProps } from '../components/checkBox/types'
-
-export { default as RadioBox, default as RadioBoxGroup } from '../components/radioBox'
-export type { RadioBoxProps, RadioGroupProps } from '../components/radioBox/types'
-
-/* ----------------------------------
- * 2️⃣ 全局组件声明（给 <template> 用）
- * ---------------------------------- */
-import type { App } from 'vue'
-import type { ModalInstance } from '../components/modal/types'
-import type { MessageInstance } from '../components/message/types'
-import type { IndicatorInstance } from '../components/Indicator/types'
-import type { PromptInstance } from '../components/prompt/types'
-
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $Modal: ModalInstance
-    $Message: MessageInstance
-    $Indicator: IndicatorInstance
-    $Prompt: PromptInstance
-  }
-
-  export interface GlobalComponents {
-    Badge: typeof import('../components/badge')['default']
-    Popup: typeof import('../components/popup')['default']
-    ActionSheet: typeof import('../components/actionSheet')['default']
-    Card: typeof import('../components/card')['default']
-    Rater: typeof import('../components/rater')['default']
-    Cell: typeof import('../components/cell')['default']
-    CellSwipe: typeof import('../components/cellSwipe')['default']
-    DpHeader: typeof import('../components/header')['default']
-    Spinner: typeof import('../components/spinner')['default']
-    Swipe: typeof import('../components/swipe')['default']
-    DpButton: typeof import('../components/button')['default']
-    Picker: typeof import('../components/picker')['default']
-    SwitchBar: typeof import('../components/switchbar')['default']
-    Tab: typeof import('../components/tab')['default']
-    TextBar: typeof import('../components/Text')['default']
-    Number: typeof import('../components/number')['default']
-    ToTop: typeof import('../components/toTop')['default']
-    Upload: typeof import('../components/upload')['default']
-    SlideBar: typeof import('../components/slideBar')['default']
-    DpProgress: typeof import('../components/progress')['default']
-    DpLoadMore: typeof import('../components/loadMore')['default']
-    CheckBox: typeof import('../components/checkBox')['CheckBox']
-    CheckBoxGroup: typeof import('../components/checkBox')['CheckBoxGroup']
-    RadioBox: typeof import('../components/radioBox')['RadioBox']
-    RadioBoxGroup: typeof import('../components/radioBox')['RadioBoxGroup']
-  }
-}
-
-/* ----------------------------------
- * 3️⃣ 默认导出整个组件库为 Vue 插件
- * ---------------------------------- */
-import type { Plugin } from 'vue'
-export const Dpzvc3UI: Plugin
-export default Dpzvc3UI
-
-/* ----------------------------------
- * 4️⃣ 保证这是 module
- * ---------------------------------- */
-export {}
+// // src/types/index.d.ts
+
+// /* ----------------------------------
+//  * 1️⃣ 按需导出组件 & props（给 TS import 用）
+//  * ---------------------------------- */
+// export { default as Badge } from '../components/badge'
+// export type { BadgeProps } from '../components/badge/types'
+
+// export { default as Popup } from '../components/popup'
+// export type { PopupProps } from '../components/popup/types'
+// export { default as ActionSheet } from '../components/actionSheet'
+// export type { ActionSheetProps } from '../components/actionSheet/types'
+
+// export { default as Card } from '../components/card'
+// export type { CardProps } from '../components/card/types'
+
+// export { default as Rater } from '../components/rater'
+// export type { RaterProps } from '../components/rater/types'
+
+// export { default as Cell } from '../components/cell'
+// export type { CellProps } from '../components/cell/types'
+
+// export { default as CellSwipe } from '../components/cellSwipe'
+// export type { CellSwipeProps } from '../components/cellSwipe/types'
+// export { default as DpHeader } from '../components/header'
+// export type { HeaderProps } from '../components/header/types'
+
+// export { default as Spinner } from '../components/spinner'
+// export type { SpinnerProps } from '../components/spinner/types'
+
+// export { default as Swipe } from '../components/swipe'
+// export type { SwipeProps } from '../components/swipe/types'
+
+// export { default as DpButton } from '../components/button'
+// export type { ButtonProps } from '../components/button/types'
+
+// export { default as Picker } from '../components/picker'
+// export type { PickerProps } from '../components/picker/types'
+// export { default as SwitchBar } from '../components/switchbar'
+// export type { SwitchBarProps } from '../components/switchbar/types'
+
+// export { default as Tab } from '../components/tab'
+// export type { TabProps } from '../components/tab/types'
+
+// export { default as TextBar } from '../components/Text'
+// export type { TextBarProps } from '../components/Text/types'
+
+// export { default as Number } from '../components/number'
+// export type { NumberProps } from '../components/number/types'
+
+// export { default as ToTop } from '../components/toTop'
+// export type { ToTopProps } from '../components/toTop/types'
+// export { default as Upload } from '../components/upload'
+// export type { UploadProps } from '../components/upload/types'
+
+// export { default as SlideBar } from '../components/slideBar'
+// export type { SlideBarProps } from '../components/slideBar/types'
+
+// export { default as DpProgress } from '../components/progress'
+// export type { ProgressProps } from '../components/progress/types'
+
+// export { default as DpLoadMore } from '../components/loadMore'
+// export type { LoadmoreProps } from '../components/loadMore/types'
+
+// export { CheckBox, CheckBoxGroup } from '../components/checkBox'
+// export type { CheckBoxProps, CheckBoxGroupProps } from '../components/checkBox/types'
+
+// export { RadioBox, RadioBoxGroup } from '../components/radioBox'
+// export type { RadioBoxProps, RadioGroupProps } from '../components/radioBox/types'
+
+// /* ----------------------------------
+//  * 2️⃣ 全局组件声明（给 <template> 用）
+//  * ---------------------------------- */
+// import type { App } from 'vue'
+// import type { ModalInstance } from '../components/modal/types'
+// import type { MessageInstance } from '../components/message/types'
+// import type { IndicatorInstance } from '../components/Indicator/types'
+// import type { PromptInstance } from '../components/prompt/types'
+
+// declare module 'vue' {
+//   interface ComponentCustomProperties {
+//     $Modal: ModalInstance
+//     $Message: MessageInstance
+//     $Indicator: IndicatorInstance
+//     $Prompt: PromptInstance
+//   }
+
+//   export interface GlobalComponents {
+//     Badge: typeof import('../components/badge')['default']
+//     Popup: typeof import('../components/popup')['default']
+//     ActionSheet: typeof import('../components/actionSheet')['default']
+//     Card: typeof import('../components/card')['default']
+//     Rater: typeof import('../components/rater')['default']
+//     Cell: typeof import('../components/cell')['default']
+//     CellSwipe: typeof import('../components/cellSwipe')['default']
+//     DpHeader: typeof import('../components/header')['default']
+//     Spinner: typeof import('../components/spinner')['default']
+//     Swipe: typeof import('../components/swipe')['default']
+//     DpButton: typeof import('../components/button')['default']
+//     Picker: typeof import('../components/picker')['default']
+//     SwitchBar: typeof import('../components/switchbar')['default']
+//     Tab: typeof import('../components/tab')['default']
+//     TextBar: typeof import('../components/Text')['default']
+//     Number: typeof import('../components/number')['default']
+//     ToTop: typeof import('../components/toTop')['default']
+//     Upload: typeof import('../components/upload')['default']
+//     SlideBar: typeof import('../components/slideBar')['default']
+//     DpProgress: typeof import('../components/progress')['default']
+//     DpLoadMore: typeof import('../components/loadMore')['default']
+//     CheckBox: typeof import('../components/checkBox')['CheckBox']
+//     CheckBoxGroup: typeof import('../components/checkBox')['CheckBoxGroup']
+//     RadioBox: typeof import('../components/radioBox')['RadioBox']
+//     RadioBoxGroup: typeof import('../components/radioBox')['RadioBoxGroup']
+//   }
+// }
+
+// /* ----------------------------------
+//  * 3️⃣ 默认导出整个组件库为 Vue 插件
+//  * ---------------------------------- */
+// import type { Plugin } from 'vue'
+// export const Dpzvc3UI: Plugin
+// export default Dpzvc3UI
+
+// /* ----------------------------------
+//  * 4️⃣ 保证这是 module
+//  * ---------------------------------- */
+// export {}

package/src/views/ActionSheet.vue

@@ -14,11 +14,11 @@
 <script lang="ts">
 import { ref, defineComponent } from 'vue'
 // import VButton from '@/components/button'
-// import ActionSheet from '@/components/actionSheet'
+import ActionSheet from '@/components/actionSheet'
 
 export default defineComponent({
   name: 'ViewActionSheet',
-  // components: { ActionSheet },
+  components: { ActionSheet },
   setup () {
     // 响应式状态
     const visible = ref(false)

package/src/views/CheckBox.vue

@@ -38,11 +38,11 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue'
-// import { CheckBox, CheckBoxGroup } from '../components/checkBox'
+import { CheckBox, CheckBoxGroup } from '../components/checkBox'
 import type { CheckBoxProps, CheckBoxGroupProps } from '../components/checkBox/types'
 export default defineComponent({
   name: 'ViewCheckBox',
-  // components: { CheckBox, CheckBoxGroup },
+  components: { CheckBox, CheckBoxGroup },
   setup () {
     const data = ref<CheckBoxGroupProps['modelValue']>(['中国'])
     const checked = ref<CheckBoxProps['modelValue']>(false)

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/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>