dpzvc3-ui 3.1.4 → 3.1.6

package/src/views/RadioBox.vue

@@ -1,70 +0,0 @@
-<template>
-  <div class="RadioBox">
-    <p>Radio组合</p>
-    <div class="item">
-      <RadioBoxGroup v-model="radio">
-        <RadioBox label="中国" />
-        <RadioBox label="美国" />
-        <RadioBox label="日本" />
-      </RadioBoxGroup>
-    </div>
-    <div class="item">
-      value: {{ radio }}
-    </div>
-
-    <p>单个Radio</p>
-    <RadioBox
-      v-model="checked"
-      label="苹果"
-    />
-    <div class="item">
-      checked: {{ checked }}
-    </div>
-
-    <p>禁用的Radio</p>
-    <div class="item">
-      <RadioBox
-        label="玩具"
-        :disable="true"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-import type { RadioBoxProps, RadioGroupProps } from '../components/radioBox/types'
-// import { RadioBox, RadioBoxGroup } from '../components/radioBox'
-export default defineComponent({
-  name: 'ViewRadioBox',
-  // components: { RadioBox, RadioBoxGroup },
-  setup () {
-    const checked = ref<RadioBoxProps['modelValue']>(false)
-    const radio = ref<RadioGroupProps['modelValue']>('')
-
-    return {
-      checked,
-      radio
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.RadioBox {
-  padding-top: 100px;
-
-  p {
-    width: 100%;
-    font-weight: bold;
-    font-size: 16px;
-    margin: 20px 0;
-  }
-
-  .item {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
-}
-</style>

package/src/views/Rater.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="Rater">
-    <p>可点击评分</p>
-    <Rater
-      v-model="rate"
-      :max="5"
-    />
-    <span>{{ rate }}</span>
-
-    <p>不可点击评分</p>
-    <Rater
-      v-model="disabledRate"
-      :disabled="true"
-    />
-    <span>{{ disabledRate }}</span>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import Rater from '../components/rater/'
-export default defineComponent({
-  name: 'ViewRater',
-  // components: { Rater },
-  setup () {
-    const rate = ref(0)
-    const disabledRate = ref(4.5)
-
-    return {
-      rate,
-      disabledRate
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.Rater {
-  width: 100%;
-  padding-top: 50px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  p {
-    text-indent: 10px;
-    font-weight: bold;
-    font-size: 14px;
-    margin: 10px 0;
-  }
-}
-</style>

package/src/views/SlideBar.vue

@@ -1,62 +0,0 @@
-<template>
-  <div class="SlideBar">
-    <Slide-bar
-      :list="items"
-      :flex="false"
-      :index="index"
-      height="100%"
-      scroll-height="50px"
-      :is-fixed-header="true"
-      @on-change="changeIndex"
-    >
-      <!-- 具名插槽语法 Vue3 -->
-      <template #slot-item-0>
-        <div style="height:100%; flex: 1; background:red; overflow: scroll;">
-          <div style="height: 40px; width: 100%; background-color: blue;" />
-          <div style="height: 40px; width: 100%; background-color: blue;" />
-          <div style="height: 40px; width: 100%; background-color: blue;" />
-          <div style="height: 40px; width: 100%; background-color: blue;" />
-          <div style="height: 40px; width: 100%; background-color: blue;" />
-        </div>
-      </template>
-
-      <template #slot-item-1>
-        <div style="height:200px; flex:1; background:yellow;" />
-      </template>
-
-      <template #slot-item-2>
-        <div style="height:200px; flex:1; background:black;" />
-      </template>
-    </Slide-bar>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-import type { SlideBarProps } from '@/components/slideBar/types'
-// import SlideBar from '@/components/slideBar'
-export default defineComponent({
-  name: 'ViewSlideBar',
-  components: {
-    // SlideBar
-  },
-  setup () {
-    const items = ref<SlideBarProps['list']>([
-      { name: '选项一' },
-      { name: '选项二' },
-      { name: '选项三' }
-    ])
-    const index = ref<SlideBarProps['index']>(1)
-    const changeIndex = (index: number) => {
-      console.log(index)
-    }
-    return { items, index, changeIndex }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.SlideBar {
-  width: 100%;
-}
-</style>

package/src/views/Spinner.vue

@@ -1,27 +0,0 @@
-<template>
-  <div class="Spinner">
-    <Spinner
-      :type="type"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import Spinner from '../components/spinner'
-import type { SpinnerProps } from '../components/spinner'
-export default defineComponent({
-  name: 'ViewSpinner',
-  // components: { Spinner },
-  setup () {
-    const type = ref<SpinnerProps['type']>('double-bounce')
-    return {
-      type
-    }
-  }
-})
-</script>
-
-<style scoped>
-
-</style>

package/src/views/Swipe.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="swipe">
-    <Swipe
-      :multiple="false"
-      :list="files"
-    >
-      <template #default="props">
-        <img
-          :src="props.item.image"
-          :alt="props.item.name"
-        >
-      </template>
-    </Swipe>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import Swipe from '../components/swipe'
-import type { SwipeProps } from '../components/swipe'
-export default defineComponent({
-  name: 'ViewSwipe',
-  // components: { Swipe },
-  setup () {
-    const files = ref<SwipeProps['list']>([
-      {
-        id: 521,
-        ad_id: 10,
-        name: '玩转大数据分析！Spark2.X+Python 精华实战课程',
-        image: 'https://www.189.cn/upfiles/189v2/jt/images/2024/0/ce687527-56e0-4c0f-89f7-2688a45441ea.jpg',
-        link: 'https://edu.hellobi.com/course/222'
-      },
-      {
-        id: 506,
-        ad_id: 10,
-        name: '数据分析报告制作秘籍升级版',
-        image: 'https://www.189.cn/upfiles/189v2/jt/images/2020/9/5436bb73-fdd8-414e-9e15-32fae4996e37.jpg',
-        link: 'https://edu.hellobi.com/course/132'
-      },
-      {
-        id: 504,
-        ad_id: 10,
-        name: '独一无二的数据仓库建模指引系列教程升级版（连载中）',
-        image: 'https://www.189.cn/upfiles/189v2/jt/images/2019/9/0223427c-7e00-4521-91f7-56dce455766b.jpg',
-        link: 'https://edu.hellobi.com/course/102'
-      }
-    ])
-
-    return { files }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.swipe {
-  // padding-top: 100px;
-  width: 100%;
-}
-</style>

package/src/views/SwitchBar.vue

@@ -1,49 +0,0 @@
-<template>
-  <div class="SwitchBar">
-    <SwitchBar
-      v-model="checkLarge"
-      size="large"
-    />
-    <span>large</span>
-    <SwitchBar
-      v-model="checkSmall"
-      size="small"
-    />
-    <span>small</span>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import SwitchBar from '../components/switchbar'
-import type { SwitchBarProps } from '../components/switchbar/types'
-export default defineComponent({
-  name: 'ViewSwitchBar',
-  // components: { SwitchBar },
-  setup () {
-    const checkLarge = ref<SwitchBarProps['modelValue']>(false)
-    const checkSmall = ref<SwitchBarProps['modelValue']>(false)
-
-    return {
-      checkLarge,
-      checkSmall
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.SwitchBar {
-  padding-top: 100px;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  height: 100%;
-
-  span {
-    font-weight: bold;
-    font-size: 14px;
-    // align-self: flex-start;
-  }
-}
-</style>

package/src/views/Tab.vue

@@ -1,55 +0,0 @@
-<template>
-  <div class="Tab">
-    <Tab
-      :items="items"
-      :index="index"
-      :border="hasBorder"
-      :styles="styles"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import Tab from '../components/tab'
-import type { TabProps } from '../components/tab/types'
-export default defineComponent({
-  name: 'ViewTab',
-  // components: { Tab },
-  setup () {
-    const items = ref<TabProps['items']>([
-      {
-        path: '/guide',
-        name: '首页',
-        iconCur: '<span class="iconfont icon-shangcheng"></span>',
-        icon: '<span class="iconfont icon-shangcheng"></span>'
-      },
-      {
-        path: '/guide',
-        name: '首页',
-        iconCur: '<span class="iconfont icon-shangcheng"></span>',
-        icon: '<span class="iconfont icon-shangcheng"></span>'
-      }
-    ])
-
-    const index = ref<TabProps['index']>(0)
-    const hasBorder = ref<TabProps['border']>(true)
-    const styles = ref<TabProps['styles']>({
-      bottom: 0
-    })
-
-    return {
-      items,
-      index,
-      hasBorder,
-      styles
-    }
-  }
-})
-</script>
-
-<style scoped>
-.Tab {
-  height: 100%;
-}
-</style>

package/src/views/Text.vue

@@ -1,97 +0,0 @@
-<template>
-  <div class="Text">
-    <!-- Number 示例 -->
-    <div class="item">
-      <p class="title">
-        Number
-      </p>
-      <Number
-        v-model="number"
-        :min="min"
-        :max="max"
-        :step="step"
-      />
-      <span class="value">value: {{ number }}</span>
-    </div>
-
-    <!-- TextBar 普通输入框 -->
-    <div class="item">
-      <p class="title">
-        TextBar
-      </p>
-      <TextBar
-        v-model="text"
-        type="text"
-      />
-      <span class="value">value: {{ text }}</span>
-    </div>
-
-    <!-- TextBar 多行输入框 -->
-    <div class="item">
-      <p class="title">
-        TextBar
-      </p>
-      <TextBar
-        v-model="texts"
-        type="textarea"
-        :maxlength="9"
-      />
-      <span class="value">value: {{ texts }}</span>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import TextBar from '../components/Text'
-// import Number from '../components/number'
-import type { TextBarProps } from '../components/Text/types'
-import type { NumberProps } from '../components/number/types'
-export default defineComponent({
-  name: 'ViewText',
-  // components: { Number },
-  // components: { TextBar },
-  setup () {
-    const number = ref<NumberProps['modelValue']>(0)
-    const min = ref<NumberProps['min']>(0)
-    const max = ref<NumberProps['max']>(10)
-    const step = ref<NumberProps['step']>(2)
-    // const focus = ref<NumberProps['focus']>(true)
-    const text = ref<TextBarProps['modelValue']>('请输入')
-    const texts = ref<TextBarProps['modelValue']>('正在输入....')
-
-    return {
-      number,
-      min,
-      max,
-      step,
-      focus,
-      text,
-      texts
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.Text {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: center;
-
-  .item {
-    width: 50%;
-
-    .title {
-      margin-bottom: 10px;
-      font-weight: bold;
-    }
-
-    .value {
-      margin-top: 10px;
-    }
-  }
-}
-</style>

package/src/views/ToTop.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="ToTop">
-    <ToTop
-      :bottom="bottom"
-      :right="50"
-      :duration="500"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from 'vue'
-// import ToTop from '@/components/toTop'
-import type { ToTopProps } from '@/components/toTop/types'
-export default defineComponent({
-  name: 'ViewToTop',
-  components: {
-    // ToTop
-  },
-  setup () {
-    const bottom = ref<ToTopProps['bottom']>(100)
-    return { bottom }
-  }
-})
-</script>
-
-<style  lang="less" scoped>
-    .ToTop {
-        height:200%;
-    }
-</style>

package/src/views/Upload.vue

@@ -1,65 +0,0 @@
-<template>
-  <div class="Upload">
-    <Upload
-      ref="upload"
-      :multiple="true"
-      @on-change-file="onChangeFile"
-    />
-
-    <template v-if="files.length">
-      <img
-        v-for="(item, index) in files"
-        :key="index"
-        :src="item.base64"
-      >
-    </template>
-  </div>
-</template>
-
-<script lang="ts">
-import { ref, defineComponent } from 'vue'
-// import Upload from '@/components/upload'
-// import type { UploadProps } from '@/components/upload/types'
-export default defineComponent({
-  name: 'ViewUpload',
-  components: {
-    // Upload
-  },
-  setup () {
-    const files = ref<Array<{ base64: string, clearBase64: string }>>([])
-    const upload = ref(null)
-
-    const onChangeFile = (newFiles: any[]) => {
-      files.value = newFiles
-    }
-
-    return {
-      files,
-      upload,
-      onChangeFile
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.Upload {
-  height: 100%;
-
-  .upload-box {
-    width: 200px;
-    height: 100px;
-    background: #008cee;
-    color: #ffffff;
-    text-align: center;
-    line-height: 100px;
-  }
-
-  // img {
-  //   width: 100px;
-  //   height: 100px;
-  //   margin: 5px;
-  //   object-fit: cover;
-  // }
-}
-</style>