@opentiny/vue-docs 2.2.4 → 2.2.6

package/demos/pc/app/tabs/tabs-separator.vue

@@ -5,10 +5,10 @@
         表单组件,具有与用户交互，并可完成数据采集功能的控件。
       </tiny-tab-item>
       <tiny-tab-item title="数据组件" name="second">
-        数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等
+        数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
       </tiny-tab-item>
-      <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件. </tiny-tab-item>
-      <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集 </tiny-tab-item>
+      <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。 </tiny-tab-item>
+      <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。 </tiny-tab-item>
     </tiny-tabs>
     <br /><br /><br /><br />
     <tiny-tabs v-model="activeName2" separator>
@@ -16,10 +16,10 @@
         表单组件,具有与用户交互，并可完成数据采集功能的控件。
       </tiny-tab-item>
       <tiny-tab-item title="数据组件" name="second">
-        数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等
+        数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
       </tiny-tab-item>
-      <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件. </tiny-tab-item>
-      <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集 </tiny-tab-item>
+      <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。 </tiny-tab-item>
+      <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。 </tiny-tab-item>
     </tiny-tabs>
     <br /><br /><br /><br />
     <tiny-tabs separator :editable="false" :with-add="true" @add="handleadd" style="width: 500px" show-more-tabs>
@@ -46,7 +46,7 @@ export default {
         {
           title: 'Tab 1',
           name: '1',
-          content: 'Tab content '
+          content: 'Tab 1 content '
         },
         {
           title: 'Tab 2',

package/demos/pc/app/tabs/tabs-size-composition-api.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName" size="small" :with-close="true" :with-add="true" tab-style="card">
     <tiny-tab-item title="表单组件" name="first"> 表单组件,具有与用户交互，并可完成数据采集功能的控件。 </tiny-tab-item>
     <tiny-tab-item title="数据组件" name="second">
-      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等
+      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
     </tiny-tab-item>
-    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件. </tiny-tab-item>
-    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集 </tiny-tab-item>
+    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。 </tiny-tab-item>
+    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。 </tiny-tab-item>
   </tiny-tabs>
 </template>
 

package/demos/pc/app/tabs/tabs-size.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName" size="small" :with-close="true" :with-add="true" tab-style="card">
     <tiny-tab-item title="表单组件" name="first"> 表单组件,具有与用户交互，并可完成数据采集功能的控件。 </tiny-tab-item>
     <tiny-tab-item title="数据组件" name="second">
-      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等
+      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
     </tiny-tab-item>
-    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件. </tiny-tab-item>
-    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集 </tiny-tab-item>
+    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。 </tiny-tab-item>
+    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。 </tiny-tab-item>
   </tiny-tabs>
 </template>
 

package/demos/pc/app/tabs/tooltip-composition-api.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="tab-demo-position">
-    <div class="mb10">
-      <tiny-switch v-model="value" @change="handleChange"></tiny-switch> 当前tooltip-config是{{
+    <div class="mb10 tip">
+      <tiny-switch v-model="value" @change="handleChange" class="mr10"></tiny-switch>当前tooltip-config是{{
         value ? 'tooltip配置' : '字符串title'
-      }}
+      }}。
     </div>
     <tiny-tabs v-model="activeName4" tab-style="card" position="left" :tooltip-config="tooltipConfig">
       <tiny-tab-item v-for="item in tabs3" :key="item.name" :title="item.title" :name="item.name">
@@ -23,28 +23,28 @@ const value = true
 const tabs3 = ref([
   {
     name: 'navigation1',
-    title: 'Navigation1(蒸羊羔蒸熊掌蒸鹿尾，可以试着将tooltip-config设置为字符串title)',
-    content: 'Navigation1'
+    title: 'Navigation 1(蒸羊羔蒸熊掌蒸鹿尾，可以试着将tooltip-config设置为字符串title)',
+    content: 'Navigation 1'
   },
   {
     name: 'navigation2',
-    title: 'Navigation2',
-    content: 'Navigation2'
+    title: 'Navigation 2',
+    content: 'Navigation 2'
   },
   {
     name: 'navigation3',
-    title: 'Navigation3',
-    content: 'Navigation3'
+    title: 'Navigation 3',
+    content: 'Navigation 3'
   },
   {
     name: 'navigation4',
-    title: 'Navigation4',
-    content: 'Navigation4'
+    title: 'Navigation 4',
+    content: 'Navigation 4'
   },
   {
     name: 'navigation5',
-    title: 'Navigation5',
-    content: 'Navigation5'
+    title: 'Navigation 5',
+    content: 'Navigation 5'
   }
 ])
 
@@ -59,4 +59,8 @@ const handleChange = (value) => {
 .tab-demo-position {
   min-height: 250px;
 }
+.tip {
+  display: flex;
+  align-items: center;
+}
 </style>

package/demos/pc/app/tabs/tooltip.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="tab-demo-position">
-    <div class="mb10">
-      <tiny-switch v-model="value" @change="handleChange"></tiny-switch> 当前tooltip-config是{{
+    <div class="mb10 tip">
+      <tiny-switch v-model="value" @change="handleChange" class="mr10"></tiny-switch>当前tooltip-config是{{
         value ? 'tooltip配置' : '字符串title'
-      }}
+      }}。
     </div>
     <tiny-tabs v-model="activeName4" tab-style="card" position="left" :tooltip-config="tooltipConfig">
       <tiny-tab-item v-for="item in tabs3" :key="item.name" :title="item.title" :name="item.name">
@@ -29,28 +29,28 @@ export default {
       tabs3: [
         {
           name: 'navigation1',
-          title: 'Navigation1(蒸羊羔蒸熊掌蒸鹿尾，可以试着将tooltip-config设置为字符串title)',
-          content: 'Navigation1'
+          title: 'Navigation 1(蒸羊羔蒸熊掌蒸鹿尾，可以试着将tooltip-config设置为字符串title)',
+          content: 'Navigation 1'
         },
         {
           name: 'navigation2',
-          title: 'Navigation2',
-          content: 'Navigation2'
+          title: 'Navigation 2',
+          content: 'Navigation 2'
         },
         {
           name: 'navigation3',
-          title: 'Navigation3',
-          content: 'Navigation3'
+          title: 'Navigation 3',
+          content: 'Navigation 3'
         },
         {
           name: 'navigation4',
-          title: 'Navigation4',
-          content: 'Navigation4'
+          title: 'Navigation 4',
+          content: 'Navigation 4'
         },
         {
           name: 'navigation5',
-          title: 'Navigation5',
-          content: 'Navigation5'
+          title: 'Navigation 5',
+          content: 'Navigation 5'
         }
       ]
     }
@@ -69,4 +69,8 @@ export default {
 .tab-demo-position {
   min-height: 250px;
 }
+.tip {
+  display: flex;
+  align-items: center;
+}
 </style>

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

@@ -115,41 +115,6 @@ export default {
       },
       'codeFiles': ['stretch-wh.vue']
     },
-    {
-      'demoId': 'tabs-draggable',
-      'name': { 'zh-CN': '拖拽', 'en-US': 'Drag' },
-      'desc': {
-        'zh-CN': `<div class="tip custom-block"><p class="custom-block-title"> 通过 <code>drop-config</code> 设置 <code>Sortable</code> 排序插件；<br/>
-          <code>tab-drag-start</code> 监听拖拽开始事件；<br/>
-          <code>tab-drag-over</code> 监听拖拽中事件；<br/>
-          <code>tab-drag-end</code> 监听拖拽结束事件，以此改变页签项顺序。</p></div>`,
-        'en-US': `<div class="tip custom-block"><p class="custom-block-title">Set the <code>Sortable</code> sorting plugin through <code>drop configuration</code> <br />
-          <code>tab-drag-start</code> Listen for drag start events<br />
-          <code>tab-drag-over</code> Listen for dragging events<br />
-          <code>tab-drag-end</code> Listen for drag end events to change the order of tags.</p></div>`
-      },
-      'codeFiles': ['tabs-draggable.vue']
-    },
-    {
-      'demoId': 'tabs-events-click',
-      'name': { 'zh-CN': '点击事件', 'en-US': 'Click Event' },
-      'desc': {
-        'zh-CN': '通过 <code>click</code> 监听单击页签项事件。',
-        'en-US': 'Listen for tag item click events through <code>click</code> .'
-      },
-      'codeFiles': ['tabs-events-click.vue']
-    },
-    {
-      'demoId': 'tabs-events-edit',
-      'name': { 'zh-CN': '编辑事件', 'en-US': 'Edit Event' },
-      'desc': {
-        'zh-CN':
-          '通过 <code>editable</code> 设置同时显示 <code>删除</code> 和 <code>添加</code> 按钮， <code>edit</code> 监听这两类按钮的点击事件。',
-        'en-US':
-          'By setting <code>edit</code> to display both <code>delete</code> and <code>add</code> buttons, <code>edit</code> listens for click events of these two types of buttons.'
-      },
-      'codeFiles': ['tabs-events-edit.vue']
-    },
     {
       'demoId': 'custom-tab-title',
       'name': { 'zh-CN': '定义页签项标题', 'en-US': 'Custom Tab Item Title' },
@@ -185,6 +150,41 @@ export default {
           'The Grid component needs to set <code>:auto-resize="true"</code> to adapt to the corresponding changes of the parent element <code>TabItem</code> .'
       },
       'codeFiles': ['show-different-grid-data.vue']
+    },
+    {
+      'demoId': 'tabs-draggable',
+      'name': { 'zh-CN': '拖拽', 'en-US': 'Drag' },
+      'desc': {
+        'zh-CN': `<div class="tip custom-block"><p><code>drop-config</code> 设置 <code>Sortable</code> 排序插件；<br/>
+          <code>tab-drag-start</code> 监听拖拽开始事件；<br/>
+          <code>tab-drag-over</code> 监听拖拽中事件；<br/>
+          <code>tab-drag-end</code> 监听拖拽结束事件，以此改变页签项顺序。</p></div>`,
+        'en-US': `<div class="tip custom-block"><p> <code>drop configuration</code> Set the <code>Sortable</code> sorting plugin<br />
+          <code>tab-drag-start</code> Listen for drag start events<br />
+          <code>tab-drag-over</code> Listen for dragging events<br />
+          <code>tab-drag-end</code> Listen for drag end events to change the order of tags.</p></div>`
+      },
+      'codeFiles': ['tabs-draggable.vue']
+    },
+    {
+      'demoId': 'tabs-events-click',
+      'name': { 'zh-CN': '点击事件', 'en-US': 'Click Event' },
+      'desc': {
+        'zh-CN': '通过 <code>click</code> 监听单击页签项事件。',
+        'en-US': 'Listen for tag item click events through <code>click</code> .'
+      },
+      'codeFiles': ['tabs-events-click.vue']
+    },
+    {
+      'demoId': 'tabs-events-edit',
+      'name': { 'zh-CN': '编辑事件', 'en-US': 'Edit Event' },
+      'desc': {
+        'zh-CN':
+          '通过 <code>editable</code> 设置同时显示 <code>删除</code> 和 <code>添加</code> 按钮， <code>edit</code> 监听这两类按钮的点击事件。',
+        'en-US':
+          'By setting <code>edit</code> to display both <code>delete</code> and <code>add</code> buttons, <code>edit</code> listens for click events of these two types of buttons.'
+      },
+      'codeFiles': ['tabs-events-edit.vue']
     }
   ],
   apis: [

package/demos/pc/app/tabs/with-add-composition-api.vue

@@ -21,7 +21,7 @@ const Tabs = ref([
   {
     title: 'Tab 1',
     name: '1',
-    content: 'Tab content '
+    content: 'Tab 1 content '
   },
   {
     title: 'Tab 2',

package/demos/pc/app/tabs/with-add.vue

@@ -27,7 +27,7 @@ export default {
         {
           title: 'Tab 1',
           name: '1',
-          content: 'Tab content '
+          content: 'Tab 1 content '
         },
         {
           title: 'Tab 2',

package/demos/pc/app/tag/{before-delete-composition-api.vue → delete-composition-api.vue}

@@ -1,16 +1,11 @@
 <template>
   <div>
-    <p>
-      <tiny-switch v-model="beforeDeleteValue"></tiny-switch>
-      before-change 返回 {{ beforeDeleteValue }} 时 {{ beforeDeleteText }}
-      <br />
-    </p>
     <tiny-tag
       v-for="tag in tags"
       :key="'tiny-tag1-' + tag.name"
       closable
       :type="tag.type"
-      @close="close(tag)"
+      @close="handleClose(tag)"
       :before-delete="beforeDelete"
       >{{ tag.name }}</tiny-tag
     >
@@ -19,7 +14,7 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import { Tag as TinyTag, Switch as TinySwitch } from '@opentiny/vue'
+import { Tag as TinyTag, Modal } from '@opentiny/vue'
 
 const tags = ref([
   { name: '标签一', type: '' },
@@ -28,20 +23,15 @@ const tags = ref([
   { name: '标签四', type: 'warning' },
   { name: '标签五', type: 'danger' }
 ])
-const beforeDeleteValue = ref(false)
-const beforeDeleteText = computed(() => {
-  return beforeDeleteValue.value
-    ? '可执行 close 事件，点击删除图标可以删除标签'
-    : '将拦截 close 事件的执行，点击删除图标将无法删除标签'
-})
 
-function close(tag) {
+function handleClose(tag) {
   tags.value.splice(tags.value.indexOf(tag), 1)
+  Modal.message('close 事件')
 }
 
 function beforeDelete(done) {
-  setTimeout(() => {
-    beforeDeleteValue.value && done()
+  Modal.confirm('确认删除？').then((res) => {
+    res === 'confirm' && done()
   })
 }
 </script>

package/demos/pc/app/tag/delete.spec.ts

@@ -0,0 +1,19 @@
+import { expect, test } from '@playwright/test'
+
+test('是否能阻止删除或正常删除标签', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).not.toBeNull())
+  await page.goto('tag#delete')
+
+  const first = page.locator('.tiny-tag').filter({ hasText: '标签一' })
+  const close = first.locator('.tiny-tag__close')
+  const modal = page.locator('.tiny-modal__box').getByText('消息提示确认删除？确认取消')
+
+  await close.click()
+  await modal.waitFor({ state: 'attached', timeout: 100 })
+  await page.getByRole('button', { name: '取消' }).click()
+  await first.isVisible()
+  await close.click()
+  await modal.waitFor({ state: 'attached', timeout: 100 })
+  await page.getByRole('button', { name: '确认' }).click()
+  await expect(first).not.toBeVisible()
+})

package/demos/pc/app/tag/{closable.vue → delete.vue}

@@ -1,12 +1,18 @@
 <template>
-  <div class="tiny-tag-demo">
-    <tiny-tag v-for="tag in tags" :key="'tiny-tag1-' + tag.name" closable :type="tag.type" @close="handleClose(tag)">{{
-      tag.name
-    }}</tiny-tag>
+  <div>
+    <tiny-tag
+      v-for="tag in tags"
+      :key="'tiny-tag1-' + tag.name"
+      closable
+      :type="tag.type"
+      @close="handleClose(tag)"
+      :before-delete="beforeDelete"
+      >{{ tag.name }}</tiny-tag
+    >
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Tag, Modal } from '@opentiny/vue'
 
 export default {
@@ -28,7 +34,18 @@ export default {
     handleClose(tag) {
       this.tags.splice(this.tags.indexOf(tag), 1)
       Modal.message('close 事件')
+    },
+    beforeDelete(done) {
+      Modal.confirm('确认删除？').then((res) => {
+        res === 'confirm' && done()
+      })
     }
   }
 }
 </script>
+
+<style scoped>
+.tiny-tag + .tiny-tag {
+  margin-left: 10px;
+}
+</style>

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

@@ -50,14 +50,15 @@ export default {
       'codeFiles': ['disabled.vue']
     },
     {
-      'demoId': 'closable',
-      'name': { 'zh-CN': '移除', 'en-US': 'Remove' },
+      'demoId': 'delete',
+      'name': { 'zh-CN': '删除操作', 'en-US': 'Delete' },
       'desc': {
-        'zh-CN': '通过 <code>closable</code> 设置展示关闭按钮， <code>close</code> 监听关闭按钮点击事件，做删除操作。',
+        'zh-CN':
+          '通过 <code>closable</code> 设置展示关闭按钮， <code>before-delete</code> 设置删除前的操作，可以在此钩子中做提示或确认；<code>close</code> 监听关闭按钮点击事件，做删除操作。',
         'en-US':
-          'Set the display close button through <code>close</code> , listen to the close button click event, and perform the deletion operation.'
+          'Set the display close button through<code>close</code>, and<code>before-delete</code>to set the operation before deletion, which can be prompted or confirmed in this hook< Code>close</code>Listen to the close button click event and perform the deletion operation.'
       },
-      'codeFiles': ['closable.vue']
+      'codeFiles': ['delete.vue']
     },
     {
       'demoId': 'create',
@@ -95,12 +96,19 @@ export default {
       'name': 'tag',
       'type': 'component',
       'props': [
+        {
+          'name': 'before-delete',
+          'type': '(close: () => void) => void',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '删除前回调函数', 'en-US': 'Delete callback function before deletion' },
+          'demoId': 'delete'
+        },
         {
           'name': 'closable',
           'type': 'boolean',
           'defaultValue': 'false',
           'desc': { 'zh-CN': '是否可关闭', 'en-US': 'Can be disabled' },
-          'demoId': 'closable'
+          'demoId': 'delete'
         },
         {
           'name': 'color',
@@ -189,7 +197,7 @@ export default {
             'zh-CN': '点击关闭按钮时触发的事件',
             'en-US': 'Event triggered when the close button is clicked'
           },
-          'demoId': 'closable'
+          'demoId': 'delete'
         }
       ],
       'slots': [

package/demos/pc/app/time-line/webdoc/time-line.js

@@ -47,14 +47,14 @@ export default {
       'demoId': 'status',
       'name': { 'zh-CN': '节点状态', 'en-US': 'Status of Node' },
       'desc': {
-        'zh-CN': '<p>在单项数据中使用 <code>status</code> 指定对应节点的状态.</p>',
+        'zh-CN': '<p>在单项数据中使用 <code>status</code> 指定对应节点的状态。</p>',
         'en-US': '<p>Use the <code>shape</code> attribute to set the appearance of a vertical time line node. </p>'
       },
       'codeFiles': ['status.vue']
     },
     {
       'demoId': 'set-node-width',
-      'name': { 'zh-CN': '宽度设置', 'en-US': 'Width Setting' },
+      'name': { 'zh-CN': '宽度', 'en-US': 'Width Setting' },
       'desc': {
         'zh-CN': '<p>通过 <code>space</code> 属性设置节点的宽度。</p>\n',
         'en-US': '<p>Use the <code>space</code> attribute to set the width of timeline node. </p>\n'
@@ -108,7 +108,7 @@ export default {
     {
       'name': 'time-line',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'active',
           'type': 'number',
@@ -154,7 +154,7 @@ export default {
         {
           'name': 'name-field',
           'type': 'string',
-          'defaultValue': 'name',
+          'defaultValue': "'name'",
           'desc': {
             'zh-CN': '节点名称对应的字段名',
             'en-US': 'Set the field name in the node information.'
@@ -174,10 +174,10 @@ export default {
         {
           'name': 'shape',
           'type': 'string',
-          'defaultValue': 'circle',
+          'defaultValue': "'circle'",
           'desc': {
-            'zh-CN': '圆点外形: 空心圆形或实心圆点，分别对应 circle | dot',
-            'en-US': 'Set the appearance of point, optional values include circle and dot'
+            'zh-CN': "圆点外形: 空心圆形或实心圆点，取值分别对应 'circle' | 'dot'",
+            'en-US': "Set the appearance of point, optional values include 'circle' and 'dot'"
           },
           'demoId': 'shape'
         },
@@ -196,7 +196,7 @@ export default {
           'type': 'string | number',
           'defaultValue': '--',
           'desc': {
-            'zh-CN': '节点宽度， 取值为数字、带长度单位的数值字符串和百分比字符串，数字会默认以px为长度单位。',
+            'zh-CN': '节点宽度， 取值为数字、带长度单位的数值字符串和百分比字符串，数字会默认以px为长度单位',
             'en-US':
               'Set the width of the timeline.The value can be a number, a numeric string with length units, or a percentage string. For numbers, the default length unit is px'
           },
@@ -215,7 +215,7 @@ export default {
         {
           'name': 'time-field',
           'type': 'string',
-          'defaultValue': 'time',
+          'defaultValue': "'time'",
           'desc': {
             'zh-CN': '节点时间信息对应的字段名',
             'en-US': 'The name of the field corresponding to the node time information'
@@ -236,7 +236,7 @@ export default {
       'events': [
         {
           'name': 'click',
-          'type': '(index: number, node: ITimelineItem) => void',
+          'type': '(index: number, node: <a href="#ITimelineItem">ITimelineItem</a>) => void',
           'desc': {
             'zh-CN': '节点的点击事件，参数：<br />index：点击节点的下标<br /> node： 点击节点数据}',
             'en-US': 'Click event of a node. arguments:<br />index: click the subscript of a node<br />node: node data'
@@ -299,7 +299,7 @@ export default {
           'type': 'string | number',
           'defaultValue': '--',
           'desc': {
-            'zh-CN': '连接线长度，仅当 timeline 组件 text-position 属性取值为 true 时生效，设置后 space 属性失效。',
+            'zh-CN': '连接线长度，仅当 timeline 组件 text-position 属性取值为 true 时生效，设置后 space 属性失效',
             'en-US':
               'The length of the connection line and it is valid only when text-position is set to true. After setting, the space property is invalid'
           },
@@ -310,7 +310,7 @@ export default {
           'type': 'string | number',
           'defaultValue': '--',
           'desc': {
-            'zh-CN': '节点宽度， 取值为数字、带长度单位的数值字符串和百分比字符串，数字会默认以px为长度单位。',
+            'zh-CN': '节点宽度， 取值为数字、带长度单位的数值字符串和百分比字符串，数字会默认以px为长度单位',
             'en-US':
               'Set the width of the timeline.The value can be a number, a numeric string with length units, or a percentage string. For numbers, the default length unit is px'
           },