@opentiny/vue-docs 2.1.8 → 2.1.9

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>

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

@@ -2,6 +2,18 @@ export default {
   column: '2',
   owner: '',
   demos: [
+    {
+      demoId: 'click',
+      name: {
+        'zh-CN': '默认按钮',
+        'en-US': 'basic usage'
+      },
+      desc: {
+        'zh-CN': '<p>按钮的单击事件，该示例中单击按钮将会出现提示信息</p>',
+        'en-US': '<p>Click event of a button. In this example, a message is displayed when a button is clicked.</p>'
+      },
+      codeFiles: ['click.vue']
+    },
     {
       demoId: 'text',
       name: {
@@ -11,7 +23,8 @@ export default {
       desc: {
         'zh-CN':
           '<p>设置<code>type</code> 属性为 <code>text</code> 即为文字按钮，可在标签子级或者通过 <code>text</code> 属性设置显示内容。</p>',
-        'en-US': '<p>button type</p>'
+        'en-US':
+          '<p>Set the <code>type</code> attribute to <code>text</code>, which is a text button. You can set the content to be displayed at the tag child level or through the <code>text</code> attribute.</p>'
       },
       codeFiles: ['text.vue']
     },
@@ -19,11 +32,11 @@ export default {
       demoId: 'button-class',
       name: {
         'zh-CN': '定制样式类',
-        'en-US': 'button round'
+        'en-US': 'Customized style class'
       },
       desc: {
         'zh-CN': '<p>设置 <code>button-class</code>  属性定制按钮样式</p>',
-        'en-US': '<p>button round</p>'
+        'en-US': '<p>Set the <code>button-class</code> attribute to customize the button style</p>'
       },
       codeFiles: ['button-class.vue']
     },
@@ -31,11 +44,11 @@ export default {
       demoId: 'plain',
       name: {
         'zh-CN': '线性按钮',
-        'en-US': 'events'
+        'en-US': 'linearity'
       },
       desc: {
         'zh-CN': '<p>配置 <code>plain</code> 属性为 true，即可展示为线性按钮的形式。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>If <code>plain</code> is set to true, the button is displayed as a linear button</p>'
       },
       codeFiles: ['plain.vue']
     },
@@ -43,11 +56,11 @@ export default {
       demoId: 'link',
       name: {
         'zh-CN': '超链接按钮',
-        'en-US': 'events'
+        'en-US': 'Hyperlink'
       },
       desc: {
         'zh-CN': '<p>通过设置<code>href</code> 属性可跳转到指定页面。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>You can set the <code>href</code> attribute to go to a specified page</p>'
       },
       codeFiles: ['link.vue']
     },
@@ -55,12 +68,13 @@ export default {
       demoId: 'type',
       name: {
         'zh-CN': '主题样式',
-        'en-US': 'events'
+        'en-US': 'type'
       },
       desc: {
         'zh-CN':
           '<p>通过 <code>type</code> 属性可以设置不同的主题样式，主要包括 primary、success、info、warning、danger、text。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>You can use the <code>type</code> attribute to set different theme styles, including primary, success, info, warning, danger, and text.</p>'
       },
       codeFiles: ['type.vue']
     },
@@ -68,12 +82,13 @@ export default {
       demoId: 'size',
       name: {
         'zh-CN': '尺寸',
-        'en-US': 'events'
+        'en-US': 'size'
       },
       desc: {
         'zh-CN':
           '<p>通过 <code>size</code>  属性设置按钮不同的大小尺寸，包括 medium、small、mini 三种不同大小。不设置时为默认尺寸。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>Use the <code>size</code> attribute to set the button size, including medium, small, and mini. If this parameter is not set, the default size is used.</p>'
       },
       codeFiles: ['size.vue']
     },
@@ -81,11 +96,11 @@ export default {
       demoId: 'autofocus',
       name: {
         'zh-CN': '聚焦',
-        'en-US': 'events'
+        'en-US': 'Focusing on'
       },
       desc: {
         'zh-CN': '<p>通过 <code>autofocus</code> 属性设置是否默认聚焦。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>Set the <code>autofocus</code> attribute to determine whether to focus by default.</p>'
       },
       codeFiles: ['autofocus.vue']
     },
@@ -93,12 +108,13 @@ export default {
       demoId: 'reset-time',
       name: {
         'zh-CN': '防止表单重复提交',
-        'en-US': 'events'
+        'en-US': 'Prevent repeated submission of forms'
       },
       desc: {
         'zh-CN':
           '<p>通过 <code>reset-time</code> 属性可设置单击后按钮禁用的时长，默认的禁用时长为 1000 毫秒。<br/>可用于防止按钮连续点击出现表单重复提交的问题。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>You can use the <code>reset-time</code> attribute to set the duration for which the button is disabled after you click the button. The default duration is 1000 ms. <br/> It can be used to prevent repeated submission of forms when buttons are clicked continuously.</p>'
       },
       codeFiles: ['reset-time.vue']
     },
@@ -110,7 +126,7 @@ export default {
       },
       desc: {
         'zh-CN': '<p>按钮的单击事件，该示例中单击按钮将会出现提示信息。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>Click event of a button. In this example, a message is displayed when a button is clicked</p>'
       },
       codeFiles: ['click.vue']
     },
@@ -118,11 +134,11 @@ export default {
       demoId: 'dynamic-disabled',
       name: {
         'zh-CN': '动态禁用按钮',
-        'en-US': 'events'
+        'en-US': 'Dynamically disabled'
       },
       desc: {
         'zh-CN': '<p>设置  <code>disabled</code>属性为 true 后，可以禁用按钮。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>If the <code>disabled</code> attribute is set to true, the button can be disabled.</p>'
       },
       codeFiles: ['dynamic-disabled.vue']
     },
@@ -130,14 +146,96 @@ export default {
       demoId: 'banner',
       name: {
         'zh-CN': '通知栏按钮',
-        'en-US': 'events'
+        'en-US': 'Notification bar'
       },
       desc: {
         'zh-CN': '<p>通过添加<code>banner</code>属性设置通栏按钮<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US': '<p>Set the bar button by adding the <code>banner</code> attribute.</p>'
       },
       codeFiles: ['banner.vue']
+    },
+    {
+      demoId: 'image',
+      name: {
+        'zh-CN': '图片按钮',
+        'en-US': 'image'
+      },
+      desc: {
+        'zh-CN': '<p>以默认插槽的用法嵌入<code>img</code>标签，并引入图片<p>',
+        'en-US': '<p>Embed the <code>img</code> tag with the usage of the default slot and introduce the image</p>'
+      },
+      codeFiles: ['image.vue']
+    },
+    {
+      demoId: 'icon',
+      name: {
+        'zh-CN': '图标按钮',
+        'en-US': 'icon'
+      },
+      desc: {
+        'zh-CN': '<p>指定 <code>icon</code>为需要的 Icon 图标即可展示为图标按钮<p>',
+        'en-US': '<p>Specify <code>icon</code> as the required icon to display it as an icon button.</p>'
+      },
+      codeFiles: ['icon.vue']
+    },
+    {
+      demoId: 'loading',
+      name: {
+        'zh-CN': '加载按钮',
+        'en-US': 'icon'
+      },
+      desc: {
+        'zh-CN': '<p>配置  <code>loading</code>属性为 true，即可展示为加载中的样式<p>',
+        'en-US': '<p>Set <code>loading</code> to true to display the style being loaded.</p>'
+      },
+      codeFiles: ['loading.vue']
+    },
+    {
+      demoId: 'round',
+      name: {
+        'zh-CN': '圆角按钮',
+        'en-US': 'icon'
+      },
+      desc: {
+        'zh-CN': '<p>配置 <code>round</code>属性属性设置是否圆角按钮。<p>',
+        'en-US': '<p>Configure the <code>round</code> attribute to set whether to round the button.</p>'
+      },
+      codeFiles: ['round.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'Button',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'banner ',
+          'type': 'Boolean',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '设置通栏按钮', 'en-US': 'Setting the bar button' },
+          'demoId': 'banner'
+        },
+        {
+          'name': 'custom-class',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '设置 custom-class 属性定制按钮样式',
+            'en-US': 'Set the custom-class attribute to customize the button style'
+          },
+          'demoId': 'button-class'
+        },
+        {
+          'name': 'href',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '通过设置 href 属性可跳转到指定页面',
+            'en-US': 'Set the href attribute to jump to a specified page'
+          },
+          'demoId': 'link'
+        }
+      ]
+    }
+  ]
 }

package/demos/mobile-first/app/calendar-bar/webdoc/calendar-bar.js

@@ -10,7 +10,8 @@ export default {
       },
       desc: {
         'zh-CN': '<p>组件 <code> v-model </code>只接受字符串值，例如 <code>2022-12-18 </code></p>',
-        'en-US': '<p>button type</p>'
+        'en-US':
+          '<p>The <code>v-model </code> component accepts only string values, for example, <code>2022-12-18 </code></p>'
       },
       codeFiles: ['basic-usage.vue']
     },
@@ -18,12 +19,13 @@ export default {
       demoId: 'disabled',
       name: {
         'zh-CN': '禁用',
-        'en-US': 'button round'
+        'en-US': 'disabled'
       },
       desc: {
         'zh-CN':
           '<p>使用 <code>config.disabled  </code>配置一个方法，用于判断参数日期是否禁用。<br> 使用 <code>config.disabledColorClass </code> 配置禁用日期的字体颜色类名。 <br>使用 <code>config.disabledBackgroundColorClass </code> 配置禁用日期的背景颜色类名。</p>',
-        'en-US': '<p>button round</p>'
+        'en-US':
+          '<p>使用 <code>config.disabled  </code>配置一个方法，用于判断参数日期是否禁用。<br> 使用 <code>config.disabledColorClass </code> 配置禁用日期的字体颜色类名。 <br>使用 <code>config.disabledBackgroundColorClass </code> 配置禁用日期的背景颜色类名。</p>'
       },
       codeFiles: ['disabled.vue']
     },
@@ -31,14 +33,17 @@ export default {
       demoId: 'marked',
       name: {
         'zh-CN': '日期标记',
-        'en-US': 'events'
+        'en-US': 'Date Marker'
       },
       desc: {
         'zh-CN': `<p>使用<code> config.mark</code> 配置一个方法，用于判断参数日期是否存在标记。<br>
           此方法返回空字符串表示不存在标记，返回非空字符串表示存在标记，且标记内容就是该字符串。 <br>
           使用<code> config.markBackgroundColorClass</code> 配置标记的颜色类名。 <br>
-          使用<code> config.showMarkMessage</code> 配置是否开启标记<code> title</code> 提示，默认值为<code> false</code>。<p>`,
-        'en-US': '<p>bbutton click</p>'
+          使用<code> config.showMarkMessage</code> 配置是否开启标记<code> title</code> 提示，默认值为<code> false</code>。</p>`,
+        'en-US': `<p>Use <code> config.mark</code> to configure a method to determine whether the parameter date has a mark.<br>
+        This method returns an empty string, indicating that the tag does not exist. A non-empty string is returned, indicating that the tag exists and the tag content is the string.<br>
+        Use <code> config.markBackgroundColorClass</code> to configure the color class name of the tag.<br>
+        Use <code> config.showMarkMessage</code> to configure whether to enable the flag <code> title</code> prompt. The default value is <code> false</code>.</p>`
       },
       codeFiles: ['marked.vue']
     },
@@ -46,13 +51,15 @@ export default {
       demoId: 'render-current',
       name: {
         'zh-CN': '当前日期',
-        'en-US': 'events'
+        'en-US': 'Current Date'
       },
       desc: {
         'zh-CN': `<p>用户传入的日期为<code>  当前日期</code> 。<br>
            使用 <code> config.currentColorClass</code>  配置<code>  当前日期</code>  的字体颜色类名；<br>
            使用<code>  config.currentBackgroundColorClass</code>  配置<code>  当前日期</code>  的背景颜色类名。<p>`,
-        'en-US': '<p>bbutton click</p>'
+        'en-US': `<p><p>The date transferred by the user is <code>Current date</code>.<br>
+        Use <code> config.currentColorClass</code> to configure the font color class name of <code>Current Date</code>.<br>
+        Use <code> config.currentBackgroundColorClass</code> to configure the background color class name of <code>current date</code>.</p>`
       },
       codeFiles: ['render-current.vue']
     },
@@ -60,11 +67,12 @@ export default {
       demoId: 'render-today',
       name: {
         'zh-CN': '今天',
-        'en-US': 'events'
+        'en-US': 'Today'
       },
       desc: {
         'zh-CN': '<p>使用<code> config.renderItem </code>可以配置一个方法，对日期面板的某些项进行定制渲染。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>Use <code> config.renderItem </code> to configure a method for custom rendering of certain items in the date panel.</p>'
       },
       codeFiles: ['render-today.vue']
     },
@@ -72,12 +80,13 @@ export default {
       demoId: 'week-first',
       name: {
         'zh-CN': '周起始',
-        'en-US': 'events'
+        'en-US': 'Week Start'
       },
       desc: {
         'zh-CN':
           '<p>使用<code> config.weekFirst </code>配置每周的起始天。默认值为<code> 0</code>，表示周起始为<code> 周日</code>。也可以配置为<code> 1 ~ 6</code>，分别表示<code> 周一 ~ 周六</code>。<p>',
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>Use <code> config.weekFirst </code> to configure the start day of a week. The default value is <code> 0</code>, indicating that the start of the week is <code>Sunday</code>. You can also set this parameter to <code>1 to <code>6</code>, indicating <code>Monday to Saturday</code></p>'
       },
       codeFiles: ['week-first.vue']
     },
@@ -85,14 +94,17 @@ export default {
       demoId: 'workday',
       name: {
         'zh-CN': '工作日',
-        'en-US': 'events'
+        'en-US': 'Workdays'
       },
       desc: {
         'zh-CN': `<p>用户传入的日期为<code>  当前日期</code>，当前日期所在月份为<code>  当前月份</code>，当前月份周六周日为 周末，非周六周日为 工作日。<br>
            使用<code>  config.workday </code>配置一个方法，用于判断 工作日 是否作为真正的工作日；<br>
            使用<code>  config.holiday</code> 配置一个方法，用于判断 周末 是否作为真正的周末； <br>
            使用<code>  config.workdayColorClass 和 config.holidayColorClass</code> 配置工作日和周末的字体颜色类。<p>`,
-        'en-US': '<p>bbutton click</p>'
+        'en-US': `<p>The date transferred by the user is <code>Current Date</code>, and the month to which the current date belongs is <code>Current Month</code>. Saturday and Sunday of the current month are weekends, and non-Saturday and Sunday are workdays.<br>
+        Use <code> config.workday </code> to configure a method to determine whether a workday is a real workday.<br>
+        Use <code> config.holiday</code> to configure a method to determine whether a weekend is a real weekend.<br>
+        Use <code> config.workdayColorClass and config.holidayColorClass</code> to configure the font color classes for weekdays and weekends.</p>`
       },
       codeFiles: ['workday.vue']
     },
@@ -100,11 +112,12 @@ export default {
       demoId: 'expand',
       name: {
         'zh-CN': '展开收起事件',
-        'en-US': 'events'
+        'en-US': 'Expand Collapse Events'
       },
       desc: {
         'zh-CN': `<p>日历栏展开或收起时触发的事件；事件参数为 true 时代表展开状态，反之为收起状态。<p>`,
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>Event triggered when the calendar bar is expanded or collapsed; If the event parameter is set to true, the event is expanded. Otherwise, the event is collapsed.</p>'
       },
       codeFiles: ['expand.vue']
     },
@@ -112,14 +125,55 @@ export default {
       demoId: 'cascader-position',
       name: {
         'zh-CN': '年月选择的位置',
-        'en-US': 'events'
+        'en-US': 'Year and month selected location'
       },
       desc: {
         'zh-CN': `<p>使用 cascaderPosition 属性可以改变年月选择的位置；可选值为：<code>start | center | end</code> 默认值为<code>center</code><p>`,
-        'en-US': '<p>bbutton click</p>'
+        'en-US':
+          '<p>You can use the cascaderPosition attribute to change the location of the year and month. The options are as follows: <code>start | center | end</code>The default value is <code>center</code></p>'
       },
       codeFiles: ['cascader-position.vue']
     }
   ],
-  apis: []
+  apis: [
+    {
+      'name': 'calendarBar',
+      'type': 'component',
+      'props': [
+        {
+          'name': 'cascaderPosition',
+          'type': 'Object',
+          'defaultValue': '{}',
+          'desc': { 'zh-CN': '改变年月选择的位置', 'en-US': 'Change the location of the year and month selection' },
+          'demoId': 'cascader-position'
+        },
+        {
+          'name': 'config',
+          'type': 'Object',
+          'defaultValue': '{}',
+          'desc': { 'zh-CN': '传入用户日期配置信息', 'en-US': 'Transfer the user date configuration information.' },
+          'demoId': 'marked'
+        },
+        {
+          'name': 'v-model',
+          'type': 'String',
+          'defaultValue': '',
+          'desc': { 'zh-CN': '数据绑定', 'en-US': 'Data Binding' },
+          'demoId': 'marked'
+        }
+      ],
+      'methods': [
+        {
+          'name': 'expand',
+          'type': '',
+          'defaultValue': '',
+          'desc': {
+            'zh-CN': '日历栏展开或收起时触发的事件',
+            'en-US': 'Event triggered when the calendar bar expands or collapses'
+          },
+          'demoId': 'expand'
+        }
+      ]
+    }
+  ]
 }

package/demos/mobile-first/app/card/check-type-checkbox.vue

@@ -7,7 +7,7 @@
       </p>
     </tiny-card>
     <br />
-    <tiny-card title="这是samll尺寸卡片" v-model="value" check-type="checkbox" label="2">
+    <tiny-card title="这是small尺寸卡片" v-model="value" check-type="radio" label="2">
       <p>
         这是一段长文本内容，这是一段长文本内容，这是一段长文本内容，这是一段长文本内容，
         这是一段长文本内容，这是一段长文本内容，这是一段长文本内容，这是一段长文本内容，