@opentiny/vue-docs 3.19.7 → 3.19.8-alpha.1

package/demos/apis/calendar-view.js

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

package/demos/apis/card.js

@@ -18,19 +18,6 @@ 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',
@@ -43,18 +30,6 @@ 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',
@@ -67,55 +42,6 @@ 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',
@@ -128,18 +54,6 @@ 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',
@@ -163,70 +77,157 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'card-type',
           mfDemo: 'card-type'
-        },
-        {
-          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: ''
+          // 以下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: ''
         }
       ],
+      // 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: [
         {
@@ -246,7 +247,7 @@ export default {
           type: '',
           defaultValue: '',
           desc: {
-            'zh-CN': '组件默认插槽',
+            'zh-CN': '组件底部插槽',
             'en-US': 'Component Default Slot'
           },
           mode: ['pc', 'mobile-first'],
@@ -291,33 +292,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-select.js

@@ -0,0 +1,185 @@
+export default {
+  mode: ['pc'],
+  apis: [
+    {
+      name: 'grid-select',
+      type: 'component',
+      props: [
+        {
+          name: 'clearable',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否启用一键清除的功能',
+            'en-US': 'Whether to display the one click clear button, only applicable to radio selection'
+          },
+          mode: ['pc'],
+          pcDemo: 'clearable',
+          mfDemo: 'clearable'
+        },
+        {
+          name: 'filterable',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否可搜索',
+            'en-US': 'Is it searchable'
+          },
+          mode: ['pc'],
+          pcDemo: 'filter-method'
+        },
+        {
+          name: 'filter-method',
+          type: '(query: string) => void',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '自定义过滤方法',
+            'en-US': 'Custom filtering method'
+          },
+          mode: ['pc'],
+          pcDemo: 'filter-method'
+        },
+        {
+          name: 'grid-op',
+          typeAnchorName: 'IGridOption',
+          type: 'IGridOption',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '下拉表格时，内置表格组件的配置，用法同 Grid 组件。',
+            'en-US': ''
+          },
+          mode: ['pc'],
+          pcDemo: 'basic-usage'
+        },
+        {
+          name: 'modelValue / v-model',
+          type: 'string | number | Array<string|number>',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '绑定值',
+            'en-US': 'Bind value'
+          },
+          mode: ['pc'],
+          pcDemo: 'basic-usage'
+        },
+        {
+          name: 'multiple',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否允许选择多个选项',
+            'en-US': 'Allow multiple options to be selected'
+          },
+          mode: ['pc'],
+          pcDemo: 'multiple'
+        },
+        {
+          name: 'radio-config',
+          typeAnchorName: 'IRadioConfig',
+          type: 'IRadioConfig',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '单选配置项',
+            'en-US': 'Radio config'
+          },
+          mode: ['pc'],
+          pcDemo: 'config'
+        },
+        {
+          name: 'remote',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否为远程搜索',
+            'en-US': 'Is it a remote search'
+          },
+          mode: ['pc'],
+          pcDemo: 'remote-method'
+        },
+        {
+          name: 'remote-method',
+          type: '(query:string) => void',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '远程搜索的方法',
+            'en-US': 'Remote search methods'
+          },
+          mode: ['pc'],
+          pcDemo: 'remote-method'
+        },
+        {
+          name: 'reserve-keyword',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '多选可搜索时，是否在选中一个选项后仍然保留当前的搜索关键词',
+            'en-US':
+              'When selecting multiple searchable options, do you still keep the current search keywords after selecting one option'
+          },
+          mode: ['pc'],
+          pcDemo: 'remote-method'
+        },
+        {
+          name: 'select-config',
+          typeAnchorName: 'ISelectConfig',
+          type: 'ISelectConfig',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '多选配置项',
+            'en-US': 'Select config'
+          },
+          mode: ['pc'],
+          pcDemo: 'config'
+        },
+        {
+          name: 'text-field',
+          type: 'string',
+          defaultValue: "''",
+          desc: {
+            'zh-CN': '显示值字段',
+            'en-US': 'Show Value Fields'
+          },
+          mode: ['pc'],
+          pcDemo: 'basic-usage'
+        },
+        {
+          name: 'value-field',
+          type: 'string',
+          defaultValue: "''",
+          desc: {
+            'zh-CN': '绑定值字段',
+            'en-US': 'Bind Value Field'
+          },
+          mode: ['pc'],
+          pcDemo: 'basic-usage'
+        }
+      ]
+    }
+  ],
+  types: [
+    {
+      name: 'IGridOption',
+      type: 'interface',
+      code: `
+interface IGridOption {
+  data: Record<string, unknown>
+  columns: IColumnConfig[] // 表格列数据，同 Grid 组件的 IColumnConfig：https://opentiny.design/tiny-vue/zh-CN/smb-theme/components/grid#api
+}
+`
+    },
+    {
+      name: 'IRadioConfig',
+      type: 'interface',
+      code: `
+同 Grid 组件的 IRadioConfig：https://opentiny.design/tiny-vue/zh-CN/smb-theme/components/grid#api
+`
+    },
+    {
+      name: 'ISelectConfig',
+      type: 'interface',
+      code: `
+同 Grid 组件的 ISelectConfig：https://opentiny.design/tiny-vue/zh-CN/smb-theme/components/grid#api
+`
+    }
+  ]
+}

package/demos/apis/grid.js

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

package/demos/apis/input.js

@@ -129,7 +129,7 @@ export default {
           type: 'string',
           defaultValue: '',
           desc: {
-            'zh-CN': '设置只读态时的文本内容区，如果没有则会使用 modelVale 的值作为只读文本',
+            'zh-CN': '设置只读态时的文本内容区，如果没有则会使用 modelValue 的值作为只读文本',
             '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

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

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

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

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

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

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

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