vsyswin-ui 0.2.62 → 0.2.63

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.2.62",
+    "version": "0.2.63",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",

package/packages/button-ellipsis/src/button-container.vue

@@ -10,17 +10,21 @@ export default {
   computed: {
       trigger() {
         return this.$parent.trigger
+      },
+      num() {
+        return this.$parent.num
       }
   },
   render(h) {
     let contents = []
-    if (this.buttons.length <= 3) {
+    if (this.buttons.length <= this.num) {
       contents = this.buttons.map((btn) => {
         return btn.$slots.default
       })
     } else {
-      const preBtns = this.buttons.slice(0, 2).map((btn) => btn.$slots.default)
-      const moreBtns = this.buttons.slice(2).map((btn) => {
+      const idx = this.num - 1
+      const preBtns = this.buttons.slice(0, idx).map((btn) => btn.$slots.default)
+      const moreBtns = this.buttons.slice(idx).map((btn) => {
         const slotDefault = btn.$slots.default
         const elBtn = slotDefault[0].componentOptions.children[0]
         const listenersFn = slotDefault[0].componentOptions.listeners.click

package/packages/button-ellipsis/src/button-list.vue

@@ -11,10 +11,16 @@
         name: 'SyButtonList',
         components: { buttonContainer },
         props: {
+            // 触发下拉框的方式
             trigger: {
                 type: String,
                 default: 'hover',
                 validator: (value) => ['hover', 'click'].includes(value)
+            },
+            // 最多显示多少数量的按钮，超过此数量是显示下拉菜单
+            num: {
+                type: Number,
+                default: 3
             }
         },
         data() {