@opentiny/vue-docs 2.2.6 → 2.2.7

package/demos/mobile-first/app/cascader-view/webdoc/cascader-view.js

@@ -9,7 +9,7 @@ export default {
         'en-US': 'Basic Usage'
       },
       desc: {
-        'zh-CN': '<p>基本用法<p>',
+        'zh-CN': '<p>基本用法</p>',
         'en-US': '<p>Basic Usage</p>'
       },
       codeFiles: ['basic-usage.vue']
@@ -22,9 +22,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>:node-config="{ lazy: true, load:() => {...} }"<code>load</code> 设置属性 <code>lazy: true<code>load</code> 和 <code>load</code> 数据加载方法，开启异步加载。<p>',
+            '<p>通过 <code>:node-config="{ lazy: true, load:() => {...} }"<code>load</code> 设置属性 <code>lazy: true<code>load</code> 和 <code>load</code> 数据加载方法，开启异步加载。</p>',
         'en-US':
-          '<p><p>Set the <code>lazy: true<code>load</code> attribute and <code>load</code>data loading method through <code>:node-config="{lazy: true, load:() => {...}}"<code>load</code> to enable asynchronous loading.<p></p>'
+            '<p><p>Set the <code>lazy: true<code>load</code> attribute and <code>load</code>data loading method through <code>:node-config="{lazy: true, load:() => {...}}"<code>load</code> to enable asynchronous loading.<p></p>'
       },
       codeFiles: ['lazyload.vue']
     },
@@ -36,9 +36,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>:node-config="{ checkStrictly: true }"</code> 设置属性 <code>checkStrictly: true</code>，开启父子层级互不关联，可选择非叶子节点，默认值为 <code>false</code> 显示到叶子节点。<p>',
+            '<p>通过 <code>:node-config="{ checkStrictly: true }"</code> 设置属性 <code>checkStrictly: true</code>，开启父子层级互不关联，可选择非叶子节点，默认值为 <code>false</code> 显示到叶子节点。</p>',
         'en-US':
-          '<p>You can set the <code>checkStrictly: true</code> attribute in <code>:node-config="{checkStrictly: true}"</code> to enable the disassociation between parent and child levels. You can select non-leaf nodes. The default value is <code>false</code>.<p>'
+            '<p>You can set the <code>checkStrictly: true</code> attribute in <code>:node-config="{checkStrictly: true}"</code> to enable the disassociation between parent and child levels. You can select non-leaf nodes. The default value is <code>false</code>.</p>'
       },
       codeFiles: ['check-strictly.vue']
     },
@@ -49,9 +49,9 @@ export default {
         'en-US': 'Disable option'
       },
       desc: {
-        'zh-CN': '<p>数据源里面带 <code>disabled: true</code> 渲染时自动禁用选项。<p>',
+        'zh-CN': '<p>数据源里面带 <code>disabled: true</code> 渲染时自动禁用选项。</p>',
         'en-US':
-          '<p>The <code>disabled: true</code> option is automatically disabled during rendering in the data source.<p>'
+            '<p>The <code>disabled: true</code> option is automatically disabled during rendering in the data source.</p>'
       },
       codeFiles: ['disabled.vue']
     },
@@ -63,12 +63,251 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过设置 <code>emit-path</code> 属性值为 <code>false</code> 不显示值路径，默认值为 <code>true</code> 显示值路径。<p>',
+            '<p>通过设置 <code>emit-path</code> 属性值为 <code>false</code> 不显示值路径，默认值为 <code>true</code> 显示值路径。</p>',
         'en-US':
-          '<p>The value path is not displayed by setting the <code>emit-path</code> attribute to <code>false</code>. The default value is <code>true</code>.<p>'
+            '<p>The value path is not displayed by setting the <code>emit-path</code> attribute to <code>false</code>. The default value is <code>true</code>.</p>'
       },
       codeFiles: ['emit-path.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'CalendarView',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'day-times',
+          'type': 'Array',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '配置时间线模式下所展示的时间范围，默认为[8,18]，可配范围[0,23]。',
+            'en-US': 'Time range displayed in timeline mode. The default value range is [8, 18]. The value range is [0, 23].'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'disabled ',
+          'type': 'Function',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日期禁用',
+            'en-US': 'Date Disabled'
+          },
+          'demoId': 'disabled'
+        },
+        {
+          'name': 'events',
+          'type': 'Array',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日程事件',
+            'en-US': 'Scheduled Events'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'height',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日历高度',
+            'en-US': 'Calendar height'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'mark-color',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '点标记的颜色',
+            'en-US': 'Color of the dot marker'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'mode',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '显示模式，可选值有 timeline-时间线模式、schedule-日程模式、month-月模式，默认为月模式。',
+            'en-US': 'Display mode. The options are timeline-timeline, schedule-schedule, and month-month. The default value is month.'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'modes',
+          'type': 'Array',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '模式组，显示模式任意组合',
+            'en-US': 'Pattern group, any combination of display patterns'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'month',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日历当前显示月份',
+            'en-US': 'The calendar currently displays the month'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'multi-select',
+          'type': 'Boolean',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日期多选',
+            'en-US': 'Multiple Dates'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'set-day-bg-color',
+          'type': 'Function',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置日期背景色',
+            'en-US': 'Set Date Background Color'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'show-mark',
+          'type': 'Function',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '显示点标记',
+            'en-US': 'Show Point Markers'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'show-new-schedule',
+          'type': 'Function',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '显示新增日程按钮',
+            'en-US': 'Show the button for adding a schedule'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'year',
+          'type': 'Number',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日历当前显示年份',
+            'en-US': 'Calendar Current Display Year'
+          },
+          'demoId': ''
+        },
+      ],
+      'events': [
+        {
+          'name': 'month-change',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '月改变事件',
+            'en-US': 'Month Change Event'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'new-schedule',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '新增日程按钮点击事件',
+            'en-US': 'Event for adding a schedule button.'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'next-week-click',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '下一周按钮点击事件',
+            'en-US': 'Next week button click event'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'prev-week-click',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '上一周按钮点击事件',
+            'en-US': 'Button click event of the previous week'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'selected-date-change',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '选中日期改变事件',
+            'en-US': 'Select Date Change Event'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'week-change',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '周改变事件',
+            'en-US': 'Week Change Event'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'year-change',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '年改变事件',
+            'en-US': 'Year Change Event'
+          },
+          'demoId': ''
+        },
+      ],
+      'slot': [
+        {
+          'name': 'header',
+          'type': '',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '头部插槽', 'en-US': 'Head slot' },
+          'demoId': ''
+        },
+        {
+          'name': 'timeline',
+          'type': '',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '时间线插槽，有timeline1-timeline7 7个插槽', 'en-US': 'Timeline slots, with 7 slots timeline1-timeline7' },
+          'demoId': ''
+        },
+        {
+          'name': 'tool',
+          'type': '',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '工具栏插槽', 'en-US': 'Toolbar Slot' },
+          'demoId': ''
+        },
+        {
+          'name': 'weekday',
+          'type': '',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '日程插槽，有weekday1-weekday7 7个插槽', 'en-US': 'Schedule slots, with 7 slots weekday1-weekday7' },
+          'demoId': ''
+        }
+      ]
+    }
+  ]
 }

package/demos/mobile-first/app/exception/webdoc/exception.js

@@ -1,16 +1,15 @@
 export default {
   column: '2',
   owner: '',
-  demos: [
-    {
+  demos: [{
       demoId: 'message',
       name: {
         'zh-CN': '基本用法',
-        'en-US': 'events'
+        'en-US': 'Basic Usage'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['message.vue']
     },
@@ -18,12 +17,11 @@ export default {
       demoId: 'page-empty',
       name: {
         'zh-CN': '页面级空态',
-        'en-US': 'events'
+        'en-US': 'Page-level void'
       },
       desc: {
-        'zh-CN':
-          '<p>通过添加`page-empty`属性展示页面级空态，其中 type 类型有`pagenoperm`、 `pageweaknet`、 `pagenothing`、 `pageservererror`<br> 对应场景：<br>`pagenoperm` ：无访问权限<br>`pageweaknet` ：网络异常<br>`pagenothing` ：你访问的页面不存在<br>`pageservererror`：服务器异常 <p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过添加`page-empty`属性展示页面级空态，其中 type 类型有`pagenoperm`、 `pageweaknet`、 `pagenothing`、 `pageservererror`<br> 对应场景：<br>`pagenoperm` ：无访问权限<br>`pageweaknet` ：网络异常<br>`pagenothing` ：你访问的页面不存在<br>`pageservererror`：服务器异常 </p>',
+        'en-US': '<p>The page-level empty state is displayed by adding the `page-empty` attribute. The type types include `pagenoperm`, `pageweaknet`, `pagenothing`, and `pageservererror`.<br>Scenario:<br>`pagenoperm`: no access permission<br>`pageweaknet`: network exception<br>`pagenothing`: The page you access does not exist<br>`pageservererror`: The server is abnormal</p>'
       },
       codeFiles: ['page-empty.vue']
     },
@@ -31,12 +29,11 @@ export default {
       demoId: 'component-empty',
       name: {
         'zh-CN': '组件级空态',
-        'en-US': 'events'
+        'en-US': 'Component-level empty state'
       },
       desc: {
-        'zh-CN':
-          '<p>通过添加`component-empty`属性展示组件级空态，其中 type 类型有`noperm、 nodata、 weaknet、noresult、 nonews`<br> 对应场景：<br>`noperm` ：无访问权限<br>`nodata` ：暂无数据<br>`weaknet` ：网络不给力<br>`noresult`：无相关搜索结果<br>`nonews`：暂无最新消息<br><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过添加`component-empty`属性展示组件级空态，其中 type 类型有`noperm、 nodata、 weaknet、noresult、 nonews`<br> 对应场景：<br>`noperm` ：无访问权限<br>`nodata` ：暂无数据<br>`weaknet` ：网络不给力<br>`noresult`：无相关搜索结果<br>`nonews`：暂无最新消息<br></p>',
+        'en-US': '<p>Add the `component-empty` attribute to display the component-level empty state. The type type can be `noperm, nodata, weaknet, noresult, or nonews`<br>The corresponding scenario is as follows: <br>`noperm`: No access<br>`nodata`: no data<br>`weaknet`: network is not powerful<br>`noresult`: no related search results<br>`nonews`: no latest news<br></p>'
       },
       codeFiles: ['component-empty.vue']
     },
@@ -44,11 +41,11 @@ export default {
       demoId: 'sub-message',
       name: {
         'zh-CN': '自定义二级标题内容',
-        'en-US': 'events'
+        'en-US': 'User-defined level-2 title content'
       },
       desc: {
-        'zh-CN': '<p>通过`sub-message`自定义二级标题<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过`sub-message`自定义二级标题</p>',
+        'en-US': '<p>Customizing Level-2 Titles Using `sub-message`</p>'
       },
       codeFiles: ['sub-message.vue']
     },
@@ -59,8 +56,8 @@ export default {
         'en-US': 'button-text'
       },
       desc: {
-        'zh-CN': '<p>已去除`button-text`自定义按钮文本，直接可以通过插槽自定义<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>已去除`button-text`自定义按钮文本，直接可以通过插槽自定义</p>',
+        'en-US': '<p>Customizing Level-2 Titles Using `sub-message`</p>'
       },
       codeFiles: ['button-text.vue']
     },
@@ -71,11 +68,86 @@ export default {
         'en-US': 'content-slot'
       },
       desc: {
-        'zh-CN': '<p>通过命名插槽 `content`，自定义内容区<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过命名插槽 `content`，自定义内容区</p>',
+        'en-US': '<p>Customize the content area by naming the slot `content`</p>'
       },
       codeFiles: ['content-slot.vue']
     }
   ],
-  apis: []
-}
+  apis: [{
+    'name': 'Exception',
+    'type': 'component',
+    'props': [{
+        'name': 'component-page',
+        'type': 'Boolean',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '设置组件级空态',
+          'en-US': 'Set component-level empty state'
+        },
+        'demoId': 'component-empty'
+      },
+      {
+        'name': 'exception-class',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '设置自定义类',
+          'en-US': 'Setting Custom Classes'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'page-empty ',
+        'type': 'Boolean',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '设置页面级空态',
+          'en-US': 'Set page-level empty status'
+        },
+        'demoId': 'page-empty'
+      },
+      {
+        'name': 'sub-message',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '设置二级标题',
+          'en-US': 'Set Level-2 Title'
+        },
+        'demoId': 'sub-message'
+      },
+      {
+        'name': 'type',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '设置页面级空态类型。默认值为nodata',
+          'en-US': 'Sets the page-level empty state type. The default value is nodata.'
+        },
+        'demoId': 'page-empty'
+      }
+    ],
+    'slots': [{
+        'name': 'content',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '内容插槽。可以设置自定义展示内容',
+          'en-US': 'Content slot. Custom display content can be set.'
+        },
+        'demoId': 'content-slot'
+      },
+      {
+        'name': 'default',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '默认插槽',
+          'en-US': 'Default Slot'
+        },
+        'demoId': ''
+      }
+    ]
+  }]
+}

package/demos/mobile-first/app/flowchart/webdoc/flowchart.js

@@ -1,16 +1,15 @@
 export default {
   column: '2',
   owner: '',
-  demos: [
-    {
+  demos: [{
       demoId: 'basic-usage',
       name: {
         'zh-CN': '垂直图形',
-        'en-US': 'events'
+        'en-US': 'Vertical Graphics'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>节点设置在不同的列data.nodes[i].info.row,就可以创建垂直图形</p>',
+        'en-US': '<p>Nodes are set in different columns data.nodes[i].info.row, and vertical graphics can be created.</p>'
       },
       codeFiles: ['basic-usage.vue']
     },
@@ -18,11 +17,11 @@ export default {
       demoId: 'horizon',
       name: {
         'zh-CN': '水平图形',
-        'en-US': 'events'
+        'en-US': 'Horizontal Graph'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>节点设置在不同的列data.nodes[i].info.col,就可以创建水平图形</p>',
+        'en-US': '<p>Nodes are set in different columns data.nodes[i].info.col, and horizontal graphics can be created.</p>'
       },
       codeFiles: ['horizon.vue']
     },
@@ -30,11 +29,11 @@ export default {
       demoId: 'dot-vertical',
       name: {
         'zh-CN': '点模式-垂直图形',
-        'en-US': 'events'
+        'en-US': 'Point Mode - Vertical Graph'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['dot-vertical.vue']
     },
@@ -42,11 +41,11 @@ export default {
       demoId: 'dot-horizon',
       name: {
         'zh-CN': '点模式-水平图形',
-        'en-US': 'events'
+        'en-US': 'Point Mode - Horizontal Graph'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['dot-horizon.vue']
     },
@@ -54,11 +53,11 @@ export default {
       demoId: 'dot-horizon-async',
       name: {
         'zh-CN': '点模式-水平图形-异步',
-        'en-US': 'events'
+        'en-US': 'Point Mode - Horizontal Graph - Asynchronous'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['dot-horizon-async.vue']
     },
@@ -70,7 +69,7 @@ export default {
       },
       desc: {
         'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>Point Mode - Vertical Graph - Asynchronous</p>'
       },
       codeFiles: ['dot-vertical-async.vue']
     },
@@ -78,11 +77,11 @@ export default {
       demoId: 'holistic',
       name: {
         'zh-CN': '全景图',
-        'en-US': 'events'
+        'en-US': 'Panoramic view'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['holistic.vue']
     },
@@ -90,14 +89,14 @@ export default {
       demoId: 'holistic-fork',
       name: {
         'zh-CN': '全景图-分叉',
-        'en-US': 'events'
+        'en-US': 'Panorama - Fork'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['holistic-fork.vue']
     }
   ],
   apis: []
-}
+}