@opentiny/vue-docs 2.1.8 → 2.1.10

package/demos/mobile-first/app/action-sheet/webdoc/action-sheet.js

@@ -6,11 +6,11 @@ export default {
       demoId: 'basic-usage',
       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: ['basic-usage.vue']
     },
@@ -18,11 +18,11 @@ export default {
       demoId: 'action',
       name: {
         'zh-CN': '操作列表模式',
-        'en-US': 'events'
+        'en-US': 'Operation list mode'
       },
       desc: {
-        'zh-CN': '<p>设置 `type` 为 `action` 启用操作列表模式，设置 `title` 显示提示语。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>设置 `type` 为 `action` 启用操作列表模式，设置 `title` 显示提示语。</p>',
+        'en-US': '<p>Set `type` to `action` to enable the operation list mode and set `title` to display prompts.</p>'
       },
       codeFiles: ['action.vue']
     },
@@ -30,12 +30,13 @@ export default {
       demoId: 'show',
       name: {
         'zh-CN': '显示隐藏',
-        'en-US': 'events'
+        'en-US': 'Show Hide'
       },
       desc: {
         'zh-CN':
-          '<p>- show-header: 显示头部，默认值为 true；- show-search: 显示头部搜索功能，默认值为 true；- show-footer: 显示底部，默认值为 false；<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>show-header: 显示头部，默认值为 true；- show-search: 显示头部搜索功能，默认值为 true；- show-footer: 显示底部，默认值为 false；</p>',
+        'en-US':
+          '<p>show-header: displays the header. The default value is true. - show-search: displays the header search function. The default value is true. - show-footer: displays the bottom. The default value is false</p>'
       },
       codeFiles: ['show.vue']
     },
@@ -43,11 +44,11 @@ export default {
       demoId: 'mask',
       name: {
         'zh-CN': '遮罩层1',
-        'en-US': 'events'
+        'en-US': 'Mask layer one'
       },
       desc: {
-        'zh-CN': '<p>添加 `mask` 属性可以关闭遮罩层，默认值为 `true` 。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>添加 `mask` 属性可以关闭遮罩层，默认值为 `true` 。</p>',
+        'en-US': '<p>bAdd the `mask` attribute to turn off the mask layer. The default value is `true`.</p>'
       },
       codeFiles: ['mask.vue']
     },
@@ -55,12 +56,13 @@ export default {
       demoId: 'mask-event',
       name: {
         'zh-CN': '遮罩层2',
-        'en-US': 'events'
+        'en-US': 'Mask layer two'
       },
       desc: {
         'zh-CN':
-          '<p>默认弹窗打开后，可以单击遮罩层关闭弹窗，设置 `mask-closable` 为 `false` 后将禁用该功能，默认值为 `true` 。        <p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>默认弹窗打开后，可以单击遮罩层关闭弹窗，设置 `mask-closable` 为 `false` 后将禁用该功能，默认值为 `true`。</p>',
+        'en-US':
+          '<p>After the default pop-up window is opened, you can click the mask layer to close the pop-up window. If `mask-closable` is set to `false`, this function is disabled. The default value is `true`</p>'
       },
       codeFiles: ['mask-event.vue']
     },
@@ -68,12 +70,13 @@ export default {
       demoId: 'slot',
       name: {
         'zh-CN': '插槽',
-        'en-US': 'events'
+        'en-US': 'slot'
       },
       desc: {
         'zh-CN':
-          '<p>- header: 头部插槽，默认显示头部，设置 show-header="true" 时有效；- header-left: 头部左侧插槽，默认显示搜索功能；- header-right: 头部右侧插槽，默认显示关闭功能；- footer: 头部插槽，默认隐藏底部，设置 show-footer="true" 时有效；<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>- header: 头部插槽，默认显示头部，设置 show-header="true" 时有效；- header-left: 头部左侧插槽，默认显示搜索功能；- header-right: 头部右侧插槽，默认显示关闭功能；- footer: 头部插槽，默认隐藏底部，设置 show-footer="true" 时有效；</p>',
+        'en-US':
+          '<p> header: header slot. The header is displayed by default. This parameter is valid only when show-header is set to true. - header-left: slot on the left of the header. The search function is displayed by default. - header-right: slot on the right side of the head. The function is disabled by default. - footer: head slot. The bottom is hidden by default. This parameter is valid only when show-footer is set to true.</p>'
       },
       codeFiles: ['slot.vue']
     },
@@ -81,14 +84,236 @@ export default {
       demoId: 'ellipsis',
       name: {
         'zh-CN': '超出省略',
-        'en-US': 'events'
+        'en-US': 'ellipsis'
       },
       desc: {
-        'zh-CN': '<p>添加属性 `ellipsis` 选项内容会超出隐藏。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>添加属性 `ellipsis` 选项内容会超出隐藏。</p>',
+        'en-US': '<p>Added attribute `ellipsis` content meeting super surviving.</p>'
       },
       codeFiles: ['ellipsis.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'ActionSheet',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'custom-class',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '自定义 class 样式',
+            'en-US': 'Customize the class style.'
+          }
+        },
+        {
+          'name': 'flex',
+          'type': 'Boolean',
+          'defaultValue': 'true',
+          'desc': {
+            'zh-CN': '设置弹性布局,默认为 true',
+            'en-US': 'Sets the elastic layout. The default value is true.'
+          }
+        },
+        {
+          'name': 'mask',
+          'type': 'Boolean',
+          'defaultValue': 'true',
+          'desc': {
+            'zh-CN': '是否显示遮罩层，默认值为 true',
+            'en-US': 'Indicates whether to display the mask layer. The default value is true.'
+          },
+          'demoId': 'mask'
+        },
+        {
+          'name': 'mask-closable',
+          'type': 'Boolean',
+          'defaultValue': 'true',
+          'desc': {
+            'zh-CN': '单击遮罩层是否关闭弹窗，默认值为 true',
+            'en-US':
+              'Indicates whether to close the pop-up window when you click the mask layer. The default value is true.'
+          },
+          'demoId': 'mask-event'
+        },
+        {
+          'name': 'menus',
+          'type': 'Array',
+          'defaultValue': '[]',
+          'desc': {
+            'zh-CN': '操作列表，设置 type 为 action 启用操作列表模式时有效。',
+            'en-US': 'Operation list. This parameter is valid only when type is set to action.'
+          },
+          'demoId': 'action'
+        },
+        {
+          'name': 'show-footer',
+          'type': 'Boolean',
+          'defaultValue': 'false',
+          'desc': {
+            'zh-CN': '是否显示底部，默认值为 false',
+            'en-US': 'Indicates whether to display the bottom. The default value is false.'
+          },
+          'demoId': 'show'
+        },
+        {
+          'name': 'show-header',
+          'type': 'Boolean',
+          'defaultValue': 'true',
+          'desc': {
+            'zh-CN': '是否显示头部，默认值为 true',
+            'en-US': 'Indicates whether to display the header. The default value is true.'
+          },
+          'demoId': 'show'
+        },
+        {
+          'name': 'title',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '面板标题',
+            'en-US': 'Panel Title'
+          },
+          'demoId': 'actoin'
+        },
+        {
+          'name': 'type',
+          'type': 'Array[string]',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置 type 为 action 启用操作列表模式',
+            'en-US': 'Set type to action to enable the operation list mode.'
+          },
+          'demoId': 'action'
+        },
+        {
+          'name': 'v-model',
+          'type': 'Number | String | Array',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '双向数据绑定',
+            'en-US': 'bidirectional data binding'
+          }
+        },
+        {
+          'name': 'visible',
+          'type': 'Boolean',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '是否弹出面板',
+            'en-US': 'Indicates whether to display the panel.'
+          }
+        }
+      ],
+      'methods': [
+        {
+          'name': 'actionSelectOption',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '选择列表项，设置 type 为 action 启用操作列表模式时有效',
+            'en-US':
+              'Select a list item and set type to action. This parameter is valid only when the operation list mode is enabled.'
+          }
+        },
+        {
+          'name': 'close',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '关闭面板',
+            'en-US': 'Close the panel.'
+          },
+          'demoId': 'action'
+        }
+      ],
+      'events': [
+        {
+          'name': 'click',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '点击列表选项时触发，设置 type 为 action 启用操作列表模式时有效。',
+            'en-US':
+              'This event is triggered when a list option is clicked. This event is valid only when type is set to action and the operation list mode is enabled.'
+          },
+          'demoId': 'action'
+        },
+        {
+          'name': 'close',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '关闭面板时触发的事件。',
+            'en-US': 'Event triggered when a panel is closed.'
+          },
+          'demoId': 'action'
+        },
+        {
+          'name': 'confirm',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '点击底部按钮时触发，设置 show-footer 为 true 时有效。',
+            'en-US':
+              'This event is triggered when the bottom button is clicked. It is valid only when show-footer is set to true.'
+          }
+        },
+        {
+          'name': 'update:visible',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '面板显示或隐藏时触发',
+            'en-US': 'riggered when the panel is displayed or hidden'
+          },
+          'demoId': 'slot'
+        }
+      ],
+      'slots': [
+        {
+          'name': 'default',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '组件默认插槽，设置 type 为 action 启用操作列表模式会提供参数 data 列表项和 index 列表索引。',
+            'en-US':
+              'Component default slot. Set type to action to enable the operation list mode. The parameter data list item and index list index are provided.'
+          },
+          'demoId': 'slot'
+        },
+        {
+          'name': 'footer',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '底部插槽，设置 show-footer 为 true 时有效',
+            'en-US': 'Bottom slot. This parameter is valid only when show-footer is set to true.'
+          },
+          'demoId': 'slot'
+        },
+        {
+          'name': 'header-left',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '头部左侧插槽，设置 show-header 为 true 时有效',
+            'en-US': 'Slot on the left of the header. This parameter is valid only when show-header is set to true.'
+          },
+          'demoId': 'slot'
+        },
+        {
+          'name': 'header-right ',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '头部右侧插槽，设置 show-header 为 true 时有效',
+            'en-US': 'Slot on the right of the header. This parameter is valid only when show-header is set to true.'
+          },
+          'demoId': 'slot'
+        }
+      ]
+    }
+  ]
 }

package/demos/mobile-first/app/alert/close-text.vue

@@ -6,8 +6,7 @@
 </template>
 
 <script>
-import { Alert } from '@opentiny/vue'
-import { alert } from '@opentiny/vue-modal'
+import { Alert, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -15,7 +14,7 @@ export default {
   },
   methods: {
     close() {
-      alert('关闭了')
+      Modal('关闭了')
     }
   }
 }

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

@@ -9,8 +9,8 @@ export default {
         'en-US': 'events'
       },
       desc: {
-        'zh-CN': '<p><p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p></p>',
+        'en-US': '<p></p>'
       },
       codeFiles: ['base.vue']
     },
@@ -18,11 +18,11 @@ export default {
       demoId: 'type',
       name: {
         'zh-CN': '默认主題样式',
-        'en-US': 'events'
+        'en-US': 'Default Theme Style'
       },
       desc: {
-        'zh-CN': '<p>`type` 设置显示主题，可选值：danger(默认)、primary、success、warning、info<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`type` 设置显示主题，可选值：danger(默认)、primary、success、warning、info</p>',
+        'en-US': '<p>`type`Set the display theme. The options are danger (default), primary, success, warning, and info.</p>'
       },
       codeFiles: ['type.vue']
     },
@@ -30,11 +30,11 @@ export default {
       demoId: 'type-left',
       name: {
         'zh-CN': '圆点向左排列样式',
-        'en-US': 'events'
+        'en-US': 'Dot Left Arrange Style'
       },
       desc: {
-        'zh-CN': '<p>`show-left` 设置是否向左展示，仅对圆点生效<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`show-left` 设置是否向左展示，仅对圆点生效</p>',
+        'en-US': '<p>`show-left` Sets whether to display the dots to the left. This parameter is valid only for dots.</p>'
       },
       codeFiles: ['type-left.vue']
     },
@@ -42,11 +42,11 @@ export default {
       demoId: 'is-dot',
       name: {
         'zh-CN': '小圆点标记',
-        'en-US': 'events'
+        'en-US': 'small dot mark'
       },
       desc: {
-        'zh-CN': '<p>通过`is-dot` 显示小圆点标记<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过`is-dot` 显示小圆点标记</p>',
+        'en-US': '<p>Display small dot markers with `is-dot`</p>'
       },
       codeFiles: ['is-dot.vue']
     },
@@ -54,11 +54,11 @@ export default {
       demoId: 'max',
       name: {
         'zh-CN': '计数最大值',
-        'en-US': 'events'
+        'en-US': 'Maximum count value'
       },
       desc: {
-        'zh-CN': '<p>`max` 超过最大值会显示 `{max}+` <p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`max` 超过最大值会显示 `{max}+` </p>',
+        'en-US': '<p>`max` If the maximum value is exceeded, `{max}+` is displayed.</p>'
       },
       codeFiles: ['max.vue']
     },
@@ -66,11 +66,11 @@ export default {
       demoId: 'target',
       name: {
         'zh-CN': '跳转链接',
-        'en-US': 'events'
+        'en-US': 'Jump link'
       },
       desc: {
-        'zh-CN': '<p>`href`定义跳转链接<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`href`定义跳转链接</p>',
+        'en-US': '<p>`href`Define Jump Link</p>'
       },
       codeFiles: ['target.vue']
     },
@@ -78,11 +78,11 @@ export default {
       demoId: 'slot-default',
       name: {
         'zh-CN': '自定义标记目标',
-        'en-US': 'events'
+        'en-US': 'Custom Marker Targets'
       },
       desc: {
-        'zh-CN': '<p>`default slot` 标记内容自定义<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`default slot` 标记内容自定义</p>',
+        'en-US': '<p>`default slot` tag content customization</p>'
       },
       codeFiles: ['slot-default.vue']
     },
@@ -90,11 +90,11 @@ export default {
       demoId: 'slot-content',
       name: {
         'zh-CN': '自定义提示内容',
-        'en-US': 'events'
+        'en-US': 'Customized prompt content'
       },
       desc: {
-        'zh-CN': '<p>`content slot` 自定义提示内容<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`content slot` 自定义提示内容</p>',
+        'en-US': '<p>`content slot` Customized prompt content</p>'
       },
       codeFiles: ['slot-content.vue']
     },
@@ -102,11 +102,11 @@ export default {
       demoId: 'dynamic-hidden',
       name: {
         'zh-CN': '消息已读动态隐藏标记',
-        'en-US': 'events'
+        'en-US': 'Message Read Dynamic Hide Flag'
       },
       desc: {
-        'zh-CN': '<p>`hidden` 隐藏标记<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>`hidden` 隐藏标记</p>',
+        'en-US': '<p>`hidden`hide markup</p>'
       },
       codeFiles: ['dynamic-hidden.vue']
     },
@@ -114,14 +114,31 @@ export default {
       demoId: 'props-content',
       name: {
         'zh-CN': '属性传值显示内容',
-        'en-US': 'events'
+        'en-US': 'Displayed content of attribute value transfer'
       },
       desc: {
-        'zh-CN': '<p>通过绑定`data`属性传入自定义内容<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过绑定`data`属性传入自定义内容</p>',
+        'en-US': '<p>Transfer the customized content by binding the `data` attribute.</p>'
       },
       codeFiles: ['props-content.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'Badge',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'show-Left',
+          'type': 'Boolean',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置是否向左展示，仅对圆点生效。',
+            'en-US': 'Indicates whether to display the dots to the left. This parameter is valid only for dots.'
+          },
+          'demoId': 'type-left'
+        },
+      ]
+    },
+  ]
 }

package/demos/mobile-first/app/button/image.vue

@@ -1,5 +1,5 @@
 <template>
-  <tiny-button>
+  <tiny-button size="medium">
     <img :src="image" width="26" />
     <span>图片按钮</span>
   </tiny-button>