@opentiny/vue-docs 2.2.5 → 2.2.7

package/demos/pc/app/link-menu/data-resource.spec.ts

@@ -4,19 +4,12 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
   test('弹框功能是否正常', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('link-menu#data-resource')
-    const preview = page.locator('#preview')
-    const dialogBox = preview.locator('.tiny-dialog-box')
+    const dialogBox = page.locator('.tiny-dialog-box')
     // 点击图标弹出对话框
-    await preview.getByRole('button').click()
+    await page.locator('#data-resource').getByRole('button').click()
     // 弹框应该可见
     await expect(dialogBox).toBeVisible()
     // 关闭弹框
-    await page.getByRole('button', { name: 'Close' }).click()
-    // 弹框应该不可见
-    await expect(dialogBox).toBeHidden()
-    // 点击图标弹出对话框
-    await preview.getByRole('button').click()
-    // 点击取消按钮
     await page.getByRole('button', { name: '取消' }).click()
     // 弹框应该不可见
     await expect(dialogBox).toBeHidden()
@@ -24,13 +17,12 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
 
   test('菜单内容超长时换行显示、收藏菜单标题', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('link-menu#data-resource2')
-    const preview = page.locator('#preview')
-    const dialogBox = preview.locator('.tiny-dialog-box')
-    const dialogBoxTitle = preview.locator('.tiny-dialog-box__header .tiny-dialog-box__title')
-    const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__wrap > div')
+    await page.goto('link-menu#data-resource')
+    const dialogBox = page.locator('.tiny-dialog-box')
+    const dialogBoxTitle = page.locator('.tiny-dialog-box__header .tiny-dialog-box__title')
+    const linkMenuList = page.locator('.tiny-tree.tiny-link-menu__wrap > div')
     // 点击图标弹出对话框
-    await preview.getByRole('button').click()
+    await page.locator('#data-resource').getByRole('button').click()
     // 弹框应该可见
     await expect(dialogBox).toBeVisible()
     // 自定义标题
@@ -40,9 +32,8 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
   })
 
   test('是否可以选中菜单项并展示', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('link-menu#data-resource1')
-    const preview = page.locator('#preview')
+    await page.goto('link-menu#data-resource')
+    const preview = page.locator('#data-resource')
     const dialogBox = preview.locator('.tiny-dialog-box')
     const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__wrap > div')
     // 点击图标弹出对话框

package/demos/pc/app/link-menu/get-menu-data-sync.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('自定义菜单数据服务', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('link-menu#get-menu-data-sync')
-  const preview = page.locator('#preview')
+  const preview = page.locator('#get-menu-data-sync')
   const dialogBox = preview.locator('.tiny-dialog-box')
   const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
   // 点击图标弹出对话框

package/demos/pc/app/link-menu/menu-items.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('可收藏栏目数', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('link-menu#menu-items')
-  const preview = page.locator('#preview')
+  const preview = page.locator('#menu-items')
   const dialogBox = preview.locator('.tiny-dialog-box')
   const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
   // 点击图标弹出对话框

package/demos/pc/app/link-menu/webdoc/link-menu.js

@@ -2,36 +2,16 @@ export default {
   column: '2',
   owner: '',
   demos: [
-    {
-      'demoId': 'data-resource1',
-      'name': { 'zh-CN': '数据源', 'en-US': 'Data Source' },
-      'desc': {
-        'zh-CN':
-          '<p>通过 <code>data</code> 属性设置菜单的数据源，同时在数据对象中可通过 <code>disabled</code> 设置该节点是否可被勾选。</p>\n',
-        'en-US':
-          '<p>Set the data source of the menu through the <code>data</code> attribute. In addition, you can set whether the node can be selected through <code>disabled</code> in the data object. </p>\n'
-      },
-      'codeFiles': ['data-resource.vue']
-    },
     {
       'demoId': 'data-resource',
-      'name': { 'zh-CN': '收藏菜单标题', 'en-US': 'Collection Menu Title' },
+      'name': { 'zh-CN': '菜单设置', 'en-US': 'Data Source' },
       'desc': {
-        'zh-CN': '<p>通过 <code>title</code> 属性定义收藏菜单标题。</p>\n',
-        'en-US': '<p>The <code>title</code> attribute defines the title of the favorites menu. </p>\n'
-      },
-      'codeFiles': ['data-resource.vue']
-    },
-    {
-      'demoId': 'data-resource2',
-      'name': {
-        'zh-CN': '菜单内容超长时换行显示',
-        'en-US': 'The menu content is displayed in a new line when it is too long.'
-      },
-      'desc': {
-        'zh-CN': '<p>通过 <code>wrap</code> 属性设置菜单内容超长时换行显示。</p>\n',
-        'en-US':
-          '<p>The <code>wrap</code> attribute is used to set the menu content to be displayed in a line wrap when the menu content is too long. </p>\n'
+        'zh-CN': `<p>通过 <code>data</code> 属性设置菜单的数据源，同时在数据对象中可通过 <code>disabled</code> 设置该节点是否可被勾选。</p>\n
+          <p>通过 <code>title</code> 属性定义收藏菜单标题。</p>\n
+          <p>通过 <code>wrap</code> 属性设置菜单内容超长时换行显示。</p>\n`,
+        'en-US': `<p>Set the data source of the menu through the <code>data</code> attribute. In addition, you can set whether the node can be selected through <code>disabled</code> in the data object. </p>\n
+          <p>The <code>title</code> attribute defines the title of the favorites menu. </p>\n
+          <p>The <code>wrap</code> attribute is used to set the menu content to be displayed in a line wrap when the menu content is too long. </p>\n`
       },
       'codeFiles': ['data-resource.vue']
     },
@@ -51,7 +31,7 @@ export default {
       'name': { 'zh-CN': '自定义菜单数据服务', 'en-US': 'Customized menu data service' },
       'desc': {
         'zh-CN': '<p>通过 <code>get-menu-data-sync</code> 自定义菜单数据服务。</p>\n',
-        'en-US': '<p>Customize the menu data service through <code>get-menu-data-sync</code> . </p>\n'
+        'en-US': '<p>Customize the menu data service through <code>get-menu-data-sync</code>. </p>\n'
       },
       'codeFiles': ['get-menu-data-sync.vue']
     },
@@ -68,7 +48,7 @@ export default {
     },
     {
       'demoId': 'custom-icon1',
-      'name': { 'zh-CN': '菜单内容超长时省略显示', 'en-US': 'Omitted if the menu content is too long.' },
+      'name': { 'zh-CN': '菜单内容超长时省略显示', 'en-US': 'Omitted if the menu content is too long' },
       'desc': {
         'zh-CN': '<p>通过 <code>ellipsis</code> 属性设置菜单内容超长时省略显示。</p>\n',
         'en-US':
@@ -92,12 +72,12 @@ export default {
     {
       'name': 'link-menu',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'data',
           'type': 'Array',
           'defaultValue': '',
-          'desc': { 'zh-CN': '设置收藏夹菜单的数据。', 'en-US': 'Set the data of the favorites menu.' },
+          'desc': { 'zh-CN': '设置收藏夹菜单的数据', 'en-US': 'Set the data of the favorites menu' },
           'demoId': 'data-resource1'
         },
         {
@@ -105,8 +85,8 @@ export default {
           'type': 'object',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '自定义节点展开折叠的图标。',
-            'en-US': 'Customize the icon for expanding and collapsing a node.'
+            'zh-CN': '自定义节点展开折叠的图标',
+            'en-US': 'Customize the icon for expanding and collapsing a node'
           },
           'demoId': 'custom-icon'
         },
@@ -115,8 +95,8 @@ export default {
           'type': 'number',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '设置可收藏的栏目的最大数量。',
-            'en-US': 'Set the maximum number of columns that can be added to favorites.'
+            'zh-CN': '设置可收藏的栏目的最大数量',
+            'en-US': 'Set the maximum number of columns that can be added to favorites'
           },
           'demoId': 'menu-items'
         },
@@ -125,8 +105,8 @@ export default {
           'type': 'string',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '设置收藏夹菜单的标题，默认为空。',
-            'en-US': 'Set the title of the favorites menu. The default value is null.'
+            'zh-CN': '设置收藏夹菜单的标题，默认为空',
+            'en-US': 'Set the title of the favorites menu. The default value is null'
           },
           'demoId': 'data-resource'
         },
@@ -135,9 +115,9 @@ export default {
           'type': 'boolean',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '设置打开菜单弹窗时默认是否展开所有节点，默认为 true 。',
+            'zh-CN': '设置打开菜单弹窗时默认是否展开所有节点，默认为 true',
             'en-US':
-              'Whether to expand all nodes by default when a menu pop-up window is opened. The default value is true.'
+              'Whether to expand all nodes by default when a menu pop-up window is opened. The default value is true'
           },
           'demoId': 'menu-items'
         },
@@ -145,7 +125,7 @@ export default {
           'name': 'search-icon',
           'type': 'object',
           'defaultValue': '',
-          'desc': { 'zh-CN': '自定义搜索图标。', 'en-US': 'Customize the search icon.' },
+          'desc': { 'zh-CN': '自定义搜索图标', 'en-US': 'Customize the search icon' },
           'demoId': 'custom-icon'
         },
         {
@@ -153,8 +133,8 @@ export default {
           'type': 'boolean',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '菜单内容超长时省略显示，默认为 true 。',
-            'en-US': 'Omitted if the menu content is too long. The default value is true.'
+            'zh-CN': '菜单内容超长时省略显示，默认为 true',
+            'en-US': 'Omitted if the menu content is too long. The default value is true'
           },
           'demoId': 'custom-icon1'
         },
@@ -163,8 +143,8 @@ export default {
           'type': 'boolean',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '菜单内容超长时换行显示，默认为 false 。',
-            'en-US': 'The menu content is displayed in a new line when it is too long. The default value is false.'
+            'zh-CN': '菜单内容超长时换行显示，默认为 false',
+            'en-US': 'The menu content is displayed in a new line when it is too long. The default value is false'
           },
           'demoId': 'data-resource'
         },
@@ -173,9 +153,9 @@ export default {
           'type': 'boolean',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '树节点勾选内容后，点击取消按钮，再次打开弹窗是否保留取消前勾选的内容的状态，默认为 true 。',
+            'zh-CN': '树节点勾选内容后，点击取消按钮，再次打开弹窗是否保留取消前勾选的内容的状态，默认为 true',
             'en-US':
-              'Whether to retain the status of the selected content after selecting content in the tree node, clicking Cancel, and opening the dialog box again. The default value is true.'
+              'Whether to retain the status of the selected content after selecting content in the tree node, clicking Cancel, and opening the dialog box again. The default value is true'
           },
           'demoId': ''
         },
@@ -185,7 +165,7 @@ export default {
           'defaultValue': '',
           'desc': {
             'zh-CN': '自定义菜单数据服务，直接返回数据',
-            'en-US': 'User-defined menu data service. Data is directly returned.'
+            'en-US': 'User-defined menu data service. Data is directly returned'
           },
           'demoId': 'get-menu-data-sync'
         }
@@ -206,8 +186,8 @@ export default {
           'type': '',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '获取选中的菜单节点并关闭菜单弹窗，同时展示选中的菜单。',
-            'en-US': 'Obtains the selected menu node, closes the menu pop-up window, and displays the selected menu.'
+            'zh-CN': '获取选中的菜单节点并关闭菜单弹窗，同时展示选中的菜单',
+            'en-US': 'Obtains the selected menu node, closes the menu pop-up window, and displays the selected menu'
           },
           'demoId': 'custom-foot'
         },
@@ -215,7 +195,7 @@ export default {
           'name': 'hideDialog',
           'type': '',
           'defaultValue': '',
-          'desc': { 'zh-CN': '关闭菜单弹窗。', 'en-US': 'Close the menu pop-up window.' },
+          'desc': { 'zh-CN': '关闭菜单弹窗', 'en-US': 'Close the menu pop-up window' },
           'demoId': 'custom-foot'
         }
       ]

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

@@ -62,8 +62,7 @@ export default {
       'demoId': 'fullscreen',
       'name': { 'zh-CN': '全屏加载', 'en-US': 'Fullscreen Loading' },
       'desc': {
-        'zh-CN':
-          `<p>
+        'zh-CN': `<p>
             <div>通过 <code>v-loading.lock.fullscreen</code> 指令添加修饰符进行全屏加载</div>
             <div>也能通过<code>Loading.service</code>并配置属性进行全屏加载</div>
           </p>`,
@@ -105,8 +104,7 @@ export default {
           'defaultValue': 'true',
           'desc': {
             'zh-CN': '属性为 true 显示全屏，同 v-loading 指令中的 fullscreen 修饰符',
-            'en-US':
-              'Set true to display the full screen. Same as the fullscreen modifier in the v-loading instruction'
+            'en-US': 'Set true to display the full screen. Same as the fullscreen modifier in the v-loading instruction'
           },
           'demoId': 'fullscreen'
         },
@@ -169,7 +167,7 @@ export default {
           'desc': { 'zh-CN': 'Loading 的自定义类名', 'en-US': 'User-defined loading class name' },
           'demoId': 'custom-class'
         }
-      ],
+      ]
     },
     {
       'name': 'loading',
@@ -226,8 +224,7 @@ export default {
           'desc': {
             'zh-CN': '命令修饰符：遮罩层是否在body上',
             'en-US': 'Command modifier: Whether the mask is on the body'
-          },
-          'demoId': 'fullscreen'
+          }
         },
         {
           'name': 'lock',
@@ -237,8 +234,8 @@ export default {
             'en-US': 'Command modifier: Whether to lock scroll in full screen'
           },
           'demoId': 'fullscreen'
-        },
-      ],
+        }
+      ]
     }
   ]
 }

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

@@ -38,7 +38,7 @@ export default {
     {
       'name': 'locales',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'local',
           'type': 'boolean',

package/demos/pc/app/logon-user/webdoc/logon-user.js

@@ -22,7 +22,7 @@ export default {
     {
       'name': 'logon-user',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'getUserInfo',
           'type': 'Function',

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

@@ -28,7 +28,7 @@ export default {
     {
       'name': 'logout',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'getLogoutUrl',
           'type': 'Function',

package/demos/pc/app/milestone/basic-usage-composition-api.vue

@@ -22,7 +22,7 @@ const statusMap = ref({
 // 数据源
 const milestoneData = ref([
   {
-    name: 'completed状态',
+    name: 'completed 状态',
     time: '2018-9-7',
     status: 'completed',
     flags: [
@@ -34,7 +34,7 @@ const milestoneData = ref([
     ]
   },
   {
-    name: 'completed状态',
+    name: 'completed 状态',
     time: '2018-9-8',
     status: 'completed',
     flags: [
@@ -44,9 +44,9 @@ const milestoneData = ref([
       }
     ]
   },
-  { name: 'doing状态', time: '2018-9-10', status: 'doing', content: null },
+  { name: 'doing 状态', time: '2018-9-10', status: 'doing', content: null },
   {
-    name: 'cancel状态',
+    name: 'cancel 状态',
     time: '2018-9-9',
     status: 'cancel',
     flags: [
@@ -61,9 +61,9 @@ const milestoneData = ref([
       }
     ]
   },
-  { name: 'back状态', time: '2018-9-11', status: 'back' },
+  { name: 'back 状态', time: '2018-9-11', status: 'back' },
   {
-    name: 'end状态',
+    name: 'end 状态',
     time: '2018-9-9',
     status: 'end',
     flags: [

package/demos/pc/app/milestone/basic-usage.spec.ts

@@ -53,7 +53,7 @@ test('基本用法', async ({ page }) => {
       'box-shadow': 'rgba(250, 173, 20, 0.4) 0px 0px 0px 4px'
     }
   ]
-  const titles = ['completed状态', 'completed状态', 'doing状态', 'cancel状态', 'back状态', 'end状态']
+  const titles = ['completed 状态', 'completed 状态', 'doing 状态', 'cancel 状态', 'back 状态', 'end 状态']
   const flagContents = [/引导用户按照流程完成任务/, /test7欢迎使用vui/, /test8/, /test6/]
   const flagLineColors = ['rgb(245, 34, 45)', 'rgb(245, 34, 45)', 'rgb(126, 211, 33)', 'rgb(94, 124, 224)']
 

package/demos/pc/app/milestone/basic-usage.vue

@@ -27,7 +27,7 @@ export default {
       // 数据源
       milestoneData: [
         {
-          name: 'completed状态',
+          name: 'completed 状态',
           time: '2018-9-7',
           status: 'completed',
           flags: [
@@ -39,7 +39,7 @@ export default {
           ]
         },
         {
-          name: 'completed状态',
+          name: 'completed 状态',
           time: '2018-9-8',
           status: 'completed',
           flags: [
@@ -49,9 +49,9 @@ export default {
             }
           ]
         },
-        { name: 'doing状态', time: '2018-9-10', status: 'doing', content: null },
+        { name: 'doing 状态', time: '2018-9-10', status: 'doing', content: null },
         {
-          name: 'cancel状态',
+          name: 'cancel 状态',
           time: '2018-9-9',
           status: 'cancel',
           flags: [
@@ -66,9 +66,9 @@ export default {
             }
           ]
         },
-        { name: 'back状态', time: '2018-9-11', status: 'back' },
+        { name: 'back 状态', time: '2018-9-11', status: 'back' },
         {
-          name: 'end状态',
+          name: 'end 状态',
           time: '2018-9-9',
           status: 'end',
           flags: [

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

@@ -15,32 +15,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: 'cancel未完成状态',
+    name: 'cancel 未完成状态',
     time: '2018-9-9',
     status: 'cancel'
   },
   {
-    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/line-style.vue

@@ -20,32 +20,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: 'cancel未完成状态',
+          name: 'cancel 未完成状态',
           time: '2018-9-9',
           status: 'cancel'
         },
         {
-          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/show-number-composition-api.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <tiny-button @click="handleClick(!showNum)" style="max-width: unset">设置show-number值为{{ !showNum }}</tiny-button>
+    <tiny-button @click="handleClick(!showNum)" style="max-width: unset"
+      >设置 show-number 值为{{ !showNum }}</tiny-button
+    >
     <tiny-milestone
       :data="milestoneData"
       :milestones-status="statusMap"
@@ -24,32 +26,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: 'cancel未完成状态',
+    name: 'cancel 未完成状态',
     time: '2018-9-9',
     status: 'cancel'
   },
   {
-    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/show-number.spec.ts

@@ -4,7 +4,7 @@ test('序号显示', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).not.toBeNull())
   await page.goto('milestone#show-number')
 
-  const button = page.getByRole('button').filter({ hasText: '设置show-number值为false' })
+  const button = page.getByRole('button').filter({ hasText: '设置 show-number 值为false' })
   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未完成状态',
-    'cancel未完成状态',
-    'back未完成状态',
-    'end未完成状态'
+    'completed 完成状态',
+    'completed 完成状态',
+    'doing 未完成状态',
+    'cancel 未完成状态',
+    'back 未完成状态',
+    'end 未完成状态'
   ]
 
   await expect(nodes).toHaveCount(nodeCount)

package/demos/pc/app/milestone/show-number.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <tiny-button @click="handleClick(!showNum)" style="max-width: unset">设置show-number值为{{ !showNum }}</tiny-button>
+    <tiny-button @click="handleClick(!showNum)" style="max-width: unset"
+      >设置 show-number 值为{{ !showNum }}</tiny-button
+    >
     <tiny-milestone
       :data="milestoneData"
       :milestones-status="statusMap"
@@ -30,32 +32,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: 'cancel未完成状态',
+          name: 'cancel 未完成状态',
           time: '2018-9-9',
           status: 'cancel'
         },
         {
-          name: 'back未完成状态',
+          name: 'back 未完成状态',
           time: '2018-9-11',
           status: 'back'
         },
         {
-          name: 'end未完成状态',
+          name: 'end 未完成状态',
           time: '2018-9-9',
           status: 'end'
         }