@luzhaoqi/test 0.0.14 → 0.0.15

package/dist/lib-cjs.js

@@ -17506,9 +17506,8 @@ const localCache = {
 function query() {
   const obj = {};
   if (this.queryParams && this.queryParams.constructor === Object) {
-    const queryParams = this._.cloneDeep(this.queryParams);
+    const queryParams = _.cloneDeep(this.queryParams);
     Object.keys(queryParams).forEach((item) => {
-      console.log(item);
       if (item.startsWith('$')) {
         delete queryParams[item];
       }
@@ -17517,7 +17516,7 @@ function query() {
   }
 
   if (this.pageParams && this.pageParams.constructor === Object) {
-    const pageParams = this._.cloneDeep(this.pageParams);
+    const pageParams = _.cloneDeep(this.pageParams);
     delete pageParams.total;
     Object.assign(obj, pageParams);
   }
@@ -17593,7 +17592,7 @@ var variables = {"menuColor":"#bfcbd9","menuLightColor":"rgba(0, 0, 0, 0.7)","me
 
 // import Item from './Item.vue'
 
-var script = {
+var script$2 = {
   name: 'k-icon',
   data() {
     return {
@@ -17702,10 +17701,10 @@ var normalizeComponent_1 = normalizeComponent;
 var __vue_normalize__ = /*@__PURE__*/getDefaultExportFromCjs(normalizeComponent_1);
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$2 = script$2;
 
 /* template */
-var __vue_render__ = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17717,17 +17716,17 @@ var __vue_render__ = function () {
     _vm._v("\n  " + _vm._s(_vm.variables) + "\n"),
   ])
 };
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__ = undefined;
+  const __vue_scope_id__$2 = undefined;
   /* module identifier */
-  const __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__$2 = undefined;
   /* functional template */
-  const __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__$2 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -17736,22 +17735,22 @@ __vue_render__._withStripped = true;
   
 
   
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
+  const __vue_component__$2 = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
     false,
     undefined,
     undefined,
     undefined
   );
 
-__vue_component__.install = function (Vue, option) {
+__vue_component__$2.install = function (Vue, option) {
   setGolbalData(Vue, option);
-  Vue.component(__vue_component__.name, __vue_component__);
+  Vue.component(__vue_component__$2.name, __vue_component__$2);
 };
 
 var axios$3 = {exports: {}};
@@ -18869,7 +18868,7 @@ var followRedirects = {exports: {}};
 
 var src = {exports: {}};
 
-var browser = {exports: {}};
+var browser$1 = {exports: {}};
 
 /**
  * Helpers.
@@ -19329,7 +19328,7 @@ function requireCommon () {
 var hasRequiredBrowser;
 
 function requireBrowser () {
-	if (hasRequiredBrowser) return browser.exports;
+	if (hasRequiredBrowser) return browser$1.exports;
 	hasRequiredBrowser = 1;
 	(function (module, exports) {
 		/**
@@ -19599,8 +19598,8 @@ function requireBrowser () {
 				return '[UnexpectedJSONParseError]: ' + error.message;
 			}
 		}; 
-	} (browser, browser.exports));
-	return browser.exports;
+	} (browser$1, browser$1.exports));
+	return browser$1.exports;
 }
 
 var node = {exports: {}};
@@ -94404,73 +94403,67 @@ function chuli(arr) {
 }
 
 function createRouter(Vue) {
-  console.log(Vue._installedPlugins);
-
+  // 判断是否已经use过VueRouter
   const VueRouterObj = Vue._installedPlugins.filter((item) => {
     return item.name === 'VueRouter'
   });
-  if (VueRouterObj && VueRouterObj[0]) {
-    console.log(111111);
-  } else {
-    console.log(22222);
+  if (!(VueRouterObj && VueRouterObj[0])) {
     Vue.use(VueRouter);
-  }
-  console.log(VueRouterObj);
-  console.log(33333);
-  const $z = Vue.prototype.$z;
-  if ($z.router) {
-    const defaultConfig = {
-      mode: 'history', // 去掉url中的#
-      scrollBehavior: () => ({ y: 0 }),
-      routes: []
-    };
-    const routerOption = $z.router || {};
-    let { beforeEach, afterEach, whiteList } = routerOption;
-    delete $z.router.beforeEach;
-    delete $z.router.afterEach;
-    Object.assign(defaultConfig, routerOption);
-    chuli(defaultConfig.routes);
-    const router = new VueRouter(defaultConfig);
-    router.beforeEach((to, from, next) => {
-      if (beforeEach) {
-        beforeEach(to, from, next);
-      } else {
-        NProgress.start();
-        const httpOption = $z.http || {};
-        const token = getCookie(httpOption.tokenKey || 'Admin-Token');
-        if (!whiteList) {
-          whiteList = ['/login', '/register'];
-        }
-        if (token) {
-          if (to.path === '/login') {
-            next({ path: '/' });
-            NProgress.done();
+    const $z = Vue.prototype.$z;
+    if ($z.router) {
+      const defaultConfig = {
+        mode: 'history', // 去掉url中的#
+        scrollBehavior: () => ({ y: 0 }),
+        routes: []
+      };
+      const routerOption = $z.router || {};
+      let { beforeEach, afterEach, whiteList } = routerOption;
+      delete $z.router.beforeEach;
+      delete $z.router.afterEach;
+      Object.assign(defaultConfig, routerOption);
+      chuli(defaultConfig.routes);
+      const router = new VueRouter(defaultConfig);
+      router.beforeEach((to, from, next) => {
+        if (beforeEach) {
+          beforeEach(to, from, next);
+        } else {
+          NProgress.start();
+          const httpOption = $z.http || {};
+          const token = getCookie(httpOption.tokenKey || 'Admin-Token');
+          if (!whiteList) {
+            whiteList = ['/login', '/register'];
+          }
+          if (token) {
+            if (to.path === '/login') {
+              next({ path: '/' });
+              NProgress.done();
+            } else {
+              // 判断是不是第一次 需要动态加载路由
+              {
+                next();
+              }
+            }
           } else {
-            // 判断是不是第一次 需要动态加载路由
-            {
+            // 没有token
+            if (whiteList.indexOf(to.path) !== -1) {
+              // 在免登录白名单，直接进入
               next();
+            } else {
+              next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
+              NProgress.done();
             }
           }
-        } else {
-          // 没有token
-          if (whiteList.indexOf(to.path) !== -1) {
-            // 在免登录白名单，直接进入
-            next();
-          } else {
-            next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
-            NProgress.done();
-          }
         }
-      }
-    });
-    router.afterEach(() => {
-      if (afterEach) {
-        afterEach();
-      }
-      NProgress.done();
-    });
+      });
+      router.afterEach(() => {
+        if (afterEach) {
+          afterEach();
+        }
+        NProgress.done();
+      });
 
-    Vue.prototype.$z.router = router;
+      Vue.prototype.$z.router = router;
+    }
   }
 }
 
@@ -94483,10 +94476,706 @@ var RouterZ = {
   install: install$1
 };
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$1 = {
+  name: 'z-table',
+  computed: {
+    globalConfig() {
+      if (!this.pageParamsConfig.isDefault) {
+        return this.pageParamsConfig
+      } else if (this.$z.list) {
+        return this.$z.list
+      }
+      return this.pageParamsConfig
+    }
+  },
+  props: {
+    // 表格配置
+    tableOption: {
+      type: Object,
+      required: true,
+      default() {
+        return {
+          api: function () {
+            return Promise.resolve()
+          },
+          column: []
+        }
+      }
+    },
+    // 表格数据
+    tableData: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    // 页码配置
+    pageParamsConfig: {
+      type: Object,
+      default: () => {
+        return {
+          pageSize: 'pageSize',
+          pageNum: 'pageNum',
+          isDefault: true
+        }
+      }
+    },
+    // 页码参数
+    pageParams: {
+      type: Object,
+      default: () => {
+        return {
+          pageSize: 10,
+          pageNum: 1
+        }
+      }
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    // 禁用
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    // 等待
+    loading: {
+      type: Boolean,
+      default: () => false
+    }
+  },
+  methods: {
+    // 计算序号
+    getIndex(index) {
+      return index + 1 + (this.pageParams[this.globalConfig.pageNum] - 1) * this.pageParams[this.globalConfig.pageSize]
+    },
+    //  分数数量改变
+    handleSizeChange() {
+      this.pageParams[this.globalConfig.pageNum] = 1;
+      this.$emit('getData');
+    },
+    // 页码改变
+    handleCurrentChange() {
+      this.$emit('getData');
+    }
+  }
+};
+
+var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+  return function (id, style) {
+    return addStyle(id, style);
+  };
+}
+var HEAD;
+var styles = {};
+
+function addStyle(id, css) {
+  var group = isOldIE ? css.media || 'default' : id;
+  var style = styles[group] || (styles[group] = {
+    ids: new Set(),
+    styles: []
+  });
+
+  if (!style.ids.has(id)) {
+    style.ids.add(id);
+    var code = css.source;
+
+    if (css.map) {
+      // https://developer.chrome.com/devtools/docs/javascript-debugging
+      // this makes source maps inside style tags work properly in Chrome
+      code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; // http://stackoverflow.com/a/26603875
+
+      code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
+    }
+
+    if (!style.element) {
+      style.element = document.createElement('style');
+      style.element.type = 'text/css';
+      if (css.media) style.element.setAttribute('media', css.media);
+
+      if (HEAD === undefined) {
+        HEAD = document.head || document.getElementsByTagName('head')[0];
+      }
+
+      HEAD.appendChild(style.element);
+    }
+
+    if ('styleSheet' in style.element) {
+      style.styles.push(code);
+      style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
+    } else {
+      var index = style.ids.size - 1;
+      var textNode = document.createTextNode(code);
+      var nodes = style.element.childNodes;
+      if (nodes[index]) style.element.removeChild(nodes[index]);
+      if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
+    }
+  }
+}
+
+var browser = createInjector;
+
+
+var __vue_create_injector__ = /*@__PURE__*/getDefaultExportFromCjs(browser);
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "z-table-comp" },
+    [
+      _vm.$slots.leftMenu || _vm.$slots.rightMenu
+        ? _c("div", { staticClass: "z-table-header-btn-group" }, [
+            _c("div", { staticClass: "leftMenu" }, [_vm._t("leftMenu")], 2),
+            _vm._v(" "),
+            _c("div", { staticClass: "rightMenu" }, [_vm._t("rightMenu")], 2),
+          ])
+        : _vm._e(),
+      _vm._v(" "),
+      _c(
+        "el-table",
+        {
+          directives: [
+            {
+              name: "loading",
+              rawName: "v-loading",
+              value: _vm.loading,
+              expression: "loading",
+            },
+          ],
+          ref: "table",
+          attrs: { data: _vm.tableData, border: _vm.tableOption.border },
+        },
+        [
+          _vm._l(_vm.tableOption.column, function (o, i) {
+            return [
+              o.type && !o.prop
+                ? _c("el-table-column", {
+                    key: "item" + i,
+                    attrs: {
+                      type: o.type,
+                      width: o.width || 60,
+                      label: o.label,
+                      index: _vm.getIndex(i),
+                      align: o.align || "center",
+                    },
+                  })
+                : o.slot && o.prop === "menu"
+                ? _c("el-table-column", {
+                    key: "item" + i,
+                    attrs: {
+                      align: o.align || "center",
+                      label: o.label,
+                      width: o.width || null,
+                    },
+                    scopedSlots: _vm._u(
+                      [
+                        {
+                          key: "default",
+                          fn: function (ref) {
+                            var row = ref.row;
+                            var $index = ref.$index;
+                            return [
+                              _c(
+                                "div",
+                                { staticClass: "btn-box" },
+                                [
+                                  _vm._t(o.prop, null, {
+                                    row: row,
+                                    $index: $index,
+                                  }),
+                                ],
+                                2
+                              ),
+                            ]
+                          },
+                        },
+                      ],
+                      null,
+                      true
+                    ),
+                  })
+                : o.slot
+                ? _c("el-table-column", {
+                    key: "item" + i,
+                    attrs: {
+                      align: o.align || "center",
+                      label: o.label,
+                      width: o.width || null,
+                    },
+                    scopedSlots: _vm._u(
+                      [
+                        {
+                          key: "default",
+                          fn: function (ref) {
+                            var row = ref.row;
+                            var $index = ref.$index;
+                            return [
+                              _c(
+                                "div",
+                                { staticClass: "z-cell" },
+                                [
+                                  _vm._t(o.prop, null, {
+                                    row: row,
+                                    $index: $index,
+                                  }),
+                                ],
+                                2
+                              ),
+                            ]
+                          },
+                        },
+                      ],
+                      null,
+                      true
+                    ),
+                  })
+                : _c("el-table-column", {
+                    key: "item" + i,
+                    attrs: {
+                      align: o.align || "center",
+                      label: o.label,
+                      prop: o.prop,
+                      width: o.width || null,
+                    },
+                  }),
+            ]
+          }),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _vm.tableOption.pagination || _vm.tableOption.pagination === undefined
+        ? _c(
+            "div",
+            { staticClass: "pagination-box" },
+            [
+              _c("el-pagination", {
+                attrs: {
+                  background: "",
+                  "page-sizes": [10, 20, 30, 40, 50, 100],
+                  "page-size": _vm.pageParams[_vm.globalConfig.pageSize],
+                  "current-page": _vm.pageParams[_vm.globalConfig.pageNum],
+                  layout: "total, sizes, prev, pager, next, jumper",
+                  total: _vm.total,
+                },
+                on: {
+                  "size-change": _vm.handleSizeChange,
+                  "current-change": _vm.handleCurrentChange,
+                  "update:pageSize": function ($event) {
+                    return _vm.$set(
+                      _vm.pageParams,
+                      _vm.globalConfig.pageSize,
+                      $event
+                    )
+                  },
+                  "update:page-size": function ($event) {
+                    return _vm.$set(
+                      _vm.pageParams,
+                      _vm.globalConfig.pageSize,
+                      $event
+                    )
+                  },
+                  "update:currentPage": function ($event) {
+                    return _vm.$set(
+                      _vm.pageParams,
+                      _vm.globalConfig.pageNum,
+                      $event
+                    )
+                  },
+                  "update:current-page": function ($event) {
+                    return _vm.$set(
+                      _vm.pageParams,
+                      _vm.globalConfig.pageNum,
+                      $event
+                    )
+                  },
+                },
+              }),
+            ],
+            1
+          )
+        : _vm._e(),
+    ],
+    1
+  )
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = function (inject) {
+    if (!inject) return
+    inject("data-v-7bdbe6c8_0", { source: ".z-table-comp .z-table-header-btn-group[data-v-7bdbe6c8] {\n  padding-bottom: 10px;\n  display: flex;\n}\n.z-table-comp .z-table-header-btn-group .leftMenu[data-v-7bdbe6c8] {\n  flex: 1;\n  margin-right: 20px;\n}\n.z-table-comp .btn-box[data-v-7bdbe6c8] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.z-table-comp .btn-box[data-v-7bdbe6c8]  .el-button {\n  padding: 0 !important;\n}\n.z-table-comp .pagination-box[data-v-7bdbe6c8] {\n  text-align: right;\n}\n.z-table-comp .pagination-box[data-v-7bdbe6c8]  .el-pagination {\n  margin-top: 25px;\n}\n\n/*# sourceMappingURL=table.vue.map */", map: {"version":3,"sources":["D:\\workspace-my\\gitee\\rollup-demo\\lib\\packages\\table\\table.vue","table.vue"],"names":[],"mappings":"AA8JA;EACA,oBAAA;EACA,aAAA;AC7JA;AD8JA;EACA,OAAA;EACA,kBAAA;AC5JA;AD+JA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;AC7JA;AD8JA;EACA,qBAAA;AC5JA;AD+JA;EACA,iBAAA;AC7JA;AD8JA;EACA,gBAAA;AC5JA;;AAEA,oCAAoC","file":"table.vue","sourcesContent":["<template>\r\n  <div class=\"z-table-comp\">\r\n    <!-- 头部按钮-->\r\n    <div class=\"z-table-header-btn-group\" v-if=\"$slots.leftMenu || $slots.rightMenu\">\r\n      <div class=\"leftMenu\">\r\n        <slot name=\"leftMenu\"></slot>\r\n      </div>\r\n      <div class=\"rightMenu\">\r\n        <slot name=\"rightMenu\"></slot>\r\n      </div>\r\n    </div>\r\n    <!-- 表格 -->\r\n    <el-table v-loading=\"loading\" :data=\"tableData\" ref=\"table\" :border=\"tableOption.border\">\r\n      <template v-for=\"(o, i) in tableOption.column\">\r\n        <!-- 序号和选中 -->\r\n        <el-table-column\r\n          :key=\"'item' + i\"\r\n          v-if=\"o.type && !o.prop\"\r\n          :type=\"o.type\"\r\n          :width=\"o.width || 60\"\r\n          :label=\"o.label\"\r\n          :index=\"getIndex(i)\"\r\n          :align=\"o.align || 'center'\"\r\n        />\r\n        <!-- 操作按钮 -->\r\n        <el-table-column\r\n          :align=\"o.align || 'center'\"\r\n          :key=\"'item' + i\"\r\n          v-else-if=\"o.slot && o.prop === 'menu'\"\r\n          :label=\"o.label\"\r\n          :width=\"o.width || null\"\r\n        >\r\n          <template #default=\"{ row, $index }\">\r\n            <div class=\"btn-box\">\r\n              <slot :name=\"o.prop\" :row=\"row\" :$index=\"$index\"></slot>\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <!-- 插槽 -->\r\n        <el-table-column :align=\"o.align || 'center'\" :key=\"'item' + i\" v-else-if=\"o.slot\" :label=\"o.label\" :width=\"o.width || null\">\r\n          <template #default=\"{ row, $index }\">\r\n            <div class=\"z-cell\">\r\n              <slot :name=\"o.prop\" :row=\"row\" :$index=\"$index\"></slot>\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <!-- 针对其他默认情况 -->\r\n        <el-table-column :align=\"o.align || 'center'\" :key=\"'item' + i\" v-else :label=\"o.label\" :prop=\"o.prop\" :width=\"o.width || null\">\r\n        </el-table-column>\r\n      </template>\r\n    </el-table>\r\n    <div class=\"pagination-box\" v-if=\"tableOption.pagination || tableOption.pagination === undefined\">\r\n      <!--      hide-on-single-page-->\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        :page-sizes=\"[10, 20, 30, 40, 50, 100]\"\r\n        :page-size.sync=\"pageParams[globalConfig.pageSize]\"\r\n        :current-page.sync=\"pageParams[globalConfig.pageNum]\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :total=\"total\"\r\n      >\r\n      </el-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'z-table',\r\n  computed: {\r\n    globalConfig() {\r\n      if (!this.pageParamsConfig.isDefault) {\r\n        return this.pageParamsConfig\r\n      } else if (this.$z.list) {\r\n        return this.$z.list\r\n      }\r\n      return this.pageParamsConfig\r\n    }\r\n  },\r\n  props: {\r\n    // 表格配置\r\n    tableOption: {\r\n      type: Object,\r\n      required: true,\r\n      default() {\r\n        return {\r\n          api: function () {\r\n            return Promise.resolve()\r\n          },\r\n          column: []\r\n        }\r\n      }\r\n    },\r\n    // 表格数据\r\n    tableData: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      }\r\n    },\r\n    // 页码配置\r\n    pageParamsConfig: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          pageSize: 'pageSize',\r\n          pageNum: 'pageNum',\r\n          isDefault: true\r\n        }\r\n      }\r\n    },\r\n    // 页码参数\r\n    pageParams: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          pageSize: 10,\r\n          pageNum: 1\r\n        }\r\n      }\r\n    },\r\n    total: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    // 禁用\r\n    disabled: {\r\n      type: Boolean,\r\n      default: () => false\r\n    },\r\n    // 等待\r\n    loading: {\r\n      type: Boolean,\r\n      default: () => false\r\n    }\r\n  },\r\n  methods: {\r\n    // 计算序号\r\n    getIndex(index) {\r\n      return index + 1 + (this.pageParams[this.globalConfig.pageNum] - 1) * this.pageParams[this.globalConfig.pageSize]\r\n    },\r\n    //  分数数量改变\r\n    handleSizeChange() {\r\n      this.pageParams[this.globalConfig.pageNum] = 1\r\n      this.$emit('getData')\r\n    },\r\n    // 页码改变\r\n    handleCurrentChange() {\r\n      this.$emit('getData')\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.z-table-comp {\r\n  .z-table-header-btn-group {\r\n    padding-bottom: 10px;\r\n    display: flex;\r\n    .leftMenu {\r\n      flex: 1;\r\n      margin-right: 20px;\r\n    }\r\n  }\r\n  .btn-box {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    ::v-deep .el-button {\r\n      padding: 0 !important;\r\n    }\r\n  }\r\n  .pagination-box {\r\n    text-align: right;\r\n    ::v-deep .el-pagination {\r\n      margin-top: 25px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n",".z-table-comp .z-table-header-btn-group {\n  padding-bottom: 10px;\n  display: flex;\n}\n.z-table-comp .z-table-header-btn-group .leftMenu {\n  flex: 1;\n  margin-right: 20px;\n}\n.z-table-comp .btn-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.z-table-comp .btn-box ::v-deep .el-button {\n  padding: 0 !important;\n}\n.z-table-comp .pagination-box {\n  text-align: right;\n}\n.z-table-comp .pagination-box ::v-deep .el-pagination {\n  margin-top: 25px;\n}\n\n/*# sourceMappingURL=table.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$1 = "data-v-7bdbe6c8";
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    __vue_create_injector__,
+    undefined,
+    undefined
+  );
+
+__vue_component__$1.install = function (Vue, option = {}) {
+  setGolbalData(Vue, option);
+  Vue.component(__vue_component__$1.name, __vue_component__$1);
+};
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script = {
+  name: 'z-list',
+  props: {
+    // 表格配置
+    tableOption: {
+      type: Object,
+      required: true,
+      default() {
+        return {
+          api: function () {
+            return Promise.resolve()
+          },
+          column: []
+        }
+      }
+    }
+  },
+  computed: {
+    slotArr() {
+      let arr = this.tableOption.column || [];
+      arr = arr.filter((item) => {
+        return item.slot
+      });
+      return arr
+    },
+    globalConfig() {
+      const obj = {
+        pageSize: 'pageSize',
+        pageNum: 'pageNum',
+        total: 'total',
+        res: 'rows'
+      };
+      if (this.$Z && this.$Z.list) {
+        Object.assign(obj, this.$Z.list);
+      }
+      return obj
+    }
+  },
+  data() {
+    return {
+      // 分页参数
+      pageParams: {
+        // pageSize: 10,
+        // pageNum: 1
+        // total: 0
+      },
+      // 搜索参数
+      queryParams: {},
+      // 表格数据
+      tableData: [],
+      loading: false
+    }
+  },
+  created() {
+    this.resetPageParams();
+  },
+  mounted() {
+    this.handleQuery();
+  },
+  methods: {
+    handleQuery() {
+      this.pageParams[this.globalConfig.pageNum] = 1;
+      this.getList();
+    },
+    resetPageParams() {
+      this.pageParams = {
+        [this.globalConfig.pageSize]: 10,
+        [this.globalConfig.pageNum]: 1,
+        [this.globalConfig.total]: 0
+      };
+    },
+    resetQuery() {
+      const data = this.$options.data();
+      this.queryParams = data.queryParams;
+      this.resetPageParams();
+      this.handleQuery();
+    },
+    getList() {
+      // loading  好像有问题
+      this.loading = true;
+      // setTimeout(() => {
+      // 带入隐藏值进行搜索
+      if (this.tableOption.hiddenQuery) {
+        this.queryParams = {
+          ...this.tableOption.hiddenQuery,
+          ...this.queryParams
+        };
+      }
+      this.tableOption
+        .api({
+          [this.globalConfig.pageSize]: this.pageParams[this.globalConfig.pageSize],
+          [this.globalConfig.pageNum]: this.pageParams[this.globalConfig.pageNum],
+          ...this.queryParams
+        })
+        .then((res) => {
+          this.tableData = res[this.globalConfig.res];
+          this.pageParams.total = res[this.globalConfig.total];
+          this.loading = false;
+        });
+      // }, 200)
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "z-list-comp" },
+    [
+      _c(
+        "el-form",
+        { ref: "queryForm", attrs: { model: _vm.queryParams, inline: true } },
+        [
+          _vm._t("form", null, { queryParams: _vm.queryParams }),
+          _vm._v(" "),
+          _c(
+            "el-form-item",
+            [
+              _c(
+                "el-button",
+                {
+                  attrs: { type: "primary", icon: "el-icon-search" },
+                  on: { click: _vm.handleQuery },
+                },
+                [_vm._v("搜索")]
+              ),
+              _vm._v(" "),
+              _c(
+                "el-button",
+                {
+                  attrs: { icon: "el-icon-refresh" },
+                  on: { click: _vm.resetQuery },
+                },
+                [_vm._v("重置")]
+              ),
+            ],
+            1
+          ),
+        ],
+        2
+      ),
+      _vm._v(" "),
+      _c("z-table", {
+        attrs: {
+          loading: _vm.loading,
+          tableOption: _vm.tableOption,
+          tableData: _vm.tableData,
+          pageParams: _vm.pageParams,
+        },
+        on: { getData: _vm.getList },
+        scopedSlots: _vm._u(
+          [
+            {
+              key: "leftMenu",
+              fn: function () {
+                return [_vm._t("leftMenu")]
+              },
+              proxy: true,
+            },
+            {
+              key: "rightMenu",
+              fn: function () {
+                return [_vm._t("rightMenu")]
+              },
+              proxy: true,
+            },
+            _vm._l(_vm.slotArr, function (o) {
+              return {
+                key: o.prop,
+                fn: function (scope) {
+                  return [_vm._t(o.prop, null, null, scope)]
+                },
+              }
+            }),
+          ],
+          null,
+          true
+        ),
+      }),
+      _vm._v(" "),
+      _vm._t("default"),
+    ],
+    2
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-1ea4cbfa_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"list.vue"}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-1ea4cbfa";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    __vue_create_injector__,
+    undefined,
+    undefined
+  );
+
+__vue_component__.install = function (Vue, option = {}) {
+  setGolbalData(Vue, option);
+  Vue.component(__vue_component__.name, __vue_component__);
+};
+
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
-const components = [__vue_component__, RequestZ, RouterZ];
+const components = [__vue_component__$2, RequestZ, RouterZ, __vue_component__$1, __vue_component__];
 const install = (Vue, option = {}) => {
   setGolbalData(Vue, option);
   components.forEach((component) => {
@@ -94497,7 +95186,9 @@ var index = {
   install
 };
 
-exports.IconZ = __vue_component__;
+exports.IconZ = __vue_component__$2;
+exports.ListZ = __vue_component__;
 exports.RequestZ = RequestZ;
 exports.RouterZ = RouterZ;
+exports.TableZ = __vue_component__$1;
 exports.default = index;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzhaoqi/test",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "private": false,
   "main": "dist/lib-cjs.js",
   "scripts": {