@opentiny/vue-docs 2.2.4 → 2.2.6

package/demos/mobile/app/pull-refresh/webdoc/pull-refresh.js

@@ -27,50 +27,50 @@ export default {
       codeFiles: ['animation-duration.vue']
     },
     {
-      demoId: 'disabled',
+      demoId: 'disabled-pull-down',
       name: {
         'zh-CN': '禁用下拉刷新',
         'en-US': 'button round'
       },
       desc: {
         'zh-CN': '<p>禁用下拉刷新</p>',
-        'en-US': '<p>button round</p>'
+        'en-US': '<p>disabled pull down</p>'
       },
-      codeFiles: ['disabled.vue']
+      codeFiles: ['disabled-pull-down.vue']
     },
     {
-      demoId: 'enhance',
+      demoId: 'disabled-pull-up',
       name: {
-        'zh-CN': '支持上拉、下拉刷新',
-        'en-US': 'button round'
+        'zh-CN': '禁用上拉刷新',
+        'en-US': 'disabled pull up'
       },
       desc: {
-        'zh-CN': '<p>支持上拉、下拉刷新</p>',
-        'en-US': '<p>button round</p>'
+        'zh-CN': '<p>禁用上拉刷新</p>',
+        'en-US': '<p>disabled pull up</p>'
       },
-      codeFiles: ['enhance.vue']
+      codeFiles: ['disabled-pull-up.vue']
     },
     {
-      demoId: 'head-height',
+      demoId: 'has-more',
       name: {
-        'zh-CN': '提示信息的高度',
-        'en-US': 'events'
+        'zh-CN': '没有更多数据',
+        'en-US': 'no more'
       },
       desc: {
-        'zh-CN': '<p>下拉后，提示信息的高度<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>没有更多数据</p>',
+        'en-US': '<p>no more</p>'
       },
-      codeFiles: ['head-height.vue']
+      codeFiles: ['has-more.vue']
     },
     {
       demoId: 'loosing-text',
       name: {
-        'zh-CN': '超过<code>head</code>的高度后的提示',
-        'en-US': 'events'
+        'zh-CN': '可以触发下拉刷新的提示文字',
+        'en-US': 'loosing-text'
       },
       desc: {
-        'zh-CN': '<p>下拉超过<code>head</code>的高度后的提示<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>可以触发下拉刷新的提示文字<p>',
+        'en-US': '<p>loosing text</p>'
       },
       codeFiles: ['loosing-text.vue']
     },
@@ -81,58 +81,46 @@ export default {
         'en-US': 'events'
       },
       desc: {
-        'zh-CN': '<p>下拉刷新<code>loading</code>的插槽<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>插槽<p>',
+        'en-US': '<p>slot</p>'
       },
       codeFiles: ['pull-refresh-slot.vue']
     },
     {
-      demoId: 'pulling-text',
+      demoId: 'pull-up-distance',
       name: {
-        'zh-CN': '下拉提示文字',
-        'en-US': 'events'
+        'zh-CN': '上拉触发加载的距离',
+        'en-US': 'pull up distance'
       },
       desc: {
-        'zh-CN': '<p>开始下拉并还没到<code>head</code>的高度时的提示文字<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>上拉触发加载的距离<p>',
+        'en-US': '<p>pull up distanc</p>'
       },
-      codeFiles: ['pulling-text.vue']
+      codeFiles: ['pull-up-distance.vue']
     },
     {
-      demoId: 'result-text',
+      demoId: 'pulling-text',
       name: {
-        'zh-CN': '刷新完成时的提示文字',
-        'en-US': 'events'
+        'zh-CN': '加载状态文字',
+        'en-US': 'pulling text'
       },
       desc: {
-        'zh-CN': '<p>刷新完成时的提示文字<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>加载状态文字<p>',
+        'en-US': '<p>pulling text</p>'
       },
-      codeFiles: ['result-text.vue']
-    },
-    {
-      demoId: 'success-duration',
-      name: {
-        'zh-CN': '刷新成功的文字展示时长',
-        'en-US': 'events'
-      },
-      desc: {
-        'zh-CN': '<p>刷新完成时，提示的显示时长<p>',
-        'en-US': '<p>bbutton click</p>'
-      },
-      codeFiles: ['success-duration.vue']
+      codeFiles: ['pulling-text.vue']
     },
     {
-      demoId: 'success-text',
+      demoId: '刷新事件',
       name: {
-        'zh-CN': '刷新成功的文字',
-        'en-US': 'events'
+        'zh-CN': '刷新事件',
+        'en-US': 'refresh event'
       },
       desc: {
-        'zh-CN': '<p>刷新成功时的提示文字<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>刷新事件<p>',
+        'en-US': '<p>refresh event</p>'
       },
-      codeFiles: ['success-text.vue']
+      codeFiles: ['event.vue']
     }
   ],
   apis: [
@@ -141,28 +129,18 @@ export default {
       type: 'component', // API 类型
       properties: [
         {
-          name: 'disabled',
-          type: 'Boolean',
+          name: 'v-model',
+          type: 'boolean',
           defaultValue: 'false',
           desc: {
-            'zh-CN': '<p>禁止下拉刷新，默认：false</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>是否刷新状态，可以手动设置false来关闭刷新</p>',
+            'en-US': 'is refreshing'
           },
-          demoId: 'disabled'
-        },
-        {
-          name: 'head-height',
-          type: 'Number',
-          defaultValue: '50',
-          desc: {
-            'zh-CN': '<p>loading提示的高度,默认：50</p>',
-            'en-US': 'display different button'
-          },
-          demoId: 'head-height-wrap'
+          demoId: 'base'
         },
         {
           name: 'loosing-text',
-          type: 'String',
+          type: 'string',
           defaultValue: '释放即可刷新',
           desc: {
             'zh-CN': '<p>下拉高度大于等于head-height时的提示文字，默认为：释放即可刷新</p>',
@@ -171,106 +149,106 @@ export default {
           demoId: 'loosing-text'
         },
         {
-          name: 'pulling-text',
-          type: 'String',
-          defaultValue: '下拉即可刷新',
-          desc: {
-            'zh-CN': '<p>下拉高度小于head-height时的提示文字，默认为：下拉即可刷新</p>',
-            'en-US': 'display different button'
-          },
-          demoId: 'pulling-text'
-        },
-        {
-          name: 'success-duration',
-          type: 'Number',
-          defaultValue: '500',
+          name: 'has-more',
+          type: 'boolean',
+          defaultValue: 'true',
           desc: {
-            'zh-CN': '<p>刷新完成的提示文字的显示时长，需要与success-text配合使用，默认：500</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>是否有更多数据</p>',
+            'en-US': 'has more'
           },
-          demoId: 'success-duration'
+          demoId: 'has-more'
         },
         {
-          name: 'success-text',
-          type: 'String',
-          defaultValue: '',
+          name: 'disabled-pull-down',
+          type: 'boolean',
+          defaultValue: 'false',
           desc: {
-            'zh-CN': '<p>下拉刷新完成的提示文字</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>是否禁用下拉刷新</p>',
+            'en-US': 'disablde pull down'
           },
-          demoId: 'result-text'
+          demoId: 'disabled-pull-down'
         },
         {
-          name: 'failed-text',
-          type: 'String',
-          defaultValue: '',
+          name: 'disabled-pull-up',
+          type: 'boolean',
+          defaultValue: 'false',
           desc: {
-            'zh-CN': '<p>下拉刷新失败的提示文字</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>是否禁用上拉</p>',
+            'en-US': 'disablded pull up'
           },
-          demoId: 'success-text'
+          demoId: 'disabled-pull-up'
         },
         {
-          name: 'value',
-          type: 'Boolean',
-          defaultValue: 'true',
+          name: 'pull-up-distance',
+          type: 'number',
+          defaultValue: '18',
           desc: {
-            'zh-CN': '<p>下拉过程中会被置为true，当设置为false时，关闭loading</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>触发上拉刷新的距离</p>',
+            'en-US': 'pull up distance'
           },
-          demoId: 'success-text'
+          demoId: 'pull-up-distance'
         },
         {
-          name: 'pullDown',
-          type: {},
+          name: 'pull-up-loading-text',
+          type: 'string',
           defaultValue: '',
           desc: {
-            'zh-CN': '<p>下拉刷新</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>上拉加载文字</p>',
+            'en-US': 'pull up loading text'
           },
-          demoId: 'base'
+          demoId: 'pulling-text'
         },
         {
-          name: 'pullUp',
-          type: '{}',
+          name: 'pull-down-loading-text',
+          type: 'string',
           defaultValue: '',
           desc: {
-            'zh-CN': '<p>上拉加载</p>',
-            'en-US': 'display different button'
+            'zh-CN': '<p>下拉加载文字</p>',
+            'en-US': 'pull down loading text'
           },
-          demoId: 'enhance'
+          demoId: 'pulling-text'
         }
       ],
       events: [
         {
-          name: 'refresh',
-          type: 'Function()',
+          name: 'pull-down',
+          type: '(event: PullEvent) => void',
           defaultValue: '',
           desc: {
             'zh-CN': '<p>下拉时触发的事件</p>',
             'en-US': 'Click'
           },
-          demoId: 'pulling-text'
+          demoId: 'event'
+        },
+        {
+          name: 'pull-up',
+          type: '(event: PullEvent) => void',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '<p>上拉时触发的事件</p>',
+            'en-US': 'Click'
+          },
+          demoId: 'event'
         }
       ],
       slot: [
         {
-          name: 'default',
+          name: 'header',
           type: '',
           defaultValue: '',
           desc: {
-            'zh-CN': '<p>组件默认插槽</p>',
-            'en-US': 'Click'
+            'zh-CN': '<p>下拉刷新插槽</p>',
+            'en-US': 'pull down slot'
           },
           demoId: ''
         },
         {
-          name: 'loading',
+          name: 'footer',
           type: '',
           defaultValue: '',
           desc: {
-            'zh-CN': '<p>下拉加载中的插槽</p>',
-            'en-US': 'Click'
+            'zh-CN': '<p>上拉加载更多插槽</p>',
+            'en-US': 'pull up slot'
           },
           demoId: 'pull-refresh-slot'
         }

package/demos/mobile/app/tabs/before-leave.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName" :before-leave="beforeLeave" 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/mobile/app/tabs/tabs-events.vue

@@ -18,10 +18,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>
   </div>
 </template>
@@ -49,22 +49,22 @@ export default {
         {
           title: '数据组件',
           name: 'second',
-          content: ' 数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等'
+          content: ' 数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。'
         },
         {
           title: '导航组件',
           name: 'third',
-          content: ' 导航组件,帮助网站访问者浏览站点的组件.'
+          content: ' 导航组件,帮助网站访问者浏览站点的组件。'
         },
         {
           title: '业务组件',
           name: 'fourth',
-          content: '业务组件,与业务紧密相关实现某种业务功能的组件集'
+          content: '业务组件,与业务紧密相关实现某种业务功能的组件集。'
         },
         {
           title: '其他组件',
           name: 'fifth.',
-          content: '其他组件，更多种类组件'
+          content: '其他组件，更多种类组件。'
         }
       ]
     }

package/demos/mobile/menus.js

@@ -53,7 +53,10 @@ export const cmpMenus = [
     label: '容器组件',
     labelEn: 'Container',
     key: 'cmp_container',
-    children: [{ name: 'Dialog', nameCn: '对话框', key: 'dialogbox' }]
+    children: [
+      { name: 'Dialog', nameCn: '对话框', key: 'dialogbox' },
+      { name: 'Container', nameCn: '内容布局', key: 'container' }
+    ]
   },
   {
     label: '数据组件',

package/demos/mobile-first/app/tabs/basic-usage.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName">
     <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/mobile-first/app/tabs/before-leave.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName" :before-leave="beforeLeave" 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/mobile-first/app/tabs/change-title.vue

@@ -2,8 +2,8 @@
   <div>
     <tiny-button @click="handleClick"> 改变标题 </tiny-button>
     <tiny-tabs v-model="activeName">
-      <tiny-tab-item :title="title" name="first"> 导航组件,帮助网站访问者浏览站点的组件. </tiny-tab-item>
-      <tiny-tab-item title="业务组件" name="second"> 业务组件,与业务紧密相关实现某种业务功能的组件集 </tiny-tab-item>
+      <tiny-tab-item :title="title" name="first"> 导航组件,帮助网站访问者浏览站点的组件。 </tiny-tab-item>
+      <tiny-tab-item title="业务组件" name="second"> 业务组件,与业务紧密相关实现某种业务功能的组件集。 </tiny-tab-item>
     </tiny-tabs>
   </div>
 </template>

package/demos/mobile-first/app/tabs/custom-tab-content.vue

@@ -2,10 +2,10 @@
   <tiny-tabs v-model="activeName" 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/mobile-first/app/tabs/custom-tab-title.vue

@@ -16,10 +16,10 @@
           <span class="inline-block">数据组件</span>
         </div>
       </template>
-      <div>数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等</div>
+      <div>数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。</div>
     </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/mobile-first/app/tabs/position-bottom.vue

@@ -20,28 +20,28 @@ export default {
       tabs3: [
         {
           name: 'navigation1',
-          title: 'Navigation1',
-          content: 'Navigation1'
+          title: 'Navigation 1',
+          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'
         }
       ]
     }

package/demos/mobile-first/app/tabs/position-left.vue

@@ -20,28 +20,28 @@ export default {
       tabs3: [
         {
           name: 'navigation1',
-          title: 'Navigation1',
-          content: 'Navigation1'
+          title: 'Navigation 1',
+          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'
         }
       ]
     }

package/demos/mobile-first/app/tabs/position-right.vue

@@ -20,28 +20,28 @@ export default {
       tabs3: [
         {
           name: 'navigation1',
-          title: 'Navigation1',
-          content: 'Navigation1'
+          title: 'Navigation 1',
+          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'
         }
       ]
     }

package/demos/mobile-first/app/tabs/position.vue

@@ -20,28 +20,28 @@ export default {
       tabs3: [
         {
           name: 'navigation1',
-          title: 'Navigation1',
-          content: 'Navigation1'
+          title: 'Navigation 1',
+          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'
         }
       ]
     }