@opentiny/vue-docs 2.2.10 → 2.2.12

package/demos/pc/app/progress/progress-type-dashboard.spec.ts

@@ -1,22 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test('非全封闭环形', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).not.toBeNull())
-  await page.goto('progress#progress-type-dashboard')
-
-  const progress = page.getByRole('progressbar')
-  const circleTrack = progress.locator('.tiny-progress-circle__track')
-  const cirlePath = progress.locator('.tiny-progress-circle__path')
-
-  await expect(progress).toHaveClass(/tiny-progress--dashboard/)
-  await expect(progress.locator('div.tiny-progress-circle')).toBeVisible()
-  await expect(progress.locator('div.tiny-progress__text')).toBeVisible()
-  await expect(circleTrack).toHaveAttribute('stroke-width', '2')
-  await expect(circleTrack).toHaveAttribute('stroke', '#e5e9f2')
-  await expect(circleTrack).toHaveCSS('d', 'path("M 50 50 M 50 99 A 49 49 0 1 1 50 1 A 49 49 0 1 1 50 99")')
-  await expect(cirlePath).toHaveAttribute('stroke-width', '2')
-  await expect(cirlePath).toHaveAttribute('stroke', '#e6a23c')
-  await expect(cirlePath).toHaveAttribute('stroke-linecap', 'round')
-  await expect(cirlePath).toHaveCSS('d', 'path("M 50 50 M 50 99 A 49 49 0 1 1 50 1 A 49 49 0 1 1 50 99")')
-  await expect(cirlePath).toHaveCSS('stroke-dasharray', '46.1814px, 307.876px')
-})

package/demos/pc/app/progress/progress-type-dashboard.vue

@@ -1,44 +0,0 @@
-<template>
-  <div>
-    <tiny-button @click="add">增加</tiny-button>
-    <tiny-progress type="dashboard" :percentage="percentage" :color="customColors" :width="300"> </tiny-progress>
-  </div>
-</template>
-
-<script lang="jsx">
-import { Progress, Button } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyProgress: Progress,
-    TinyButton: Button
-  },
-  data() {
-    return {
-      percentage: 20,
-      customColor: '#409eff',
-      customColors: [
-        { color: '#f56c6c', percentage: 20 },
-        { color: '#e6a23c', percentage: 40 },
-        { color: '#5cb87a', percentage: 60 },
-        { color: '#1989fa', percentage: 80 },
-        { color: '#6f7ad3', percentage: 100 }
-      ]
-    }
-  },
-  methods: {
-    customColorMethod(percentage) {
-      if (percentage < 30) {
-        return '#909399'
-      } else if (percentage < 70) {
-        return '#e6a23c'
-      } else {
-        return '#67c23a'
-      }
-    },
-    add() {
-      this.percentage += 10
-    }
-  }
-}
-</script>