@opentiny/vue-docs 2.2.7 → 2.2.9

package/demos/pc/app/file-upload/upload-limit.vue

@@ -1,32 +0,0 @@
-<template>
-  <tiny-file-upload :action="action" :before-upload="beforeAvatarUpload">
-    <tiny-button type="primary">点击上传</tiny-button>
-  </tiny-file-upload>
-</template>
-
-<script lang="jsx">
-import { FileUpload, Button, Modal as TinyModal } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyFileUpload: FileUpload,
-    TinyButton: Button
-  },
-  data() {
-    return {
-      action: 'http://localhost:3000/api/upload'
-    }
-  },
-  methods: {
-    beforeAvatarUpload(file) {
-      const isJPG = file.type === 'image/jpeg'
-      const isLt2M = file.size / 1024 / 1024 < 2
-      const allow = isJPG && isLt2M
-
-      !allow && TinyModal.alert('自定义提示：该文件不合规范，文件类型或大小超出限制')
-
-      return allow
-    }
-  }
-}
-</script>

package/demos/pc/app/time-select/default-time-composition-api.vue

@@ -1,11 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" :default-time="defaultTime"></tiny-time-select>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
-
-const value = ref('')
-const defaultTime = ref('10:00')
-</script>

package/demos/pc/app/time-select/default-time.vue

@@ -1,19 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" :default-time="defaultTime"></tiny-time-select>
-</template>
-
-<script lang="jsx">
-import { TimeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value: '',
-      defaultTime: '10:00'
-    }
-  }
-}
-</script>

package/demos/pc/app/time-select/disabled-composition-api.vue

@@ -1,10 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" disabled></tiny-time-select>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
-
-const value = ref('')
-</script>

package/demos/pc/app/time-select/disabled.spec.ts

@@ -1,8 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test('禁用', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('time-select#disabled')
-  const disabledBox = page.getByPlaceholder('选择时间')
-  await expect(disabledBox).toBeDisabled()
-})

package/demos/pc/app/time-select/disabled.vue

@@ -1,18 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" disabled></tiny-time-select>
-</template>
-
-<script lang="jsx">
-import { TimeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value: ''
-    }
-  }
-}
-</script>

package/demos/pc/app/time-select/event-change-composition-api.vue

@@ -1,16 +0,0 @@
-<template>
-  <div>
-    <tiny-time-select v-model="value1" @change="change" placeholder="选择时间"></tiny-time-select>
-  </div>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect, Modal } from '@opentiny/vue'
-
-const value1 = ref('08:30')
-
-function change() {
-  Modal.message('change事件')
-}
-</script>

package/demos/pc/app/time-select/event-change.vue

@@ -1,25 +0,0 @@
-<template>
-  <div>
-    <tiny-time-select v-model="value1" @change="change" placeholder="选择时间"></tiny-time-select>
-  </div>
-</template>
-
-<script lang="jsx">
-import { TimeSelect, Modal } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value1: '08:30'
-    }
-  },
-  methods: {
-    change() {
-      Modal.message('change事件')
-    }
-  }
-}
-</script>

package/demos/pc/app/time-select/popper-class-composition-api.vue

@@ -1,27 +0,0 @@
-<template>
-  <div class="time-select-demo">
-    <tiny-time-select
-      v-model="value"
-      placeholder="选择时间"
-      popper-class="myClass"
-      :popper-append-to-body="false"
-    ></tiny-time-select>
-  </div>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
-
-const value = ref('')
-</script>
-
-<style>
-.time-select-demo {
-  min-height: 200px;
-}
-
-.myClass {
-  background: #dddddd;
-}
-</style>

package/demos/pc/app/time-select/popper-class.spec.ts

@@ -1,9 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test('自定义类名', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('time-select#popper-class')
-  await page.getByPlaceholder('选择时间').click()
-  const myClass = page.locator('.tiny-input-group__panel div').first()
-  await expect(myClass).toHaveClass(/myClass/)
-})

package/demos/pc/app/time-select/popper-class.vue

@@ -1,35 +0,0 @@
-<template>
-  <div class="time-select-demo">
-    <tiny-time-select
-      v-model="value"
-      placeholder="选择时间"
-      popper-class="myClass"
-      :popper-append-to-body="false"
-    ></tiny-time-select>
-  </div>
-</template>
-
-<script lang="jsx">
-import { TimeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value: ''
-    }
-  }
-}
-</script>
-
-<style>
-.time-select-demo {
-  min-height: 200px;
-}
-
-.myClass {
-  background: #dddddd;
-}
-</style>

package/demos/pc/app/time-select/size-mini-composition-api.vue

@@ -1,10 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" size="mini"></tiny-time-select>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
-
-const value = ref('')
-</script>

package/demos/pc/app/time-select/size-mini.spec.ts

@@ -1,8 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test('mini 尺寸', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('time-select#size-mini')
-  const miniBox = page.getByPlaceholder('选择时间')
-  await expect(miniBox).toHaveCSS('height', '24px')
-})

package/demos/pc/app/time-select/size-mini.vue

@@ -1,18 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" size="mini"></tiny-time-select>
-</template>
-
-<script lang="jsx">
-import { TimeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value: ''
-    }
-  }
-}
-</script>

package/demos/pc/app/time-select/size-small-composition-api.vue

@@ -1,10 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" size="small"></tiny-time-select>
-</template>
-
-<script setup lang="jsx">
-import { ref } from 'vue'
-import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
-
-const value = ref('')
-</script>

package/demos/pc/app/time-select/size-small.spec.ts

@@ -1,8 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test('small 尺寸', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('time-select#size-small')
-  const smallBox = page.getByPlaceholder('选择时间')
-  await expect(smallBox).toHaveCSS('height', '32px')
-})

package/demos/pc/app/time-select/size-small.vue

@@ -1,18 +0,0 @@
-<template>
-  <tiny-time-select v-model="value" placeholder="选择时间" size="small"></tiny-time-select>
-</template>
-
-<script lang="jsx">
-import { TimeSelect } from '@opentiny/vue'
-
-export default {
-  components: {
-    TinyTimeSelect: TimeSelect
-  },
-  data() {
-    return {
-      value: ''
-    }
-  }
-}
-</script>