From dda2f4fe6c0267fd2cf2cdb7495f2d9caf5c6283 Mon Sep 17 00:00:00 2001 From: yoyo <15014217605@163.com> Date: Thu, 25 Jan 2024 17:00:42 +0800 Subject: [PATCH] docs(site/loading): [loading] specification document (#1338) --- .../app/loading/custom-class-composition-api.vue | 2 +- .../sites/demos/pc/app/loading/custom-class.vue | 2 +- .../pc/app/loading/fullscreen-composition-api.vue | 8 ++++---- .../sites/demos/pc/app/loading/fullscreen.spec.ts | 4 ++-- .../sites/demos/pc/app/loading/fullscreen.vue | 6 +++--- .../pc/app/loading/spinner-composition-api.vue | 6 +++--- .../sites/demos/pc/app/loading/spinner.spec.ts | 2 +- examples/sites/demos/pc/app/loading/spinner.vue | 4 ++-- .../sites/demos/pc/app/loading/webdoc/loading.js | 15 +++++++++++---- 9 files changed, 28 insertions(+), 21 deletions(-) diff --git a/examples/sites/demos/pc/app/loading/custom-class-composition-api.vue b/examples/sites/demos/pc/app/loading/custom-class-composition-api.vue index 4f8691f8d..4ecab6361 100644 --- a/examples/sites/demos/pc/app/loading/custom-class-composition-api.vue +++ b/examples/sites/demos/pc/app/loading/custom-class-composition-api.vue @@ -8,7 +8,7 @@ import { Loading } from '@opentiny/vue' onMounted(() => { Loading.service({ - text: '自定义loading类名', + text: '自定义 loading 类名', customClass: 'new-loading', target: document.getElementById('tiny-demo-loading-custom-class'), background: 'rgba(0, 0, 0, 0.7)' diff --git a/examples/sites/demos/pc/app/loading/custom-class.vue b/examples/sites/demos/pc/app/loading/custom-class.vue index 8bdfa5b08..9f9c63901 100644 --- a/examples/sites/demos/pc/app/loading/custom-class.vue +++ b/examples/sites/demos/pc/app/loading/custom-class.vue @@ -8,7 +8,7 @@ import { Loading } from '@opentiny/vue' export default { mounted() { Loading.service({ - text: '自定义loading类名', + text: '自定义 loading 类名', customClass: 'new-loading', target: document.getElementById('tiny-demo-loading-custom-class'), background: 'rgba(0, 0, 0, 0.7)' diff --git a/examples/sites/demos/pc/app/loading/fullscreen-composition-api.vue b/examples/sites/demos/pc/app/loading/fullscreen-composition-api.vue index 576b12f05..864cb9d66 100644 --- a/examples/sites/demos/pc/app/loading/fullscreen-composition-api.vue +++ b/examples/sites/demos/pc/app/loading/fullscreen-composition-api.vue @@ -1,14 +1,14 @@ @@ -23,4 +23,4 @@ onMounted(() => { margin-bottom: 10px; height: 120px; } - \ No newline at end of file + diff --git a/examples/sites/demos/pc/app/loading/spinner.spec.ts b/examples/sites/demos/pc/app/loading/spinner.spec.ts index 7faababd6..6af800031 100644 --- a/examples/sites/demos/pc/app/loading/spinner.spec.ts +++ b/examples/sites/demos/pc/app/loading/spinner.spec.ts @@ -6,6 +6,6 @@ test('自定义加载图标', async ({ page }) => { const loadingText = page.locator('.tiny-loading__text') const svg = page.locator('#tiny-demo-loading-spinner .tiny-icon-loading') - await expect(loadingText).toContainText('自定义loading图标') + await expect(loadingText).toContainText('自定义 loading 图标') await expect(svg).toHaveClass(/tiny-icon-loading/) }) diff --git a/examples/sites/demos/pc/app/loading/spinner.vue b/examples/sites/demos/pc/app/loading/spinner.vue index cdef3dfc0..107eaa24a 100644 --- a/examples/sites/demos/pc/app/loading/spinner.vue +++ b/examples/sites/demos/pc/app/loading/spinner.vue @@ -11,9 +11,9 @@ const spinnerIcon = iconLoadingShadow() export default { mounted() { Loading.service({ - text: '自定义loading图标', + text: '自定义 loading 图标', spinner: spinnerIcon, - target: document.getElementById('tiny-demo-loading-spinner'), + target: document.getElementById('tiny-demo-loading-spinner') }) } } diff --git a/examples/sites/demos/pc/app/loading/webdoc/loading.js b/examples/sites/demos/pc/app/loading/webdoc/loading.js index f5c366003..b38263d88 100644 --- a/examples/sites/demos/pc/app/loading/webdoc/loading.js +++ b/examples/sites/demos/pc/app/loading/webdoc/loading.js @@ -16,7 +16,8 @@ export default { 'demoId': 'size', 'name': { 'zh-CN': '尺寸', 'en-US': 'Customized loading prompt text' }, 'desc': { - 'zh-CN': '

可通过 size 属性设置尺寸大小,可选值:medium / small / mini。

\n', + 'zh-CN': + '

可通过 size 属性设置尺寸大小,可选值:medium / small / mini

\n', 'en-US': '

Customize the prompt text of the loaded text through text.

\n' }, 'codeFiles': ['size.vue'] @@ -52,9 +53,8 @@ export default { 'demoId': 'directive', 'name': { 'zh-CN': '指令', 'en-US': 'Directive' }, 'desc': { - 'zh-CN': '详细用法参考如下示例', - 'en-US': - '

The v-loading.lock.fullscreen command mode or service mode is used for global loading. To use the command mode for global loading, perform the following operations: \n Add Vue.use(Loading)\n in the Vue 2 environment and app.use(Loading)

\n in the Vue 3 environment' + 'zh-CN': '

通过v-loading使用指令。

', + 'en-US': `

Use instructions via v-loading

` }, 'codeFiles': ['directive.vue'] }, @@ -176,6 +176,7 @@ export default { { 'name': 'v-loading', 'type': 'boolean', + 'defaultValue': '', 'desc': { 'zh-CN': '是否显示加载动画', 'en-US': 'Whether to display loading animation' @@ -185,6 +186,7 @@ export default { { 'name': 'tiny-loading__text', 'type': 'string', + 'defaultValue': '', 'desc': { 'zh-CN': '显示在加载图标下方的加载文案', 'en-US': 'The load copy displayed below the load icon' @@ -194,6 +196,7 @@ export default { { 'name': 'tiny-loading__background', 'type': 'string', + 'defaultValue': '', 'desc': { 'zh-CN': '遮罩背景色', 'en-US': 'Mask background color' @@ -203,6 +206,7 @@ export default { { 'name': 'tiny-loading__custom-class', 'type': 'string', + 'defaultValue': '', 'desc': { 'zh-CN': 'Loading 的自定义类名', 'en-US': 'Custom class name for Loading' @@ -212,6 +216,7 @@ export default { { 'name': 'fullscreen', 'type': 'boolean', + 'defaultValue': '', 'desc': { 'zh-CN': '命令修饰符:是否显示全屏', 'en-US': 'Command modifier: Whether to display full screen' @@ -221,6 +226,7 @@ export default { { 'name': 'body', 'type': 'boolean', + 'defaultValue': '', 'desc': { 'zh-CN': '命令修饰符:遮罩层是否在body上', 'en-US': 'Command modifier: Whether the mask is on the body' @@ -229,6 +235,7 @@ export default { { 'name': 'lock', 'type': 'boolean', + 'defaultValue': '', 'desc': { 'zh-CN': '命令修饰符:全屏时是否锁定滚动', 'en-US': 'Command modifier: Whether to lock scroll in full screen'