fix(steps): [steps] 补充visibleNum属性 (#2542)

Author: chenxi-20

examples/sites/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'
         }
       ],

examples/sites/demos/pc/app/steps/line-horizontal-composition-api.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <p>带描述：</p>
-    <tiny-steps line :data="data1" :active="active" @click="advancedClick"></tiny-steps>
+    <tiny-steps line :data="data1" :visible-num="5" :active="active" @click="advancedClick"></tiny-steps>
     <p class="mt24">不带描述：</p>
     <tiny-steps line :data="data2" :active="active" @click="advancedClick"></tiny-steps>
   </div>
@@ -21,7 +21,9 @@ const data1 = reactive([
   { name: 'BOQ Info', status: 'doing', description: 'doing 处理中' },
   { name: '进行中 BOQ Info', status: 'disabled', description: 'disabled 禁用' },
   { name: 'BBQ Info', status: 'error', description: 'error 错误' },
-  { name: 'BBQ Info', description: '默认无状态' }
+  { name: 'BBQ Info', description: '默认无状态' },
+  { name: '隐藏的节点1', description: '我是隐藏的' },
+  { name: '隐藏的节点2', description: '我也是隐藏的' }
 ])
 const data2 = reactive([
   {

examples/sites/demos/pc/app/steps/line-horizontal.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <p>带描述：</p>
-    <tiny-steps line :data="data1" :active="active" @click="advancedClick"></tiny-steps>
+    <tiny-steps line :data="data1" :visible-num="5" :active="active" @click="advancedClick"></tiny-steps>
     <p class="mt24">不带描述：</p>
     <tiny-steps line :data="data2" :active="active" @click="advancedClick"></tiny-steps>
   </div>
@@ -26,7 +26,9 @@ export default {
         { name: 'BOQ Info', status: 'doing', description: 'doing 处理中' },
         { name: '进行中 BOQ Info', status: 'disabled', description: 'disabled 禁用' },
         { name: 'BBQ Info', status: 'error', description: 'error 错误' },
-        { name: 'BBQ Info', description: '默认无状态' }
+        { name: 'BBQ Info', description: '默认无状态' },
+        { name: '隐藏的节点1', description: '我是隐藏的' },
+        { name: '隐藏的节点2', description: '我也是隐藏的' }
       ],
       data2: [
         {

examples/sites/demos/pc/app/steps/webdoc/steps.js

@@ -9,8 +9,10 @@ export default {
         'en-US': 'Horizontal Chain Steps'
       },
       desc: {
-        'zh-CN': '<p>通过添加 <code>line</code> 用作横向单链型步骤条。</p>',
-        'en-US': '<p>Use the <code>line</code> property to create a horizontal chain steps.</p>'
+        'zh-CN':
+          '<p>通过添加 <code>line</code> 用作横向单链型步骤条，<code>visible-num</code> 控制信息可见的节点数。</p>',
+        'en-US':
+          '<p>Use the <code>line</code> property to create a horizontal chain steps, <code>visible-num</code>Control the number of nodes where information is visible.</p>'
       },
       codeFiles: ['line-horizontal.vue']
     },