@opentiny/vue-docs 2.2.5 → 2.2.7

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

@@ -10,7 +10,7 @@ export default {
       },
       desc: {
         'zh-CN': '<p>通过 `image-size` 设置预览的图片尺寸大小，通过`round`设置是否展示圆形。</p>',
-        'en-US': '<p>button type</p>'
+        'en-US': '<p>Use `image-size` to set the size of the previewed image and use `round` to set whether to display a circle.</p>'
       },
       codeFiles: ['basic-usage.vue']
     },
@@ -19,11 +19,11 @@ export default {
       demoId: 'show-hover',
       name: {
         'zh-CN': '图片悬浮',
-        'en-US': 'events'
+        'en-US': 'Image floating'
       },
       desc: {
-        'zh-CN': '<p>通过 `show-hover` 设置预览的图片的悬浮效果。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过 `show-hover` 设置预览的图片的悬浮效果。</p>',
+        'en-US': '<p>Use `show-hover` to set the floating effect of the previewed image.</p>'
       },
       codeFiles: ['show-hover.vue']
     },
@@ -31,12 +31,12 @@ export default {
       demoId: 'auto-fit-container-size',
       name: {
         'zh-CN': '自适应容器尺寸',
-        'en-US': 'events'
+        'en-US': 'Adaptive Container Size'
       },
       desc: {
         'zh-CN':
-          '<p>可通过 `fit` 属性确定图片如何适应到容器框，同原生 css 的 object-fit 属性。<br> object-fit 说明<br>fill：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比<br>contain：被替换的内容大小可以填充元素的内容框<br> cover：被替换的内容大小保持其宽高比，同时填充元素的整个内容框<br>none：被替换的内容尺寸不会被改变<br>scale-down：内容的尺寸就像是指定了 none 或 contain，取决于哪一个将导致更小的对象尺寸。<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>可通过 `fit` 属性确定图片如何适应到容器框，同原生 css 的 object-fit 属性。<br> object-fit 说明<br>fill：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比<br>contain：被替换的内容大小可以填充元素的内容框<br> cover：被替换的内容大小保持其宽高比，同时填充元素的整个内容框<br>none：被替换的内容尺寸不会被改变<br>scale-down：内容的尺寸就像是指定了 none 或 contain，取决于哪一个将导致更小的对象尺寸。</p>',
+        'en-US': '<p>You can use the `fit` attribute to determine how an image adapts to the container box, which is the same as the object-fit attribute of the native CSS.<br>Object-fit Description<br>fill: The replaced content is scaled to maintain its aspect ratio when filling the element\'s content box.<br>cover: The size of the replaced content keeps its aspect ratio and fills the entire content box of the element.<br>none: The size of the content to be replaced is not changed.<br>scale-down: The size of the content is as if none or contain were specified, depending on which would result in a smaller object size.</p>'
       },
       codeFiles: ['auto-fit-container-size.vue']
     },
@@ -44,11 +44,11 @@ export default {
       demoId: 'preview-src-list',
       name: {
         'zh-CN': '预览大图',
-        'en-US': 'events'
+        'en-US': 'Preview Large Image'
       },
       desc: {
-        'zh-CN': '<p>通过 `preview-src-list` 开启预览大图的功能，通过添加`show-index`开启图片序列号展示。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过 `preview-src-list` 开启预览大图的功能，通过添加`show-index`开启图片序列号展示。</p>',
+        'en-US': '<p>Use the `preview-src-list` command to enable the function of previewing large images, and add the `show-index` command to enable the display of image sequence numbers.</p>'
       },
       codeFiles: ['preview-src-list.vue']
     },
@@ -56,11 +56,11 @@ export default {
       demoId: 'round',
       name: {
         'zh-CN': '尺寸类型',
-        'en-US': 'events'
+        'en-US': 'Size Type'
       },
       desc: {
-        'zh-CN': '<p>通过 `image-size` 设置预览的图片尺寸大小，通过 round 设置是否展示圆形。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过 `image-size` 设置预览的图片尺寸大小，通过 round 设置是否展示圆形。</p>',
+        'en-US': '<p>Use `image-size` to set the size of the previewed image and use round to set whether to display a circle.</p>'
       },
       codeFiles: ['round.vue']
     },
@@ -68,11 +68,11 @@ export default {
       demoId: 'custom-placeholder',
       name: {
         'zh-CN': '占位内容',
-        'en-US': 'events'
+        'en-US': 'Placeholder Content'
       },
       desc: {
-        'zh-CN': '<p>可通过 `slot = placeholder` 自定义占位内容。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>可通过 `slot = placeholder` 自定义占位内容。</p>',
+        'en-US': '<p>You can use `slot = placeholder` to customize the placeholder.</p>'
       },
       codeFiles: ['custom-placeholder.vue']
     },
@@ -80,12 +80,12 @@ export default {
       demoId: 'lazy-load',
       name: {
         'zh-CN': '懒加载',
-        'en-US': 'events'
+        'en-US': 'Lazy loading'
       },
       desc: {
         'zh-CN':
-          '<p>可通过 `lazy` 开启懒加载功能，当图片滚动到可视范围内才会加载。可通过 `scroll-container` 来设置滚动容器，若未定义，则为最近一个 `overflow` 值为 `auto` 或 `scroll` 的父元素。<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>可通过 `lazy` 开启懒加载功能，当图片滚动到可视范围内才会加载。可通过 `scroll-container` 来设置滚动容器，若未定义，则为最近一个 `overflow` 值为 `auto` 或 `scroll` 的父元素。</p>',
+        'en-US': '<p>You can use `lazy` to enable lazy loading. Images are loaded only when they are scrolled to the visible range. You can use `scroll-container` to set the scrolling container. If it is not defined, the scrolling container is the parent element whose latest `overflow` value is `auto` or `scroll`.</p>'
       },
       codeFiles: ['lazy-load.vue']
     },
@@ -93,11 +93,11 @@ export default {
       demoId: 'preview-z-index',
       name: {
         'zh-CN': '图片预览层级',
-        'en-US': 'events'
+        'en-US': 'Image preview level'
       },
       desc: {
         'zh-CN': '<p>可通过 `z-index` 设置预览图片的层级。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>You can use `z-index` to set the preview image level.</p>'
       },
       codeFiles: ['preview-z-index.vue']
     },
@@ -105,11 +105,11 @@ export default {
       demoId: 'load-event',
       name: {
         'zh-CN': '加载成功事件',
-        'en-US': 'events'
+        'en-US': 'Loading success event'
       },
       desc: {
-        'zh-CN': '<p>图片加载成功触发 `load` 事件。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>图片加载成功触发 `load` 事件。</p>',
+        'en-US': '<p>The `load` event is triggered when the image is loaded successfully.</p>'
       },
       codeFiles: ['load-event.vue']
     },
@@ -117,11 +117,11 @@ export default {
       demoId: 'load-error',
       name: {
         'zh-CN': '加载失败事件',
-        'en-US': 'events'
+        'en-US': 'Loading failure event'
       },
       desc: {
-        'zh-CN': '<p>图片加载失败触发 `error` 事件。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>图片加载失败触发 `error` 事件。</p>',
+        'en-US': '<p>The `error` event is triggered when the image fails to be loaded.</p>'
       },
       codeFiles: ['load-error.vue']
     },
@@ -129,11 +129,11 @@ export default {
       demoId: 'custom-load-failed-text',
       name: {
         'zh-CN': '加载失败',
-        'en-US': 'events'
+        'en-US': 'Loading failed.'
       },
       desc: {
-        'zh-CN': '<p>可通过 `slot = error` 自定义加载失败内容。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>可通过 `slot = error` 自定义加载失败内容。</p>',
+        'en-US': '<p>You can run the `slot = error` command to customize the content that fails to be loaded.</p>'
       },
       codeFiles: ['custom-load-failed-text.vue']
     },
@@ -141,11 +141,11 @@ export default {
       demoId: 'preview-in-dialog',
       name: {
         'zh-CN': '对话框中预览图片',
-        'en-US': 'events'
+        'en-US': 'Preview picture in dialog box'
       },
       desc: {
-        'zh-CN': '<p>在 `dialog-box` 元素中嵌入 image 进行图片预览。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>在 `dialog-box` 元素中嵌入 image 进行图片预览。</p>',
+        'en-US': '<p>Embed the image in the `dialog-box` element for image preview.</p>'
       },
       codeFiles: ['preview-in-dialog.vue']
     },
@@ -153,11 +153,11 @@ export default {
       demoId: 'thumbnail',
       name: {
         'zh-CN': '缩略图视图（非模态）',
-        'en-US': 'events'
+        'en-US': 'Thumbnail view (non-modal)'
       },
       desc: {
-        'zh-CN': '<p>通过 `is-thumbnail` 属性开启非模态缩略图视图的功能<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过 `is-thumbnail` 属性开启非模态缩略图视图的功能</p>',
+        'en-US': '<p>Enable the modeless thumbnail view through the `is-thumbnail` property<</p>'
       },
       codeFiles: ['thumbnail.vue']
     },
@@ -165,12 +165,12 @@ export default {
       demoId: 'thumbnail-modal-view',
       name: {
         'zh-CN': '缩略图视图（模态）',
-        'en-US': 'events'
+        'en-US': 'Thumbnail view (modal)'
       },
       desc: {
         'zh-CN':
-          '<p>通过 `modal-view` 属性开启模态缩略图视图的功能，可以通过modal-height属性设置模态框内对应的高度，默认值为 400。<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>通过 `modal-view` 属性开启模态缩略图视图的功能，可以通过modal-height属性设置模态框内对应的高度，默认值为 400。</p>',
+        'en-US': '<p>You can use the `modal-view` attribute to enable the modal thumbnail view function. You can use the modal-height attribute to set the height of the modal box. The default value is 400.</p>'
       },
       codeFiles: ['thumbnail-modal-view.vue']
     },
@@ -178,11 +178,11 @@ export default {
       demoId: 'menu-view',
       name: {
         'zh-CN': '目录视图（非模态）',
-        'en-US': 'events'
+        'en-US': 'Catalog View (Nonmodal)'
       },
       desc: {
-        'zh-CN': '<p>通过 `is-menu-view` 属性开启非模态目录视图的功能<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>通过 `is-menu-view` 属性开启非模态目录视图的功能</p>',
+        'en-US': '<p>Use the `is-menu-view` attribute to enable the non-modal catalog view.</p>'
       },
       codeFiles: ['menu-view.vue']
     },
@@ -190,12 +190,12 @@ export default {
       demoId: 'menu-modal-view',
       name: {
         'zh-CN': '目录视图（模态）',
-        'en-US': 'events'
+        'en-US': 'Catalog View (modal)'
       },
       desc: {
         'zh-CN':
-          '<p>通过 `modal-view` 属性开启模态目录视图的功能，可以通过`modal-height`属性设置模态框内对应的高度，默认值为 400。<p>',
-        'en-US': '<p>bbutton click</p>'
+          '<p>通过 `modal-view` 属性开启模态目录视图的功能，可以通过`modal-height`属性设置模态框内对应的高度，默认值为 400。</p>',
+        'en-US': '<p>Use the `modal-view` attribute to enable the modal directory view function. You can use the `modal-height` attribute to set the height of the modal box. The default value is 400.</p>'
       },
       codeFiles: ['menu-modal-view.vue']
     },
@@ -203,11 +203,11 @@ export default {
       demoId: 'thumbnail-viewer-bg',
       name: {
         'zh-CN': '缩略图视图',
-        'en-US': 'events'
+        'en-US': 'Thumbnail View'
       },
       desc: {
         'zh-CN': '<p>缩略图视图背景<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>Thumbnail View Background</p>'
       },
       codeFiles: ['thumbnail-viewer-bg.vue']
     },
@@ -215,11 +215,11 @@ export default {
       demoId: 'menu-viewer-bg',
       name: {
         'zh-CN': '目录视图背景',
-        'en-US': 'events'
+        'en-US': 'Catalog View Background'
       },
       desc: {
-        'zh-CN': '<p>目录视图<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>目录视图</p>',
+        'en-US': '<p>Table of Contents View</p>'
       },
       codeFiles: ['menu-viewer-bg.vue']
     },
@@ -227,11 +227,11 @@ export default {
       demoId: 'thumbnail-rename',
       name: {
         'zh-CN': '视图文件名-缩略图',
-        'en-US': 'events'
+        'en-US': 'View File Name - Thumbnail'
       },
       desc: {
-        'zh-CN': '<p>视图文件名-缩略图<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>视图文件名-缩略图</p>',
+        'en-US': '<p>View File Name - Thumbnail</p>'
       },
       codeFiles: ['thumbnail-rename.vue']
     },
@@ -239,14 +239,83 @@ export default {
       demoId: 'menu-rename',
       name: {
         'zh-CN': '视图文件名-目录',
-        'en-US': 'events'
+        'en-US': 'View File Name - Directory'
       },
       desc: {
-        'zh-CN': '<p>视图文件名-目录<p>',
-        'en-US': '<p>bbutton click</p>'
+        'zh-CN': '<p>视图文件名-目录</p>',
+        'en-US': '<p>View File Name - Directory</p>'
       },
       codeFiles: ['menu-rename.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'Image',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'image-size ',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置预览的图片的大小',
+            'en-US': 'Sets the size of the previewed picture.'
+          },
+          'demoId': 'round'
+        },
+        {
+          'name': 'preview-visible',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '开启移动端预览大图的功能',
+            'en-US': 'Enable the function of previewing large images on mobile devices.'
+          },
+          'demoId': ''
+        },
+        {
+          'name': 'round',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '通过 round 设置是否展示圆形',
+            'en-US': 'Use round to set whether to display a circle.'
+          },
+          'demoId': 'round'
+        },
+        {
+          'name': 'show-hover',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置预览的图片的悬浮效果',
+            'en-US': 'Sets the floating effect of the previewed image.'
+          },
+          'demoId': 'show-hover'
+        },
+        {
+          'name': 'show-index',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '开启图片序列号展示',
+            'en-US': 'Enable the display of image serial numbers.'
+          },
+          'demoId': 'preview-src-list'
+        },
+      ],
+      'events': [
+        {
+          'name': 'delete',
+          'type': 'Function()',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '图片删除触发',
+            'en-US': 'Triggered by image deletion.'
+          },
+          'demoId': ''
+        }
+      ],
+    },
+  ]
 }

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

@@ -1,8 +1,7 @@
 export default {
   column: '2',
   owner: '',
-  demos: [
-    {
+  demos: [{
       demoId: 'basic-usage',
       name: {
         'zh-CN': '基本用法',
@@ -30,7 +29,7 @@ export default {
       demoId: 'loosing-text',
       name: {
         'zh-CN': '下拉可刷新的文字提示',
-        'en-US': 'basic usage'
+        'en-US': 'Drop-down refreshable text prompt'
       },
       desc: {
         'zh-CN': '<p>通过属性 <code>loosing-text</code> 设置 pulling 提示文字</p>',
@@ -42,7 +41,7 @@ export default {
       demoId: 'success-text',
       name: {
         'zh-CN': '刷新成功的文字',
-        'en-US': 'basic usage'
+        'en-US': 'Texts that are successfully refreshed'
       },
       desc: {
         'zh-CN': '<p>通过属性 <code>success-text</code> 设置 pulling 提示文字</p>',
@@ -54,7 +53,7 @@ export default {
       demoId: 'success-duration',
       name: {
         'zh-CN': '刷新成功的文字展示时长',
-        'en-US': '刷新成功的文字展示时长'
+        'en-US': 'Text display duration that is successfully refreshed.'
       },
       desc: {
         'zh-CN': '<p>设置属性 <code>success-duration</code> 指定延时时间</p>',
@@ -82,8 +81,7 @@ export default {
       },
       desc: {
         'zh-CN': `<p>设置属性 <code>head-height</code> 为数字或字符串，例如：<code>100/'100'/'100px'/'6rem'</code></p>`,
-        'en-US': `<p>
-        Set the property <code>head-height</code> to a number or string, for example: <code>100/'100'/'100px'/'6rem'</code></p>`
+        'en-US': `<p>Set the property <code>head-height</code> to a number or string, for example: <code>100/'100'/'100px'/'6rem'</code></p>`
       },
       codeFiles: ['head-height.vue']
     },
@@ -112,5 +110,221 @@ export default {
       codeFiles: ['pull-refresh-slot.vue']
     }
   ],
-  apis: []
-}
+  apis: [{
+    'name': 'pull-refresh',
+    'type': 'component',
+    'props': [{
+        'name': ' animationDuration',
+        'type': '[Number, String]',
+        'defaultValue': '默认值是300',
+        'desc': {
+          'zh-CN': '刷新成功后头部延时消失时间',
+          'en-US': 'Header delay disappearing time after successful refresh'
+        },
+        'demoId': 'animation-duration'
+      },
+      {
+        'name': 'disabled',
+        'type': 'Boolean',
+        'defaultValue': '默认值是false',
+        'desc': {
+          'zh-CN': '是否禁用下拉刷新',
+          'en-US': 'Whether to disable pull-down refresh'
+        },
+        'demoId': 'disabled'
+      },
+      {
+        'name': 'headHeight',
+        'type': '[Number, String]',
+        'defaultValue': '默认值是50',
+        'desc': {
+          'zh-CN': '组件头部提示区域的高度',
+          'en-US': 'Height of the component head prompt area'
+        },
+        'demoId': 'head-height'
+      },
+      {
+        'name': 'loadingOptions',
+        'type': 'Object',
+        'defaultValue': '默认值是空对象{}',
+        'desc': {
+          'zh-CN': '不使用loading插槽时，内置加载组件Loading的参数：Loading.service(options)',
+          'en-US': 'When the loading slot is not used, the loading parameter of the built-in loading component is Loading.service(options).'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'loadingText',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '数据刷新过程的提示文本',
+          'en-US': 'Prompt text for the data refresh process'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'loosingText',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '向下拖动超过阈值后可松开进行刷新的提示文本',
+          'en-US': 'Drag down to release the prompt text for refresh after the threshold is exceeded.'
+        },
+        'demoId': 'loosing-text'
+      },
+      {
+        'name': 'modelValue',
+        'type': 'Boolean',
+        'defaultValue': '默认值是false',
+        'desc': {
+          'zh-CN': '是否正在进行下拉刷新',
+          'en-US': 'Is the pull-down refresh in progress'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'pullDistance',
+        'type': '[Number, String]',
+        'defaultValue': '默认值是属性 `headHeight` 的值',
+        'desc': {
+          'zh-CN': '拖拽产生刷新的距离',
+          'en-US': 'Refreshing distance generated by dragging'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'pullingText',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '向下拖动过程的提示文本',
+          'en-US': 'Drag down the prompt text for the procedure'
+        },
+        'demoId': 'pulling-text'
+      },
+      {
+        'name': 'selfSimulate',
+        'type': 'Boolean',
+        'defaultValue': '默认值是false',
+        'desc': {
+          'zh-CN': '是否开启自模拟Touch事件。如果开启，那么组件只处理自身产生的模拟Touch事件，忽略冒泡上来的非自身模拟事件。正常非模拟Touch事件始终不会跳过处理',
+          'en-US': 'Indicates whether to enable the self-simulation Touch event. If this function is enabled, the component only processes simulated Touch events generated by itself and ignores non-simulated events generated by itself. Normal non-simulated Touch events never skip processing'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'successDuration',
+        'type': '[Number, String]',
+        'defaultValue': '默认值是500',
+        'desc': {
+          'zh-CN': '刷新成功提示文本延时消失时间',
+          'en-US': 'Time for the text to disappear after the refresh is successful.'
+        },
+        'demoId': 'success-duration'
+      },
+      {
+        'name': 'successText',
+        'type': 'String',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '刷新成功的提示文本',
+          'en-US': 'Text of the message indicating that the refresh is successful'
+        },
+        'demoId': 'success-text'
+      }
+    ],
+    'events': [{
+        'name': 'change',
+        'type': 'Function({ status, distance })',
+        'defaultValue': 'status:{String 组件当前状态}，distance:{Number 当前的拖动距离}',
+        'desc': {
+          'zh-CN': '在组件状态改变时抛出',
+          'en-US': 'Thrown when the component state changes'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'refresh',
+        'type': 'Function()',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '在组件状态进入 loading 刷新数据时抛出',
+          'en-US': 'Thrown when the component enters the loading state to refresh data'
+        },
+        'demoId': ''
+      },
+      {
+        'name': 'update:modelValue',
+        'type': 'Function(isLoading)',
+        'defaultValue': 'isLoading:{Boolean 组件是否处于 loading}',
+        'desc': {
+          'zh-CN': '在组件状态进入 loading 刷新数据时抛出',
+          'en-US': 'Thrown when the component enters the loading state to refresh data'
+        },
+        'demoId': ''
+      }
+    ],
+    'slots': [{
+        'name': 'default',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件默认插槽',
+          'en-US': 'Component Default Slot'
+        },
+        'demoId': 'pull-refresh-slot'
+      },
+      {
+        'name': 'loading',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件 loading 插槽，自定义 loading 状态的提示',
+          'en-US': 'Component loading slot, which is used to customize the loading status prompt.'
+        },
+        'demoId': 'pull-refresh-slot'
+      },
+      {
+        'name': 'loosing',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件 loosing 插槽，自定义 loosing 状态的提示',
+          'en-US': 'Component loosing slot, which is used to customize the loosing status prompt.'
+        },
+        'demoId': 'pull-refresh-slot'
+      },
+      {
+        'name': 'normal',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件 normal 插槽，自定义 normal 状态的提示',
+          'en-US': 'Indicates the normal slot of the component. The prompt for the normal status is customized.'
+        },
+        'demoId': 'pull-refresh-slot'
+      },
+      {
+        'name': 'pulling',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件 pulling 插槽，自定义 pulling 状态的提示',
+          'en-US': 'Pull slot of the component, which is used to customize the prompt of the pull status.'
+        },
+        'demoId': 'pull-refresh-slot'
+      },
+      {
+        'name': 'success',
+        'type': '',
+        'defaultValue': '',
+        'desc': {
+          'zh-CN': '组件 success 插槽，自定义 success 状态的提示',
+          'en-US': 'Indicates the success slot of the component. The success status is customized.'
+        },
+        'demoId': 'pull-refresh-slot'
+      }
+    ]
+  }]
+}

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>