fix(vue-renderless): [breadcrumb, bulletin-board, button, button-grou…

…p,calendar, calendar-view, card, carousel, cascader, cascader-panel, chart,checkbox, collapse, color-picker, color-select-panel,company,config-provider,container,crop,currency,date-picker,dept,dialog-box,dialog-select,directives,divider,drawer,drop-roles,drop-times,dropdown,espace,fall-menu,file-upload,filter-panel,float-button,floatbar,flowchart,fluent-editor,form,fullscreen] fix site: Optimize site documentation typesetting (#2709)

* feat(site):Optimize the typography of CJK characters, mix Chinese and English punctuation, and avoid excessive use of spaces for all Chinese text and comments within the site.

* feat(site):Optimize the typography of CJK characters, mix Chinese and English punctuation, and avoid excessive use of spaces for all Chinese text and comments within the site.

* fix(vue-renderless): [amount, anchor, area, autocomplete] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [base-select] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [base-select] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [base-select] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [breadcrumb, bulletin-board, button, button-group] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [calendar, calendar-view, card, carousel, cascader, cascader-panel, chart] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [checkbox, collapse, color-picker, color-select-panel,company,config-provider,container,crop,currency] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [breadcrumb, bulletin-board, button, button-group] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [date-picker,dept,dialog-box,dialog-select,directives,divider,drawer,drop-roles,drop-times,dropdown] fix site: Optimize site documentation typesetting

* fix(vue-renderless): [espace,fall-menu,file-upload,filter-panel,float-button,floatbar,flowchart,fluent-editor,form,fullscreen] fix site: Optimize site documentation typesetting

examples/sites/demos/pc/app/breadcrumb/base.spec.ts

@@ -9,7 +9,7 @@ test('Breadcrumb 基础用法', async ({ page }) => {
   const currentItem = breadcrumbItem.last()
   const separator = page.locator('.tiny-breadcrumb__separator')
 
-  // 面包屑导航、导航项出现,当前页导航加粗
+  // 面包屑导航、导航项出现，当前页导航加粗
   await expect(breadcrumb).toBeVisible()
   await expect(breadcrumbItem).toHaveCount(3)
   await expect(currentItem.last().locator('.is-link')).toHaveCSS('font-weight', '600')

examples/sites/demos/pc/app/breadcrumb/options.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('Breadcrumb options配置', async ({ page }) => {
+test('Breadcrumb options 配置', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('breadcrumb#options')
 
@@ -9,7 +9,7 @@ test('Breadcrumb options配置', async ({ page }) => {
   const currentItem = breadcrumbItem.last()
   const separator = breadcrumb.locator('.tiny-breadcrumb__separator')
 
-  // 面包屑导航、导航项出现,当前页导航加粗
+  // 面包屑导航、导航项出现，当前页导航加粗
   await expect(breadcrumb).toBeVisible()
   await expect(breadcrumbItem).toHaveCount(3)
   await expect(currentItem.last().getByRole('link')).toHaveCSS('font-weight', '600')

examples/sites/demos/pc/app/breadcrumb/size.spec.ts

@@ -10,7 +10,7 @@ test('Breadcrumb 尺寸设置', async ({ page }) => {
   const currentItem = breadcrumbItem.last()
   const separator = page.locator('.tiny-breadcrumb__separator')
 
-  // 面包屑导航、导航项出现,当前页导航加粗
+  // 面包屑导航、导航项出现，当前页导航加粗
   await expect(breadcrumb).toBeVisible()
   await expect(breadcrumbItem).toHaveCount(3)
   await expect(currentItem.last().locator('.is-link')).toHaveCSS('font-weight', '600')

examples/sites/demos/pc/app/bulletin-board/events-composition-api.vue

@@ -88,7 +88,7 @@ const data = ref([
 ])
 function contentClick(item) {
   TinyModal.message({
-    message: '触发 contentClick 事件：内容为' + item.text,
+    message: '触发 contentClick 事件：内容为 ' + item.text,
     status: 'info'
   })
 }

examples/sites/demos/pc/app/bulletin-board/events.spec.ts

@@ -7,5 +7,5 @@ test('测试点击事件', async ({ page }) => {
   const modal = page.locator('.tiny-modal')
 
   await demo.getByRole('link', { name: 'TINY v2.1.3 版本' }).click()
-  await expect(modal.getByText('click 事件：内容为TINY v2.1.3 版本')).toBeVisible()
+  await expect(modal.getByText('click 事件：内容为 TINY v2.1.3 版本')).toBeVisible()
 })

examples/sites/demos/pc/app/bulletin-board/events.vue

@@ -96,7 +96,7 @@ export default {
   methods: {
     contentClick(item) {
       TinyModal.message({
-        message: '触发 contentClick 事件：内容为' + item.text,
+        message: '触发 contentClick 事件：内容为 ' + item.text,
         status: 'info'
       })
     }

examples/sites/demos/pc/app/bulletin-board/more-link.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('BulletinBoard 显示 “更多” 链接(', async ({ page }) => {
+test('BulletinBoard 显示“更多”链接 (', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('bulletin-board#more-link')
 

examples/sites/demos/pc/app/bulletin-board/route.spec.ts

@@ -1,12 +1,12 @@
 import { test, expect } from '@playwright/test'
 
-test('BulletinBoard 基于Route的跳转', async ({ page }) => {
+test('BulletinBoard 基于 Route 的跳转', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('bulletin-board#route')
 
   const preview = page.locator('#route')
   const contentTitle = preview.locator('.tiny-bulletin-board__textTitle')
 
-  // 判断a标签href属性值
+  // 判断 a 标签 href 属性值
   await expect(contentTitle).toHaveAttribute('href', '/#/Alert')
 })

examples/sites/demos/pc/app/bulletin-board/tab-title.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('BulletinBoard 选项卡标题(', async ({ page }) => {
+test('BulletinBoard 选项卡标题 (', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('bulletin-board#tab-title')
 

examples/sites/demos/pc/app/bulletin-board/title.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('BulletinBoard 公告牌标题(', async ({ page }) => {
+test('BulletinBoard 公告牌标题 (', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('bulletin-board#title')
 

examples/sites/demos/pc/app/bulletin-board/url.spec.ts

@@ -1,12 +1,12 @@
 import { test, expect } from '@playwright/test'
 
-test('BulletinBoard 基于Url的跳转', async ({ page }) => {
+test('BulletinBoard 基于 Url 的跳转', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('bulletin-board#url')
 
   const preview = page.locator('#url')
   const contentTitle = preview.locator('.tiny-bulletin-board__textTitle')
 
-  // a标签href属性值
+  // a 标签 href 属性值
   await expect(contentTitle).toHaveAttribute('href', 'localhost:3000/#/webcore/zh-CN/guide/changelog')
 })

examples/sites/demos/pc/app/bulletin-board/webdoc/bulletin-board.js

@@ -56,7 +56,7 @@ export default {
     {
       demoId: 'url',
       name: {
-        'zh-CN': '基于Url的跳转',
+        'zh-CN': '基于 Url 的跳转',
         'en-US': 'URL-based redirection'
       },
       desc: {
@@ -70,7 +70,7 @@ export default {
     {
       demoId: 'route',
       name: {
-        'zh-CN': '基于Route的跳转',
+        'zh-CN': '基于 Route 的跳转',
         'en-US': 'Route-based redirection'
       },
       desc: {
@@ -82,7 +82,7 @@ export default {
     {
       demoId: 'more-link',
       name: {
-        'zh-CN': '显示 “更多” 链接',
+        'zh-CN': '显示“更多”链接',
         'en-US': 'Show More links'
       },
       desc: {

examples/sites/demos/pc/app/button-group/change-event-composition-api.vue

@@ -16,6 +16,6 @@ const groupData = ref([
 ])
 
 function handleChange(val) {
-  TinyModal.message({ message: `change事件触发了，选中值为${val}`, status: 'info' })
+  TinyModal.message({ message: `change 事件触发了，选中值为 ${val}`, status: 'info' })
 }
 </script>

examples/sites/demos/pc/app/button-group/change-event.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('按钮组change事件', async ({ page }) => {
+test('按钮组 change 事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('button-group#change-event')
 
@@ -9,7 +9,7 @@ test('按钮组change事件', async ({ page }) => {
   const modal = page.locator('.tiny-modal')
 
   await btn.nth(1).click()
-  await expect(modal.filter({ hasText: 'change事件触发了，选中值为Button2' })).toBeVisible()
+  await expect(modal.filter({ hasText: 'change 事件触发了，选中值为 Button2' })).toBeVisible()
   await btn.nth(2).click()
-  await expect(modal.filter({ hasText: 'change事件触发了，选中值为Button3' })).toBeVisible()
+  await expect(modal.filter({ hasText: 'change 事件触发了，选中值为 Button3' })).toBeVisible()
 })

examples/sites/demos/pc/app/button-group/change-event.vue

@@ -23,7 +23,7 @@ export default {
   },
   methods: {
     handleChange(val) {
-      TinyModal.message({ message: `change事件触发了，选中值为${val}`, status: 'info' })
+      TinyModal.message({ message: `change 事件触发了，选中值为 ${val}`, status: 'info' })
     }
   }
 }

examples/sites/demos/pc/app/button-group/disabled-composition-api.vue

@@ -22,7 +22,7 @@ const groupData = ref([
 
 const disabledGroup = ref([
   { text: 'Button1', value: 1 },
-  { text: 'Button2', value: 2, disabled: true, tip: '因为xxx原因被禁用' },
+  { text: 'Button2', value: 2, disabled: true, tip: '因为 xxx 原因被禁用' },
   { text: 'Button3', value: 3 }
 ])
 </script>

examples/sites/demos/pc/app/button-group/disabled.spec.ts

@@ -26,5 +26,5 @@ test('测试按钮是否禁用', async ({ page }) => {
 
   // 按钮悬浮提示
   await buttonGroup3.locator('button').nth(1).hover()
-  await expect(page.getByText('因为xxx原因被禁用')).toBeVisible()
+  await expect(page.getByText('因为 xxx 原因被禁用')).toBeVisible()
 })

examples/sites/demos/pc/app/button-group/disabled.vue

@@ -26,7 +26,7 @@ export default {
       ],
       disabledGroup: [
         { text: 'Button1', value: 1 },
-        { text: 'Button2', value: 2, disabled: true, tip: '因为xxx原因被禁用' },
+        { text: 'Button2', value: 2, disabled: true, tip: '因为 xxx 原因被禁用' },
         { text: 'Button3', value: 3 }
       ]
     }

examples/sites/demos/pc/app/button-group/sup-composition-api.vue

@@ -55,7 +55,7 @@ const groupData = ref([
     value: 'Button3',
     sup: {
       class: 'sup-text',
-      text: '8折'
+      text: '8 折'
     }
   },
   {
@@ -64,7 +64,7 @@ const groupData = ref([
     sup: {
       slot: 'button4',
       class: 'sup-slot',
-      text: '8折'
+      text: '8 折'
     }
   }
 ])

examples/sites/demos/pc/app/button-group/sup.spec.ts

@@ -21,12 +21,12 @@ test('测试选块角标', async ({ page }) => {
 
   // 测试文字角标
   const sup3 = getSup(item.nth(2))
-  await expect(sup3).toHaveText('8折')
+  await expect(sup3).toHaveText('8 折')
   await expect(sup3).toHaveClass(/tiny-group-item__sup-text/)
 
   // 测试自定义角标
   const sup4 = getSup(item.nth(3))
   await expect(sup4.locator('svg')).toBeVisible()
-  await expect(sup4).toHaveText('8折')
+  await expect(sup4).toHaveText('8 折')
   await expect(sup4).toHaveClass(/sup-slot/)
 })

examples/sites/demos/pc/app/button-group/sup.vue

@@ -62,7 +62,7 @@ export default {
           value: 'Button3',
           sup: {
             class: 'sup-text',
-            text: '8折'
+            text: '8 折'
           }
         },
         {
@@ -71,7 +71,7 @@ export default {
           sup: {
             slot: 'button4',
             class: 'sup-slot',
-            text: '8折'
+            text: '8 折'
           }
         }
       ],

examples/sites/demos/pc/app/button-group/webdoc/button-group.js

@@ -37,7 +37,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>disabled</code> 设置按钮组是否禁用，数据项设置 <code>disabled</code> 属性可以禁用单个按钮，数据项设置 <code>tip</code> 属性(v3.17.0版本增加此功能)增加按钮悬浮提示功能。</p>',
+          '<p>通过 <code>disabled</code> 设置按钮组是否禁用，数据项设置 <code>disabled</code> 属性可以禁用单个按钮，数据项设置 <code>tip</code> 属性 (v3.17.0 版本增加此功能) 增加按钮悬浮提示功能。</p>',
         'en-US':
           '<p>You can set whether to disable the button group through <code>disabled</code>. You can set the <code>disabled</code> attribute to disable a single button. You can set the <code>tip</code> attribute to add the reason for disabling the button. </p></p>'
       },

examples/sites/demos/pc/app/button/reset-time.spec.ts

@@ -10,7 +10,7 @@ test('测试按钮禁用事件', async ({ page }) => {
   const noDisabled = demo.getByRole('button', { name: '无禁用' })
   const fiveSecondDisabled = demo.getByRole('button', { name: '禁用 5 秒' })
 
-  // 默认禁用1S
+  // 默认禁用 1S
   await defalutDisabled.click()
   await expect(defalutDisabled).toBeDisabled()
   await page.waitForTimeout(1000)
@@ -20,7 +20,7 @@ test('测试按钮禁用事件', async ({ page }) => {
   await noDisabled.click()
   await expect(noDisabled).not.toBeDisabled()
 
-  // 自定义禁用5s
+  // 自定义禁用 5s
   await fiveSecondDisabled.click()
   await expect(fiveSecondDisabled).toBeDisabled()
   await page.waitForTimeout(5000)

examples/sites/demos/pc/app/calendar-view/basic-usage-composition-api.vue

@@ -8,63 +8,63 @@ import { TinyCalendarView } from '@opentiny/vue'
 
 const eventslist = ref([
   {
-    title: '前端周会1',
+    title: '前端周会 1',
     start: '2023-05-15 8:30:00',
     end: '2023-05-15 9:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'blue'
   },
   {
-    title: '前端周会2',
+    title: '前端周会 2',
     start: '2023-05-15 10:00:00',
     end: '2023-05-15 12:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'green'
   },
   {
-    title: '前端周会2-1',
+    title: '前端周会 2-1',
     start: '2023-05-15 13:00:00',
     end: '2023-05-15 15:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'red'
   },
   {
-    title: '前端周会3',
+    title: '前端周会 3',
     start: '2023-05-16 9:00:00',
     end: '2023-05-16 10:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'yellow'
   },
   {
-    title: '前端周会4',
+    title: '前端周会 4',
     start: '2023-05-16 11:00:00',
     end: '2023-05-16 14:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'purple'
   },
   {
-    title: '前端周会5',
+    title: '前端周会 5',
     start: '2023-05-25 8:00:00',
     end: '2023-05-25 9:00:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'cyan'
   },
   {
-    title: '前端周会6',
+    title: '前端周会 6',
     start: '2023-05-26 8:00:00',
     end: '2023-05-26 11:30:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'blue'
   },
   {
-    title: '前端周会7',
+    title: '前端周会 7',
     start: '2023-05-27 8:30:00',
     end: '2023-05-27 9:30:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
     theme: 'blue'
   },
   {
-    title: '节假日25-28',
+    title: '节假日 25-28',
     start: '2023-05-25 10:30:00',
     end: '2023-05-28 03:30:00',
     content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',

examples/sites/demos/pc/app/calendar-view/basic-usage.spec.ts

@@ -4,14 +4,14 @@ test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('calendar-view#basic-usage')
   const demoPage = page.locator('#basic-usage')
-  const fixWeek2 = page.getByText('前端周会2').first()
-  const popWeek2 = page.locator('.title').filter({ hasText: '前端周会2' })
+  const fixWeek2 = page.getByText('前端周会 2').first()
+  const popWeek2 = page.locator('.title').filter({ hasText: '前端周会 2' })
   // 校验固定内容
   await expect(demoPage).toHaveText(/15前端周会2前端周会2-1前端周会1/)
   await expect(demoPage).toHaveText(/16前端周会4前端周会3/)
   await expect(demoPage).toHaveText(/25节假日25-28前端周会5/)
   await expect(demoPage.locator('.events-end').first()).toHaveClass(/bg-green/)
-  // 校验hover弹出框
+  // 校验 hover 弹出框
   await fixWeek2.hover()
   await page.waitForTimeout(200)
   await expect(popWeek2).toBeVisible()