fix(vue-renderless): [grid-select,guide,hrapprover,hrapprover,icon,icon-multicolor,image,infinite-scroll,input,ip-address,layout,link,link-menu,loading,locales,logon-user,logout,milestone,mind-map,modal,nav-menu,notify,numeric,pager,pop-upload,popconfirm,popeditor,popover,progress,qr-code,query-builder] fix site: Optimize site documentation typesetting

examples/sites/demos/pc/app/grid-select/config-composition-api.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：单选</p>
+    <p>场景 1：单选</p>
     <br />
     <tiny-grid-select
       v-model="valueSingle"
@@ -10,7 +10,7 @@
       :radio-config="radioConfig"
     ></tiny-grid-select>
     <br /><br />
-    <p>场景2：多选</p>
+    <p>场景 2：多选</p>
     <br />
     <tiny-grid-select
       v-model="valueMultiple"

examples/sites/demos/pc/app/grid-select/config.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：单选</p>
+    <p>场景 1：单选</p>
     <br />
     <tiny-grid-select
       v-model="valueSingle"
@@ -10,7 +10,7 @@
       :radio-config="radioConfig"
     ></tiny-grid-select>
     <br /><br />
-    <p>场景2：多选</p>
+    <p>场景 2：多选</p>
     <br />
     <tiny-grid-select
       v-model="valueMulti"

examples/sites/demos/pc/app/grid-select/remote-composition-api.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：单选</p>
+    <p>场景 1：单选</p>
     <br />
     <tiny-grid-select
       v-model="valueSingle"
@@ -10,7 +10,7 @@
       :remote-method="remoteMethod"
     ></tiny-grid-select>
     <br /><br />
-    <p>场景2：多选</p>
+    <p>场景 2：多选</p>
     <br />
     <tiny-grid-select
       v-model="valueMultiple"

examples/sites/demos/pc/app/grid-select/remote.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：单选</p>
+    <p>场景 1：单选</p>
     <br />
     <tiny-grid-select
       v-model="valueSingle"
@@ -10,7 +10,7 @@
       :remote-method="remoteMethod"
     ></tiny-grid-select>
     <br /><br />
-    <p>场景2：多选</p>
+    <p>场景 2：多选</p>
     <br />
     <tiny-grid-select
       v-model="valueMultiple"

examples/sites/demos/pc/app/grid-select/webdoc/grid-select.js

@@ -51,7 +51,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>同时使用 <code>remote</code> 和 <code>remote-method</code> 和 <code>filterable</code> 3个属性开启远程搜索。通过 <code>remote-config</code> 设置自动搜索和显示展开按钮。<br>在多选模式下，可通过 <code>reserve-keyword</code> 设置选中一个选项后依然保留搜索关键字。</p>',
+          '<p>同时使用 <code>remote</code> 和 <code>remote-method</code> 和 <code>filterable</code> 3 个属性开启远程搜索。通过 <code>remote-config</code> 设置自动搜索和显示展开按钮。<br>在多选模式下，可通过 <code>reserve-keyword</code> 设置选中一个选项后依然保留搜索关键字。</p>',
         'en-US': ''
       },
       codeFiles: ['remote.vue']

examples/sites/demos/pc/app/guide/arrow-position-composition-api.vue

@@ -31,7 +31,7 @@ const showStep3 = ref(false)
 const showStep4 = ref(false)
 const data1 = ref([
   {
-    title: '新手引导标题1',
+    title: '新手引导标题 1',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
     domElement: '.demo-guide-arrow-position',
     button: [
@@ -44,7 +44,7 @@ const data1 = ref([
 ])
 const data2 = ref([
   {
-    title: '新手引导标题2',
+    title: '新手引导标题 2',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
     domElement: '.demo-guide-arrow-position',
     button: [
@@ -57,7 +57,7 @@ const data2 = ref([
 ])
 const data3 = ref([
   {
-    title: '新手引导标题3',
+    title: '新手引导标题 3',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
     domElement: '.demo-guide-arrow-position',
     button: [
@@ -71,7 +71,7 @@ const data3 = ref([
 const data4 = ref([
   {
     popPosition: 'top',
-    title: '新手引导标题4',
+    title: '新手引导标题 4',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
     domElement: '.demo-guide-arrow-position',
     button: [

examples/sites/demos/pc/app/guide/arrow-position.vue

@@ -38,7 +38,7 @@ export default {
       showStep4: false,
       data1: [
         {
-          title: '新手引导标题1',
+          title: '新手引导标题 1',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
           domElement: '.demo-guide-arrow-position',
           button: [
@@ -51,7 +51,7 @@ export default {
       ],
       data2: [
         {
-          title: '新手引导标题2',
+          title: '新手引导标题 2',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
           domElement: '.demo-guide-arrow-position',
           button: [
@@ -64,7 +64,7 @@ export default {
       ],
       data3: [
         {
-          title: '新手引导标题3',
+          title: '新手引导标题 3',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
           domElement: '.demo-guide-arrow-position',
           button: [
@@ -78,7 +78,7 @@ export default {
       data4: [
         {
           popPosition: 'top',
-          title: '新手引导标题4',
+          title: '新手引导标题 4',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案',
           domElement: '.demo-guide-arrow-position',
           button: [

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

@@ -17,7 +17,7 @@ import { TinyGuide, TinyButton, TinyDivider } from '@opentiny/vue'
 const showStep = ref(false)
 const domData = ref([
   {
-    title: '新手引导标题1',
+    title: '新手引导标题 1',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案',
     domElement: '.guide-box1',
     button: [
@@ -28,7 +28,7 @@ const domData = ref([
     ]
   },
   {
-    title: '新手引导标题2',
+    title: '新手引导标题 2',
     text: '<div class="scrollBox" style="height:254px">这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案</div>',
     domElement: '.guide-box2',
     button: [

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

@@ -6,15 +6,15 @@ test('基础用法', async ({ page }) => {
 
   const activeDom = page.getByRole('button', { name: '基础新手引导' })
   const startGuide = page.getByRole('button', { name: '开始引导' })
-  const step1 = page.getByRole('heading', { name: '新手引导标题1' })
-  const step2 = page.getByRole('heading', { name: '新手引导标题2' })
+  const step1 = page.getByRole('heading', { name: '新手引导标题 1' })
+  const step2 = page.getByRole('heading', { name: '新手引导标题 2' })
   const step3 = page.getByRole('dialog').locator('div').nth(2)
   const next = page.getByRole('button', { name: '下一步' })
   const finished = page.getByRole('button', { name: '完成' })
   const showBtn = page.getByRole('button', { name: '带滚动条新手引导' })
   const closeBtn = page.getByRole('button', { name: 'Close Tour' })
 
-  // 打开页面即显示guide
+  // 打开页面即显示 guide
   await expect(activeDom).toBeVisible()
   await startGuide.click()
 

examples/sites/demos/pc/app/guide/basic-usage.vue

@@ -24,7 +24,7 @@ export default {
       showStep: false,
       domData: [
         {
-          title: '新手引导标题1',
+          title: '新手引导标题 1',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案',
           domElement: '.guide-box1',
           button: [
@@ -35,7 +35,7 @@ export default {
           ]
         },
         {
-          title: '新手引导标题2',
+          title: '新手引导标题 2',
           text: '<div class="scrollBox" style="height:254px">这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案</div>',
           domElement: '.guide-box2',
           button: [

examples/sites/demos/pc/app/guide/callback-composition-api.vue

@@ -21,7 +21,7 @@ const showStep = ref(false)
 const label = ref('')
 const domData = ref([
   {
-    title: '新手引导标题1',
+    title: '新手引导标题 1',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e1',
     button: [
@@ -35,7 +35,7 @@ const domData = ref([
     }
   },
   {
-    title: '新手引导标题2',
+    title: '新手引导标题 2',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e2',
     button: [
@@ -54,7 +54,7 @@ const domData = ref([
     }
   },
   {
-    title: '新手引导标题3',
+    title: '新手引导标题 3',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e3',
     button: [
@@ -73,7 +73,7 @@ const domData = ref([
     }
   },
   {
-    title: '新手引导标题4',
+    title: '新手引导标题 4',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e4',
     button: [
@@ -96,7 +96,7 @@ const domData = ref([
     }
   },
   {
-    title: '新手引导标题5',
+    title: '新手引导标题 5',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e5',
     button: [
@@ -115,7 +115,7 @@ const domData = ref([
     }
   },
   {
-    title: '新手引导标题6',
+    title: '新手引导标题 6',
     text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
     domElement: '.e6',
     button: [

examples/sites/demos/pc/app/guide/callback.spec.ts

@@ -14,27 +14,27 @@ test('窗口的事件回调', async ({ page }) => {
 
   await start.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题1/)
+  await expect(guide).toHaveText(/新手引导标题 1/)
   await expect(text).toHaveText(/展示之前/)
 
   await showBtn.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题2/)
+  await expect(guide).toHaveText(/新手引导标题 2/)
   await expect(text.nth(2)).toHaveText(/下一步/)
 
   await nextBtn.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题3/)
+  await expect(guide).toHaveText(/新手引导标题 3/)
   await expect(text.nth(4)).toHaveText(/下一步/)
 
   await nextBtn.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题4/)
+  await expect(guide).toHaveText(/新手引导标题 4/)
   await expect(text.nth(6)).toHaveText(/隐藏/)
 
   await nextBtn.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题5/)
+  await expect(guide).toHaveText(/新手引导标题 5/)
   await expect(text.nth(9)).toHaveText(/下一步/)
 
   await cancelBtn.click()
@@ -47,7 +47,7 @@ test('窗口的事件回调', async ({ page }) => {
   await nextBtn.click()
   await nextBtn.click()
   await expect(guide).toBeVisible()
-  await expect(guide).toHaveText(/新手引导标题6/)
+  await expect(guide).toHaveText(/新手引导标题 6/)
   await expect(text.nth(11)).toHaveText(/完成/)
   await completeBtn.click()
   await expect(guide).toBeHidden()

examples/sites/demos/pc/app/guide/callback.vue

@@ -27,7 +27,7 @@ export default {
       label: '',
       domData: [
         {
-          title: '新手引导标题1',
+          title: '新手引导标题 1',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e1',
           button: [
@@ -41,7 +41,7 @@ export default {
           }
         },
         {
-          title: '新手引导标题2',
+          title: '新手引导标题 2',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e2',
           button: [
@@ -60,7 +60,7 @@ export default {
           }
         },
         {
-          title: '新手引导标题3',
+          title: '新手引导标题 3',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e3',
           button: [
@@ -79,7 +79,7 @@ export default {
           }
         },
         {
-          title: '新手引导标题4',
+          title: '新手引导标题 4',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e4',
           button: [
@@ -102,7 +102,7 @@ export default {
           }
         },
         {
-          title: '新手引导标题5',
+          title: '新手引导标题 5',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e5',
           button: [
@@ -121,7 +121,7 @@ export default {
           }
         },
         {
-          title: '新手引导标题6',
+          title: '新手引导标题 6',
           text: '这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是新手引导文案这里是是新手引导',
           domElement: '.e6',
           button: [

examples/sites/demos/pc/app/guide/highlight-box-composition-api.vue

@@ -5,9 +5,9 @@
         <tiny-button type="primary" @click="stepStart">开始引导</tiny-button>
         <tiny-divider color="var(--ti-common-color-line-dividing)"></tiny-divider>
         <div>
-          <tiny-button plain class="hight1">新手引导1</tiny-button>
-          <tiny-button plain class="hight2">新手引导2</tiny-button>
-          <tiny-button plain class="hight3">新手引导3</tiny-button>
+          <tiny-button plain class="hight1">新手引导 1</tiny-button>
+          <tiny-button plain class="hight2">新手引导 2</tiny-button>
+          <tiny-button plain class="hight3">新手引导 3</tiny-button>
         </div>
         <div>
           <tiny-alert class="hight4" :closable="false" description="type 为默认值 info。"></tiny-alert>