@lambo-design/schema-paging-table 1.0.0-beta.60 → 1.0.0-beta.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/schema-paging-table",
-  "version": "1.0.0-beta.60",
+  "version": "1.0.0-beta.62",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -11,9 +11,9 @@
   },
   "devDependencies": {
     "standard-version": "^9.5.0",
-    "@lambo-design/core": "^4.7.1-beta.158",
-    "@lambo-design/shared": "^1.0.0-beta.252",
-    "@lambo-design/paging-table": "^1.0.0-beta.91",
+    "@lambo-design/core": "^4.7.1-beta.159",
+    "@lambo-design/shared": "^1.0.0-beta.257",
+    "@lambo-design/paging-table": "^1.0.0-beta.92",
     "@lambo-design/schema-form": "^1.0.0-beta.84"
   },
   "scripts": {

package/src/index.vue

@@ -11,6 +11,9 @@
     :buttonFlex="buttonFlex"
     :pageDisable="pageDisable"
     :radioSelectIndex="radioSelectIndex"
+    :height="height"
+    :pageSize="pageSize"
+    :pageSizeOpts="pageSizeOpts"
     @on-row-click="onRowClick"
     @on-selection-change="onSelectionChange"
     @on-select="onSelect"
@@ -139,6 +142,19 @@ export default {
       type: Boolean,
       default: false
     },
+    height: {
+      type: [Number, String]
+    },
+    pageSizeOpts: {
+      type: Array,
+      default: function () {
+        return [10, 20, 50, 100, 200];
+      }
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
     rowKey: {
       type: String,
       require: false,
@@ -240,65 +256,35 @@ export default {
                   doms = item.name ? item.name : param.row[obj.key]
                 } else {
                   doms = operateHref(self, h, param.row, item.name || param.row[obj.key], (vm, currentRow) => {
-                    if (item.clickEvent?.type === "route") {
-                      // self.$Message.info(item.clickEvent.name)
-                      let query = item.clickEvent?.route?.keys?.reduce((acc, sourceItem) => {
-                        return Object.assign(acc, {[sourceItem]: currentRow[sourceItem]})
-                      }, {})
-                      self.$router.push({
-                        path: item.clickEvent?.route?.path,
-                        query
-                      })
-                    } else if (item.clickEvent?.type === "request") {
-                      // self.$Message.info(item.clickEvent.name)
-                      let data = item.clickEvent?.request?.keys?.reduce((acc, sourceItem) => {
-                        return Object.assign(acc, {[sourceItem]: currentRow[sourceItem]})
-                      }, {})
-                      let request = {
-                        url: item.clickEvent.request.url,
-                        method: item.clickEvent.request.method,
-                        param: data || currentRow,
-                      }
-                      let response = item.clickEvent.response
-                      if (item.clickEvent.tips) {
-                        let tips = item.clickEvent.tips
-                        this.$Modal.confirm({
-                          title: tips.title,
-                          content: '<p>' + tips.content + '</p>',
-                          onOk: () => {
-                            self.fetch(request, response)
-                          }
-                        });
-                      } else {
-                        self.fetch(request, response)
-                      }
-                    } else if (item.clickEvent?.type === "method") {
-                      if(!item.clickEvent?.method?.keys) {
-                        self.$emit(item.clickEvent?.method?.name, param.index,currentRow);
-                        return ;
-                      }
-                      let args = item.clickEvent?.method?.keys?.reduce((total, current) => {
-                        return Object.assign(total, {[current]: currentRow[current]})
-                      }, {})
-                      self.$emit(item.clickEvent?.method?.name, args)
-                    } else if (item.clickEvent?.type === "modal") {
-                      self.$Message.info(item.clickEvent.name)
-                    }
+                    self.handleClickEvent(item, currentRow)
                   }, '', item.permission)
                 }
+                let directives = item.permission ? [{ name: "permission", value: item.permission }] : null;
                 if (visibleDomsd.length < self.operColumnDropdownNum) {
                   visibleDomsd.push(doms);
-                } else if (visibleDomsd.length === self.operColumnDropdownNum && dropdownDomsd.length === 0){
-                  dropdownDomsd.push(h('DropdownItem', {}, [visibleDomsd[self.operColumnDropdownNum - 1]]))
-                  dropdownDomsd.push(h('DropdownItem', {}, [doms]))
+                  if (visibleDomsd.length === self.operColumnDropdownNum) {
+                    dropdownDomsd.push(h('DropdownItem', {
+                      nativeOn: {
+                        'click': () => {
+                          self.handleClickEvent(item, param.row)
+                        }
+                      },
+                      directives
+                    }, [doms]))
+                    visibleDomsd.splice(self.operColumnDropdownNum - 1, 1)
+                  }
                 } else {
-                  dropdownDomsd.push(h('DropdownItem', {}, [doms]))
+                  dropdownDomsd.push(h('DropdownItem', {
+                    nativeOn: {
+                      'click': () => {
+                        self.handleClickEvent(item, param.row)
+                      }
+                    },
+                    directives
+                  }, [doms]))
                 }
               }
             })
-            if (dropdownDomsd.length !== 0) {
-              visibleDomsd.splice(self.operColumnDropdownNum - 1, 1)
-            }
             return h('div', {}, [
               ...visibleDomsd,
               dropdownDomsd.length !== 0 ? operateMore(self,h,dropdownDomsd) : null
@@ -373,6 +359,53 @@ export default {
     window.removeEventListener('resize', this.calculateButtonsInFirstRow);
   },
   methods: {
+    handleClickEvent(item, currentRow) {
+      let self = this
+      if (item.clickEvent?.type === "route") {
+        // self.$Message.info(item.clickEvent.name)
+        let query = item.clickEvent?.route?.keys?.reduce((acc, sourceItem) => {
+          return Object.assign(acc, {[sourceItem]: currentRow[sourceItem]})
+        }, {})
+        self.$router.push({
+          path: item.clickEvent?.route?.path,
+          query
+        })
+      } else if (item.clickEvent?.type === "request") {
+        // self.$Message.info(item.clickEvent.name)
+        let data = item.clickEvent?.request?.keys?.reduce((acc, sourceItem) => {
+          return Object.assign(acc, {[sourceItem]: currentRow[sourceItem]})
+        }, {})
+        let request = {
+          url: item.clickEvent.request.url,
+          method: item.clickEvent.request.method,
+          param: data || currentRow,
+        }
+        let response = item.clickEvent.response
+        if (item.clickEvent.tips) {
+          let tips = item.clickEvent.tips
+          this.$Modal.confirm({
+            title: tips.title,
+            content: '<p>' + tips.content + '</p>',
+            onOk: () => {
+              self.fetch(request, response)
+            }
+          });
+        } else {
+          self.fetch(request, response)
+        }
+      } else if (item.clickEvent?.type === "method") {
+        if(!item.clickEvent?.method?.keys) {
+          self.$emit(item.clickEvent?.method?.name, param.index,currentRow);
+          return ;
+        }
+        let args = item.clickEvent?.method?.keys?.reduce((total, current) => {
+          return Object.assign(total, {[current]: currentRow[current]})
+        }, {})
+        self.$emit(item.clickEvent?.method?.name, args)
+      } else if (item.clickEvent?.type === "modal") {
+        self.$Message.info(item.clickEvent.name)
+      }
+    },
     //计算第一行有多少个button，根据父div宽度和每个button的宽度计算
     calculateButtonsInFirstRow() {
       let container = this.$refs.container