From 80a89b79a1ead059bfa0a6af4e43bde7203b87e0 Mon Sep 17 00:00:00 2001 From: dufu1991 Date: Fri, 27 Dec 2024 23:43:11 +0800 Subject: [PATCH] fix(vue-renderless): [espace,fall-menu,file-upload,filter-panel,float-button,floatbar,flowchart,fluent-editor,form,fullscreen] fix site: Optimize site documentation typesetting --- .../demos/pc/app/espace/webdoc/espace.js | 2 +- .../pc/app/fall-menu/data-resource.spec.ts | 2 +- .../pc/app/fall-menu/webdoc/fall-menu.js | 2 +- .../pc/app/file-upload/basic-usage.spec.ts | 2 +- .../custom-upload-tip-composition-api.vue | 2 +- .../app/file-upload/custom-upload-tip.spec.ts | 2 +- .../pc/app/file-upload/custom-upload-tip.vue | 2 +- .../encrypt-config-composition-api.vue | 2 +- .../pc/app/file-upload/encrypt-config.spec.ts | 2 +- .../pc/app/file-upload/encrypt-config.vue | 2 +- .../file-size-array-composition-api.vue | 2 +- .../pc/app/file-upload/file-size-array.vue | 2 +- .../file-upload/file-size-composition-api.vue | 2 +- .../demos/pc/app/file-upload/file-size.vue | 2 +- .../form-validation-composition-api.vue | 2 +- .../pc/app/file-upload/form-validation.vue | 2 +- .../pc/app/file-upload/picture-list.spec.ts | 2 +- .../prompt-tip-composition-api.vue | 2 +- .../demos/pc/app/file-upload/prompt-tip.vue | 2 +- .../show-download-bar-composition-api.vue | 2 +- .../pc/app/file-upload/show-download-bar.vue | 14 ++++++------ .../upload-events-composition-api.vue | 2 +- .../pc/app/file-upload/upload-events.spec.ts | 2 +- .../pc/app/file-upload/upload-events.vue | 2 +- .../upload-file-list-saas-composition-api.vue | 2 +- .../app/file-upload/upload-file-list-saas.vue | 2 +- .../app/file-upload/upload-file-list.spec.ts | 2 +- .../pc/app/file-upload/webdoc/file-upload.js | 8 +++---- .../file-upload/\346\265\213\350\257\225.txt" | 2 +- .../pc/app/filter-panel/basic-usage.spec.ts | 2 +- .../demos/pc/app/filter-panel/event.spec.ts | 4 ++-- .../demos/pc/app/filter-panel/tip.spec.ts | 2 +- .../pc/app/float-button/reset-time.spec.ts | 2 +- .../app/float-button/webdoc/float-button.js | 2 +- .../flowchart/basic-usage-composition-api.vue | 2 +- .../demos/pc/app/flowchart/basic-usage.vue | 2 +- .../pc/app/flowchart/webdoc/flowchart.js | 2 +- ...custom-validation-rule-composition-api.vue | 4 ++-- .../app/form/custom-validation-rule.spec.ts | 4 ++-- .../pc/app/form/custom-validation-rule.vue | 4 ++-- .../app/form/display-only-composition-api.vue | 22 +++++++++---------- .../sites/demos/pc/app/form/display-only.vue | 22 +++++++++---------- .../app/form/error-slot-composition-api.vue | 4 ++-- .../sites/demos/pc/app/form/error-slot.vue | 4 ++-- .../pc/app/form/extra-tip-composition-api.vue | 2 +- .../sites/demos/pc/app/form/extra-tip.vue | 2 +- .../form/form-disabled-composition-api.vue | 22 +++++++++---------- .../demos/pc/app/form/form-disabled.spec.js | 4 ++-- .../sites/demos/pc/app/form/form-disabled.vue | 22 +++++++++---------- .../app/form/form-row-col-composition-api.vue | 2 +- .../sites/demos/pc/app/form/form-row-col.vue | 2 +- .../form-validate-field-composition-api.vue | 4 ++-- .../demos/pc/app/form/form-validate-field.vue | 4 ++-- .../form/form-validation-composition-api.vue | 10 ++++----- .../demos/pc/app/form/form-validation.spec.ts | 20 ++++++++--------- .../demos/pc/app/form/form-validation.vue | 10 ++++----- .../app/form/group-form-composition-api.vue | 4 ++-- .../sites/demos/pc/app/form/group-form.vue | 4 ++-- examples/sites/demos/pc/app/form/size.spec.ts | 6 ++--- .../app/form/slot-label-composition-api.vue | 4 ++-- .../sites/demos/pc/app/form/slot-label.vue | 4 ++-- .../validate-debounce-composition-api.vue | 2 +- .../demos/pc/app/form/validate-debounce.vue | 2 +- .../demos/pc/app/form/validate-type.spec.ts | 2 +- .../validation-position-composition-api.vue | 2 +- .../demos/pc/app/form/validation-position.vue | 2 +- .../sites/demos/pc/app/form/webdoc/form.js | 4 ++-- .../before-change-composition-api.vue | 2 +- .../demos/pc/app/fullscreen/before-change.vue | 2 +- .../pc/app/fullscreen/example-api.spec.ts | 8 +++---- .../app/fullscreen/example-component.spec.ts | 12 +++++----- 71 files changed, 161 insertions(+), 161 deletions(-) diff --git a/examples/sites/demos/pc/app/espace/webdoc/espace.js b/examples/sites/demos/pc/app/espace/webdoc/espace.js index ecb5da6cea..002c019112 100644 --- a/examples/sites/demos/pc/app/espace/webdoc/espace.js +++ b/examples/sites/demos/pc/app/espace/webdoc/espace.js @@ -10,7 +10,7 @@ export default { }, desc: { 'zh-CN': - '

data 属性设置组件数据，数组对象中包含选项有 type、value、icon。其中 type 的可选择值有：im、sip、mailto 。单击图标，将会打开 type 选项值对应的外部应用。

\n', + '

data 属性设置组件数据，数组对象中包含选项有 type、value、icon。其中 type 的可选择值有：im、sip、mailto。单击图标，将会打开 type 选项值对应的外部应用。

\n', 'en-US': 'The

data attribute sets the component data. The array object contains the options type, value, and icon. The value of type can be im, sip, or mailto. Click to open the external application corresponding to the value of type.

\n' }, diff --git a/examples/sites/demos/pc/app/fall-menu/data-resource.spec.ts b/examples/sites/demos/pc/app/fall-menu/data-resource.spec.ts index 96b9091c93..0352b37874 100644 --- a/examples/sites/demos/pc/app/fall-menu/data-resource.spec.ts +++ b/examples/sites/demos/pc/app/fall-menu/data-resource.spec.ts @@ -1,6 +1,6 @@ import { test, expect } from '@playwright/test' -// 以下2个测试将覆盖2个demo：基本用法、数据源 +// 以下 2 个测试将覆盖 2 个 demo：基本用法、数据源 test('基础用法、数据源', async ({ page }) => { page.on('pageerror', (exception) => expect(exception).toBeNull()) await page.goto('fall-menu#data-resource') diff --git a/examples/sites/demos/pc/app/fall-menu/webdoc/fall-menu.js b/examples/sites/demos/pc/app/fall-menu/webdoc/fall-menu.js index d9e6a3ea00..1c3d945f85 100644 --- a/examples/sites/demos/pc/app/fall-menu/webdoc/fall-menu.js +++ b/examples/sites/demos/pc/app/fall-menu/webdoc/fall-menu.js @@ -22,7 +22,7 @@ export default { }, desc: { 'zh-CN': - '

可通过 left 属性设置插槽自定义左侧切换图标为 IconLeft ， right 属性设置插槽右侧切换图标 IconRight 。

\n', + '

可通过 left 属性设置插槽自定义左侧切换图标为 IconLeft， right 属性设置插槽右侧切换图标 IconRight。

\n', 'en-US': '

Use the left slot to set the left switch icon to IconLeft, and use the right slot to set the right switch icon to IconRight.

\n' }, diff --git a/examples/sites/demos/pc/app/file-upload/basic-usage.spec.ts b/examples/sites/demos/pc/app/file-upload/basic-usage.spec.ts index bda953eea6..35ff9b49bd 100644 --- a/examples/sites/demos/pc/app/file-upload/basic-usage.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/basic-usage.spec.ts @@ -13,5 +13,5 @@ test('基本用法', async ({ page }) => { await fileChooser.setFiles(currentPath) await page.getByText('测试.jpg').isVisible() - await expect(lists).toHaveText('测试.jpg按 delete 键可删除') + await expect(lists).toHaveText('测试.jpg 按 delete 键可删除') }) diff --git a/examples/sites/demos/pc/app/file-upload/custom-upload-tip-composition-api.vue b/examples/sites/demos/pc/app/file-upload/custom-upload-tip-composition-api.vue index 63e7bbd5bc..492233b068 100644 --- a/examples/sites/demos/pc/app/file-upload/custom-upload-tip-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/custom-upload-tip-composition-api.vue @@ -11,7 +11,7 @@ 选取文件 diff --git a/examples/sites/demos/pc/app/file-upload/custom-upload-tip.spec.ts b/examples/sites/demos/pc/app/file-upload/custom-upload-tip.spec.ts index c14092aa43..8c0fe11315 100644 --- a/examples/sites/demos/pc/app/file-upload/custom-upload-tip.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/custom-upload-tip.spec.ts @@ -6,5 +6,5 @@ test('自定义上传提示', async ({ page }) => { const tip = page.locator('.tiny-upload__tip') - await expect(tip).toHaveText('只能上传 jpg/png 文件，且不超过500 kb') + await expect(tip).toHaveText('只能上传 jpg/png 文件，且不超过 500 kb') }) diff --git a/examples/sites/demos/pc/app/file-upload/custom-upload-tip.vue b/examples/sites/demos/pc/app/file-upload/custom-upload-tip.vue index 38a667d42c..819591cf9b 100644 --- a/examples/sites/demos/pc/app/file-upload/custom-upload-tip.vue +++ b/examples/sites/demos/pc/app/file-upload/custom-upload-tip.vue @@ -11,7 +11,7 @@ 选取文件 diff --git a/examples/sites/demos/pc/app/file-upload/encrypt-config-composition-api.vue b/examples/sites/demos/pc/app/file-upload/encrypt-config-composition-api.vue index 2aac3c37b5..033b1f5294 100644 --- a/examples/sites/demos/pc/app/file-upload/encrypt-config-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/encrypt-config-composition-api.vue @@ -15,7 +15,7 @@ const action = ref('http://localhost:3000/api/upload') const encryptConfig = reactive({ enabled: true, encrypt: true, - watermark: '水印示例1' + watermark: '水印示例 1' }) const data = computed(() => { diff --git a/examples/sites/demos/pc/app/file-upload/encrypt-config.spec.ts b/examples/sites/demos/pc/app/file-upload/encrypt-config.spec.ts index d940876e49..727f0ad0e3 100644 --- a/examples/sites/demos/pc/app/file-upload/encrypt-config.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/encrypt-config.spec.ts @@ -21,5 +21,5 @@ test('水印和加密弹窗', async ({ page }) => { await fileChooser.setFiles(currentPath) await page.getByText('测试.jpg').isVisible() - await expect(lists).toHaveText('测试.jpg按 delete 键可删除') + await expect(lists).toHaveText('测试.jpg 按 delete 键可删除') }) diff --git a/examples/sites/demos/pc/app/file-upload/encrypt-config.vue b/examples/sites/demos/pc/app/file-upload/encrypt-config.vue index 33191df341..f2f6dde592 100644 --- a/examples/sites/demos/pc/app/file-upload/encrypt-config.vue +++ b/examples/sites/demos/pc/app/file-upload/encrypt-config.vue @@ -21,7 +21,7 @@ export default { encryptConfig: { enabled: true, encrypt: true, - watermark: '水印示例1' + watermark: '水印示例 1' } } }, diff --git a/examples/sites/demos/pc/app/file-upload/file-size-array-composition-api.vue b/examples/sites/demos/pc/app/file-upload/file-size-array-composition-api.vue index 8306e7887c..22154448fd 100644 --- a/examples/sites/demos/pc/app/file-upload/file-size-array-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/file-size-array-composition-api.vue @@ -61,7 +61,7 @@ const fileList = ref([ docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/file-size-array.vue b/examples/sites/demos/pc/app/file-upload/file-size-array.vue index 3b5872f66f..417453c6f4 100644 --- a/examples/sites/demos/pc/app/file-upload/file-size-array.vue +++ b/examples/sites/demos/pc/app/file-upload/file-size-array.vue @@ -66,7 +66,7 @@ export default { docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/file-size-composition-api.vue b/examples/sites/demos/pc/app/file-upload/file-size-composition-api.vue index 49b36b131c..189d751f55 100644 --- a/examples/sites/demos/pc/app/file-upload/file-size-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/file-size-composition-api.vue @@ -54,7 +54,7 @@ const fileList = ref([ docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/file-size.vue b/examples/sites/demos/pc/app/file-upload/file-size.vue index 687dfbafa7..6f6893efcf 100644 --- a/examples/sites/demos/pc/app/file-upload/file-size.vue +++ b/examples/sites/demos/pc/app/file-upload/file-size.vue @@ -59,7 +59,7 @@ export default { docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/form-validation-composition-api.vue b/examples/sites/demos/pc/app/file-upload/form-validation-composition-api.vue index bda125d4ca..b1aa7eaf3e 100644 --- a/examples/sites/demos/pc/app/file-upload/form-validation-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/form-validation-composition-api.vue @@ -57,7 +57,7 @@ const rules = reactive({ }) const uploadSuccess = () => { - // 模拟上传成功后，返回的数据信息,以此通过validatePass的校验 + // 模拟上传成功后，返回的数据信息，以此通过 validatePass 的校验 createData.files = `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/book.jpg` // 上传成功后再进行表单验证 diff --git a/examples/sites/demos/pc/app/file-upload/form-validation.vue b/examples/sites/demos/pc/app/file-upload/form-validation.vue index d9da034d8d..6e54f87dc7 100644 --- a/examples/sites/demos/pc/app/file-upload/form-validation.vue +++ b/examples/sites/demos/pc/app/file-upload/form-validation.vue @@ -65,7 +65,7 @@ export default { }, methods: { uploadSuccess() { - // 模拟上传成功后，返回的数据信息,以此通过validatePass的校验 + // 模拟上传成功后，返回的数据信息，以此通过 validatePass 的校验 this.createData.files = `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/book.jpg` // 上传成功后再进行表单验证 diff --git a/examples/sites/demos/pc/app/file-upload/picture-list.spec.ts b/examples/sites/demos/pc/app/file-upload/picture-list.spec.ts index ebb8db0723..b8ee3e9eed 100644 --- a/examples/sites/demos/pc/app/file-upload/picture-list.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/picture-list.spec.ts @@ -7,7 +7,7 @@ test('图片列表缩略图', async ({ page }) => { const container = page.locator('#picture-list') const upload = container.locator('.tiny-upload') const lists = container.locator('.tiny-upload-list__item') - const item1 = container.getByText('test1按 delete 键可删除') + const item1 = container.getByText('test1 按 delete 键可删除') const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()]) const { width, height } = await item1.boundingBox() const images = container.locator('.tiny-upload-list__item-thumbnail') diff --git a/examples/sites/demos/pc/app/file-upload/prompt-tip-composition-api.vue b/examples/sites/demos/pc/app/file-upload/prompt-tip-composition-api.vue index f66c06568e..fd4ea205fe 100644 --- a/examples/sites/demos/pc/app/file-upload/prompt-tip-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/prompt-tip-composition-api.vue @@ -62,7 +62,7 @@ const fileList = ref([ docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/prompt-tip.vue b/examples/sites/demos/pc/app/file-upload/prompt-tip.vue index f594c7011c..4ed5844761 100644 --- a/examples/sites/demos/pc/app/file-upload/prompt-tip.vue +++ b/examples/sites/demos/pc/app/file-upload/prompt-tip.vue @@ -67,7 +67,7 @@ export default { docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/show-download-bar-composition-api.vue b/examples/sites/demos/pc/app/file-upload/show-download-bar-composition-api.vue index 04da638d84..144e720518 100644 --- a/examples/sites/demos/pc/app/file-upload/show-download-bar-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/show-download-bar-composition-api.vue @@ -42,7 +42,7 @@ const handleDownloadFile = (file) => { const timer = setInterval(() => { if (file.downloadPercentage >= 100) { clearInterval(timer) - // 下载完成后可以隐藏进度条，因为进度条有过渡动画，所以可以延迟1s再隐藏 + // 下载完成后可以隐藏进度条，因为进度条有过渡动画，所以可以延迟 1s 再隐藏 setTimeout(() => { file.showDownloadBar = false }, 1000) diff --git a/examples/sites/demos/pc/app/file-upload/show-download-bar.vue b/examples/sites/demos/pc/app/file-upload/show-download-bar.vue index a2ed7da3e1..c1d688247e 100644 --- a/examples/sites/demos/pc/app/file-upload/show-download-bar.vue +++ b/examples/sites/demos/pc/app/file-upload/show-download-bar.vue @@ -46,15 +46,15 @@ export default { if (file.docId === 'M1T2A1N548572512085860351') { file.showDownloadBar = true - // 更新downloadPercentage，vue2下写法 + // 更新 downloadPercentage，vue2 下写法 // this.$set(file, 'downloadPercentage', 0) - // 更新downloadPercentage，vue3下写法 + // 更新 downloadPercentage，vue3 下写法 file.downloadPercentage = 0 const timer = setInterval(() => { if (file.downloadPercentage >= 100) { clearInterval(timer) - // 下载完成后可以隐藏进度条，因为进度条有过渡动画，所以可以延迟1s再隐藏 + // 下载完成后可以隐藏进度条，因为进度条有过渡动画，所以可以延迟 1s 再隐藏 setTimeout(() => { file.showDownloadBar = false }, 1000) @@ -68,18 +68,18 @@ export default { // 模拟下载失败场景 file.showDownloadBar = true - // 更新downloadPercentage，vue2下写法 + // 更新 downloadPercentage，vue2 下写法 // this.$set(file, 'downloadPercentage', 0) - // 更新downloadPercentage，vue3下写法 + // 更新 downloadPercentage，vue3 下写法 file.downloadPercentage = 0 const timer = setInterval(() => { if (file.downloadPercentage >= 50) { clearInterval(timer) // file.showDownloadBar = false - // 更新downloadStatus，vue2下写法 + // 更新 downloadStatus，vue2 下写法 // this.$set(file, 'downloadStatus', 'exception') - // 更新downloadStatus，vue3下写法 + // 更新 downloadStatus，vue3 下写法 file.downloadStatus = 'exception' TinyModal.message({ message: '下载失败', status: 'error' }) diff --git a/examples/sites/demos/pc/app/file-upload/upload-events-composition-api.vue b/examples/sites/demos/pc/app/file-upload/upload-events-composition-api.vue index b725db3bf3..8444b34092 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-events-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/upload-events-composition-api.vue @@ -64,6 +64,6 @@ function handleChange() { } function handleHashProgress() { - TinyModal.message({ message: '文件上传生成hash值时的回调 返回进程', status: 'info' }) + TinyModal.message({ message: '文件上传生成 hash 值时的回调 返回进程', status: 'info' }) } diff --git a/examples/sites/demos/pc/app/file-upload/upload-events.spec.ts b/examples/sites/demos/pc/app/file-upload/upload-events.spec.ts index d32ab45afe..5383972f0a 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-events.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/upload-events.spec.ts @@ -10,7 +10,7 @@ test('事件', async ({ page }) => { const modals = page.locator('.tiny-modal') const delButton = page .getByRole('listitem') - .filter({ hasText: 'test1按 delete 键可删除' }) + .filter({ hasText: 'test1 按 delete 键可删除' }) .getByTitle('删除文件') .locator('svg') diff --git a/examples/sites/demos/pc/app/file-upload/upload-events.vue b/examples/sites/demos/pc/app/file-upload/upload-events.vue index 4b3ff963c4..cbc246a4ff 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-events.vue +++ b/examples/sites/demos/pc/app/file-upload/upload-events.vue @@ -65,7 +65,7 @@ export default { TinyModal.message({ message: '触发上传文件改变回调事件', status: 'info' }) }, handleHashProgress() { - TinyModal.message({ message: '文件上传生成hash值时的回调 返回进程', status: 'info' }) + TinyModal.message({ message: '文件上传生成 hash 值时的回调 返回进程', status: 'info' }) } } } diff --git a/examples/sites/demos/pc/app/file-upload/upload-file-list-saas-composition-api.vue b/examples/sites/demos/pc/app/file-upload/upload-file-list-saas-composition-api.vue index 03f5fe54e5..4a2a45125a 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-file-list-saas-composition-api.vue +++ b/examples/sites/demos/pc/app/file-upload/upload-file-list-saas-composition-api.vue @@ -52,7 +52,7 @@ const fileList = reactive([ docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/upload-file-list-saas.vue b/examples/sites/demos/pc/app/file-upload/upload-file-list-saas.vue index 7985d20774..e9b58c0492 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-file-list-saas.vue +++ b/examples/sites/demos/pc/app/file-upload/upload-file-list-saas.vue @@ -57,7 +57,7 @@ export default { docId: 'M1T2A1N548572512085860353', path: 'edm/one/', docVersion: 'V1', - name: 'test5超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', + name: 'test5 超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长.doc', docSize: 17252 * 1024, size: 17252 * 1024, serverName: 'ShenZhen' diff --git a/examples/sites/demos/pc/app/file-upload/upload-file-list.spec.ts b/examples/sites/demos/pc/app/file-upload/upload-file-list.spec.ts index 6fea8ad6ce..79e90df76b 100644 --- a/examples/sites/demos/pc/app/file-upload/upload-file-list.spec.ts +++ b/examples/sites/demos/pc/app/file-upload/upload-file-list.spec.ts @@ -15,7 +15,7 @@ test('文件列表', async ({ page }) => { const currentPath = path.resolve(__dirname, '测试.jpg') await expect(width).toBeGreaterThanOrEqual(height) - // 行高取1.5，计算结果是21 + // 行高取 1.5，计算结果是 21 await expect(height).toBeGreaterThanOrEqual(21, 0) await expect(items).toHaveCount(2) await expect(items).toHaveText([/test1/, /test2/]) diff --git a/examples/sites/demos/pc/app/file-upload/webdoc/file-upload.js b/examples/sites/demos/pc/app/file-upload/webdoc/file-upload.js index b520ba5c40..f0e7cb039c 100644 --- a/examples/sites/demos/pc/app/file-upload/webdoc/file-upload.js +++ b/examples/sites/demos/pc/app/file-upload/webdoc/file-upload.js @@ -216,11 +216,11 @@ export default { { demoId: 'prompt-tip', name: { - 'zh-CN': 'tip提示', + 'zh-CN': 'tip 提示', 'en-US': 'tip Hints' }, desc: { - 'zh-CN': '

通过 propmtTip 为 `true` 设置提示为tip类型，悬浮图标时显示tip提示。

', + 'zh-CN': '

通过 propmtTip 为 `true` 设置提示为 tip 类型，悬浮图标时显示 tip 提示。

', 'en-US': '

Set the prompt to the tip type by setting propmtTip to `true`. The tip prompt is displayed when the icon is suspended.

' }, @@ -365,7 +365,7 @@ export default { 'en-US': 'User avatar upload' }, desc: { - 'zh-CN': '通过 URL.createobjectURL 创建出文件的URL对象，用来展示头像。', + 'zh-CN': '通过 URL.createobjectURL 创建出文件的 URL 对象，用来展示头像。', 'en-US': 'Create a URL object for the file through URL.createobjectURL to display the avatar.' }, codeFiles: ['upload-user-head.vue'] @@ -430,7 +430,7 @@ export default { }, desc: { 'zh-CN': - '
preview 监听文件点击事件；
remove 监听文件移除事件；
error 监听文件上传失败事件；
\n exceed 监听文件超出个数限制事件；
progress 监听文件上传过程事件；
change 监听文件改变事件（文件改变涵盖文件添加、上传成功和上传失败）；
\n success 监听文件上传成功事件；
hash-progress 监听文件上传生成hash值事件。
', + '
preview 监听文件点击事件；
remove 监听文件移除事件；
error 监听文件上传失败事件；
\n exceed 监听文件超出个数限制事件；
progress 监听文件上传过程事件；
change 监听文件改变事件（文件改变涵盖文件添加、上传成功和上传失败）；
\n success 监听文件上传成功事件；
hash-progress 监听文件上传生成 hash 值事件。
', 'en-US': '
preview Listen for file click events;
remove Listen for file removal events;
error Listen for file upload failure events;
\n exceeded Listen for events where the number of files exceeds the limit;
progress Listen for file upload process events;
change Listen for file change events (file changes include file addition, successful upload, and failed upload);
\n success Listen for file upload success events;
hash-progress Listen for file upload to generate hash value events.
' }, diff --git "a/examples/sites/demos/pc/app/file-upload/\346\265\213\350\257\225.txt" "b/examples/sites/demos/pc/app/file-upload/\346\265\213\350\257\225.txt" index e858878440..9921c6bb78 100644 --- "a/examples/sites/demos/pc/app/file-upload/\346\265\213\350\257\225.txt" +++ "b/examples/sites/demos/pc/app/file-upload/\346\265\213\350\257\225.txt" @@ -1 +1 @@ -测试txt文件 \ No newline at end of file +测试 txt 文件 \ No newline at end of file diff --git a/examples/sites/demos/pc/app/filter-panel/basic-usage.spec.ts b/examples/sites/demos/pc/app/filter-panel/basic-usage.spec.ts index 3ee7392190..635b945808 100644 --- a/examples/sites/demos/pc/app/filter-panel/basic-usage.spec.ts +++ b/examples/sites/demos/pc/app/filter-panel/basic-usage.spec.ts @@ -17,7 +17,7 @@ test('基本用法', async ({ page }) => { await button.getByText('物品数量等于').isVisible() await inputEl.click() await inputEl.fill('10') - await button.getByText('物品数量等于10').isVisible() + await button.getByText('物品数量等于 10').isVisible() // 禁用 await switchBtn.click() diff --git a/examples/sites/demos/pc/app/filter-panel/event.spec.ts b/examples/sites/demos/pc/app/filter-panel/event.spec.ts index 45f248f584..d4b6912842 100644 --- a/examples/sites/demos/pc/app/filter-panel/event.spec.ts +++ b/examples/sites/demos/pc/app/filter-panel/event.spec.ts @@ -10,7 +10,7 @@ test('事件', async ({ page }) => { const modal = page.locator('.tiny-modal') const clear = panel.locator('.filter-icon-close') - // handle-clear事件 + // handle-clear 事件 await button.click() await popPanel.isVisible() await page.locator('label').filter({ hasText: '等于' }).click() @@ -19,7 +19,7 @@ test('事件', async ({ page }) => { await expect(button).toHaveText('物品数量') await button.click() - // visible-change事件 + // visible-change 事件 await button.click() await expect(modal.nth(1)).toHaveText('true visibleChange') await button.click() diff --git a/examples/sites/demos/pc/app/filter-panel/tip.spec.ts b/examples/sites/demos/pc/app/filter-panel/tip.spec.ts index 467190b007..c36059a420 100644 --- a/examples/sites/demos/pc/app/filter-panel/tip.spec.ts +++ b/examples/sites/demos/pc/app/filter-panel/tip.spec.ts @@ -1,6 +1,6 @@ import { test, expect } from '@playwright/test' -test('tip提示', async ({ page }) => { +test('tip 提示', async ({ page }) => { page.on('pageerror', (exception) => expect(exception).toBeNull()) await page.goto('filter-panel#tip') diff --git a/examples/sites/demos/pc/app/float-button/reset-time.spec.ts b/examples/sites/demos/pc/app/float-button/reset-time.spec.ts index a1ed3b7cf4..c32df79ecc 100644 --- a/examples/sites/demos/pc/app/float-button/reset-time.spec.ts +++ b/examples/sites/demos/pc/app/float-button/reset-time.spec.ts @@ -8,7 +8,7 @@ test('测试按钮禁用事件', async ({ page }) => { const defalutDisabled = demo.getByRole('button', { name: '点' }) - // 默认禁用1S + // 默认禁用 1S await defalutDisabled.click() await expect(page.locator('.tiny-float-button')).toHaveClass( /tiny-float-button tiny-float-button--success is-disabled is-circle/ diff --git a/examples/sites/demos/pc/app/float-button/webdoc/float-button.js b/examples/sites/demos/pc/app/float-button/webdoc/float-button.js index 63ff0d5825..c1c7722ec7 100644 --- a/examples/sites/demos/pc/app/float-button/webdoc/float-button.js +++ b/examples/sites/demos/pc/app/float-button/webdoc/float-button.js @@ -27,7 +27,7 @@ export default { 'name': { 'zh-CN': '图标按钮', 'en-US': 'Icon Button' }, 'desc': { 'zh-CN': - '

通过 icon 设置按钮展示图标， 接收一个图标组件。

Icon 图标用法

先从 @opentiny/vue-icon 中导入需要的 Icon，执行Icon函数得到Icon组件。然后在模板中通过 icon 属性进行引用。

', + '

通过 icon 设置按钮展示图标，接收一个图标组件。

Icon 图标用法

先从 @opentiny/vue-icon 中导入需要的 Icon，执行 Icon 函数得到 Icon 组件。然后在模板中通过 icon 属性进行引用。

', 'en-US': '

Display icons and receive an icon component through the icon settings button

Icon icon usage

First, import the required Icon from @ opentiny/vue icon , and execute the Icon function to obtain the Icon component. Then refer to it in the template through the icon attribute.

' }, diff --git a/examples/sites/demos/pc/app/flowchart/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/flowchart/basic-usage-composition-api.vue index 9b8c1a2224..0726f25318 100644 --- a/examples/sites/demos/pc/app/flowchart/basic-usage-composition-api.vue +++ b/examples/sites/demos/pc/app/flowchart/basic-usage-composition-api.vue @@ -183,7 +183,7 @@ const chartData = { createNode('11', 2, '审批', '2018.08.02', [], 4, 3), createNode('12', 3, '运算调职兑现率', '', [], 4, 4), createNode('13', 1, '复核', '2018.08.02', [], 6, 2), - createNode('14', 4, '审批审批审批审批审批0123456789asdfghjkl', '2018.08.02', [], 6, 3) + createNode('14', 4, '审批审批审批审批审批 0123456789asdfghjkl', '2018.08.02', [], 6, 3) ], links: [ createLink('1', '2', '0 r0.5 t1 c r1.5', 1), diff --git a/examples/sites/demos/pc/app/flowchart/basic-usage.vue b/examples/sites/demos/pc/app/flowchart/basic-usage.vue index 1838ec1748..d8828d2b88 100644 --- a/examples/sites/demos/pc/app/flowchart/basic-usage.vue +++ b/examples/sites/demos/pc/app/flowchart/basic-usage.vue @@ -183,7 +183,7 @@ const chartData = { createNode('11', 2, '审批', '2018.08.02', [], 4, 3), createNode('12', 3, '运算调职兑现率', '', [], 4, 4), createNode('13', 1, '复核', '2018.08.02', [], 6, 2), - createNode('14', 4, '审批审批审批审批审批0123456789asdfghjkl', '2018.08.02', [], 6, 3) + createNode('14', 4, '审批审批审批审批审批 0123456789asdfghjkl', '2018.08.02', [], 6, 3) ], links: [ createLink('1', '2', '0 r0.5 t1 c r1.5', 1), diff --git a/examples/sites/demos/pc/app/flowchart/webdoc/flowchart.js b/examples/sites/demos/pc/app/flowchart/webdoc/flowchart.js index fba1a12ea5..92d087a4c5 100644 --- a/examples/sites/demos/pc/app/flowchart/webdoc/flowchart.js +++ b/examples/sites/demos/pc/app/flowchart/webdoc/flowchart.js @@ -10,7 +10,7 @@ export default { }, desc: { 'zh-CN': - "\n

节点支持 icon | label | content 插槽定制内容，示例提供了 content 插槽的默认实现。节点使用 row | col 属性进行行列配置。连线使用 p 属性进行相对路径配置。流程图的其它设置通过 config 进行配置。组件预置了 createItem | createNode | createLink | createConfig 静态方法，以便于快速构建选项。流程图的行高列宽由 config 的属性 width | height | cols | rows 确定，节点的位置由流程图的行高列宽，以及节点的 row | col 位置确定。

\n

连线相对路径配置详细介绍：

\n
    \n
  • '0' 表示从起始节点1的位置开始
    • \n
  • 'r2' 表示向右画两列宽度的连线
    • \n
  • 'c' 表示画一个圆角
    • \n
  • 'b2' 表示向下画两行高度的连线
    • \n
  • 'c' 再画一个圆角
    • \n
  • 'l1' 表示向左画一列宽度的连线
    • \n
  • 'c' 再画一个圆角
    • \n
  • 't1' 向上画一行高度的连线
    • \n
\n

连线配置参数举例:

\n const link = { from: '1', to: '2', p: '0 r2 c b2 c l1 c t1', status: 1 }\n ", + "\n

节点支持 icon | label | content 插槽定制内容，示例提供了 content 插槽的默认实现。节点使用 row | col 属性进行行列配置。连线使用 p 属性进行相对路径配置。流程图的其它设置通过 config 进行配置。组件预置了 createItem | createNode | createLink | createConfig 静态方法，以便于快速构建选项。流程图的行高列宽由 config 的属性 width | height | cols | rows 确定，节点的位置由流程图的行高列宽，以及节点的 row | col 位置确定。

\n

连线相对路径配置详细介绍：

\n
    \n
  • '0' 表示从起始节点 1 的位置开始
    • \n
  • 'r2' 表示向右画两列宽度的连线
    • \n
  • 'c' 表示画一个圆角
    • \n
  • 'b2' 表示向下画两行高度的连线
    • \n
  • 'c' 再画一个圆角
    • \n
  • 'l1' 表示向左画一列宽度的连线
    • \n
  • 'c' 再画一个圆角
    • \n
  • 't1' 向上画一行高度的连线
    • \n
\n

连线配置参数举例:

\n const link = { from: '1', to: '2', p: '0 r2 c b2 c l1 c t1', status: 1 }\n ", 'en-US': "\n

The node supports custom content through the icon | label | content slots, with a default implementation provided for the content slot. Nodes can be configured for row and column placement using the row | col attributes, while connections between nodes can be configured using the p attribute for relative path configuration. Other settings for the flowchart can be configured through the config attribute. The component also provides static methods createItem | createNode | createLink | createConfig for quick option building. The row height and column width of the flowchart are determined by the width | height | cols | rows attributes of the config, while the position of each node is determined by the row height, column width, and the row | col position of the node.

\n

Detailed introduction to configuring relative paths for connections:

\n
    \n
  • '0' represents starting from node 1 position.
    • \n
  • 'r2' represents drawing a line two columns wide to the right.
    • \n
  • 'c' represents drawing a circle.
    • \n
  • 'b2' represents a downward line of two height units.
    • \n
  • 'c' represents drawing a circle again.
    • \n
  • 'l1' represents drawing a line one columns wide to the left.
    • \n
  • 't1' represents a upward line of two height units.
    • \n
\n

Example of connection configuration parameters:

\n const link = { from: '1', to: '2', p: '0 r2 c b2 c l1 c t1', status: 1 }\n " }, diff --git a/examples/sites/demos/pc/app/form/custom-validation-rule-composition-api.vue b/examples/sites/demos/pc/app/form/custom-validation-rule-composition-api.vue index c60a28d882..307b5bba09 100644 --- a/examples/sites/demos/pc/app/form/custom-validation-rule-composition-api.vue +++ b/examples/sites/demos/pc/app/form/custom-validation-rule-composition-api.vue @@ -37,7 +37,7 @@ const isValidate = ref(true) const rules = ref({ username: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], password: [ { required: true, message: '必填', trigger: 'blur' }, @@ -55,7 +55,7 @@ function changeRule() { rules.value = { username: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: 'change' } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: 'change' } ] } } diff --git a/examples/sites/demos/pc/app/form/custom-validation-rule.spec.ts b/examples/sites/demos/pc/app/form/custom-validation-rule.spec.ts index 7a60cab6ac..f0dcb469b1 100644 --- a/examples/sites/demos/pc/app/form/custom-validation-rule.spec.ts +++ b/examples/sites/demos/pc/app/form/custom-validation-rule.spec.ts @@ -21,9 +21,9 @@ test('测试有密码校验', async ({ page }) => { const validPassword = 'Test1234' await username.click() await username.fill(noValidUsername) - await expect(page.locator('.tiny-tooltip').getByText('长度必须不小于2')).toBeVisible() + await expect(page.locator('.tiny-tooltip').getByText('长度必须不小于 2')).toBeVisible() await username.fill(validUsername) - await expect(page.locator('.tiny-tooltip').getByText('长度必须不小于2')).not.toBeVisible() + await expect(page.locator('.tiny-tooltip').getByText('长度必须不小于 2')).not.toBeVisible() await password.click() await password.fill(noValidPassword) await password.blur() diff --git a/examples/sites/demos/pc/app/form/custom-validation-rule.vue b/examples/sites/demos/pc/app/form/custom-validation-rule.vue index eedeb0a91b..c62ea70b77 100644 --- a/examples/sites/demos/pc/app/form/custom-validation-rule.vue +++ b/examples/sites/demos/pc/app/form/custom-validation-rule.vue @@ -43,7 +43,7 @@ export default { rules: { username: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], password: [ { required: true, message: '必填', trigger: 'blur' }, @@ -62,7 +62,7 @@ export default { this.rules = { username: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: 'change' } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: 'change' } ] } } diff --git a/examples/sites/demos/pc/app/form/display-only-composition-api.vue b/examples/sites/demos/pc/app/form/display-only-composition-api.vue index 45ef7be582..e0d57eee51 100644 --- a/examples/sites/demos/pc/app/form/display-only-composition-api.vue +++ b/examples/sites/demos/pc/app/form/display-only-composition-api.vue @@ -78,23 +78,23 @@ const inline = ref(false) const size = ref('') const options = ref([ { - value: '选项1', + value: '选项 1', label: '黄金糕' }, { - value: '选项2', + value: '选项 2', label: '双皮奶' }, { - value: '选项3', + value: '选项 3', label: '蚵仔煎' }, { - value: '选项4', + value: '选项 4', label: '龙须面' }, { - value: '选项5', + value: '选项 5', label: '北京烤鸭' } ]) @@ -148,8 +148,8 @@ const formData = ref({ input: 'TinyVue 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践，欢迎尝试使用 TinyVue。', radioValue: '1', - select: '选项1', - select1: ['选项1', '选项2'], + select: '选项 1', + select1: ['选项 1', '选项 2'], datePicker: '2022-01-01', daterangeValue: [new Date(), new Date(2019, 12, 12)], value: '88.88', @@ -166,20 +166,20 @@ const formData = ref({ textareaValue: 'OpenTiny 是一套企业级组件库解决方案，适配 PC 端 / 移动端等多端，涵盖 Vue2 / Vue3 / Angular 多技术栈，拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具，可帮助开发者高效开发 Web 应用。', checked: true, - checkedArr: ['复选框1'], + checkedArr: ['复选框 1'], rate1: 2, passwordValue: '12345', restaurants: [ { - value: 'GFD科技有限公司', + value: 'GFD 科技有限公司', address: '福州' }, { - value: 'WWWW科技有限公司', + value: 'WWWW 科技有限公司', address: '深圳福田区' } ], - autocompleteValue: 'GFD科技有限公司' + autocompleteValue: 'GFD 科技有限公司' }) let restaurants diff --git a/examples/sites/demos/pc/app/form/display-only.vue b/examples/sites/demos/pc/app/form/display-only.vue index c4a83f9223..0df27653eb 100644 --- a/examples/sites/demos/pc/app/form/display-only.vue +++ b/examples/sites/demos/pc/app/form/display-only.vue @@ -94,23 +94,23 @@ export default { size: '', options: [ { - value: '选项1', + value: '选项 1', label: '黄金糕' }, { - value: '选项2', + value: '选项 2', label: '双皮奶' }, { - value: '选项3', + value: '选项 3', label: '蚵仔煎' }, { - value: '选项4', + value: '选项 4', label: '龙须面' }, { - value: '选项5', + value: '选项 5', label: '北京烤鸭' } ], @@ -164,8 +164,8 @@ export default { input: 'TinyVue 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践，欢迎尝试使用 TinyVue。', radioValue: '1', - select: '选项1', - select1: ['选项1', '选项2'], + select: '选项 1', + select1: ['选项 1', '选项 2'], datePicker: '2022-01-01', daterangeValue: [new Date(), new Date(2019, 12, 12)], value: '88.88', @@ -182,20 +182,20 @@ export default { textareaValue: 'OpenTiny 是一套企业级组件库解决方案，适配 PC 端 / 移动端等多端，涵盖 Vue2 / Vue3 / Angular 多技术栈，拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具，可帮助开发者高效开发 Web 应用。', checked: true, - checkedArr: ['复选框1'], + checkedArr: ['复选框 1'], rate1: 2, passwordValue: '12345', restaurants: [ { - value: 'GFD科技有限公司', + value: 'GFD 科技有限公司', address: '福州' }, { - value: 'WWWW科技有限公司', + value: 'WWWW 科技有限公司', address: '深圳福田区' } ], - autocompleteValue: 'GFD科技有限公司' + autocompleteValue: 'GFD 科技有限公司' } } }, diff --git a/examples/sites/demos/pc/app/form/error-slot-composition-api.vue b/examples/sites/demos/pc/app/form/error-slot-composition-api.vue index 22f1049a0d..6ced54d183 100644 --- a/examples/sites/demos/pc/app/form/error-slot-composition-api.vue +++ b/examples/sites/demos/pc/app/form/error-slot-composition-api.vue @@ -42,12 +42,12 @@ const createData = ref({ const rules = ref({ name: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], age: { required: true }, nickname: [ { required: true, message: '昵称必填' }, - { min: 2, max: 11, message: '昵称长度必须不小于2切不大于11', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '昵称长度必须不小于 2 切不大于 11', trigger: ['change', 'blur'] } ] }) diff --git a/examples/sites/demos/pc/app/form/error-slot.vue b/examples/sites/demos/pc/app/form/error-slot.vue index 64a2945fcb..62f4f5cd22 100644 --- a/examples/sites/demos/pc/app/form/error-slot.vue +++ b/examples/sites/demos/pc/app/form/error-slot.vue @@ -52,12 +52,12 @@ export default { message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], age: { required: true }, nickname: [ { required: true, message: '昵称必填' }, - { min: 2, max: 11, message: '昵称长度必须不小于2切不大于11', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '昵称长度必须不小于 2 切不大于 11', trigger: ['change', 'blur'] } ] } } diff --git a/examples/sites/demos/pc/app/form/extra-tip-composition-api.vue b/examples/sites/demos/pc/app/form/extra-tip-composition-api.vue index a9caef7464..ad580f247c 100644 --- a/examples/sites/demos/pc/app/form/extra-tip-composition-api.vue +++ b/examples/sites/demos/pc/app/form/extra-tip-composition-api.vue @@ -26,7 +26,7 @@ const createData = ref({ const rules = ref({ name: [ { required: true, message: '必填' }, - { min: 2, max: 11, message: '长度必须不小于2' } + { min: 2, max: 11, message: '长度必须不小于 2' } ], age: { required: true } }) diff --git a/examples/sites/demos/pc/app/form/extra-tip.vue b/examples/sites/demos/pc/app/form/extra-tip.vue index ef5d258892..7ef434dd67 100644 --- a/examples/sites/demos/pc/app/form/extra-tip.vue +++ b/examples/sites/demos/pc/app/form/extra-tip.vue @@ -33,7 +33,7 @@ export default { rules: { name: [ { required: true, message: '必填' }, - { min: 2, max: 11, message: '长度必须不小于2' } + { min: 2, max: 11, message: '长度必须不小于 2' } ], age: { required: true } } diff --git a/examples/sites/demos/pc/app/form/form-disabled-composition-api.vue b/examples/sites/demos/pc/app/form/form-disabled-composition-api.vue index 318e3bcb98..053c101255 100644 --- a/examples/sites/demos/pc/app/form/form-disabled-composition-api.vue +++ b/examples/sites/demos/pc/app/form/form-disabled-composition-api.vue @@ -14,7 +14,7 @@ 复选框 - 复选框2 + 复选框 2 @@ -118,7 +118,7 @@ const createData = reactive({ dropTimes: '', input: '', autocomplete: '', - groupChecked: ['复选框1'], + groupChecked: ['复选框 1'], ipAddress: '192.168.0.1', popEditor: '', select: '', @@ -129,29 +129,29 @@ const createData = reactive({ const formDisabled = ref(false) const restaurants = ref([ { - value: 'GFD科技YX公司', + value: 'GFD 科技 YX 公司', address: '福州' }, { - value: 'WWWW科技YX公司', + value: 'WWWW 科技 YX 公司', address: '深圳福田区' }, { - value: 'RFV有限责任公司', + value: 'RFV 有限责任公司', address: '中山市' } ]) const selectOptions = ref([ { - value: '选项1', + value: '选项 1', label: '黄金糕' }, { - value: '选项2', + value: '选项 2', label: '双皮奶' }, { - value: '选项3', + value: '选项 3', label: '蚵仔煎' } ]) @@ -186,19 +186,19 @@ const gridOp = ref({ data: [ { id: '1', - name: 'GFD科技YX公司', + name: 'GFD 科技 YX 公司', city: '福州', province: '福建' }, { id: '2', - name: 'WWW科技YX公司', + name: 'WWW 科技 YX 公司', city: '深圳', province: '广东' }, { id: '3', - name: 'RFV有限责任公司', + name: 'RFV 有限责任公司', city: '中山', province: '广东' } diff --git a/examples/sites/demos/pc/app/form/form-disabled.spec.js b/examples/sites/demos/pc/app/form/form-disabled.spec.js index 55491ce7d3..4f1b13345e 100644 --- a/examples/sites/demos/pc/app/form/form-disabled.spec.js +++ b/examples/sites/demos/pc/app/form/form-disabled.spec.js @@ -35,7 +35,7 @@ test('测试表单禁用', async ({ page }) => { await expect(formItem.nth(15).locator('input')).toBeDisabled() await expect(formItem.nth(16).locator('input').first()).toBeDisabled() await expect(formItem.nth(17).locator('input').first()).toBeDisabled() - // 尝试拖到滑块,应是无法拖动状态 + // 尝试拖到滑块，应是无法拖动状态 const { x, y, height } = await slider.boundingBox() await page.mouse.move(x, y + height / 2) await page.mouse.down() @@ -62,7 +62,7 @@ test('测试表单禁用', async ({ page }) => { await expect(formItem.nth(15).locator('input')).not.toBeDisabled() await expect(formItem.nth(16).locator('input').first()).not.toBeDisabled() await expect(formItem.nth(17).locator('input').first()).not.toBeDisabled() - // 尝试拖到滑块,应是可以拖动状态 + // 尝试拖到滑块，应是可以拖动状态 const sliderBox = await slider.boundingBox() await page.mouse.move(sliderBox.x, sliderBox.y + sliderBox.height / 2) await page.mouse.down() diff --git a/examples/sites/demos/pc/app/form/form-disabled.vue b/examples/sites/demos/pc/app/form/form-disabled.vue index 7b54483f5f..b81f3b98d0 100644 --- a/examples/sites/demos/pc/app/form/form-disabled.vue +++ b/examples/sites/demos/pc/app/form/form-disabled.vue @@ -14,7 +14,7 @@ 复选框 - 复选框2 + 复选框 2 @@ -143,7 +143,7 @@ export default { dropTimes: '', input: '', autocomplete: '', - groupChecked: ['复选框1'], + groupChecked: ['复选框 1'], ipAddress: '192.168.0.1', popEditor: '', select: '', @@ -154,29 +154,29 @@ export default { formDisabled: false, restaurants: [ { - value: 'GFD科技YX公司', + value: 'GFD 科技 YX 公司', address: '福州' }, { - value: 'WWWW科技YX公司', + value: 'WWWW 科技 YX 公司', address: '深圳福田区' }, { - value: 'RFV有限责任公司', + value: 'RFV 有限责任公司', address: '中山市' } ], selectOptions: [ { - value: '选项1', + value: '选项 1', label: '黄金糕' }, { - value: '选项2', + value: '选项 2', label: '双皮奶' }, { - value: '选项3', + value: '选项 3', label: '蚵仔煎' } ], @@ -211,19 +211,19 @@ export default { data: [ { id: '1', - name: 'GFD科技YX公司', + name: 'GFD 科技 YX 公司', city: '福州', province: '福建' }, { id: '2', - name: 'WWW科技YX公司', + name: 'WWW 科技 YX 公司', city: '深圳', province: '广东' }, { id: '3', - name: 'RFV有限责任公司', + name: 'RFV 有限责任公司', city: '中山', province: '广东' } diff --git a/examples/sites/demos/pc/app/form/form-row-col-composition-api.vue b/examples/sites/demos/pc/app/form/form-row-col-composition-api.vue index 10561b95f6..2bba242831 100644 --- a/examples/sites/demos/pc/app/form/form-row-col-composition-api.vue +++ b/examples/sites/demos/pc/app/form/form-row-col-composition-api.vue @@ -58,7 +58,7 @@ const createData = reactive({ const rules = ref({ users: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: 'blur' } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: 'blur' } ], datepicker: { type: 'date' }, url: { type: 'url' }, diff --git a/examples/sites/demos/pc/app/form/form-row-col.vue b/examples/sites/demos/pc/app/form/form-row-col.vue index 72c3dfacdb..233ad3020d 100644 --- a/examples/sites/demos/pc/app/form/form-row-col.vue +++ b/examples/sites/demos/pc/app/form/form-row-col.vue @@ -68,7 +68,7 @@ export default { rules: { users: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: 'blur' } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: 'blur' } ], datepicker: { type: 'date' }, url: { type: 'url' }, diff --git a/examples/sites/demos/pc/app/form/form-validate-field-composition-api.vue b/examples/sites/demos/pc/app/form/form-validate-field-composition-api.vue index 9b6741231b..c6116b1a43 100644 --- a/examples/sites/demos/pc/app/form/form-validate-field-composition-api.vue +++ b/examples/sites/demos/pc/app/form/form-validate-field-composition-api.vue @@ -34,7 +34,7 @@ const createData = reactive({ const rules = ref({ users: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], datepicker: { type: 'date', required: true }, url: { type: 'url', required: true } @@ -58,7 +58,7 @@ async function validateField() { if (errArray.length > 0) { // empty } else { - TinyModal.alert('日期和url通过校验') + TinyModal.alert('日期和 url 通过校验') } } diff --git a/examples/sites/demos/pc/app/form/form-validate-field.vue b/examples/sites/demos/pc/app/form/form-validate-field.vue index 8a4cc78d4a..f3b105c1dd 100644 --- a/examples/sites/demos/pc/app/form/form-validate-field.vue +++ b/examples/sites/demos/pc/app/form/form-validate-field.vue @@ -40,7 +40,7 @@ export default { rules: { users: [ { required: true, message: '必填', trigger: 'blur' }, - { min: 2, max: 11, message: '长度必须不小于2', trigger: ['change', 'blur'] } + { min: 2, max: 11, message: '长度必须不小于 2', trigger: ['change', 'blur'] } ], datepicker: { type: 'date' }, url: { type: 'url', required: true } @@ -58,7 +58,7 @@ export default { if (errArray.length > 0) { // empty } else { - TinyModal.alert('日期和url通过校验') + TinyModal.alert('日期和 url 通过校验') } }, clearValidate() { diff --git a/examples/sites/demos/pc/app/form/form-validation-composition-api.vue b/examples/sites/demos/pc/app/form/form-validation-composition-api.vue index 3a4ce463e7..7b076bc47e 100644 --- a/examples/sites/demos/pc/app/form/form-validation-composition-api.vue +++ b/examples/sites/demos/pc/app/form/form-validation-composition-api.vue @@ -1,7 +1,7 @@