@luzhaoqi/test 0.0.15 → 0.0.17

package/dist/lib-cjs.js

@@ -17592,7 +17592,7 @@ var variables = {"menuColor":"#bfcbd9","menuLightColor":"rgba(0, 0, 0, 0.7)","me
 
 // import Item from './Item.vue'
 
-var script$2 = {
+var script$5 = {
   name: 'k-icon',
   data() {
     return {
@@ -17701,10 +17701,10 @@ var normalizeComponent_1 = normalizeComponent;
 var __vue_normalize__ = /*@__PURE__*/getDefaultExportFromCjs(normalizeComponent_1);
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$5 = script$5;
 
 /* template */
-var __vue_render__$2 = function () {
+var __vue_render__$5 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17716,17 +17716,17 @@ var __vue_render__$2 = function () {
     _vm._v("\n  " + _vm._s(_vm.variables) + "\n"),
   ])
 };
-var __vue_staticRenderFns__$2 = [];
-__vue_render__$2._withStripped = true;
+var __vue_staticRenderFns__$5 = [];
+__vue_render__$5._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$2 = undefined;
+  const __vue_inject_styles__$5 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = undefined;
+  const __vue_scope_id__$5 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$2 = undefined;
+  const __vue_module_identifier__$5 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$2 = false;
+  const __vue_is_functional_template__$5 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -17735,22 +17735,22 @@ __vue_render__$2._withStripped = true;
   
 
   
-  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,
+  const __vue_component__$5 = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+    __vue_inject_styles__$5,
+    __vue_script__$5,
+    __vue_scope_id__$5,
+    __vue_is_functional_template__$5,
+    __vue_module_identifier__$5,
     false,
     undefined,
     undefined,
     undefined
   );
 
-__vue_component__$2.install = function (Vue, option) {
+__vue_component__$5.install = function (Vue, option) {
   setGolbalData(Vue, option);
-  Vue.component(__vue_component__$2.name, __vue_component__$2);
+  Vue.component(__vue_component__$5.name, __vue_component__$5);
 };
 
 var axios$3 = {exports: {}};
@@ -93893,14 +93893,14 @@ function createAxios(Vue) {
   }
 }
 
-function install$2(Vue, option = {}) {
+function install$3(Vue, option = {}) {
   setGolbalData(Vue, option);
   const $http = createAxios(Vue);
   Vue.prototype.$z.$http = $http;
 }
 
 var RequestZ = {
-  install: install$2
+  install: install$3
 };
 
 var nprogress = {exports: {}};
@@ -94467,13 +94467,13 @@ function createRouter(Vue) {
   }
 }
 
-function install$1(Vue, option = {}) {
+function install$2(Vue, option = {}) {
   setGolbalData(Vue, option);
   createRouter(Vue);
 }
 
 var RouterZ = {
-  install: install$1
+  install: install$2
 };
 
 //
@@ -94545,7 +94545,7 @@ var RouterZ = {
 //
 //
 
-var script$1 = {
+var script$4 = {
   name: 'z-table',
   computed: {
     globalConfig() {
@@ -94690,10 +94690,10 @@ var browser = createInjector;
 var __vue_create_injector__ = /*@__PURE__*/getDefaultExportFromCjs(browser);
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$4 = script$4;
 
 /* template */
-var __vue_render__$1 = function () {
+var __vue_render__$4 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -94877,43 +94877,43 @@ var __vue_render__$1 = function () {
     1
   )
 };
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
+var __vue_staticRenderFns__$4 = [];
+__vue_render__$4._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1 = function (inject) {
+  const __vue_inject_styles__$4 = 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";
+  const __vue_scope_id__$4 = "data-v-7bdbe6c8";
   /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
+  const __vue_module_identifier__$4 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1 = false;
+  const __vue_is_functional_template__$4 = 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,
+  const __vue_component__$4 = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+    __vue_inject_styles__$4,
+    __vue_script__$4,
+    __vue_scope_id__$4,
+    __vue_is_functional_template__$4,
+    __vue_module_identifier__$4,
     false,
     __vue_create_injector__,
     undefined,
     undefined
   );
 
-__vue_component__$1.install = function (Vue, option = {}) {
+__vue_component__$4.install = function (Vue, option = {}) {
   setGolbalData(Vue, option);
-  Vue.component(__vue_component__$1.name, __vue_component__$1);
+  Vue.component(__vue_component__$4.name, __vue_component__$4);
 };
 
 //
@@ -94941,7 +94941,7 @@ __vue_component__$1.install = function (Vue, option = {}) {
 //
 //
 
-var script = {
+var script$3 = {
   name: 'z-list',
   props: {
     // 表格配置
@@ -94985,8 +94985,8 @@ var script = {
       pageParams: {
         // pageSize: 10,
         // pageNum: 1
-        // total: 0
       },
+      total: 0,
       // 搜索参数
       queryParams: {},
       // 表格数据
@@ -95008,8 +95008,7 @@ var script = {
     resetPageParams() {
       this.pageParams = {
         [this.globalConfig.pageSize]: 10,
-        [this.globalConfig.pageNum]: 1,
-        [this.globalConfig.total]: 0
+        [this.globalConfig.pageNum]: 1
       };
     },
     resetQuery() {
@@ -95037,7 +95036,7 @@ var script = {
         })
         .then((res) => {
           this.tableData = res[this.globalConfig.res];
-          this.pageParams.total = res[this.globalConfig.total];
+          this.total = res[this.globalConfig.total];
           this.loading = false;
         });
       // }, 200)
@@ -95046,10 +95045,10 @@ var script = {
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$3 = script$3;
 
 /* template */
-var __vue_render__ = function () {
+var __vue_render__$3 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -95096,6 +95095,7 @@ var __vue_render__ = function () {
           tableOption: _vm.tableOption,
           tableData: _vm.tableData,
           pageParams: _vm.pageParams,
+          total: _vm.total,
         },
         on: { getData: _vm.getList },
         scopedSlots: _vm._u(
@@ -95133,17 +95133,815 @@ var __vue_render__ = function () {
     2
   )
 };
+var __vue_staticRenderFns__$3 = [];
+__vue_render__$3._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$3 = function (inject) {
+    if (!inject) return
+    inject("data-v-378264cd_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", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"list.vue"}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$3 = "data-v-378264cd";
+  /* module identifier */
+  const __vue_module_identifier__$3 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$3 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$3 = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
+    false,
+    __vue_create_injector__,
+    undefined,
+    undefined
+  );
+
+__vue_component__$3.install = function (Vue, option = {}) {
+  setGolbalData(Vue, option);
+  Vue.component(__vue_component__$3.name, __vue_component__$3);
+};
+
+/**
+ * @classdesc 字典数据
+ * @property {String} label 标签
+ * @property {*} value 标签
+ * @property {Object} raw 原始数据
+ */
+class DictData {
+  constructor(label, value, raw) {
+    this.label = label;
+    this.value = value;
+    this.raw = raw;
+  }
+}
+
+function dictConverter (dict, dictMeta) {
+  const label = determineDictField(dict, dictMeta.labelField, ...options.DEFAULT_LABEL_FIELDS);
+  const value = determineDictField(dict, dictMeta.valueField, ...options.DEFAULT_VALUE_FIELDS);
+  return new DictData(dict[label], dict[value], dict)
+}
+
+/**
+ * 确定字典字段
+ * @param {DictData} dict
+ * @param  {...String} fields
+ */
+function determineDictField(dict, ...fields) {
+  return fields.find((f) => Object.prototype.hasOwnProperty.call(dict, f))
+}
+
+const options = {
+  metas: {
+    '*': {
+      /**
+       * 字典请求，方法签名为function(dictMeta: DictMeta): Promise
+       */
+      request: (dictMeta) => {
+        console.log(`load dict ${dictMeta.type}`);
+        return Promise.resolve([])
+      },
+      /**
+       * 字典响应数据转换器，方法签名为function(response: Object, dictMeta: DictMeta): DictData
+       */
+      responseConverter,
+      labelField: 'label',
+      valueField: 'value'
+    }
+  },
+  /**
+   * 默认标签字段
+   */
+  DEFAULT_LABEL_FIELDS: ['label', 'name', 'title'],
+  /**
+   * 默认值字段
+   */
+  DEFAULT_VALUE_FIELDS: ['value', 'id', 'uid', 'key']
+};
+
+/**
+ * 映射字典
+ * @param {Object} response 字典数据
+ * @param {DictMeta} dictMeta 字典元数据
+ * @returns {DictData}
+ */
+function responseConverter(response, dictMeta) {
+  const dicts = response.content instanceof Array ? response.content : response;
+  if (dicts === undefined) {
+    console.warn(`no dict data of "${dictMeta.type}" found in the response`);
+    return []
+  }
+  return dicts.map((d) => dictConverter(d, dictMeta))
+}
+
+function mergeOptions(src) {
+  mergeRecursive(options, src);
+}
+
+/**
+ * @classdesc 字典元数据
+ * @property {String} type 类型
+ * @property {Function} request 请求
+ * @property {String} label 标签字段
+ * @property {String} value 值字段
+ */
+class DictMeta {
+  constructor(options) {
+    this.type = options.type;
+    this.request = options.request;
+    this.responseConverter = options.responseConverter;
+    this.labelField = options.labelField;
+    this.valueField = options.valueField;
+    this.lazy = options.lazy === true;
+  }
+}
+
+/**
+ * 解析字典元数据
+ * @param {Object} options
+ * @returns {DictMeta}
+ */
+DictMeta.parse = function (options$1) {
+  let opts = null;
+  if (typeof options$1 === 'string') {
+    opts = options.metas[options$1] || {};
+    opts.type = options$1;
+  } else if (typeof options$1 === 'object') {
+    opts = options$1;
+  }
+  opts = mergeRecursive(options.metas['*'], opts);
+  return new DictMeta(opts)
+};
+
+const DEFAULT_DICT_OPTIONS = {
+  types: []
+};
+
+/**
+ * @classdesc 字典
+ * @property {Object} label 标签对象，内部属性名为字典类型名称
+ * @property {Object} dict 字段数组，内部属性名为字典类型名称
+ * @property {Array.<DictMeta>} _dictMetas 字典元数据数组
+ */
+class Dict {
+  constructor(Vue) {
+    this.owner = null;
+    this.label = {};
+    this.type = {};
+    this.Vue = Vue;
+  }
+
+  init(options) {
+    if (options instanceof Array) {
+      options = { types: options };
+    }
+    const opts = mergeRecursive(DEFAULT_DICT_OPTIONS, options);
+    if (opts.types === undefined) {
+      throw new Error('need dict types')
+    }
+    const ps = [];
+    this._dictMetas = opts.types.map((t) => DictMeta.parse(t));
+    this._dictMetas.forEach((dictMeta) => {
+      const type = dictMeta.type;
+      this.Vue.set(this.label, type, {});
+      this.Vue.set(this.type, type, []);
+      if (dictMeta.lazy) {
+        return
+      }
+      ps.push(loadDict(this, dictMeta));
+    });
+    return Promise.all(ps)
+  }
+
+  /**
+   * 重新加载字典
+   * @param {String} type 字典类型
+   */
+  reloadDict(type) {
+    const dictMeta = this._dictMetas.find((e) => e.type === type);
+    if (dictMeta === undefined) {
+      return Promise.reject(`the dict meta of ${type} was not found`)
+    }
+    return loadDict(this, dictMeta)
+  }
+
+  /**
+   * 设置form表单的默认值
+   * @param arr   dict的数据
+   * @param form  表单数据
+   * @param key   需要修改的字段,可以是字符串或者数据
+   */
+  setDictForm(arr, form, key) {
+    if (arr.length > 0) {
+      let keyArr = key;
+      if (!Array.isArray(key)) {
+        keyArr = [key];
+      }
+      keyArr.forEach((item) => {
+        if (typeof item === 'string') {
+          item = {
+            key: item,
+            index: 0
+          };
+        }
+        form[item.key] = arr[item.index].value;
+      });
+    }
+  }
+}
+
+/**
+ * 加载字典
+ * @param {Dict} dict 字典
+ * @param {DictMeta} dictMeta 字典元数据
+ * @returns {Promise}
+ */
+function loadDict(dict, dictMeta) {
+  return dictMeta.request(dictMeta).then((response) => {
+    const type = dictMeta.type;
+    let dicts = dictMeta.responseConverter(response, dictMeta);
+    if (!(dicts instanceof Array)) {
+      console.error('the return of responseConverter must be Array.<DictData>');
+      dicts = [];
+    } else if (dicts.filter((d) => d instanceof DictData).length !== dicts.length) {
+      console.error('the type of elements in dicts must be DictData');
+      dicts = [];
+    }
+    dict.type[type].splice(0, Number.MAX_SAFE_INTEGER, ...dicts);
+    dicts.forEach((d) => {
+      dict.Vue.set(dict.label[type], d.value, d.label);
+    });
+    return dicts
+  })
+}
+
+function DataDict (Vue, options) {
+  mergeOptions(options);
+  Vue.mixin({
+    data() {
+      if (this.$options === undefined || this.$options.dicts === undefined || this.$options.dicts === null) {
+        return {}
+      }
+      const dict = new Dict(Vue);
+      dict.owner = this;
+      return {
+        dict
+      }
+    },
+    created() {
+      if (!(this.dict instanceof Dict)) {
+        return
+      }
+      options.onCreated && options.onCreated(this.dict);
+      this.dict.init(this.$options.dicts).then(() => {
+        options.onReady && options.onReady(this.dict);
+        this.$nextTick(() => {
+          this.$emit('dictReady', this.dict);
+          if (this.$options.methods && this.$options.methods.onDictReady instanceof Function) {
+            this.$options.methods.onDictReady.call(this, this.dict);
+          }
+        });
+      });
+    }
+  });
+}
+
+const state = {
+  dict: new Array()
+};
+const mutations = {
+  SET_DICT: (state, { key, value }) => {
+    if (key !== null && key !== '') {
+      state.dict.push({
+        key: key,
+        value: value
+      });
+    }
+  },
+  REMOVE_DICT: (state, key) => {
+    try {
+      for (let i = 0; i < state.dict.length; i++) {
+        if (state.dict[i].key == key) {
+          state.dict.splice(i, i);
+          return true
+        }
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  },
+  CLEAN_DICT: (state) => {
+    state.dict = new Array();
+  }
+};
+
+const actions = {
+  // 设置字典
+  setDict({ commit }, data) {
+    commit('SET_DICT', data);
+  },
+  // 删除字典
+  removeDict({ commit }, key) {
+    commit('REMOVE_DICT', key);
+  },
+  // 清空字典
+  cleanDict({ commit }) {
+    commit('CLEAN_DICT');
+  }
+};
+
+// 为vuex添加模块，存储dict数据
+function registerStateModule(store) {
+  if (!store || !store.hasModule) return
+  if (!store.hasModule('dict')) {
+    const statesModule = {
+      namespaced: true,
+      state,
+      mutations,
+      actions
+    };
+    store.registerModule('dict', statesModule);
+  }
+}
+
+function searchDictByKey(dict, key) {
+  if (key == null && key == '') {
+    return null
+  }
+  try {
+    for (let i = 0; i < dict.length; i++) {
+      if (dict[i].key == key) {
+        return dict[i].value
+      }
+    }
+  } catch (e) {
+    return null
+  }
+}
+
+function install$1(Vue, option = {}) {
+  setGolbalData(Vue, option);
+  const z = Vue.prototype.$z;
+  const dictOption = (z && z.dict) || {};
+  const store = z.store;
+  if (!store) {
+    console.warn('缺少store参数');
+  }
+  registerStateModule(store);
+  let getDicts = function (dictType) {
+    const $http = Vue.prototype.$z.$http;
+    if ($http) {
+      return $http.request({
+        url: (dictOption.dictApi || '/system/dict/data/type/') + dictType,
+        method: 'get'
+      })
+    } else {
+      Promise.resolve([]);
+    }
+  };
+  if (typeof dictOption.dictApi === 'function') {
+    getDicts = dictOption.dictApi;
+  }
+  Vue.use(DataDict, {
+    metas: {
+      '*': {
+        labelField: dictOption.label || 'dictLabel', // 后台返回的字段
+        valueField: dictOption.value || 'dictValue', // 后台返回的字段
+        request(dictMeta) {
+          if (store) {
+            const storeDict = searchDictByKey(store.state.dict.dict, dictMeta.type);
+            if (storeDict) {
+              return new Promise((resolve) => {
+                resolve(storeDict);
+              })
+            } else {
+              return new Promise((resolve, reject) => {
+                getDicts(dictMeta.type)
+                  .then((res) => {
+                    store.dispatch('dict/setDict', { key: dictMeta.type, value: res });
+                    resolve(res);
+                  })
+                  .catch((error) => {
+                    reject(error);
+                  });
+              })
+            }
+          } else {
+            return new Promise((resolve) => {
+              resolve([]);
+            })
+          }
+        }
+      }
+    }
+  });
+}
+
+var DictZ = {
+  install: install$1
+};
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$2 = {
+  name: 'z-dict-tag',
+  props: {
+    options: {
+      type: Array,
+      default: null
+    },
+    value: [Number, String, Array],
+    // 当未找到匹配的数据时，显示value
+    showValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      unmatchArray: [] // 记录未匹配的项
+    }
+  },
+  computed: {
+    values() {
+      if (this.value !== null && typeof this.value !== 'undefined') {
+        return Array.isArray(this.value) ? this.value : [String(this.value)]
+      } else {
+        return []
+      }
+    },
+    unmatch() {
+      this.unmatchArray = [];
+      if (this.value !== null && typeof this.value !== 'undefined') {
+        // 传入值为非数组
+        if (!Array.isArray(this.value)) {
+          if (this.options.some((v) => v.value == this.value)) return false
+          this.unmatchArray.push(this.value);
+          return true
+        }
+        // 传入值为Array
+        this.value.forEach((item) => {
+          if (!this.options.some((v) => v.value == item)) this.unmatchArray.push(item);
+        });
+        return true
+      }
+      // 没有value不显示
+      return false
+    }
+  },
+  filters: {
+    handleArray(array) {
+      if (array.length === 0) return ''
+      return array.reduce((pre, cur) => {
+        return pre + ' ' + cur
+      })
+    }
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    [
+      _vm._l(_vm.options, function (item, index) {
+        return [
+          _vm.values.includes(item.value)
+            ? [
+                item.raw.listClass == "default" || item.raw.listClass == ""
+                  ? _c(
+                      "span",
+                      {
+                        key: item.value,
+                        class: item.raw.cssClass,
+                        attrs: { index: index },
+                      },
+                      [_vm._v(_vm._s(item.label + " "))]
+                    )
+                  : _c(
+                      "el-tag",
+                      {
+                        key: item.value,
+                        class: item.raw.cssClass,
+                        attrs: {
+                          "disable-transitions": true,
+                          index: index,
+                          type:
+                            item.raw.listClass == "primary"
+                              ? ""
+                              : item.raw.listClass,
+                        },
+                      },
+                      [
+                        _vm._v(
+                          "\n        " + _vm._s(item.label + " ") + "\n      "
+                        ),
+                      ]
+                    ),
+              ]
+            : _vm._e(),
+        ]
+      }),
+      _vm._v(" "),
+      _vm.unmatch && _vm.showValue
+        ? [
+            _vm._v(
+              "\n    " +
+                _vm._s(_vm._f("handleArray")(_vm.unmatchArray)) +
+                "\n  "
+            ),
+          ]
+        : _vm._e(),
+    ],
+    2
+  )
+};
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$2 = function (inject) {
+    if (!inject) return
+    inject("data-v-4dd7787c_0", { source: "\n.el-tag + .el-tag[data-v-4dd7787c] {\r\n  margin-left: 10px;\n}\r\n", map: {"version":3,"sources":["D:\\workspace-my\\gitee\\rollup-demo\\lib\\packages\\dictTag\\dictTag.vue"],"names":[],"mappings":";AAmFA;EACA,iBAAA;AACA","file":"dictTag.vue","sourcesContent":["<template>\r\n  <div>\r\n    <template v-for=\"(item, index) in options\">\r\n      <template v-if=\"values.includes(item.value)\">\r\n        <span v-if=\"item.raw.listClass == 'default' || item.raw.listClass == ''\" :key=\"item.value\" :index=\"index\" :class=\"item.raw.cssClass\">{{\r\n          item.label + ' '\r\n        }}</span>\r\n        <el-tag\r\n          v-else\r\n          :disable-transitions=\"true\"\r\n          :key=\"item.value\"\r\n          :index=\"index\"\r\n          :type=\"item.raw.listClass == 'primary' ? '' : item.raw.listClass\"\r\n          :class=\"item.raw.cssClass\"\r\n        >\r\n          {{ item.label + ' ' }}\r\n        </el-tag>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"unmatch && showValue\">\r\n      {{ unmatchArray | handleArray }}\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'z-dict-tag',\r\n  props: {\r\n    options: {\r\n      type: Array,\r\n      default: null\r\n    },\r\n    value: [Number, String, Array],\r\n    // 当未找到匹配的数据时，显示value\r\n    showValue: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      unmatchArray: [] // 记录未匹配的项\r\n    }\r\n  },\r\n  computed: {\r\n    values() {\r\n      if (this.value !== null && typeof this.value !== 'undefined') {\r\n        return Array.isArray(this.value) ? this.value : [String(this.value)]\r\n      } else {\r\n        return []\r\n      }\r\n    },\r\n    unmatch() {\r\n      this.unmatchArray = []\r\n      if (this.value !== null && typeof this.value !== 'undefined') {\r\n        // 传入值为非数组\r\n        if (!Array.isArray(this.value)) {\r\n          if (this.options.some((v) => v.value == this.value)) return false\r\n          this.unmatchArray.push(this.value)\r\n          return true\r\n        }\r\n        // 传入值为Array\r\n        this.value.forEach((item) => {\r\n          if (!this.options.some((v) => v.value == item)) this.unmatchArray.push(item)\r\n        })\r\n        return true\r\n      }\r\n      // 没有value不显示\r\n      return false\r\n    }\r\n  },\r\n  filters: {\r\n    handleArray(array) {\r\n      if (array.length === 0) return ''\r\n      return array.reduce((pre, cur) => {\r\n        return pre + ' ' + cur\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.el-tag + .el-tag {\r\n  margin-left: 10px;\r\n}\r\n</style>\r\n"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$2 = "data-v-4dd7787c";
+  /* module identifier */
+  const __vue_module_identifier__$2 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$2 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  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,
+    __vue_create_injector__,
+    undefined,
+    undefined
+  );
+
+__vue_component__$2.install = function (Vue, option = {}) {
+  setGolbalData(Vue, option);
+  Vue.component(__vue_component__$2.name, __vue_component__$2);
+};
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$1 = {
+  name: 'z-dialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    zVisible: {
+      get: function () {
+        return this.visible
+      },
+      set: function (val) {
+        this.$emit('update:visible', val);
+      }
+    }
+  },
+  methods: {
+    // 给调用的组件初始化数据 再 关闭
+    handleCancel() {
+      this.zVisible = false;
+      this.$emit('cancel');
+    },
+    handelOk() {
+      this.$emit('ok', (message) => {
+        if (message) {
+          this.$message.success(message);
+        }
+        this.handleCancel();
+      });
+    }
+  }
+};
+
+/* 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(
+    "el-dialog",
+    _vm._b(
+      {
+        ref: "dialog",
+        staticClass: "z-dialog",
+        attrs: {
+          visible: _vm.visible,
+          "close-on-click-modal": false,
+          "before-close": _vm.handleCancel,
+        },
+        scopedSlots: _vm._u(
+          [
+            {
+              key: "title",
+              fn: function () {
+                return [_vm._t("title")]
+              },
+              proxy: true,
+            },
+            {
+              key: "footer",
+              fn: function () {
+                return [
+                  _vm._t("footer", function () {
+                    return [
+                      _c(
+                        "div",
+                        { staticClass: "dialog-footer" },
+                        [
+                          !_vm.disabled
+                            ? _c(
+                                "el-button",
+                                {
+                                  attrs: { type: "primary" },
+                                  on: { click: _vm.handelOk },
+                                },
+                                [_vm._v("提 交")]
+                              )
+                            : _vm._e(),
+                          _vm._v(" "),
+                          _c("el-button", { on: { click: _vm.handleCancel } }, [
+                            _vm._v("取 消"),
+                          ]),
+                        ],
+                        1
+                      ),
+                    ]
+                  }),
+                ]
+              },
+              proxy: true,
+            },
+          ],
+          null,
+          true
+        ),
+      },
+      "el-dialog",
+      _vm.$attrs,
+      false
+    ),
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = function (inject) {
+    if (!inject) return
+    inject("data-v-be9be238_0", { source: ".z-dialog .el-dialog[data-v-be9be238] {\n  border-radius: 10px;\n}\n.z-dialog .el-dialog .el-dialog__header[data-v-be9be238] {\n  padding: 12px 20px;\n  border-radius: 10px 10px 0 0;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__title[data-v-be9be238] {\n  width: 100%;\n  text-align: center;\n  display: block;\n  color: #fff;\n  line-height: 24px;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-be9be238] {\n  top: 16px;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-icon-close[data-v-be9be238] {\n  color: #fff;\n}\n.z-dialog .el-dialog .el-dialog__footer[data-v-be9be238] {\n  padding: 14px 20px;\n  background: #f1f5ff;\n  border-radius: 0 0 10px 10px;\n  display: flex;\n  justify-content: center;\n}\n.z-dialog .el-dialog .el-dialog__body[data-v-be9be238] {\n  padding: 20px;\n}\n\n/*# sourceMappingURL=dialog.vue.map */", map: {"version":3,"sources":["D:\\workspace-my\\gitee\\rollup-demo\\lib\\packages\\dialog\\dialog.vue","dialog.vue"],"names":[],"mappings":"AA4DA;EACA,mBAAA;AC3DA;AD4DA;EAEA,kBAAA;EACA,4BAAA;AC3DA;AD4DA;EACA,WAAA;EACA,kBAAA;EACA,cAAA;EACA,WAAA;EACA,iBAAA;AC1DA;AD4DA;EACA,SAAA;AC1DA;AD2DA;EACA,WAAA;ACzDA;AD6DA;EACA,kBAAA;EACA,mBAAA;EACA,4BAAA;EACA,aAAA;EACA,uBAAA;AC3DA;AD6DA;EACA,aAAA;AC3DA;;AAEA,qCAAqC","file":"dialog.vue","sourcesContent":["<template>\r\n  <el-dialog class=\"z-dialog\" :visible=\"visible\" ref=\"dialog\" :close-on-click-modal=\"false\" :before-close=\"handleCancel\" v-bind=\"$attrs\">\r\n    <slot></slot>\r\n    <template #title>\r\n      <slot name=\"title\"></slot>\r\n    </template>\r\n    <template #footer>\r\n      <slot name=\"footer\">\r\n        <div class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"handelOk\" v-if=\"!disabled\">提 交</el-button>\r\n          <el-button @click=\"handleCancel\">取 消</el-button>\r\n        </div>\r\n      </slot>\r\n    </template>\r\n  </el-dialog>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'z-dialog',\r\n  props: {\r\n    visible: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    zVisible: {\r\n      get: function () {\r\n        return this.visible\r\n      },\r\n      set: function (val) {\r\n        this.$emit('update:visible', val)\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    // 给调用的组件初始化数据 再 关闭\r\n    handleCancel() {\r\n      this.zVisible = false\r\n      this.$emit('cancel')\r\n    },\r\n    handelOk() {\r\n      this.$emit('ok', (message) => {\r\n        if (message) {\r\n          this.$message.success(message)\r\n        }\r\n        this.handleCancel()\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.z-dialog {\r\n  .el-dialog {\r\n    border-radius: 10px;\r\n    .el-dialog__header {\r\n      //background: @theme;\r\n      padding: 12px 20px;\r\n      border-radius: 10px 10px 0 0;\r\n      .el-dialog__title {\r\n        width: 100%;\r\n        text-align: center;\r\n        display: block;\r\n        color: #fff;\r\n        line-height: 24px;\r\n      }\r\n      .el-dialog__headerbtn {\r\n        top: 16px;\r\n        .el-icon-close {\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n    .el-dialog__footer {\r\n      padding: 14px 20px;\r\n      background: #f1f5ff;\r\n      border-radius: 0 0 10px 10px;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n    .el-dialog__body {\r\n      padding: 20px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n",".z-dialog .el-dialog {\n  border-radius: 10px;\n}\n.z-dialog .el-dialog .el-dialog__header {\n  padding: 12px 20px;\n  border-radius: 10px 10px 0 0;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__title {\n  width: 100%;\n  text-align: center;\n  display: block;\n  color: #fff;\n  line-height: 24px;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {\n  top: 16px;\n}\n.z-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-icon-close {\n  color: #fff;\n}\n.z-dialog .el-dialog .el-dialog__footer {\n  padding: 14px 20px;\n  background: #f1f5ff;\n  border-radius: 0 0 10px 10px;\n  display: flex;\n  justify-content: center;\n}\n.z-dialog .el-dialog .el-dialog__body {\n  padding: 20px;\n}\n\n/*# sourceMappingURL=dialog.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$1 = "data-v-be9be238";
+  /* 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-button'
+};
+
+/* 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(
+    "el-button",
+    _vm._g(_vm._b({}, "el-button", _vm.$attrs, false), _vm.$listeners),
+    [_vm.$slots.default ? _vm._t("default") : _vm._e()],
+    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 });
+    inject("data-v-1411a826_0", { source: "\n\n/*# sourceMappingURL=button.vue.map */", map: {"version":3,"sources":["button.vue"],"names":[],"mappings":";;AAEA,qCAAqC","file":"button.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-1ea4cbfa";
+  const __vue_scope_id__ = "data-v-1411a826";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */
@@ -95175,7 +95973,7 @@ __vue_component__.install = function (Vue, option = {}) {
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
-const components = [__vue_component__$2, RequestZ, RouterZ, __vue_component__$1, __vue_component__];
+const components = [__vue_component__$5, RequestZ, RouterZ, __vue_component__$4, __vue_component__$3, DictZ, __vue_component__$2, __vue_component__$1, __vue_component__];
 const install = (Vue, option = {}) => {
   setGolbalData(Vue, option);
   components.forEach((component) => {
@@ -95186,9 +95984,13 @@ var index = {
   install
 };
 
-exports.IconZ = __vue_component__$2;
-exports.ListZ = __vue_component__;
+exports.ButtonZ = __vue_component__;
+exports.DialogZ = __vue_component__$1;
+exports.DictTagZ = __vue_component__$2;
+exports.DictZ = DictZ;
+exports.IconZ = __vue_component__$5;
+exports.ListZ = __vue_component__$3;
 exports.RequestZ = RequestZ;
 exports.RouterZ = RouterZ;
-exports.TableZ = __vue_component__$1;
+exports.TableZ = __vue_component__$4;
 exports.default = index;

package/package.json

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