@opentiny/vue-docs 2.2.7 → 2.2.9

package/demos/pc/app/mind-map/webdoc/mind-map.js

@@ -0,0 +1,250 @@
+export default {
+  column: '2',
+  owner: '',
+  demos: [
+    {
+      demoId: 'basic-usage',
+      name: { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
+      codeFiles: ['basic-usage.vue'],
+      desc: {
+        'zh-CN': '本示例介绍了脑图的基本使用方法',
+        'en-US': 'This example introduces the basic usage of mind map'
+      }
+    },
+    {
+      demoId: 'export-data',
+      name: { 'zh-CN': '导出数据', 'en-US': 'Export data' },
+      codeFiles: ['export-data.vue'],
+      desc: {
+        'zh-CN': '本demo讲解了如何导入导出脑图',
+        'en-US': 'This demo introduces how to import/exprot mind map data'
+      }
+    },
+    {
+      demoId: 'event',
+      name: { 'zh-CN': '事件触发', 'en-US': 'Event' },
+      codeFiles: ['event.vue'],
+      desc: {
+        'zh-CN': '本demo讲解了该组件的所有可触发事件',
+        'en-US': 'This demo explains all the triggering events of the build'
+      }
+    }
+  ],
+  apis: [
+    {
+      name: 'mind-map',
+      type: 'component',
+      props: [
+        {
+          name: 'modelValue',
+          type: 'NodeObj',
+          defaultValue: '{}',
+          desc: {
+            'zh-CN': '默认节点数据',
+            'en-US': 'Default node data'
+          },
+          demoId: 'basic-usage'
+        },
+        {
+          name: 'options',
+          type: 'Options',
+          defaultValue: '{contextMenu: false,toolBar: false,nodeMenu: false}',
+          desc: {
+            'zh-CN': '配置项',
+            'en-US': 'options'
+          }
+        }
+      ],
+      events: [
+        {
+          name: 'operation',
+          type: 'onOperation',
+          'desc': {
+            'zh-CN': '节点重新计算时, 例如将节点A拖拽到节点B, 使得节点A是节点B的子节点',
+            'en-US':
+              'When recalculating nodes, for example, dragging node A to node B so that node A is a child node of node B'
+          }
+        },
+        {
+          name: 'create',
+          type: '(render:MindElixirInstance)=>void',
+          'desc': {
+            'zh-CN': 'mindmap创建时会触发该事件',
+            'en-US': 'This event will be triggered when creating mindmap'
+          }
+        },
+        {
+          name: 'selectNode',
+          type: 'onSelectNode',
+          'desc': {
+            'zh-CN': '选择任意一个节点时, 会触发该事件',
+            'en-US': 'When selecting any node, this event will be triggered'
+          }
+        },
+        {
+          name: 'selectNewNode',
+          type: 'onSelectNewNode',
+          'desc': {
+            'zh-CN': '创建新节点时',
+            'en-US': 'when create new node'
+          }
+        },
+        {
+          name: 'selectNodes',
+          type: 'onSelectNodes',
+          'desc': {
+            'zh-CN': '选择多个节点的时候会触发该事件',
+            'en-US': 'When selecting multiple nodes, this event will be triggered'
+          }
+        },
+        {
+          name: 'unselectNode',
+          type: 'onUnselectNode',
+          'desc': {
+            'zh-CN': '取消选择的时候会触发该事件',
+            'en-US': 'When deselecting, this event will be triggered'
+          }
+        },
+        {
+          name: 'unselectNodes',
+          type: 'onUnselectNode',
+          'desc': {
+            'zh-CN': '取消选择多个节点时会触发该事件',
+            'en-US': 'This event will be triggered when multiple nodes are unselected'
+          }
+        },
+        {
+          name: 'expandNode',
+          type: 'onExpandNode',
+          'desc': {
+            'zh-CN': '展开节点时会触发该事件',
+            'en-US': 'This event will be triggered when expanding a node'
+          }
+        },
+        {
+          name: 'beforeImport',
+          type: '({render, data}: {render:MindElixirInstance, data: })=>void',
+          'desc': {
+            'zh-CN': 'v-model更新前会触发',
+            'en-US': 'Triggered before updating the v-model'
+          }
+        },
+        {
+          name: 'afterImport',
+          type: '({render, data}: {render:MindElixirInstance, data: })=>void',
+          'desc': {
+            'zh-CN': 'v-model更新后会触发',
+            'en-US': 'After updating the v-model, it will trigger'
+          }
+        }
+      ]
+    }
+  ],
+  types: [
+    {
+      'name': 'Options',
+      type: 'interface',
+      code: `
+interface Options {
+  direction?: number
+  locale?: string
+  draggable?: boolean
+  editable?: boolean
+  contextMenu?: boolean
+  contextMenuOption?: any
+  toolBar?: boolean
+  keypress?: boolean
+  mouseSelectionButton?: 0 | 2
+  before?: Before
+  newTopicName?: string
+  allowUndo?: boolean
+  overflowHidden?: boolean
+  mainLinkStyle?: number
+  subLinkStyle?: number
+  mobileMenu?: boolean
+  theme?: Theme
+  nodeMenu?: boolean
+}
+`
+    },
+    {
+      name: 'onOperation',
+      type: 'type',
+      code: `
+type onOperation = ({render, info}: {render:MindElixirInstance, info: Operation}) => void
+`
+    },
+    {
+      name: 'onSelectNode',
+      type: 'type',
+      code: `
+type onSelectNode = ({render,nodeObj}: {render:MindElixirInstance,nodeObj:NodeObj}, e?: MouseEvent) => void
+`
+    },
+    {
+      name: 'onSelectNewNode',
+      type: 'type',
+      code: `
+type selectNewNode: ({render,nodeObj}: {render:MindElixirInstance,nodeObj:NodeObj}) => void
+`
+    },
+    {
+      name: 'onSelectNodes',
+      type: 'type',
+      code: `
+type selectNodes: ({render,nodeObj}: {render:MindElixirInstance,nodeObj:NodeObj[]}) => void
+`
+    },
+    {
+      name: 'onUnselectNode',
+      type: 'type',
+      code: `
+type unselectNodes: ({render}: {render: MindElixirInstance}) => void
+`
+    },
+    {
+      name: 'onUnselectNodes',
+      type: 'type',
+      code: `
+type unselectNodes: ({render}: {render: MindElixirInstance}) => void
+`
+    },
+    {
+      name: 'onExpandNode',
+      type: 'type',
+      code: `
+type expandNode: ({render,nodeObj}: {render:MindElixirInstance,nodeObj:NodeObj}) => void
+`
+    },
+    {
+      name: 'NodeObj',
+      type: 'interface',
+      code: `
+export interface NodeObj {
+  topic: string
+  id: Uid
+  style?: {
+    fontSize?: string
+    color?: string
+    background?: string
+    fontWeight?: string
+  }
+  children?: NodeObj[]
+  tags?: string[]
+  icons?: string[]
+  hyperLink?: string
+  expanded?: boolean
+  direction?: number
+  root?: boolean
+  image?: {
+    url: string
+    width: number
+    height: number
+  }
+  branchColor?: string
+  parent?: NodeObj
+}
+`
+    }
+  ]
+}

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

@@ -7,7 +7,7 @@ export default {
       'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>Modal.alert</code>方法设置弹出框，通过<code>Modal.confirm</code>方法设置确认弹出框。函数返回一个<code>Promise</code>对象，其中属性<code>vm</code>可用来关闭当前模态框。</p>',
+          '<p>可通过<code>Modal.alert</code>方法设置弹出框，<code>Modal.confirm</code>方法设置确认弹出框。函数返回一个<code>Promise</code>对象，其中属性<code>vm</code>可用来关闭当前模态框。</p>',
         'en-US':
           '<p>You can use the <code>Modal.alert</code> method to set a pop-up box, and use the <code>Modal.confirm</code> method to set a confirmation pop-up box. The function returns a <code>Promise</code> object, where the property <code>vm</code> can be used to close the current Modal.</p>'
       },
@@ -17,8 +17,8 @@ export default {
       'demoId': 'fullscreen',
       'name': { 'zh-CN': '最大化显示', 'en-US': 'Maximized Display' },
       'desc': {
-        'zh-CN': '<p>通过<code>:fullscreen</code>设置是否最大化显示。</p>',
-        'en-US': '<p>You can use the <code>:fullscreen</code> attribute to set whether to maximize the display. </p>'
+        'zh-CN': '<p>可通过<code>fullscreen</code>属性设置是否最大化显示。</p>',
+        'en-US': '<p>You can use the <code>fullscreen</code> attribute to set whether to maximize the display. </p>'
       },
       'codeFiles': ['fullscreen.vue']
     },
@@ -26,9 +26,9 @@ export default {
       'demoId': 'esc-closable',
       'name': { 'zh-CN': '按 Esc 键关闭弹出框', 'en-US': 'Press Esc To Close The Dialog Box.' },
       'desc': {
-        'zh-CN': '<p>通过<code>:esc-closable</code>设置是否允许按 Esc 键关闭窗口。</p>',
+        'zh-CN': '<p>可通过<code>esc-closable</code>属性设置是否允许按 Esc 键关闭窗口。</p>',
         'en-US':
-          '<p>You can use the <code>:esc-closable</code> attribute to set whether to close a window by pressing the Esc key. </p>'
+          '<p>You can use the <code>esc-closable</code> attribute to set whether to close a window by pressing the Esc key. </p>'
       },
       'codeFiles': ['esc-closable.vue']
     },
@@ -36,7 +36,7 @@ export default {
       'demoId': 'duration',
       'name': { 'zh-CN': '自动关闭延时', 'en-US': 'Automatic Shutdown Delay' },
       'desc': {
-        'zh-CN': "<p>通过<code>duration</code>设置自动关闭的延迟时间，仅当<code>type='message'</code>有效。</p>",
+        'zh-CN': "<p>可通过<code>duration</code>属性设置自动关闭的延迟时间，仅当<code>type='message'</code>有效。</p>",
         'en-US':
           '<p>You can use the <code>duration</code> attribute to set the delay time for automatic closing. This parameter is valid only for type=message. </p>'
       },
@@ -46,7 +46,7 @@ export default {
       'demoId': 'id',
       'name': { 'zh-CN': '防止重复提示', 'en-US': 'Prevent Repeated Prompts' },
       'desc': {
-        'zh-CN': "<p>通过设置唯一的<code>id</code>防止重复提示，仅当<code>type='message'</code>有效。</p>",
+        'zh-CN': "<p>可通过<code>id</code>设置防止重复提示，仅当<code>type='message'</code>有效。</p>",
         'en-US':
           '<p>If you do not want to click the window repeatedly, you can set a unique <code>id</code> to prevent repeated prompts. This parameter is valid only for type=message. </p>'
       },
@@ -56,8 +56,8 @@ export default {
       'demoId': 'lock-scroll',
       'name': { 'zh-CN': '锁住滚动条', 'en-US': 'Lock The Scroll Bar' },
       'desc': {
-        'zh-CN': '<p>通过<code>:lock-scroll</code>设置是否锁住滚动条，不允许页面滚动。</p>',
-        'en-US': '<p>You can use the <code>:lock-scroll</code> attribute to set whether to lock the scroll bar. </p>'
+        'zh-CN': '<p>可通过<code>lock-scroll</code>属性设置是否锁住滚动条，不允许页面滚动。</p>',
+        'en-US': '<p>You can use the <code>lock-scroll</code> attribute to set whether to lock the scroll bar. </p>'
       },
       'codeFiles': ['lock-scroll.vue']
     },
@@ -66,9 +66,9 @@ export default {
       'name': { 'zh-CN': '锁住页面', 'en-US': 'Lock The Page' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>:mask</code>设置是否显示遮罩层，通过<code>:lock-view</code>设置是否锁住页面，不允许窗口之外的任何操作。</p>',
+          '<p>可通过<code>mask</code>属性设置是否显示遮罩层，<code>lock-view</code>属性设置是否锁住页面，不允许窗口之外的任何操作。</p>',
         'en-US':
-          '<p>You can use the <code>:lock-view</code> attribute to set whether to lock the page. Operations outside the window are not allowed. </p>'
+          'You can set whether to display the mask layer through the<code>mask</code>attribute, and whether to lock the page and not allow any operations outside the window through the<code>lock-view</code>attribute'
       },
       'codeFiles': ['lock-view.vue']
     },
@@ -76,9 +76,9 @@ export default {
       'demoId': 'mask-closable',
       'name': { 'zh-CN': '点击遮罩层关闭窗口', 'en-US': 'Click The Mask Layer To Close The Window.' },
       'desc': {
-        'zh-CN': '<p>通过<code>:mask-closable</code>设置是否允许点击遮罩层关闭窗口。</p>',
+        'zh-CN': '<p>可通过<code>mask-closable</code>属性设置是否允许点击遮罩层关闭窗口。</p>',
         'en-US':
-          '<p>You can use the <code>:mask-closable</code> attribute to set whether to allow clicking the mask layer to close the window. </p>'
+          '<p>You can use the <code>mask-closable</code> attribute to set whether to allow clicking the mask layer to close the window. </p>'
       },
       'codeFiles': ['mask-closable.vue']
     },
@@ -86,7 +86,7 @@ export default {
       'demoId': 'message',
       'name': { 'zh-CN': '自定义内容', 'en-US': 'Custom Content' },
       'desc': {
-        'zh-CN': '<p>通过<code>:message</code>设置窗口的内容。</p>',
+        'zh-CN': '<p>可通过<code>message</code>属性设置窗口的内容。</p>',
         'en-US': '<p>You can set the content of the window through the <code>:message</code> attribute. </p>'
       },
       'codeFiles': ['message.vue']
@@ -96,9 +96,9 @@ export default {
       'name': { 'zh-CN': '自定义底部按钮内容', 'en-US': 'Custom Bottom Button Content' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>:confirm-content</code>设置确认按钮内容，通过<code>:cancel-content</code>设置取消按钮内容。<p>\n',
+          '<p>可通过<code>confirm-content</code>属性设置确认按钮内容，<code>cancel-content</code>属性设置取消按钮内容。<p>\n',
         'en-US':
-          '<p>Set the content of the confirm button through<code>:confirm-content</code>, and set the content of the cancel button through<code>:cancel-content</code>.</p>'
+          '<p>Set the content of the confirm button through<code>confirm-content</code>, and set the content of the cancel button through<code>:cancel-content</code>.</p>'
       },
       'codeFiles': ['footer-btn-content.vue']
     },
@@ -107,7 +107,7 @@ export default {
       'name': { 'zh-CN': '自定义底部按钮', 'en-US': 'Customize Bottom Button' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>:confirm-btn-props</code>设置确认按钮，通过<code>:cancel-btn-props</code>设置取消按钮。<p>\n',
+          '<p>可通过<code>confirm-btn-props</code>属性设置确认按钮，<code>cancel-btn-props</code>属性设置取消按钮。<p>\n',
         'en-US':
           '<p>Set the confirmation button via <code>:confirm-btn-props</code> and the cancel button via <code>:cancel-btn-props</code>.</p>'
       },
@@ -118,9 +118,9 @@ export default {
       'name': { 'zh-CN': '调整窗口大小', 'en-US': 'Resize The Window' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>:width</code>设置窗口宽度，<code>:height</code>设置高度，通过<code>:resize</code>设置是否允许拖动调整窗口大小。</p>',
+          '<p>可通过<code>width</code>属性设置窗口宽度，<code>height</code>属性设置高度，<code>resize</code>属性设置是否允许拖动调整窗口大小。</p>',
         'en-US':
-          '<p>Use <code>:width</code> to set the window width, <code>:height</code> to set the height, and <code>:resize</code> to set whether to allow dragging to resize the window. </p>'
+          '<p>Use <code>width</code> to set the window width, <code>height</code> to set the height, and <code>resize</code> to set whether to allow dragging to resize the window. </p>'
       },
       'codeFiles': ['resize.vue']
     },
@@ -132,9 +132,9 @@ export default {
       },
       'desc': {
         'zh-CN':
-          '<p>通过设置<code>:resize</code>可拖拽属性为<code>true</code>后，可通过<code>:min-width</code>属性设置拖拽后窗口的最小宽度。</p>',
+          '<p>可通过<code>resize</code>属性设置可拖拽属性为<code>true</code>后，<code>min-width</code>属性设置拖拽后窗口的最小宽度。</p>',
         'en-US':
-          '<p>By setting the<code>:resize</code>drag property to<code>true</code>, the minimum width of the window after dragging can be set through the<code>:min-width</code>property.</p>'
+          '<p>By setting the<code>resize</code>drag property to<code>true</code>, the minimum width of the window after dragging can be set through the<code>min-width</code>property.</p>'
       },
       'codeFiles': ['min-width.vue']
     },
@@ -146,9 +146,9 @@ export default {
       },
       'desc': {
         'zh-CN':
-          '<p>通过设置<code>:resize</code>可拖拽属性为<code>true</code>后，可通过<code>:min-height</code>属性设置拖拽后窗口的最小高度。</p>',
+          '<p>可通过<code>resize</code>属性设置可拖拽属性为<code>true</code>后，<code>min-height</code>属性设置拖拽后窗口的最小高度。</p>',
         'en-US':
-          '<p>By setting the<code>:resize</code>drag property to<code>true</code>, the minimum height of the window after dragging can be set through the<code>:min-height</code>property.</p>'
+          '<p>By setting the<code>resize</code>drag property to<code>true</code>, the minimum height of the window after dragging can be set through the<code>min-height</code>property.</p>'
       },
       'codeFiles': ['min-height.vue']
     },
@@ -156,8 +156,8 @@ export default {
       'demoId': 'showFooter',
       'name': { 'zh-CN': '不显示底部', 'en-US': 'Do Not Display Bottom' },
       'desc': {
-        'zh-CN': '<p>通过 <code>:show-footer</code> 设置是否显示底部。</p>',
-        'en-US': '<p>Set whether to display the bottom through<code>:show-root</code>.</p>'
+        'zh-CN': '<p>可通过<code>show-footer</code>属性设置是否显示底部。</p>',
+        'en-US': '<p>Set whether to display the bottom through<code>show-root</code>.</p>'
       },
       'codeFiles': ['showFooter.vue']
     },
@@ -165,8 +165,8 @@ export default {
       'demoId': 'showHeader',
       'name': { 'zh-CN': '不显示头部', 'en-US': 'Do Not Display The Head' },
       'desc': {
-        'zh-CN': '<p>通过 <code>:show-header</code> 设置是否显示头部。</p>',
-        'en-US': '<p>Set whether to display the header through<code>:show-header</code>.</p>'
+        'zh-CN': '<p>可通过<code>show-header</code>属性设置是否显示头部。</p>',
+        'en-US': '<p>Set whether to display the header through<code>show-header</code>.</p>'
       },
       'codeFiles': ['showHeader.vue']
     },
@@ -175,9 +175,9 @@ export default {
       'name': { 'zh-CN': '消息状态', 'en-US': 'Position From The Top' },
       'desc': {
         'zh-CN':
-          '<p>通过<code>:status</code>设置消息状态，可选值有<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>。</p>',
+          '<p>可通过<code>status</code>属性设置消息状态，可选值有<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>。</p>',
         'en-US':
-          '<p>Set the message status through<code>:status</code>, with optional values including<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>.</p>'
+          '<p>Set the message status through<code>status</code>, with optional values including<code>info</code><code>success</code><code>warning</code><code>error</code><code>loading</code>.</p>'
       },
       'codeFiles': ['status.vue']
     },
@@ -185,8 +185,8 @@ export default {
       'demoId': 'message-closable',
       'name': { 'zh-CN': '关闭消息弹窗', 'en-US': 'Close Message Pop-Up Window' },
       'desc': {
-        'zh-CN': '<p>通过<code>:message-closable</code>设置消息可手动关闭。</p>',
-        'en-US': '<p>Messages can be closed manually by setting <code>:message-closable</code>.</p>'
+        'zh-CN': '<p>可通过<code>message-closable</code>属性设置消息可手动关闭。</p>',
+        'en-US': '<p>Messages can be closed manually by setting <code>message-closable</code>.</p>'
       },
       'codeFiles': ['message-closable.vue']
     },
@@ -194,8 +194,8 @@ export default {
       'demoId': 'title',
       'name': { 'zh-CN': '标题', 'en-US': 'Title' },
       'desc': {
-        'zh-CN': '<p>通过<code>:title</code>设置窗口的标题。</p>',
-        'en-US': '<p>Set the title of the window via<code>:title</code>.</p>'
+        'zh-CN': '<p>可通过<code>title</code>属性设置窗口的标题。</p>',
+        'en-US': '<p>Set the title of the window via<code>title</code>.</p>'
       },
       'codeFiles': ['title.vue']
     },
@@ -203,7 +203,7 @@ export default {
       'demoId': 'top',
       'name': { 'zh-CN': '距离顶部的位置', 'en-US': 'Position from top' },
       'desc': {
-        'zh-CN': "<p>通过<code>top</code>设置消息距离顶部的位置，仅当 <code>type='message'</code> 有效。</p>",
+        'zh-CN': "<p>可通过<code>top</code>属性设置消息距离顶部的位置，仅当<code>type='message'</code>有效。</p>",
         'en-US':
           "<p>Set the position of the message from the top via <code>top</code>, which is only valid when <code>type='message'</code>.</p>"
       },
@@ -213,7 +213,7 @@ export default {
       'demoId': 'type',
       'name': { 'zh-CN': '窗口类型', 'en-US': 'Custom Window Type' },
       'desc': {
-        'zh-CN': '<p>通过<code>:type</code>设置窗口类型。</p>',
+        'zh-CN': '<p>可通过<code>type</code>属性设置窗口类型。</p>',
         'en-US': '<p>Set the window type via <code>:type</code>.</p>'
       },
       'codeFiles': ['type.vue']
@@ -222,9 +222,9 @@ export default {
       'demoId': 'value',
       'name': { 'zh-CN': '绑定值', 'en-US': 'Bind Value' },
       'desc': {
-        'zh-CN': '<p>通过<code>:modalValue/v-model</code>绑定值，控制弹窗是否显示。</p>',
+        'zh-CN': '<p>可通过<code>modalValue/v-model</code>属性设置绑定值，控制弹窗是否显示。</p>',
         'en-US':
-          '<p>Bind the value through <code>:modalValue/v-model</code> to control whether the pop-up window is displayed.</p>'
+          '<p>Bind the value through <code>modalValue/v-model</code> to control whether the pop-up window is displayed.</p>'
       },
       'codeFiles': ['value.vue']
     },
@@ -232,8 +232,8 @@ export default {
       'demoId': 'z-index',
       'name': { 'zh-CN': '自定义堆叠顺序', 'en-US': 'Custom Stacking Order' },
       'desc': {
-        'zh-CN': '<p>通过<code>:z-index</code>设置自定义堆叠顺序。</p>',
-        'en-US': '<p>Set a custom stacking order via <code>:z-index</code>. </p>'
+        'zh-CN': '<p>可通过<code>z-index</code>属性设置自定义堆叠顺序。</p>',
+        'en-US': '<p>Set a custom stacking order via <code>z-index</code>. </p>'
       },
       'codeFiles': ['z-index.vue']
     },
@@ -241,9 +241,9 @@ export default {
       'demoId': 'is-form-reset',
       'name': { 'zh-CN': '关闭弹窗，是否重置表单数据', 'en-US': 'Do Not Reset Data After Closing Pop Ups' },
       'desc': {
-        'zh-CN': '<p>通过设置<code>:is-form-reset</code>属性为<code>false</code>，关闭弹窗后不重置数据。</p>',
+        'zh-CN': '<p>可通过<code>is-form-reset</code>属性设置<code>false</code>，关闭弹窗后不重置数据。</p>',
         'en-US':
-          '<p>By setting the<code>:is-form-reset</code>attribute to<code>false</code>, the data will not be reset after closing the pop-up window.</p>'
+          '<p>By setting the<code>is-form-reset</code>attribute to<code>false</code>, the data will not be reset after closing the pop-up window.</p>'
       },
       'codeFiles': ['is-form-reset.vue']
     },
@@ -251,7 +251,7 @@ export default {
       'demoId': 'footer-slot',
       'name': { 'zh-CN': '底部插槽', 'en-US': 'Bottom Slot' },
       'desc': {
-        'zh-CN': '<p>通过<code>#footer</code>插槽设置底部内容。</p>',
+        'zh-CN': '<p>可通过<code>#footer</code>插槽设置底部内容。</p>',
         'en-US': '<p>The bottom content can be set through the <code>#footer</code> slot.'
       },
       'codeFiles': ['footer-slot.vue']
@@ -260,7 +260,7 @@ export default {
       'demoId': 'grid',
       'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Tables' },
       'desc': {
-        'zh-CN': '<p>通过<code>#default</code>插槽嵌套表格组件。</p>',
+        'zh-CN': '<p>可通过<code>#default</code>插槽设置嵌套表格组件。</p>',
         'en-US': 'Table components can be nested via <code>#default</code> slot.'
       },
       'codeFiles': ['grid.vue']
@@ -270,10 +270,10 @@ export default {
       'name': { 'zh-CN': '事件', 'en-US': 'event' },
       'desc': {
         'zh-CN': `<p>
-        当窗口显示时会触发 <code>show</code> 事件，关闭时会触发 <code>hide</code> 事件。<br />
-        点击确定按钮时会触发 <code>confirm</code> 事件，点击取消按钮时触发 <code>cancel</code> 事件。<br />
-        点击关闭按钮时会触发 <code>close</code> 事件。<br />
-        当窗口缩放时会触发 <code>zoom</code> 事件。<br />
+        当窗口显示时会触发<code>show</code>事件，关闭时会触发<code>hide</code>事件。<br />
+        当窗口缩放时会触发<code>zoom</code>事件。<br />
+        当点击确定按钮时会触发<code>confirm</code>事件，点击取消按钮时触发<code>cancel</code>事件。<br />
+        当点击关闭按钮时会触发<code>close</code>事件。<br />
       </p>`,
         'en-US': ''
       },

package/demos/pc/app/nav-menu/custom-service-composition-api.vue

@@ -274,23 +274,23 @@ function getMenuData() {
     },
     {
       label: '规范',
-      urlField: '#/zh-CN/regular/rulelevel'
+      urlField: ''
     },
     {
       label: '性能',
-      urlField: '#/zh-CN/speed'
+      urlField: ''
     },
     {
       label: '案例',
-      urlField: '#/zh-CN/example'
+      urlField: ''
     },
     {
       label: '更新日志',
-      urlField: '#/zh-CN/guide/changelog'
+      urlField: ''
     },
     {
       label: '测试',
-      urlField: '#/zh-CN/guide/aaa'
+      urlField: ''
     }
   ]
 

package/demos/pc/app/nav-menu/custom-service.vue

@@ -282,23 +282,23 @@ export default {
         },
         {
           label: '规范',
-          urlField: '#/zh-CN/regular/rulelevel'
+          urlField: ''
         },
         {
           label: '性能',
-          urlField: '#/zh-CN/speed'
+          urlField: ''
         },
         {
           label: '案例',
-          urlField: '#/zh-CN/example'
+          urlField: ''
         },
         {
           label: '更新日志',
-          urlField: '#/zh-CN/guide/changelog'
+          urlField: ''
         },
         {
           label: '测试',
-          urlField: '#/zh-CN/guide/aaa'
+          urlField: ''
         }
       ]
 

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

@@ -109,7 +109,10 @@ export default {
     {
       'demoId': 'verticalOffset',
       'name': { 'zh-CN': '垂直偏移量', 'en-US': 'Vertical Offset' },
-      'desc': { 'zh-CN': '<p>可通过 <code>verticalOffset</code> 设置垂直方向偏离距离。', 'en-US': '<p> The vertical deviation distance can be set by using <code>verticalOffset</code>.' },
+      'desc': {
+        'zh-CN': '<p>可通过 <code>verticalOffset</code> 设置垂直方向偏离距离。',
+        'en-US': '<p> The vertical deviation distance can be set by using <code>verticalOffset</code>.'
+      },
       'codeFiles': ['verticalOffset.vue']
     },
     {
@@ -120,13 +123,13 @@ export default {
           <div>可通过 <code>beforeClose</code>  属性设置通知框关闭前的事件。</div>
           <div>可通过 <code>onClose</code> 属性设置通知点击关闭按钮时触发事件。</div>
         </p>`,
-        'en-US':`<p>
+        'en-US': `<p>
           <div> The property <code>beforeClose</code> sets the event before the notification box closes. </div>
           <div> can be set through the <code>onClose</code> property to notify the event that is triggered when the close button is clicked. </div>
         </p>`
       },
       'codeFiles': ['notify-events.vue']
-    },
+    }
   ],
   apis: [
     {
@@ -135,7 +138,7 @@ export default {
       'props': [
         {
           'name': 'type',
-          'type':`'info' | 'success' | 'warning' | 'error'`,
+          'type': `'info' | 'success' | 'warning' | 'error'`,
           'defaultValue': 'info',
           'desc': {
             'zh-CN': '通知消息类型',
@@ -205,14 +208,14 @@ export default {
         },
         {
           'name': 'closeIcon',
-          'type': 'VueComponent',
+          'type': 'Component',
           'defaultValue': 'IconClose',
           'desc': { 'zh-CN': '关闭图标组件对象', 'en-US': 'Close icon component object' },
           'demoId': 'closeIcon'
         },
         {
           'name': 'statusIcon',
-          'type': 'VueComponent',
+          'type': 'Component',
           'defaultValue': 'IconInfoSolid',
           'desc': { 'zh-CN': '类型图标组件对象', 'en-US': 'Type icon component object' },
           'demoId': 'statusIcon'