npm - @opentiny/vue-docs - Versions diffs - 2.2.7 → 2.2.8 - Mend

@opentiny/vue-docs 2.2.7 → 2.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

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