npm - @opentiny/vue-docs - Versions diffs - 3.19.8-alpha.3 → 3.19.8-alpha.5 - Mend

@opentiny/vue-docs 3.19.8-alpha.3 → 3.19.8-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/demos/apis/calendar-view.js CHANGED Viewed

@@ -43,7 +43,7 @@ export default {
         },
         {
           name: 'height',
-          type: 'string | number',
+          type: 'string',
           defaultValue: '',
           desc: {
             'zh-CN': '日历高度',

package/demos/apis/card.js CHANGED Viewed

@@ -18,6 +18,19 @@ export default {
           pcDemo: '',
           mfDemo: 'card-auto-width'
         },
+        {
+          name: 'check-type',
+          type: 'string',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '设置卡片单选、多选，单选/radio；多选/checkbox，需同时设置 label。',
+            'en-US':
+              'Set single-choice, multiple-choice, single-choice, and radio. Multi-choice/checkbox. You need to set the label at the same time.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'check-type-checkbox',
+          mfDemo: 'check-type-checkbox'
+        },
         {
           name: 'custom-class',
           type: 'string',
@@ -30,6 +43,18 @@ export default {
           pcDemo: 'custom-class',
           mfDemo: 'card-custom-class'
         },
+        {
+          name: 'disabled',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '卡片禁用',
+            'en-US': 'Card disabled'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'card-disabled',
+          mfDemo: 'card-disabled'
+        },
         {
           name: 'height',
           type: 'string',
@@ -42,6 +67,55 @@ export default {
           mfDemo: 'card-height',
           pcDemo: 'custom-class'
         },
+        {
+          name: 'icon-more',
+          type: "'iconxxx' | Component",
+          defaultValue: '',
+          desc: {
+            'zh-CN': '更多按钮图标，可传入一个svg图标对象进行替换',
+            'en-US': 'More button icons can be replaced by a svg icon object.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: '',
+          mfDemo: 'card-icon-more'
+        },
+        {
+          name: 'label',
+          type: 'string / number',
+          defaultValue: '',
+          desc: {
+            'zh-CN': 'checkbox或radio的label',
+            'en-US': 'Checkbox or radio label.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'check-type-checkbox',
+          mfDemo: 'card-label'
+        },
+        {
+          name: 'options',
+          typeAnchorName: 'IOptions',
+          type: 'IOptions',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '操作按钮配置',
+            'en-US': ''
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'operate-bar',
+          mfDemo: ''
+        },
+        {
+          name: 'size',
+          type: 'string',
+          defaultValue: 'medium',
+          desc: {
+            'zh-CN': '尺寸，支持large、medium、small、mini 4个尺寸，默认值为medium',
+            'en-US': 'Size. The options are large, medium, small, and mini. The default value is medium.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'card-size',
+          mfDemo: 'card-size'
+        },
         {
           name: 'src',
           type: 'string',
@@ -54,6 +128,18 @@ export default {
           pcDemo: 'card-type',
           mfDemo: 'card-src'
         },
+        {
+          name: 'status',
+          type: 'string',
+          defaultValue: 'default',
+          desc: {
+            'zh-CN': '卡片状态，支持 success、warning、alerting、danger 4 种状态',
+            'en-US': 'Card status. The value can be success, warning, alerting, or dangerous.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'card-status',
+          mfDemo: 'card-status'
+        },
         {
           name: 'title',
           type: 'string',
@@ -77,157 +163,70 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'card-type',
           mfDemo: 'card-type'
-          // 以下IPI暂不暴露
-          // {
-          //   name: 'check-type',
-          //   type: 'string',
-          //   defaultValue: '',
-          //   desc: {
-          //     'zh-CN': '设置卡片单选、多选，单选/radio；多选/checkbox，需同时设置 label。',
-          //     'en-US':
-          //       'Set single-choice, multiple-choice, single-choice, and radio. Multi-choice/checkbox. You need to set the label at the same time.'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'check-type-checkbox',
-          //   mfDemo: 'check-type-checkbox'
-          // },
-          // {
-          //   name: 'disabled',
-          //   type: 'boolean',
-          //   defaultValue: 'false',
-          //   desc: {
-          //     'zh-CN': '卡片禁用',
-          //     'en-US': 'Card disabled'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'card-disabled',
-          //   mfDemo: 'card-disabled'
-          // },
-          // {
-          //   name: 'icon-more',
-          //   type: "'iconxxx' | Component",
-          //   defaultValue: '',
-          //   desc: {
-          //     'zh-CN': '更多按钮图标，可传入一个svg图标对象进行替换',
-          //     'en-US': 'More button icons can be replaced by a svg icon object.'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: '',
-          //   mfDemo: 'card-icon-more'
-          // },
-          // {
-          //   name: 'label',
-          //   type: 'string / number',
-          //   defaultValue: '',
-          //   desc: {
-          //     'zh-CN': 'checkbox或radio的label',
-          //     'en-US': 'Checkbox or radio label.'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'check-type-checkbox',
-          //   mfDemo: 'card-label'
-          // },
-          // {
-          //   name: 'options',
-          //   typeAnchorName: 'IOptions',
-          //   type: 'IOptions',
-          //   defaultValue: '',
-          //   desc: {
-          //     'zh-CN': '操作按钮配置',
-          //     'en-US': ''
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'operate-bar',
-          //   mfDemo: ''
-          // },
-          // {
-          //   name: 'size',
-          //   type: 'string',
-          //   defaultValue: 'medium',
-          //   desc: {
-          //     'zh-CN': '尺寸，支持large、medium、small、mini 4个尺寸，默认值为medium',
-          //     'en-US': 'Size. The options are large, medium, small, and mini. The default value is medium.'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'card-size',
-          //   mfDemo: 'card-size'
-          // },
-          // {
-          //   name: 'status',
-          //   type: 'string',
-          //   defaultValue: 'default',
-          //   desc: {
-          //     'zh-CN': '卡片状态，支持 success、warning、alerting、danger 4 种状态',
-          //     'en-US': 'Card status. The value can be success, warning, alerting, or dangerous.'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'card-status',
-          //   mfDemo: 'card-status'
-          // },
-          // },
-          // {
-          //   name: 'v-model',
-          //   type: 'string',
-          //   defaultValue: '',
-          //   desc: {
-          //     'zh-CN': '绑定值，默认为空',
-          //     'en-US': ''
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'check-type-checkbox',
-          //   mfDemo: ''
-          // },
-          // {
-          //   name: 'check-mode',
-          //   type: 'string',
-          //   defaultValue: 'normal',
-          //   desc: {
-          //     'zh-CN': '卡片被选中后的呈现模式，可选值为：normal | simple | badge',
-          //     'en-US': 'Display mode of a selected card. The options are as follows: normal | simple | badge'
-          //   },
-          //   mode: ['pc', 'mobile-first'],
-          //   pcDemo: 'check-mode',
-          //   mfDemo: ''
+        },
+        {
+          name: 'v-model',
+          type: 'string',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '绑定值，默认为空',
+            'en-US': ''
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'check-type-checkbox',
+          mfDemo: ''
+        },
+        {
+          name: 'check-mode',
+          type: 'string',
+          defaultValue: 'normal',
+          desc: {
+            'zh-CN': '卡片被选中后的呈现模式，可选值为：normal | simple | badge',
+            'en-US': 'Display mode of a selected card. The options are as follows: normal | simple | badge'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'check-mode',
+          mfDemo: ''
+        }
+      ],
+      events: [
+        {
+          name: 'change',
+          type: '() => {}',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '组件选中/取消选中事件',
+            'en-US': 'Component check/uncheck event'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'card-events',
+          mfDemo: 'card-events'
+        },
+        {
+          name: 'icon-click',
+          type: '() => {}',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '操作栏按钮点击事件',
+            'en-US': 'Operation bar button click event'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'card-events',
+          mfDemo: 'card-events'
+        },
+        {
+          name: 'click',
+          type: '() => {}',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '点击卡片事件',
+            'en-US': 'Click card event'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: '',
+          mfDemo: ''
         }
       ],
-      // events: [
-      //   {
-      //     name: 'change',
-      //     type: '() => {}',
-      //     defaultValue: '',
-      //     desc: {
-      //       'zh-CN': '组件选中/取消选中事件',
-      //       'en-US': 'Component check/uncheck event'
-      //     },
-      //     mode: ['pc', 'mobile-first'],
-      //     pcDemo: 'card-events',
-      //     mfDemo: 'card-events'
-      //   },
-      //   {
-      //     name: 'icon-click',
-      //     type: '() => {}',
-      //     defaultValue: '',
-      //     desc: {
-      //       'zh-CN': '操作栏按钮点击事件',
-      //       'en-US': 'Operation bar button click event'
-      //     },
-      //     mode: ['pc', 'mobile-first'],
-      //     pcDemo: 'card-events',
-      //     mfDemo: 'card-events'
-      //   },
-      //   {
-      //     name: 'click',
-      //     type: '() => {}',
-      //     defaultValue: '',
-      //     desc: {
-      //       'zh-CN': '点击卡片事件',
-      //       'en-US': 'Click card event'
-      //     },
-      //     mode: ['pc', 'mobile-first'],
-      //     pcDemo: '',
-      //     mfDemo: ''
-      //   }
-      // ],
       methods: [],
       slots: [
         {
@@ -247,7 +246,7 @@ export default {
           type: '',
           defaultValue: '',
           desc: {
-            'zh-CN': '组件底部插槽',
+            'zh-CN': '组件默认插槽',
             'en-US': 'Component Default Slot'
           },
           mode: ['pc', 'mobile-first'],
@@ -292,33 +291,33 @@ export default {
         }
       ]
     }
-    //   ],
-    //   types: [
-    //     {
-    //       name: 'IOptions',
-    //       type: 'interface',
-    //       code: `
-    // interface IOptions [
-    //   {
-    //     text: '删除列表',
-    //     icon: IconDel()
-    //   },
-    //   {
-    //     text: '编辑',
-    //     icon: IconWriting(),
-    //     disabled: true
-    //   },
-    //   {
-    //     text: '排序',
-    //     icon: IconAscending()
-    //   },
-    //   {
-    //     text: '分享',
-    //     icon: IconShare(),
-    //     disabled: true
-    //   }
-    // ]
-    // `
-    //     }
+  ],
+  types: [
+    {
+      name: 'IOptions',
+      type: 'interface',
+      code: `
+interface IOptions [
+  {
+    text: '删除列表',
+    icon: IconDel()
+  },
+  {
+    text: '编辑',
+    icon: IconWriting(),
+    disabled: true
+  },
+  {
+    text: '排序',
+    icon: IconAscending()
+  },
+  {
+    text: '分享',
+    icon: IconShare(),
+    disabled: true
+  }
+]
+`
+    }
   ]
 }

package/demos/apis/grid.js CHANGED Viewed

@@ -724,10 +724,7 @@ export default {
           mfDemo: ''
         },
         {
-          name: 'resizable-config',
-          meta: {
-            stable: '3.19.0'
-          },
+          name: 'IResizableConfig',
           typeAnchorName: 'IResizableConfig',
           type: 'IResizableConfig',
           defaultValue: '',

package/demos/apis/input.js CHANGED Viewed

@@ -129,7 +129,7 @@ export default {
           type: 'string',
           defaultValue: '',
           desc: {
-            'zh-CN': '设置只读态时的文本内容区，如果没有则会使用 modelValue 的值作为只读文本',
+            'zh-CN': '设置只读态时的文本内容区，如果没有则会使用 modelVale 的值作为只读文本',
             'en-US':
               "Sets the text content area in the read-only state, if not, modelVale's value is used as the read-only text"
           },
@@ -416,7 +416,7 @@ export default {
           type: "'medium' | 'small' | 'mini'",
           defaultValue: '',
           desc: {
-            'zh-CN': '输入框尺寸，只在 type 为 "textarea" 时有效',
+            'zh-CN': '输入框尺寸，只在 type!="textarea" 时有效',
             'en-US': 'Size of the text box. This parameter is valid only when type!="textarea". '
           },
           mode: ['pc', 'mobile-first'],

package/demos/apis/steps.js CHANGED Viewed

@@ -187,11 +187,10 @@ export default {
           type: 'Number',
           defaultValue: '5',
           desc: {
-            'zh-CN': '控制信息可见的节点数，默认可见5个',
-            'en-US': 'Control the number of visible nodes for information, with a default of 5 visible nodes'
+            'zh-CN': '显示模块数量，超出隐藏',
+            'en-US': 'Display the number of modules. The number of modules exceeds the hidden value'
           },
-          mode: ['mobile-first', 'pc'],
-          pcDemo: 'line-horizontal',
+          mode: ['mobile-first'],
           mfDemo: 'vertical'
         }
       ],

package/demos/mobile/app/actionsheet/clickfn.vue CHANGED Viewed

@@ -17,7 +17,7 @@
 </template>
 <script lang="jsx">
-import { TinyActionSheet, TinyButton } from '@opentiny/vue-mobile'
+import { TinyActionSheet, TinyButton } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/actionsheet/ellipsis.vue CHANGED Viewed

@@ -17,7 +17,7 @@
 </template>
 <script lang="jsx">
-import { TinyActionSheet, TinyButton } from '@opentiny/vue-mobile'
+import { TinyActionSheet, TinyButton } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/actionsheet/slot-action.vue CHANGED Viewed

@@ -17,7 +17,7 @@
 </template>
 <script lang="jsx">
-import { TinyActionSheet, TinyButton } from '@opentiny/vue-mobile'
+import { TinyActionSheet, TinyButton } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/actionsheet/slot-item.vue CHANGED Viewed

@@ -22,7 +22,7 @@
 </template>
 <script lang="jsx">
-import { TinyActionSheet, TinyButton } from '@opentiny/vue-mobile'
+import { TinyActionSheet, TinyButton } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/basic-usage.vue CHANGED Viewed

@@ -10,7 +10,7 @@
 </template>
 <script>
-import { TinyAlert } from '@opentiny/vue-mobile'
+import { TinyAlert } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/center.vue CHANGED Viewed

@@ -3,7 +3,7 @@
 </template>
 <script>
-import { TinyAlert } from '@opentiny/vue-mobile'
+import { TinyAlert } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/custom-close.vue CHANGED Viewed

@@ -19,7 +19,7 @@
 </template>
 <script>
-import { TinyAlert, TinySwitch, TinyToast } from '@opentiny/vue-mobile'
+import { TinyAlert, TinySwitch, TinyToast } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/icon.vue CHANGED Viewed

@@ -5,7 +5,7 @@
 </template>
 <script>
-import { TinyAlert } from '@opentiny/vue-mobile'
+import { TinyAlert } from '@opentiny/vue'
 import { iconCustom } from '@opentiny/vue-icon'
 export default {

package/demos/mobile/app/alert/size.vue CHANGED Viewed

@@ -6,7 +6,7 @@
 </template>
 <script>
-import { TinyAlert } from '@opentiny/vue-mobile'
+import { TinyAlert } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/slot-default.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 </template>
 <script>
-import { TinyAlert } from '@opentiny/vue-mobile'
+import { TinyAlert } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/alert/target.vue CHANGED Viewed

@@ -12,7 +12,7 @@
 </template>
 <script>
-import { TinyAlert, TinyTabs, TinyTabItem } from '@opentiny/vue-mobile'
+import { TinyAlert, TinyTabs, TinyTabItem } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/avatar/avatar-size.vue CHANGED Viewed

@@ -20,7 +20,7 @@
 </template>
 <script lang="jsx">
-import { TinyAvatar } from '@opentiny/vue-mobile'
+import { TinyAvatar } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/avatar/avatar-src-set.vue CHANGED Viewed

@@ -9,7 +9,7 @@
 </template>
 <script lang="jsx">
-import { TinyAvatar } from '@opentiny/vue-mobile'
+import { TinyAvatar } from '@opentiny/vue'
 import { iconClockWork } from '@opentiny/vue-icon'
 export default {

package/demos/mobile/app/badge/content.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge } from '@opentiny/vue-mobile'
+import { TinyBadge } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/badge/hidden.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge, TinyButton } from '@opentiny/vue-mobile'
+import { TinyBadge, TinyButton } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/badge/href-target.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge } from '@opentiny/vue-mobile'
+import { TinyBadge } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/badge/is-dot.vue CHANGED Viewed

@@ -5,7 +5,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge } from '@opentiny/vue-mobile'
+import { TinyBadge } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/badge/is-mini.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge } from '@opentiny/vue-mobile'
+import { TinyBadge } from '@opentiny/vue'
 export default {
   components: {

package/demos/mobile/app/badge/type.vue CHANGED Viewed

@@ -20,7 +20,7 @@
 </template>
 <script lang="jsx">
-import { TinyBadge } from '@opentiny/vue-mobile'
+import { TinyBadge } from '@opentiny/vue'
 export default {
   components: {