@opentiny/vue-docs 2.2.5 → 2.2.7

package/demos/pc/app/milestone/solid-style-composition-api.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置solid值为{{ !isSolid }}</tiny-button>
+    <tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为{{ !isSolid }}</tiny-button>
     <tiny-milestone :data="milestoneData" :milestones-status="statusMap" :solid="isSolid"></tiny-milestone>
   </div>
 </template>
@@ -19,32 +19,32 @@ const statusMap = ref({
 })
 const milestoneData = ref([
   {
-    name: 'completed完成状态',
+    name: 'completed 完成状态',
     time: '2018-9-7',
     status: 'completed'
   },
   {
-    name: 'completed完成状态',
+    name: 'completed 完成状态',
     time: '2018-9-8',
     status: 'completed'
   },
   {
-    name: 'doing未完成状态',
+    name: 'doing 未完成状态',
     time: '2018-9-10',
     status: 'doing'
   },
   {
-    name: 'xxx未完成状态',
+    name: 'xxx 未完成状态',
     time: '2018-9-9',
     status: 'xxx'
   },
   {
-    name: 'back未完成状态',
+    name: 'back 未完成状态',
     time: '2018-9-11',
     status: 'back'
   },
   {
-    name: 'end未完成状态',
+    name: 'end 未完成状态',
     time: '2018-9-9',
     status: 'end'
   }

package/demos/pc/app/milestone/solid-style.spec.ts

@@ -4,7 +4,7 @@ test('实心显示', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).not.toBeNull())
   await page.goto('milestone#solid-style')
 
-  const button = page.getByRole('button').filter({ hasText: '设置solid值为true' })
+  const button = page.getByRole('button').filter({ hasText: '设置 solid 值为true' })
   const nodes = page.locator('.tiny-milestone__node')
   const nodeIcons = page.locator('.tiny-milestone__icon')
   const nodeLines = page.locator('.tiny-milestone__line')
@@ -52,12 +52,12 @@ test('实心显示', async ({ page }) => {
     }
   ]
   const titles = [
-    'completed完成状态',
-    'completed完成状态',
-    'doing未完成状态',
-    'xxx未完成状态',
-    'back未完成状态',
-    'end未完成状态'
+    'completed 完成状态',
+    'completed 完成状态',
+    'doing 未完成状态',
+    'xxx 未完成状态',
+    'back 未完成状态',
+    'end 未完成状态'
   ]
 
   await expect(nodes).toHaveCount(nodeCount)

package/demos/pc/app/milestone/solid-style.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置solid值为{{ !isSolid }}</tiny-button>
+    <tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为{{ !isSolid }}</tiny-button>
     <tiny-milestone :data="milestoneData" :milestones-status="statusMap" :solid="isSolid"></tiny-milestone>
   </div>
 </template>
@@ -25,32 +25,32 @@ export default {
       },
       milestoneData: [
         {
-          name: 'completed完成状态',
+          name: 'completed 完成状态',
           time: '2018-9-7',
           status: 'completed'
         },
         {
-          name: 'completed完成状态',
+          name: 'completed 完成状态',
           time: '2018-9-8',
           status: 'completed'
         },
         {
-          name: 'doing未完成状态',
+          name: 'doing 未完成状态',
           time: '2018-9-10',
           status: 'doing'
         },
         {
-          name: 'xxx未完成状态',
+          name: 'xxx 未完成状态',
           time: '2018-9-9',
           status: 'xxx'
         },
         {
-          name: 'back未完成状态',
+          name: 'back 未完成状态',
           time: '2018-9-11',
           status: 'back'
         },
         {
-          name: 'end未完成状态',
+          name: 'end 未完成状态',
           time: '2018-9-9',
           status: 'end'
         }

package/demos/pc/app/milestone/webdoc/milestone.js

@@ -62,26 +62,28 @@ export default {
       'demoId': 'data-field-mapping',
       'name': { 'zh-CN': '数据字段映射', 'en-US': 'Data Field Mapping' },
       'desc': {
-        'zh-CN': `自定义 <code>data</code> 属性的键名和键值：<br/>
+        'zh-CN': `
           <div class="tip custom-block"><p class="custom-block-title">
-          通过 <code>completed-field</code> 设置完成状态对应的键值，默认为 <code>completed</code> ；<br/>
+          自定义 <code>data</code> 属性的键名和键值：<br/> </p>
+          <code>completed-field</code> 设置完成状态对应的键值，默认为 <code>completed</code> ；<br/>
           <code>flag-field</code> 设置旗子信息数组对应的键名，默认为 <code>flags</code> ；<br/>
           <code>flag-content-field</code> 设置旗子描述对应的键名，默认为 <code>content</code> ；<br/>
           <code>flag-name-field</code> 设置旗子标题对应的键名，默认为 <code>name</code> ；<br/>
           <code>flag-status-field</code> 设置旗子状态对应的键名，默认为 <code>status</code> ；<br/>
           <code>name-field</code> 设置节点名称对应的键名，默认为 <code>name</code> ；<br/>
           <code>status-field</code> 设置节点状态对应的键名，默认为 <code>status</code> ；<br/>
-          <code>time-field</code> 设置节点时间对应的键名，默认为 <code>time</code> 。</p></div>`,
-        'en-US': `Customize the key names and values of <code>data</code> attributes:<br/>
+          <code>time-field</code> 设置节点时间对应的键名，默认为 <code>time</code> 。</div>`,
+        'en-US': `
           <div class="tip custom-block"><p class="custom-block-title">
-          Set the key value corresponding to the completion status through <code>completed-field</code> , which defaults to <code>completed</code> ;<br/>
+          Customize the key names and values of <code>data</code> attributes:<br/> </p>
+          <code>completed-field</code> Set the key value corresponding to the completion status, which defaults to <code>completed</code> ;<br/>
           <code>flag-field</code> Set the key name corresponding to the flag information array, which defaults to <code>flags</code> ;<br/>
           <code>flag-content-field</code> Set the key name corresponding to the flag description, which defaults to <code>content</code> ;<br/>
           <code>flag-name-field</code> Set the key name corresponding to the flag subtitle, which defaults to <code>name</code> ;<br/>
           <code>flag-status-field</code> Set the key name corresponding to the flag state, which defaults to <code>status</code> ;<br/>
           <code>name-field</code> Set the key name corresponding to the node name, which defaults to <code>name</code> ;<br/>
           <code>status-field</code> Set the key name corresponding to the node state, which defaults to <code>status</code> ;<br/>
-          <code>time-field</code> Set the key name corresponding to the node time, which defaults to <code>time</code> .</p> </div>`
+          <code>time-field</code> Set the key name corresponding to the node time, which defaults to <code>time</code> . </div>`
       },
       'codeFiles': ['data-field-mapping.vue']
     },
@@ -142,7 +144,8 @@ export default {
         },
         {
           'name': 'data',
-          'type': 'object | object[]',
+          'type': 'ICustomData | ICustomData[]',
+          'typeAnchorName': 'ICustomData',
           'defaultValue': '',
           'desc': {
             'zh-CN': '设置步骤条的数据，可自定义键值映射',
@@ -303,7 +306,8 @@ export default {
       'events': [
         {
           'name': 'click',
-          'type': '(index: number, node: object) => void',
+          'type': '(index: number, node: ICustomData) => void',
+          'typeAnchorName': 'ICustomData',
           'defaultValue': '',
           'desc': {
             'zh-CN': '节点的点击事件，参数（index:节点索引, node：节点数据信息）',
@@ -313,18 +317,20 @@ export default {
         },
         {
           'name': 'flagclick',
-          'type': '(index: number, node: object) => void',
+          'type': '(index: number, node: ICustomData) => void',
+          'typeAnchorName': 'ICustomData',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '[deprecated v3.5.0废弃，v3.17.0移除；移除原因：命名规范，建议使用flag-click代替]',
+            'zh-CN': '[使用flag-click代替， deprecated v3.5.0废弃，v3.17.0移除；移除原因：命名规范]',
             'en-US':
-              '[deprecated in v3.5.0 and removed in v3.17.0; Reason for removal: It is recommended that flag-click be used instead of flag-click]'
+              '[It is recommended that flag-click be used instead of flag-click, deprecated in v3.5.0 and removed in v3.17.0; Reason for removal: ]'
           },
           'demoId': 'milestone-events'
         },
         {
           'name': 'flag-click',
-          'type': '(index: number, node: object) => void',
+          'type': '(index: number, node: ICustomData) => void',
+          'typeAnchorName': 'ICustomData',
           'defaultValue': '',
           'desc': {
             'zh-CN': '旗子的点击事件，参数（index:旗子索引, node：旗子数据信息）',
@@ -376,6 +382,19 @@ interface IStatus {
   back: string
   end: string
   cancel: string
+}`
+    },
+    {
+      name: 'ICustomData',
+      type: 'interface',
+      code: `
+interface ICustomData { 
+  name?: string
+  time?: string
+  status?: string
+  flags?: string
+  content?: string
+  [propName: string]: string // 可自定义以上的默认属性
 }`
     }
   ]

package/demos/pc/app/modal/footer-btn-props-composition-api.vue

@@ -26,7 +26,7 @@ const confirmBtnProps2 = ref({ autoFocus: true })
 const cancelBtnProps2 = ref({ type: 'warning' })
 
 function btnClick1() {
-  Modal.confirm({
+  TinyModal.confirm({
     message: '自定义确定按钮和取消按钮props',
     confirmBtnProps: confirmBtnProps1.value,
     cancelBtnProps: cancelBtnProps1.value

package/demos/pc/app/modal/min-height.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('调整窗口大小后窗口显示的最小高度', async ({ page }) => {
+test('调整窗口后显示的最小高度', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('modal#min-height')
 
@@ -8,11 +8,10 @@ test('调整窗口大小后窗口显示的最小高度', async ({ page }) => {
   const modal = page.locator('.tiny-modal.active .tiny-modal__box')
   // 获取弹窗位置
   const { x, y, height } = await modal.boundingBox()
-
   // 开始横线拖动
   await page.mouse.move(x, y + height)
   await page.mouse.down()
-  await page.mouse.move(x, y + height - 1)
+  await page.mouse.move(x, y + 100)
   await page.mouse.move(x, y + height - 200)
   await page.mouse.up()
 

package/demos/pc/app/modal/min-width.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('调整窗口大小后窗口显示的最小宽度', async ({ page }) => {
+test('调整窗口后显示的最小宽度', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('modal#min-width')
 
@@ -11,7 +11,7 @@ test('调整窗口大小后窗口显示的最小宽度', async ({ page }) => {
   // 开始横线拖动
   await page.mouse.move(x, y)
   await page.mouse.down()
-  await page.mouse.move(x + 1, y)
+  await page.mouse.move(x + 100, y)
   await page.mouse.move(x + 300, y)
   await page.mouse.up()
 

package/demos/pc/app/modal/resize.spec.ts

@@ -13,7 +13,7 @@ test('调整窗口大小', async ({ page }) => {
   // 开始拖动放大
   await page.mouse.move(x, y)
   await page.mouse.down()
-  await page.mouse.move(x, y - 50)
+  await page.mouse.move(x + 100, y + 100)
   await page.mouse.move(x - 50, y)
   await expect(modal).toHaveClass(/is__drag/)
   await page.mouse.up()