tenghui-ui 1.0.1 → 1.1.0

package/README.md

@@ -1,11 +1,26 @@
-# Vue 3 + Typescript + Vite
+# tenghui-ui
 
-This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+#### 介绍
+前端组件库
 
-## Recommended IDE Setup
+#### 软件架构
+软件架构说明
 
-- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
 
-## Type Support For `.vue` Imports in TS
+#### 安装教程
 
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
+1.  npm i
+2.  npm run dev 启动调试
+3.  npm run build 发布
+
+#### 使用说明
+
+1.  组件按packages/template 模板开发
+2.  开发好的组件通过views配置测试组件界面
+
+#### 参与贡献
+
+1.  Fork 本仓库
+2.  新建 Feat_xxx 分支
+3.  提交代码
+4.  新建 Pull Request

package/dist/style.css

@@ -0,0 +1 @@
+.el-menu[data-v-1a7163e6]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-1a7163e6]{min-width:unset}.el-submenu__title i[data-v-1a7163e6]{color:unset}.ui-tabs[data-v-65888dc2]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-65888dc2]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-65888dc2]{opacity:1}.ui-tabs__item .el-icon-error[data-v-65888dc2]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-65888dc2]:hover{color:#409effcc}.ui-tabs__item--active[data-v-65888dc2]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-65888dc2]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-b586e068]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-613d84c4] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-613d84c4] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-613d84c4] .el-dialog__footer{border-top:1px solid #ededed}[data-v-613d84c4] .el-dialog__body .el-select,[data-v-613d84c4] .el-dialog__body .el-input,[data-v-613d84c4] .el-dialog__body .el-input-number{width:240px}[data-v-613d84c4] .el-dialog__body .el-input-number .el-input__inner{text-align:left}[data-v-613d84c4] .el-dialog__body .ui-item__main{width:100%}[data-v-613d84c4] .el-dialog__body .el-form-item__label{font-size:12px}[data-v-613d84c4] .el-dialog__body .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-07b0bd64]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-07b0bd64]{margin-right:10px;font-size:12px;width:70px;text-align:right}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-07c7d454]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-07c7d454]{display:flex}.ui-search__footer[data-v-07c7d454]{margin-top:10px}.ui-search[data-v-07c7d454] .ui-form__item{display:block}.ui-search[data-v-07c7d454] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-table[data-v-54b3bd8e]{padding:0 10px}.el-table[data-v-54b3bd8e] .el-table__body ::-webkit-scrollbar{width:4px;background-color:#e4e4e5}.el-table[data-v-54b3bd8e] .el-table__body ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#409eff}.ui-pagination[data-v-54b3bd8e]{text-align:center;padding:10px 0}

package/dist/tenghui-ui.es.js

@@ -1,11 +1,11 @@
-var render = function() {
+var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ui-template" }, [_c("h1", [_vm._v(_vm._s(_vm.msg))])]);
+  return _c("div", { staticClass: "ui-template" }, [_c("h1", [_vm._v(_vm._s(_vm.msg))]), _c("el-table", { staticStyle: { "width": "100%" }, attrs: { "data": _vm.tableData } }, [_c("el-table-column", { attrs: { "prop": "date", "label": "\u65E5\u671F", "width": "180" } }), _c("el-table-column", { attrs: { "prop": "name", "label": "\u59D3\u540D", "width": "180" } }), _c("el-table-column", { attrs: { "prop": "address", "label": "\u5730\u5740" } })], 1)], 1);
 };
-var staticRenderFns = [];
-var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+var staticRenderFns$8 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   if (render2) {
@@ -57,31 +57,623 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __vue2_script = {
+const __vue2_script$8 = {
   name: "ComTemplate",
   data() {
     return {
-      msg: "\u6D4B\u8BD5\u7EC4\u4EF6"
+      msg: "\u6D4B\u8BD5\u7EC4\u4EF611111",
+      tableData: [{
+        date: "2016-05-02",
+        name: "\u738B\u5C0F\u864E",
+        address: "\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1518 \u5F04"
+      }, {
+        date: "2016-05-04",
+        name: "\u738B\u5C0F\u864E",
+        address: "\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1517 \u5F04"
+      }, {
+        date: "2016-05-01",
+        name: "\u738B\u5C0F\u864E",
+        address: "\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1519 \u5F04"
+      }, {
+        date: "2016-05-03",
+        name: "\u738B\u5C0F\u864E",
+        address: "\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1516 \u5F04"
+      }]
     };
   },
   methods: {}
 };
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "183fe45a", null, null);
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
+  }
+}
+var ComTemplate = /* @__PURE__ */ function() {
+  return __component__$8.exports;
+}();
+ComTemplate.install = (app) => {
+  app.component(ComTemplate.name, ComTemplate);
+};
+const InComTemplate = ComTemplate;
+var render$7 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("el-menu", { attrs: { "mode": "horizontal", "background-color": "#545c64", "text-color": "#ccc", "active-text-color": "#FFF", "menu-trigger": "hover", "default-active": _vm.$route.path }, on: { "select": _vm.handleJump } }, [_vm._l(_vm.data, function(item, index) {
+    return [item.children ? _c("el-submenu", { attrs: { "index": item.path || item.name } }, [_c("template", { slot: "title" }, [_c("i", { staticClass: "icon-chanpinguanli-chanpinliebiao" }), _c("span", [_vm._v(_vm._s(item.name))])]), _vm._l(item.children, function(_item, _index) {
+      return [_item.children ? _c("el-submenu", { attrs: { "index": _item.path || _item.name } }, [_c("template", { slot: "title" }, [_vm._v(_vm._s(_item.name))]), _vm._l(_item.children, function(__item, __index) {
+        return _c("el-menu-item", { key: __item.name, attrs: { "index": __item.path || __item.name } }, [_vm._v(_vm._s(__item.name))]);
+      })], 2) : _c("el-menu-item", { attrs: { "index": _item.path || _item.name } }, [_vm._v(_vm._s(_item.name))])];
+    })], 2) : _c("el-menu-item", { attrs: { "index": item.path || item.name } }, [_c("i", { staticClass: "el-icon-menu" }), _c("span", { attrs: { "slot": "title" }, slot: "title" }, [_vm._v(_vm._s(item.name))])])];
+  })], 2);
+};
+var staticRenderFns$7 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+const __vue2_script$7 = {
+  name: "ComMenu",
+  props: {
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {
+    handleJump(path) {
+      this.$emit("jump", path);
+    }
+  }
+};
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "1a7163e6", null, null);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
+  }
+}
+var ComComponent$7 = /* @__PURE__ */ function() {
+  return __component__$7.exports;
+}();
+ComComponent$7.install = (app) => {
+  app.component(ComComponent$7.name, ComComponent$7);
+};
+const InComComponent$7 = ComComponent$7;
+var render$6 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "ui-tabs" }, [_c("ul", { staticClass: "clear-fix" }, _vm._l(_vm.data, function(item) {
+    return _c("li", { staticClass: "ui-tabs__item", class: { "ui-tabs__item--active": _vm.currentTab.path === item.path }, on: { "click": function($event) {
+      return _vm.handleToggle(item.path);
+    } } }, [_c("span", [_vm._v(_vm._s(item.name))]), _c("span", { staticClass: "el-icon-error" })]);
+  }), 0)]);
+};
+var staticRenderFns$6 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+const __vue2_script$6 = {
+  name: "ComTabs",
+  props: {
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    currentTab: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    handleToggle(path) {
+      this.$emit("toggle", path);
+    }
+  }
+};
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "65888dc2", null, null);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
+  }
+}
+var ComComponent$6 = /* @__PURE__ */ function() {
+  return __component__$6.exports;
+}();
+ComComponent$6.install = (app) => {
+  app.component(ComComponent$6.name, ComComponent$6);
+};
+const InComComponent$6 = ComComponent$6;
+var render$5 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("el-dropdown", [_c("span", { staticClass: "el-dropdown-link" }, [_c("i", { staticClass: "el-icon-s-tools" })]), _c("el-dropdown-menu", { attrs: { "slot": "dropdown" }, slot: "dropdown" }, [_c("el-dropdown-item", { attrs: { "icon": "icon-tuichudenglu" }, on: { "click": function($event) {
+    return _vm.handleOperation("outLogin");
+  } } }, [_vm._v("\u9000\u51FA\u767B\u5F55")])], 1)], 1);
+};
+var staticRenderFns$5 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
+const __vue2_script$5 = {
+  name: "ComTool",
+  methods: {
+    handleOperation(cmd) {
+      switch (cmd) {
+        case "outLogin":
+          this.$confirm("\u786E\u8BA4\u9000\u51FA\u767B\u5F55?", "\u63D0\u793A", {
+            type: "warning"
+          }).then(() => {
+            console.log("out login");
+          });
+          break;
+      }
+    }
+  }
+};
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "b586e068", null, null);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
+  }
+}
+var ComComponent$5 = /* @__PURE__ */ function() {
+  return __component__$5.exports;
+}();
+ComComponent$5.install = (app) => {
+  app.component(ComComponent$5.name, ComComponent$5);
+};
+const InComComponent$5 = ComComponent$5;
+var render$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("el-dialog", { attrs: { "append-to-body": "", "top": _vm.top, "title": _vm.title, "visible": _vm.visible, "width": _vm.width }, on: { "close": _vm.handleClose }, scopedSlots: _vm._u([{ key: "footer", fn: function() {
+    return [_vm._t("footer", [_c("el-button", { attrs: { "size": "small" }, on: { "click": function($event) {
+      return _vm.$emit("update:visible", false);
+    } } }, [_vm._v("\u53D6\u6D88")]), _c("el-button", { attrs: { "size": "small", "type": "primary" }, on: { "click": _vm.handleConfirm } }, [_vm._v("\u786E\u5B9A")])])];
+  }, proxy: true }], null, true) }, [_vm._t("default")], 2);
+};
+var staticRenderFns$4 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+const __vue2_script$4 = {
+  name: "ComDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: "\u6807\u9898"
+    },
+    width: {
+      type: String,
+      default: "600px"
+    },
+    top: {
+      type: String,
+      default: "50px"
+    }
+  },
+  data() {
+    return {
+      show: false
+    };
+  },
+  methods: {
+    handleClose() {
+      this.$emit("close");
+      this.$emit("update:visible", false);
+    },
+    handleConfirm() {
+      this.$emit("confirm");
+    }
+  }
+};
+const __cssModules$4 = {};
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "613d84c4", null, null);
+function __vue2_injectStyles$4(context) {
+  for (let o in __cssModules$4) {
+    this[o] = __cssModules$4[o];
+  }
+}
+var ComComponent$4 = /* @__PURE__ */ function() {
+  return __component__$4.exports;
+}();
+ComComponent$4.install = (app) => {
+  app.component(ComComponent$4.name, ComComponent$4);
+};
+const InComComponent$4 = ComComponent$4;
+var render$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "ui-form__item" }, [_c("div", [_vm._t("label", [_vm.label ? _c("div", { staticClass: "ui-item__label" }, [_c("span", [_vm._v(_vm._s(_vm.label))])]) : _vm._e()])], 2), _c("div", { staticClass: "ui-item__main" }, [_vm.type === "input" ? [_c("el-input", { attrs: { "size": "small", "placeholder": _vm.placeholder, "disabled": _vm.readonly, "maxlength": _vm.maxlength }, model: { value: _vm.modelForm, callback: function($$v) {
+    _vm.modelForm = $$v;
+  }, expression: "modelForm" } })] : _vm.type === "select" ? [_c("el-select", { attrs: { "size": "small", "placeholder": _vm.placeholder || "\u8BF7\u9009\u62E9", "multiple": _vm.multiple, "disabled": _vm.readonly, "filterable": "", "clearable": "" }, model: { value: _vm.modelForm, callback: function($$v) {
+    _vm.modelForm = $$v;
+  }, expression: "modelForm" } }, _vm._l(_vm.selectOption, function(item) {
+    return _c("el-option", { key: item.value, attrs: { "value": item.value.toString(), "label": item.label } });
+  }), 1)] : _vm.type === "textarea" ? [_c("el-input", { attrs: { "size": "small", "type": "textarea", "placeholder": _vm.placeholder || "\u8BF7\u8F93\u5165", "rows": 4, "disabled": _vm.readonly }, model: { value: _vm.modelForm, callback: function($$v) {
+    _vm.modelForm = $$v;
+  }, expression: "modelForm" } })] : _vm.type === "input-number" ? [_c("el-input-number", { attrs: { "size": "small", "controls-position": "right" }, model: { value: _vm.modelForm, callback: function($$v) {
+    _vm.modelForm = $$v;
+  }, expression: "modelForm" } })] : _vm.type === "cascader" ? [_c("el-cascader", { attrs: { "size": "small", "options": _vm.options, "props": _vm.props }, on: { "change": _vm.handleChange }, model: { value: _vm.modelForm, callback: function($$v) {
+    _vm.modelForm = $$v;
+  }, expression: "modelForm" } })] : _vm._e()], 2)]);
+};
+var staticRenderFns$3 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
+const __vue2_script$3 = {
+  name: "ComFormItem",
+  model: {
+    prop: "model",
+    event: "changes"
+  },
+  props: {
+    model: void 0,
+    type: {
+      type: String,
+      default: "input"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    maxlength: {
+      type: [Array, String],
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: [Object, Array],
+      default() {
+        return { "1": "\u9009\u9879\u4E00", "2": "\u9009\u9879\u4E8C" };
+      }
+    },
+    props: {
+      type: Object,
+      default() {
+        return { value: "value", label: "label" };
+      }
+    }
+  },
+  data() {
+    return {
+      modelForm: this.model
+    };
+  },
+  computed: {
+    selectOption() {
+      let tempArr = [];
+      if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === void 0) {
+        const { label, value } = this.props;
+        tempArr = this.options.map((item, index) => {
+          const obj = {
+            label: item,
+            value: index
+          };
+          return {
+            label: obj[label],
+            value: obj[value]
+          };
+        });
+      } else if (!Array.isArray(this.options)) {
+        tempArr = Object.entries(this.options).map(([value, label]) => {
+          return {
+            label,
+            value
+          };
+        });
+      } else {
+        let options = [];
+        options.push(...this.options);
+        tempArr = options.map((item) => {
+          return {
+            label: item[this.props.label],
+            value: item[this.props.value]
+          };
+        });
+      }
+      return tempArr;
+    }
+  },
+  methods: {
+    handleChange(val) {
+      this.$emit("change", val);
+    }
+  },
+  watch: {
+    modelForm(val) {
+      this.$emit("changes", val);
+    },
+    model(val) {
+      this.modelForm = val;
+    }
+  }
+};
+const __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "07b0bd64", null, null);
+function __vue2_injectStyles$3(context) {
+  for (let o in __cssModules$3) {
+    this[o] = __cssModules$3[o];
+  }
+}
+var ComComponent$3 = /* @__PURE__ */ function() {
+  return __component__$3.exports;
+}();
+ComComponent$3.install = (app) => {
+  app.component(ComComponent$3.name, ComComponent$3);
+};
+const InComComponent$3 = ComComponent$3;
+var render$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "ui-operation" }, [_vm._t("default")], 2);
+};
+var staticRenderFns$2 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+const __vue2_script$2 = {
+  name: "ComOperation",
+  prop: {
+    type: String,
+    default: "main"
+  }
+};
+const __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "3c6cb9f6", null, null);
+function __vue2_injectStyles$2(context) {
+  for (let o in __cssModules$2) {
+    this[o] = __cssModules$2[o];
+  }
+}
+var ComComponent$2 = /* @__PURE__ */ function() {
+  return __component__$2.exports;
+}();
+ComComponent$2.install = (app) => {
+  app.component(ComComponent$2.name, ComComponent$2);
+};
+const InComComponent$2 = ComComponent$2;
+var render$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "ui-search" }, [_c("div", { staticClass: "ui-search__main" }, [_vm._t("default")], 2), _c("div", { staticClass: "ui-search__footer" }, [_c("el-button", { attrs: { "size": "small", "icon": "el-icon-refresh" }, on: { "click": _vm.handleReset } }, [_vm._v("\u91CD\u7F6E")]), _c("el-button", { attrs: { "size": "small", "icon": "el-icon-search", "type": "primary" }, on: { "click": _vm.handleQuery } }, [_vm._v("\u67E5\u8BE2")])], 1)]);
+};
+var staticRenderFns$1 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const __vue2_script$1 = {
+  name: "ComSearch",
+  methods: {
+    handleQuery() {
+      const queryFn = this.$parent.handleQuery;
+      if (queryFn) {
+        queryFn();
+      } else {
+        this.$emit("query");
+      }
+    },
+    handleReset() {
+      const resetFn = this.$parent.handleReset;
+      if (resetFn) {
+        resetFn();
+      } else {
+        this.$emit("reset");
+      }
+    }
+  }
+};
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "07c7d454", null, null);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1) {
+    this[o] = __cssModules$1[o];
+  }
+}
+var ComComponent$1 = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+ComComponent$1.install = (app) => {
+  app.component(ComComponent$1.name, ComComponent$1);
+};
+const InComComponent$1 = ComComponent$1;
+function countTableHeight(staticNum = 0) {
+  const pageCountEls = document.querySelectorAll(".ui-page__main:not(.v-leave) > div");
+  const paginationEl = document.querySelector(".ui-pagination");
+  const headerEl = document.querySelector(".ui-container__header");
+  const tabsEl = document.querySelector(".ui-tabs");
+  let tableHeight = staticNum;
+  tableHeight += paginationEl ? paginationEl.offsetHeight : 0;
+  tableHeight += headerEl ? headerEl.offsetHeight : 0;
+  tableHeight += tabsEl ? tabsEl.offsetHeight : 0;
+  let userAgent = navigator.userAgent;
+  for (let i = 0; i < pageCountEls.length; i++) {
+    let ele = pageCountEls[i];
+    if (!ele || ele.className === "ui-table")
+      continue;
+    tableHeight += ele.offsetHeight;
+    let eleMargin, eleTBMargin;
+    let eleCss = document.defaultView.getComputedStyle(ele);
+    if (userAgent.indexOf("Firefox") > -1) {
+      eleTBMargin = parseInt(eleCss["margin-top"]) + parseInt(eleCss["margin-bottom"]);
+    } else if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !(userAgent.indexOf("Opera") > -1)) {
+      let ieCss = ele.currentStyle;
+      eleTBMargin = parseInt(ieCss["marginTop"]) + parseInt(ieCss["marginBottom"]);
+    } else {
+      eleMargin = eleCss.margin.split(" ");
+      if (eleMargin.length == 1) {
+        eleTBMargin = parseInt(eleMargin[0]) * 2;
+      } else {
+        const [mt, mr, mb, ml] = eleMargin;
+        eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);
+      }
+    }
+    tableHeight = eleTBMargin + tableHeight;
+  }
+  tableHeight = window.innerHeight - tableHeight;
+  return tableHeight;
+}
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "ui-table" }, [_c("div", { staticClass: "ui-table__tab" }, [_vm._t("default")], 2), _c("el-table", _vm._b({ ref: "myTable", attrs: { "highlightRow": "", "border": true, "data": _vm.tableData }, on: { "selection-change": _vm.handleSelectionChange }, scopedSlots: _vm._u([{ key: "empty", fn: function() {
+    return [!_vm.autoHeight ? _c("div", [_c("el-empty", { directives: [{ name: "show", rawName: "v-show", value: !_vm.tableData.length, expression: "!tableData.length" }], attrs: { "description": "\u6682\u65E0\u6570\u636E" } })], 1) : _vm._e()];
+  }, proxy: true }]) }, "el-table", _vm._d({}, [_vm.isBindHeight, _vm.tableHeight, _vm.isBindMaxHeight, _vm.maxHeight])), [_vm.showSelect ? _c("el-table-column", { attrs: { "type": "selection", "width": "35", "selectable": _vm.selectable } }) : _vm._e(), _vm._l(_vm.tableTitle, function(item, index) {
+    return _c("el-table-column", { key: _vm.tableProps[index], attrs: { "minWidth": "60px", "label": item, "prop": _vm.tableProps[index], "width": _vm.tableProps[index] === "index" ? "60px" : _vm.tableColsWidth[index] || "" }, scopedSlots: _vm._u([{ key: "header", fn: function(scope) {
+      return [_vm._t(_vm.tableProps[index] + "Title", [_c("span", [_vm._v(_vm._s(item))])], { "row": item, "$index": scope.$index })];
+    } }, { key: "default", fn: function(scope) {
+      return [_vm._t(_vm.tableProps[index], [_c("span", [_vm._v(_vm._s(_vm.tableProps[index] === "index" ? _vm.changeTableInx(scope.$index) : scope.row[_vm.tableProps[index]]))])], { "row": scope.row, "$index": scope.$index })];
+    } }], null, true) });
+  })], 2), _vm.showPage ? _c("div", { staticClass: "ui-pagination" }, [_c("el-pagination", { ref: "pageRef", attrs: { "layout": "total, sizes, prev, pager, next, jumper", "current-page": _vm.pageData.offset, "page-sizes": _vm.pageSizes, "page-size": _vm.pageData.limit, "total": _vm.pageData.total }, on: { "size-change": function(val) {
+    return _vm.handlePageChange("limit", val);
+  }, "current-change": function(val) {
+    return _vm.handlePageChange("offset", val);
+  } } })], 1) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script = {
+  name: "ComTable",
+  props: {
+    showSelect: { type: Boolean, default: false },
+    selectable: { type: Function, default() {
+      return () => {
+      };
+    } },
+    tableData: { type: Array, default() {
+      return [];
+    } },
+    tableMap: { type: Object, default() {
+      return { index: "\u5E8F\u53F7" };
+    } },
+    colsWidth: { type: [Array, Object], default() {
+      return [];
+    } },
+    pageData: { type: Object, default() {
+      return {};
+    } },
+    showPage: { type: Boolean, default: true },
+    height: { type: String, default: "" },
+    autoHeight: { type: Boolean, default: false },
+    maxHeight: { type: String, default: "" },
+    heightStatic: { type: Number, default: 0 }
+  },
+  data() {
+    return {
+      pageSizes: [20, 50, 100, 200],
+      tableHeight: ""
+    };
+  },
+  computed: {
+    tableTitle() {
+      return Object.values(this.tableMap);
+    },
+    tableProps() {
+      return Object.keys(this.tableMap);
+    },
+    tableColsWidth() {
+      if (Array.isArray(this.colsWidth)) {
+        return this.colsWidth.map((item) => `${parseInt(item)}px`);
+      } else {
+        return this.tableProps.map((item) => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : "");
+      }
+    },
+    isBindHeight() {
+      return this.tableHeight ? "height" : "";
+    },
+    isBindMaxHeight() {
+      return this.maxHeight ? "max-height" : "";
+    }
+  },
+  methods: {
+    changeTableInx(inx) {
+      let i = parseInt(inx) + 1 + "";
+      let first = "0";
+      return first.repeat(4 - i.length) + i;
+    },
+    handleRefreshHeight() {
+      this.tableHeight = `${countTableHeight() - this.heightStatic}px`;
+      console.log(this.tableHeight, "this.tableHeight");
+      this.$refs["myTable"] && this.$refs["myTable"].doLayout();
+    },
+    handlePageChange(type = "offset", val) {
+      if (type === "offset") {
+        if (this.tempSize > this.pageData.total && this.pageData.offset > 1)
+          return;
+        this.$emit("pageChange", type, val);
+      } else {
+        this.tempSize = val;
+        this.$emit("pageChange", type, val);
+      }
+    },
+    handleSelectionChange(val) {
+      this.$emit("selectionChange", val);
+    }
+  },
+  async mounted() {
+    if (!this.autoHeight && !this.height) {
+      await this.$nextTick();
+      this.handleRefreshHeight();
+      window.addEventListener("resize", this.handleRefreshHeight);
+    } else if (this.height) {
+      this.tableHeight = this.height;
+      this.$refs["myTable"] && this.$refs["myTable"].doLayout();
+    }
+  },
+  beforeDestroy() {
+    window.removeEventListener("resize", this.handleRefreshHeight);
+  }
+};
 const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "1f6eab87", null, null);
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "54b3bd8e", null, null);
 function __vue2_injectStyles(context) {
   for (let o in __cssModules) {
     this[o] = __cssModules[o];
   }
 }
-var ComTemplate = /* @__PURE__ */ function() {
+var ComComponent = /* @__PURE__ */ function() {
   return __component__.exports;
 }();
-ComTemplate.install = (app) => {
-  app.component(ComTemplate.name, ComTemplate);
+ComComponent.install = (app) => {
+  app.component(ComComponent.name, ComComponent);
 };
-const InComTemplate = ComTemplate;
+const InComComponent = ComComponent;
 const components = [
-  InComTemplate
+  InComTemplate,
+  InComComponent$7,
+  InComComponent$6,
+  InComComponent$5,
+  InComComponent$4,
+  InComComponent$3,
+  InComComponent$2,
+  InComComponent$1,
+  InComComponent
 ];
 const install = (Vue, ops = { config: {} }) => {
   components.forEach((component) => Vue.component(component.name, component));
@@ -90,7 +682,15 @@ const install = (Vue, ops = { config: {} }) => {
 const defaultConfig = {
   version: "dev",
   install,
-  ComTemplate: InComTemplate
+  ComTemplate: InComTemplate,
+  ComMenu: InComComponent$7,
+  ComTabs: InComComponent$6,
+  ComTool: InComComponent$5,
+  ComDialog: InComComponent$4,
+  ComFormItem: InComComponent$3,
+  ComOperation: InComComponent$2,
+  ComSearch: InComComponent$1,
+  ComTable: InComComponent
 };
 try {
   defaultConfig.version = require("../package.json").version;

package/dist/tenghui-ui.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tenghui-ui.es.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n    <h1>{{msg}}</h1>\n</div>\n","<template>\r\n    <div class=\"ui-template\">\r\n        <h1>{{msg}}</h1>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"ComTemplate\",\r\n        data() {\r\n            return {\r\n                msg: '测试组件'\r\n            }\r\n        },\r\n        methods: {\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n    app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","import ComTemplate from '../packages/template';\r\n\r\n\r\nconst components:any[] = [\r\n    ComTemplate\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n    components.forEach(component => Vue.component(component.name, component));\r\n\r\n    // 注册组件时可以带入UI库配置\r\n    Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n    version: 'dev',\r\n    install,\r\n    ComTemplate,\r\n};\r\n\r\ntry {\r\n    defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n    console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["ComTemplate"],"mappings":"AAAA,IAAI,SAAS,WAAY;AAAC,MAAI,MAAI;AAAK,MAAI,KAAG,IAAI;AAAe,MAAI,KAAG,IAAI,MAAM,MAAI;AAAG,SAAO,GAAG,OAAM,EAAC,aAAY,iBAAe,CAAC,GAAG,MAAK,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI;AAAA;AACjK,IAAI,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACMtB;;;;;;;;;;;;;;;;;;;ACDA,YAAY,UAAU,CAAC,QAAoB;MACnC,UAAU,YAAY,MAAM;AAAA;AAEpC,MAAM,gBAAoD;ACN1D,MAAM,aAAmB;AAAA,EACrBA;AAAAA;AAOJ,MAAM,UAAU,CAAC,KAAS,MAAU,EAAE,QAAQ,SAAS;aACxC,QAAQ,eAAa,IAAI,UAAU,UAAU,MAAM;MAG1D,UAAU,YAAY,IAAI;AAAA;MAI5B,gBAAgB;AAAA,EAClB,SAAS;AAAA,EACT;AAAA,eACAA;AAAAA;AAGJ,IAAI;gBACc,UAAU,QAAQ,mBAAmB;AAAA,SAC/C;UACI,IAAI;AAAA;;"}
+{"version":3,"file":"tenghui-ui.es.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n    <h1>{{ msg }}</h1>\n    <el-table :data=\"tableData\" style=\"width: 100%\">\n        <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n        </el-table-column>\n        <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n        </el-table-column>\n        <el-table-column prop=\"address\" label=\"地址\">\n        </el-table-column>\n    </el-table>\n</div>\n","<template>\r\n    <div class=\"ui-template\">\r\n        <h1>{{ msg }}</h1>\r\n        <el-table :data=\"tableData\" style=\"width: 100%\">\r\n            <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"address\" label=\"地址\">\r\n            </el-table-column>\r\n        </el-table>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ComTemplate\",\r\n    data() {\r\n        return {\r\n            msg: '测试组件11111',\r\n            tableData: [{\r\n                date: '2016-05-02',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1518 弄'\r\n            }, {\r\n                date: '2016-05-04',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1517 弄'\r\n            }, {\r\n                date: '2016-05-01',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1519 弄'\r\n            }, {\r\n                date: '2016-05-03',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1516 弄'\r\n            }]\r\n        }\r\n    },\r\n    methods: {\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n    app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n    mode=\"horizontal\"\n    background-color=\"#545c64\"\n    text-color=\"#ccc\"\n    active-text-color=\"#FFF\"\n    menu-trigger=\"hover\"\n    :default-active=\"$route.path\"\n    @select=\"handleJump\">\n    <template v-for=\"(item, index) in data\">\n        <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n            <template slot=\"title\">\n                <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n                <span>{{item.name}}</span>\n            </template>\n            <template v-for=\"(_item, _index) in item.children\">\n                <el-submenu v-if=\"_item.children\" \n                    :index=\"_item.path || _item.name\">\n                    <template slot=\"title\">{{_item.name}}</template>\n                    <el-menu-item v-for=\"(__item, __index) in _item.children\" \n                        :key=\"__item.name\" \n                        :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n                </el-submenu>\n                <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n            </template>\n        </el-submenu>\n        <el-menu-item v-else :index=\"item.path || item.name\">\n            <i class=\"el-icon-menu\"></i>\n            <span slot=\"title\">{{item.name}}</span>\n        </el-menu-item>\n    </template>\n</el-menu>\n","<template>\r\n    <el-menu \r\n        mode=\"horizontal\"\r\n        background-color=\"#545c64\"\r\n        text-color=\"#ccc\"\r\n        active-text-color=\"#FFF\"\r\n        menu-trigger=\"hover\"\r\n        :default-active=\"$route.path\"\r\n        @select=\"handleJump\">\r\n        <template v-for=\"(item, index) in data\">\r\n            <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n                <template slot=\"title\">\r\n                    <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n                    <span>{{item.name}}</span>\r\n                </template>\r\n                <template v-for=\"(_item, _index) in item.children\">\r\n                    <el-submenu v-if=\"_item.children\" \r\n                        :index=\"_item.path || _item.name\">\r\n                        <template slot=\"title\">{{_item.name}}</template>\r\n                        <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n                            :key=\"__item.name\" \r\n                            :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n                    </el-submenu>\r\n                    <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n                </template>\r\n            </el-submenu>\r\n            <el-menu-item v-else :index=\"item.path || item.name\">\r\n                <i class=\"el-icon-menu\"></i>\r\n                <span slot=\"title\">{{item.name}}</span>\r\n            </el-menu-item>\r\n        </template>\r\n    </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n    name: 'ComMenu',\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    computed: {\r\n        \r\n    },\r\n    methods: {\r\n        handleJump(path) {\r\n            this.$emit('jump', path);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n    width: 100%;\r\n    height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n    min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n    color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n    <ul class=\"clear-fix\">\n        <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n            @click=\"handleToggle(item.path)\">\n            <span>{{item.name}}</span>\n            <span class=\"el-icon-error\"></span>\n        </li>\n    </ul>\n</div>\n","<template>\r\n    <div class=\"ui-tabs\">\r\n        <ul class=\"clear-fix\">\r\n            <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n                @click=\"handleToggle(item.path)\">\r\n                <span>{{item.name}}</span>\r\n                <span class=\"el-icon-error\"></span>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComTabs',\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        currentTab: {\r\n            type: Object,\r\n            default() {\r\n                return {}\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n        }\r\n    },\r\n    methods: {\r\n        handleToggle(path) {\r\n            this.$emit('toggle', path);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n    .ui-tabs {\r\n\r\n        border-bottom: 1px solid @color-border;\r\n        padding: 0 10px;\r\n        height: 40px;\r\n        background-color: #FFF;\r\n        \r\n        &__item {\r\n            float: left;\r\n            height: 31px;\r\n            border-radius: 6px 6px 0 0;\r\n            border: 1px solid @color-border;\r\n            margin-top: 10px;\r\n            box-sizing: border-box;\r\n            font-size: 12px;\r\n            line-height: 30px;\r\n            padding: 0 10px;\r\n            color: @color-f4;\r\n            cursor: pointer;\r\n            border-bottom-color: #FFF;\r\n            margin-right: 1px;\r\n            position: relative;\r\n            transition: all .1s linear;\r\n\r\n            &:hover {\r\n                .el-icon-error {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n\r\n            .el-icon-error {\r\n                position: absolute;\r\n                right: 2px;\r\n                top: 50%;\r\n                margin-top: -5px;\r\n                opacity: 0;\r\n                transition: all .1s linear;\r\n\r\n                &:hover {\r\n                    color: @theme-color2;\r\n                }\r\n            }\r\n\r\n            &--active {\r\n                color: @theme-color2;\r\n                padding-right: 20px;\r\n\r\n                .el-icon-error {\r\n                    top: 50%;\r\n                    right: 5px;\r\n                    font-size: 14px;\r\n                    margin-top: -5px;\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n    <span class=\"el-dropdown-link\">\n        <i class=\"el-icon-s-tools\"></i>\n    </span>\n    <el-dropdown-menu slot=\"dropdown\">\n        <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n    </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n    <el-dropdown>\r\n        <span class=\"el-dropdown-link\">\r\n            <i class=\"el-icon-s-tools\"></i>\r\n        </span>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n    </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComTool',\r\n    methods: {\r\n        handleOperation(cmd) {\r\n            switch (cmd) {\r\n                case 'outLogin':\r\n                    this.$confirm('确认退出登录?', '提示', {\r\n                        type: 'warning'\r\n                    }).then(() => {\r\n                        console.log('out login');\r\n                    })\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .el-icon-s-tools {\r\n        font-size: 20px;\r\n        color: #FFF;\r\n        line-height: 60px;\r\n        margin-right: 20px;\r\n        cursor: pointer;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog  \n    append-to-body\n    :top=\"top\"\n    :title=\"title\" \n    :visible=\"visible\"\n    :width=\"width\"\n    @close=\"handleClose\">\n    <slot></slot>\n    <template v-slot:footer>\n        <slot name=\"footer\">\n            <el-button size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n            <el-button size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n        </slot>\n    </template>\n</el-dialog>\n","<template>\r\n    <el-dialog  \r\n        append-to-body\r\n        :top=\"top\"\r\n        :title=\"title\" \r\n        :visible=\"visible\"\r\n        :width=\"width\"\r\n        @close=\"handleClose\">\r\n        <slot></slot>\r\n        <template v-slot:footer>\r\n            <slot name=\"footer\">\r\n                <el-button size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n                <el-button size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n            </slot>\r\n        </template>\r\n    </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComDialog',\r\n    props: {\r\n        visible: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        title: {\r\n            type: String,\r\n            default: '标题'\r\n        },\r\n        width: {\r\n            type: String,\r\n            default: '600px'\r\n        },\r\n        top: {\r\n            type: String,\r\n            default: '50px'\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            show: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleClose() {\r\n            this.$emit('close');\r\n            this.$emit('update:visible', false);\r\n        },\r\n\r\n        handleConfirm() {\r\n            this.$emit('confirm');\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n    border-bottom: 1px solid #ededed;\r\n\r\n    .el-dialog__title {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n    border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n    .el-select {\r\n        width: 240px;\r\n    }\r\n\r\n    .el-input {\r\n        width: 240px;\r\n    }\r\n\r\n    .el-input-number {\r\n        width: 240px;\r\n\r\n        .el-input__inner {\r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    .ui-item__main {\r\n        width: 100%;\r\n    }\r\n\r\n    .el-form-item__label {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .el-input--small .el-input__icon {\r\n        height: 32px;\r\n    }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n    <div>\n        <slot name=\"label\">\n            <div class=\"ui-item__label\" v-if=\"label\">\n                <span >{{label}}</span>\n            </div>\n        </slot>\n    </div>\n    <div class=\"ui-item__main\">\n        <template v-if=\"type === 'input'\">\n            <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n        </template>\n        <template v-else-if=\"type === 'select'\">\n            <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" filterable clearable>\n                <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n            </el-select>\n        </template>\n        <template v-else-if=\"type === 'textarea'\">\n            <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n                :placeholder=\"placeholder || '请输入'\" \n                :rows=\"4\" \n                :disabled=\"readonly\"></el-input>\n        </template>\n        <template v-else-if=\"type === 'input-number'\">\n            <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n        </template>\n        <template v-else-if=\"type === 'cascader'\">\n            <el-cascader\n                size=\"small\"\n                v-model=\"modelForm\"\n                :options=\"options\"\n                :props=\"props\"\n                @change=\"handleChange\"></el-cascader>\n        </template>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-form__item\">\r\n        <div>\r\n            <slot name=\"label\">\r\n                <div class=\"ui-item__label\" v-if=\"label\">\r\n                    <span >{{label}}</span>\r\n                </div>\r\n            </slot>\r\n        </div>\r\n        <div class=\"ui-item__main\">\r\n            <template v-if=\"type === 'input'\">\r\n                <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n            </template>\r\n            <template v-else-if=\"type === 'select'\">\r\n                <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" filterable clearable>\r\n                    <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n                </el-select>\r\n            </template>\r\n            <template v-else-if=\"type === 'textarea'\">\r\n                <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n                    :placeholder=\"placeholder || '请输入'\" \r\n                    :rows=\"4\" \r\n                    :disabled=\"readonly\"></el-input>\r\n            </template>\r\n            <template v-else-if=\"type === 'input-number'\">\r\n                <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n            </template>\r\n            <template v-else-if=\"type === 'cascader'\">\r\n                <el-cascader\r\n                    size=\"small\"\r\n                    v-model=\"modelForm\"\r\n                    :options=\"options\"\r\n                    :props=\"props\"\r\n                    @change=\"handleChange\"></el-cascader>\r\n            </template>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComFormItem',\r\n    model: {\r\n        prop: 'model',\r\n        event: 'changes'\r\n    },\r\n    props: {\r\n\r\n        model: undefined,\r\n\r\n        // 组件类型\r\n        type: {\r\n            type: String,\r\n            default: 'input'\r\n        },\r\n\r\n        // item name\r\n        label: {\r\n            type: String,\r\n            default: ''\r\n        },\r\n\r\n        readonly: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n\r\n        placeholder: {\r\n            type: String,\r\n            default: ''\r\n        },\r\n\r\n        maxlength: {\r\n            type: [Array, String],\r\n            default: ''\r\n        },\r\n\r\n        multiple: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n\r\n        // 选项\r\n        options: {\r\n            type: [Object, Array],\r\n            default() {\r\n                return { '1': '选项一', '2': '选项二' }\r\n            }\r\n        },\r\n\r\n        // 选项映射\r\n        props: {\r\n            type: Object,\r\n            default() {\r\n                return { value: 'value', label: 'label' }\r\n            }\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            modelForm: this.model\r\n        }\r\n    },\r\n    computed: {\r\n        selectOption() {\r\n            let tempArr = [];\r\n            if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n                const { label, value } = this.props;\r\n                tempArr = this.options.map((item, index) => {\r\n                    const obj = {\r\n                        label: item,\r\n                        value: index\r\n                    }\r\n                    return {\r\n                        label: obj[label],\r\n                        value: obj[value]\r\n                    }\r\n                })\r\n            } else if (!Array.isArray(this.options)){\r\n                tempArr = Object.entries(this.options).map(([value, label]) => {\r\n                    return {\r\n                        label,\r\n                        value\r\n                    }\r\n                })\r\n            } else {\r\n                let options = [];\r\n                options.push(...this.options);\r\n                tempArr = options.map((item) => {\r\n                    return {\r\n                        label: item[this.props.label],\r\n                        value: item[this.props.value]\r\n                    }\r\n                })\r\n            }\r\n            return tempArr;\r\n        }\r\n    },\r\n    methods: {\r\n        handleChange(val) {\r\n            this.$emit('change', val);\r\n        }\r\n    },\r\n    watch: {\r\n        modelForm(val) {\r\n            this.$emit('changes', val);\r\n        },\r\n        model(val) {\r\n            this.modelForm = val;\r\n        }\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n    margin-right: 10px;\r\n    font-size: 12px;\r\n    width: 70px;\r\n    text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n    <slot></slot>\n</div>\n","<template>\r\n    <div class=\"ui-operation\">\r\n        <slot></slot>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComOperation',\r\n    prop: {\r\n        type: String,\r\n        default: 'main'\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .ui-operation {\r\n        padding: 0 10px;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n    <div class=\"ui-search__main\">\n        <slot></slot>\n    </div>\n    <div class=\"ui-search__footer\">\n        <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n        <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-search\">\r\n        <div class=\"ui-search__main\">\r\n            <slot></slot>\r\n        </div>\r\n        <div class=\"ui-search__footer\">\r\n            <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n            <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComSearch',\r\n    methods: {\r\n        handleQuery() {\r\n            const queryFn = this.$parent.handleQuery;\r\n            if (queryFn) {\r\n                queryFn();\r\n            } else {\r\n                this.$emit('query');\r\n            }\r\n        },\r\n        handleReset() {\r\n            const resetFn = this.$parent.handleReset;\r\n            if (resetFn) {\r\n                resetFn();\r\n            } else {\r\n                this.$emit('reset');\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .ui-search {\r\n        margin: 10px 10px 0 10px;\r\n        padding: 20px;\r\n        // box-shadow: 0 0 5px 2px #e7e7e7;\r\n        background-color: #FFF;\r\n        border: 1px solid @color-border;\r\n        border-radius: 4px;\r\n\r\n        &__main {\r\n            display: flex;\r\n        }\r\n\r\n        &__footer {\r\n            margin-top: 10px;\r\n        }\r\n\r\n        /deep/ .ui-form__item {\r\n            display: block;\r\n        }\r\n\r\n        /deep/ .ui-item__label {\r\n            width: unset;\r\n            text-align: left;\r\n            margin-bottom: 5px;\r\n        }\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n    const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n    const paginationEl = document.querySelector('.ui-pagination');\r\n    \r\n    const headerEl = document.querySelector('.ui-container__header');\r\n    const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n    let tableHeight = staticNum;\r\n    tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n    tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n    tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n    let userAgent = navigator.userAgent;\r\n    for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n        // 获取容器元素\r\n        let ele = pageCountEls[i];\r\n        if (!ele || ele.className === 'ui-table') continue;\r\n        tableHeight += ele.offsetHeight;\r\n\r\n        let eleMargin, eleTBMargin;\r\n        let eleCss = document.defaultView.getComputedStyle(ele);\r\n        if (userAgent.indexOf('Firefox') > -1) {\r\n            eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n        } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n            let ieCss = ele.currentStyle;\r\n            eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n        } else {\r\n            eleMargin = eleCss.margin.split(' ');\r\n\r\n            if (eleMargin.length == 1) {\r\n                eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n            } else {\r\n                const [mt, mr, mb, ml] = eleMargin;\r\n                eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n            }\r\n        }\r\n\r\n        tableHeight = eleTBMargin + tableHeight;\r\n    }\r\n    tableHeight = window.innerHeight - tableHeight;\r\n    return tableHeight;\r\n  }\r\n  \r\n  // 表格INX\r\n  export function autoAddTableInx(inx) {\r\n    let i = parseInt(inx) + 1 + '';\r\n    let first = '0';\r\n    return first.repeat(4 - i.length) + i\r\n  }","\n<div class=\"ui-table\">\n    <div class=\"ui-table__tab\">\n        <slot></slot>\n    </div>\n    <el-table  \n        ref=\"myTable\"\n        highlightRow\n        :border=\"true\"\n        :data=\"tableData\"\n        :[isBindHeight]=\"tableHeight\"\n        :[isBindMaxHeight]=\"maxHeight\"\n        @selection-change=\"handleSelectionChange\">\n        <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n        <el-table-column v-for=\"(item, index) in tableTitle\"\n            minWidth=\"60px\"\n            :label=\"item\"\n            :key=\"tableProps[index]\" \n            :prop=\"tableProps[index]\" \n            :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n            <!-- 表头插槽 自定义表头-->\n            <template v-slot:header=\"scope\">\n                <slot \n                    :name=\"tableProps[index] + 'Title'\" \n                    :row=\"item\" \n                    :$index=\"scope.$index\">\n                    <span>{{ item }}</span>\n                </slot>\n            </template>\n\n            <!-- 内容插槽 -->\n            <template v-slot:default=\"scope\">\n                <slot \n                    :name=\"tableProps[index]\" \n                    :row=\"scope.row\" \n                    :$index=\"scope.$index\">\n                <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n                        scope.row[tableProps[index]]\n                }}</span>\n            </slot>\n            </template>\n        </el-table-column>\n        <template v-slot:empty>\n            <div v-if=\"!autoHeight\">\n                <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n            </div>\n        </template>\n    </el-table>\n    <div class=\"ui-pagination\" v-if=\"showPage\">\n        <el-pagination ref=\"pageRef\" \n            layout=\"total, sizes, prev, pager, next, jumper\"\n            :current-page=\"pageData.offset\"\n            :page-sizes=\"pageSizes\" \n            :page-size=\"pageData.limit\" \n            :total=\"pageData.total\"\n            @size-change=\"val => handlePageChange('limit', val)\"\n            @current-change=\"val => handlePageChange('offset', val)\" >\n        </el-pagination>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-table\">\r\n        <div class=\"ui-table__tab\">\r\n            <slot></slot>\r\n        </div>\r\n        <el-table  \r\n            ref=\"myTable\"\r\n            highlightRow\r\n            :border=\"true\"\r\n            :data=\"tableData\"\r\n            :[isBindHeight]=\"tableHeight\"\r\n            :[isBindMaxHeight]=\"maxHeight\"\r\n            @selection-change=\"handleSelectionChange\">\r\n            <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n            <el-table-column v-for=\"(item, index) in tableTitle\"\r\n                minWidth=\"60px\"\r\n                :label=\"item\"\r\n                :key=\"tableProps[index]\" \r\n                :prop=\"tableProps[index]\" \r\n                :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n                <!-- 表头插槽 自定义表头-->\r\n                <template v-slot:header=\"scope\">\r\n                    <slot \r\n                        :name=\"tableProps[index] + 'Title'\" \r\n                        :row=\"item\" \r\n                        :$index=\"scope.$index\">\r\n                        <span>{{ item }}</span>\r\n                    </slot>\r\n                </template>\r\n\r\n                <!-- 内容插槽 -->\r\n                <template v-slot:default=\"scope\">\r\n                    <slot \r\n                        :name=\"tableProps[index]\" \r\n                        :row=\"scope.row\" \r\n                        :$index=\"scope.$index\">\r\n                    <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n                            scope.row[tableProps[index]]\r\n                    }}</span>\r\n                </slot>\r\n                </template>\r\n            </el-table-column>\r\n            <template v-slot:empty>\r\n                <div v-if=\"!autoHeight\">\r\n                    <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n                </div>\r\n            </template>\r\n        </el-table>\r\n        <div class=\"ui-pagination\" v-if=\"showPage\">\r\n            <el-pagination ref=\"pageRef\" \r\n                layout=\"total, sizes, prev, pager, next, jumper\"\r\n                :current-page=\"pageData.offset\"\r\n                :page-sizes=\"pageSizes\" \r\n                :page-size=\"pageData.limit\" \r\n                :total=\"pageData.total\"\r\n                @size-change=\"val => handlePageChange('limit', val)\"\r\n                @current-change=\"val => handlePageChange('offset', val)\" >\r\n            </el-pagination>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n    name: 'ComTable',\r\n    props: {\r\n\r\n        // 是否显示勾选框\r\n        showSelect: { type: Boolean, default: false },\r\n\r\n        // 勾选方法\r\n        selectable: { type: Function, default() { return () => { } } },\r\n\r\n        // 表格数据\r\n        tableData: { type: Array, default() { return [] } },\r\n\r\n        // 表头映射\r\n        tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n        // 列宽度\r\n        colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n        // 分页对象\r\n        pageData: { type: Object, default() { return {} } },\r\n\r\n        // 是否显示分页\r\n        showPage: { type: Boolean, default: true },\r\n\r\n        // 固定表格高度\r\n        height: { type: String, default: '' },\r\n\r\n        // 表格高度自适应\r\n        autoHeight: { type: Boolean, default: false },\r\n\r\n        // 最大高度 \r\n        maxHeight: { type: String, default: '' },\r\n\r\n        // 高度占位值 当有特殊情况表格高度需减少指定值\r\n        heightStatic: { type: Number, default: 0 }\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            pageSizes: [20, 50, 100, 200],\r\n            tableHeight: ''\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        tableTitle() {\r\n            return Object.values(this.tableMap);\r\n        },\r\n        tableProps() {\r\n            return Object.keys(this.tableMap);\r\n        },\r\n        tableColsWidth() {\r\n            if (Array.isArray(this.colsWidth)) {\r\n                return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n            } else {\r\n                return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n            }\r\n        },\r\n        isBindHeight() {\r\n            return this.tableHeight ? 'height' : ''\r\n        },\r\n        isBindMaxHeight() {\r\n            return this.maxHeight ? 'max-height' : ''\r\n        },\r\n    },\r\n    methods: {\r\n\r\n        changeTableInx(inx) {\r\n            let i = parseInt(inx) + 1 + '';\r\n            let first = '0';\r\n            return first.repeat(4 - i.length) + i\r\n        },\r\n\r\n        // 刷新表格高度\r\n        handleRefreshHeight() {\r\n            this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n            console.log(this.tableHeight, 'this.tableHeight');\r\n            this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n        },\r\n\r\n        // 分页切换\r\n        handlePageChange(type = 'offset', val) {\r\n            if (type === 'offset') {\r\n                if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n                this.$emit('pageChange', type, val);\r\n            } else {\r\n                this.tempSize = val;\r\n                this.$emit('pageChange', type, val)\r\n            }\r\n        },\r\n\r\n        // 勾选\r\n        handleSelectionChange(val) {\r\n            this.$emit('selectionChange', val);\r\n        }\r\n    },\r\n    async mounted() {\r\n\r\n        // 没设置表格高度 高度根据屏幕高度适应\r\n        if (!this.autoHeight && !this.height) {\r\n            await this.$nextTick();\r\n            this.handleRefreshHeight();\r\n\r\n            window.addEventListener('resize', this.handleRefreshHeight);\r\n        } else if (this.height) {\r\n            this.tableHeight = this.height;\r\n            this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n        }\r\n    },\r\n    beforeDestroy() {\r\n        window.removeEventListener('resize', this.handleRefreshHeight);\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n    .ui-table {\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .el-table {\r\n        \r\n\r\n        /deep/ .el-table__body {\r\n            ::-webkit-scrollbar {\r\n                width: 4px;\r\n                background-color: #e4e4e5;\r\n            }\r\n\r\n            ::-webkit-scrollbar-thumb {\r\n                border-radius: 4px;\r\n                background-color: @theme-color;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ui-pagination {\r\n        text-align: center;\r\n        padding: 10px 0;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\n\r\n\r\nconst components:any[] = [\r\n    ComTemplate,\r\n    ComMenu,\r\n    ComTabs,\r\n    ComTool,\r\n    ComDialog,\r\n    ComFormItem,\r\n    ComOperation,\r\n    ComSearch,\r\n    ComTable\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n    components.forEach(component => Vue.component(component.name, component));\r\n\r\n    // 注册组件时可以带入UI库配置\r\n    Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n    version: 'dev',\r\n    install,\r\n    ComTemplate,\r\n    ComMenu,\r\n    ComTabs,\r\n    ComTool,\r\n    ComDialog,\r\n    ComFormItem,\r\n    ComOperation,\r\n    ComSearch,\r\n    ComTable\r\n};\r\n\r\ntry {\r\n    defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n    console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable"],"mappings":"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"}

package/dist/tenghui-ui.umd.js

@@ -1,2 +1,2 @@
-(function(s,a){typeof exports=="object"&&typeof module!="undefined"?module.exports=a():typeof define=="function"&&define.amd?define(a):(s=typeof globalThis!="undefined"?globalThis:s||self,s["tenghui-ui"]=a())})(this,function(){"use strict";var s=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"ui-template"},[r("h1",[e._v(e._s(e.msg))])])},a=[],F="";function h(e,t,r,y,_,c,p,R){var n=typeof e=="function"?e.options:e;t&&(n.render=t,n.staticRenderFns=r,n._compiled=!0),y&&(n.functional=!0),c&&(n._scopeId="data-v-"+c);var i;if(p?(i=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(o=__VUE_SSR_CONTEXT__),_&&_.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(p)},n._ssrRegister=i):_&&(i=R?function(){_.call(this,(n.functional?this.parent:this).$root.$options.shadowRoot)}:_),i)if(n.functional){n._injectStyles=i;var b=n.render;n.render=function(E,m){return i.call(m),b(E,m)}}else{var v=n.beforeCreate;n.beforeCreate=v?[].concat(v,i):[i]}return{exports:e,options:n}}const C={name:"ComTemplate",data(){return{msg:"\u6D4B\u8BD5\u7EC4\u4EF6"}},methods:{}},l={};var g=h(C,s,a,!1,T,"1f6eab87",null,null);function T(e){for(let t in l)this[t]=l[t]}var f=function(){return g.exports}();f.install=e=>{e.component(f.name,f)};const u=f,$=[u],d={version:"dev",install:(e,t={config:{}})=>{$.forEach(r=>e.component(r.name,r)),e.prototype.$UICONFIG=t.config},ComTemplate:u};try{d.version=require("../package.json").version}catch{console.log("no require")}return d});
+(function(m,h){typeof exports=="object"&&typeof module!="undefined"?module.exports=h():typeof define=="function"&&define.amd?define(h):(m=typeof globalThis!="undefined"?globalThis:m||self,m["tenghui-ui"]=h())})(this,function(){"use strict";var m=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-template"},[t("h1",[e._v(e._s(e.msg))]),t("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableData}},[t("el-table-column",{attrs:{prop:"date",label:"\u65E5\u671F",width:"180"}}),t("el-table-column",{attrs:{prop:"name",label:"\u59D3\u540D",width:"180"}}),t("el-table-column",{attrs:{prop:"address",label:"\u5730\u5740"}})],1)],1)},h=[],Ae="";function c(e,n,t,a,l,o,d,u){var s=typeof e=="function"?e.options:e;n&&(s.render=n,s.staticRenderFns=t,s._compiled=!0),a&&(s.functional=!0),o&&(s._scopeId="data-v-"+o);var i;if(d?(i=function(r){r=r||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!r&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(r=__VUE_SSR_CONTEXT__),l&&l.call(this,r),r&&r._registeredComponents&&r._registeredComponents.add(d)},s._ssrRegister=i):l&&(i=u?function(){l.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:l),i)if(s.functional){s._injectStyles=i;var p=s.render;s.render=function(Q,f){return i.call(f),p(Q,f)}}else{var _=s.beforeCreate;s.beforeCreate=_?[].concat(_,i):[i]}return{exports:e,options:s}}const U={name:"ComTemplate",data(){return{msg:"\u6D4B\u8BD5\u7EC4\u4EF611111",tableData:[{date:"2016-05-02",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1518 \u5F04"},{date:"2016-05-04",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1517 \u5F04"},{date:"2016-05-01",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1519 \u5F04"},{date:"2016-05-03",name:"\u738B\u5C0F\u864E",address:"\u4E0A\u6D77\u5E02\u666E\u9640\u533A\u91D1\u6C99\u6C5F\u8DEF 1516 \u5F04"}]}},methods:{}},F={};var J=c(U,m,h,!1,V,"183fe45a",null,null);function V(e){for(let n in F)this[n]=F[n]}var v=function(){return J.exports}();v.install=e=>{e.component(v.name,v)};const T=v;var X=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-menu",{attrs:{mode:"horizontal","background-color":"#545c64","text-color":"#ccc","active-text-color":"#FFF","menu-trigger":"hover","default-active":e.$route.path},on:{select:e.handleJump}},[e._l(e.data,function(a,l){return[a.children?t("el-submenu",{attrs:{index:a.path||a.name}},[t("template",{slot:"title"},[t("i",{staticClass:"icon-chanpinguanli-chanpinliebiao"}),t("span",[e._v(e._s(a.name))])]),e._l(a.children,function(o,d){return[o.children?t("el-submenu",{attrs:{index:o.path||o.name}},[t("template",{slot:"title"},[e._v(e._s(o.name))]),e._l(o.children,function(u,s){return t("el-menu-item",{key:u.name,attrs:{index:u.path||u.name}},[e._v(e._s(u.name))])})],2):t("el-menu-item",{attrs:{index:o.path||o.name}},[e._v(e._s(o.name))])]})],2):t("el-menu-item",{attrs:{index:a.path||a.name}},[t("i",{staticClass:"el-icon-menu"}),t("span",{attrs:{slot:"title"},slot:"title"},[e._v(e._s(a.name))])])]})],2)},G=[],De="";const K={name:"ComMenu",props:{data:{type:Array,default(){return[]}}},data(){return{}},computed:{},methods:{handleJump(e){this.$emit("jump",e)}}},H={};var Y=c(K,X,G,!1,Z,"1a7163e6",null,null);function Z(e){for(let n in H)this[n]=H[n]}var g=function(){return Y.exports}();g.install=e=>{e.component(g.name,g)};const I=g;var ee=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-tabs"},[t("ul",{staticClass:"clear-fix"},e._l(e.data,function(a){return t("li",{staticClass:"ui-tabs__item",class:{"ui-tabs__item--active":e.currentTab.path===a.path},on:{click:function(l){return e.handleToggle(a.path)}}},[t("span",[e._v(e._s(a.name))]),t("span",{staticClass:"el-icon-error"})])}),0)])},te=[],Pe="";const ne={name:"ComTabs",props:{data:{type:Array,default(){return[]}},currentTab:{type:Object,default(){return{}}}},data(){return{}},methods:{handleToggle(e){this.$emit("toggle",e)}}},k={};var ae=c(ne,ee,te,!1,oe,"65888dc2",null,null);function oe(e){for(let n in k)this[n]=k[n]}var b=function(){return ae.exports}();b.install=e=>{e.component(b.name,b)};const O=b;var le=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dropdown",[t("span",{staticClass:"el-dropdown-link"},[t("i",{staticClass:"el-icon-s-tools"})]),t("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[t("el-dropdown-item",{attrs:{icon:"icon-tuichudenglu"},on:{click:function(a){return e.handleOperation("outLogin")}}},[e._v("\u9000\u51FA\u767B\u5F55")])],1)],1)},se=[],Be="";const re={name:"ComTool",methods:{handleOperation(e){switch(e){case"outLogin":this.$confirm("\u786E\u8BA4\u9000\u51FA\u767B\u5F55?","\u63D0\u793A",{type:"warning"}).then(()=>{console.log("out login")});break}}}},R={};var ie=c(re,le,se,!1,ue,"b586e068",null,null);function ue(e){for(let n in R)this[n]=R[n]}var y=function(){return ie.exports}();y.install=e=>{e.component(y.name,y)};const j=y;var ce=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("el-dialog",{attrs:{"append-to-body":"",top:e.top,title:e.title,visible:e.visible,width:e.width},on:{close:e.handleClose},scopedSlots:e._u([{key:"footer",fn:function(){return[e._t("footer",[t("el-button",{attrs:{size:"small"},on:{click:function(a){return e.$emit("update:visible",!1)}}},[e._v("\u53D6\u6D88")]),t("el-button",{attrs:{size:"small",type:"primary"},on:{click:e.handleConfirm}},[e._v("\u786E\u5B9A")])])]},proxy:!0}],null,!0)},[e._t("default")],2)},de=[],We="";const pe={name:"ComDialog",props:{visible:{type:Boolean,default:!1},title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"600px"},top:{type:String,default:"50px"}},data(){return{show:!1}},methods:{handleClose(){this.$emit("close"),this.$emit("update:visible",!1)},handleConfirm(){this.$emit("confirm")}}},z={};var _e=c(pe,ce,de,!1,me,"613d84c4",null,null);function me(e){for(let n in z)this[n]=z[n]}var $=function(){return _e.exports}();$.install=e=>{e.component($.name,$)};const M=$;var he=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-form__item"},[t("div",[e._t("label",[e.label?t("div",{staticClass:"ui-item__label"},[t("span",[e._v(e._s(e.label))])]):e._e()])],2),t("div",{staticClass:"ui-item__main"},[e.type==="input"?[t("el-input",{attrs:{size:"small",placeholder:e.placeholder,disabled:e.readonly,maxlength:e.maxlength},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="select"?[t("el-select",{attrs:{size:"small",placeholder:e.placeholder||"\u8BF7\u9009\u62E9",multiple:e.multiple,disabled:e.readonly,filterable:"",clearable:""},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}},e._l(e.selectOption,function(a){return t("el-option",{key:a.value,attrs:{value:a.value.toString(),label:a.label}})}),1)]:e.type==="textarea"?[t("el-input",{attrs:{size:"small",type:"textarea",placeholder:e.placeholder||"\u8BF7\u8F93\u5165",rows:4,disabled:e.readonly},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="input-number"?[t("el-input-number",{attrs:{size:"small","controls-position":"right"},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e.type==="cascader"?[t("el-cascader",{attrs:{size:"small",options:e.options,props:e.props},on:{change:e.handleChange},model:{value:e.modelForm,callback:function(a){e.modelForm=a},expression:"modelForm"}})]:e._e()],2)])},fe=[],qe="";const ve={name:"ComFormItem",model:{prop:"model",event:"changes"},props:{model:void 0,type:{type:String,default:"input"},label:{type:String,default:""},readonly:{type:Boolean,default:!1},placeholder:{type:String,default:""},maxlength:{type:[Array,String],default:""},multiple:{type:Boolean,default:!1},options:{type:[Object,Array],default(){return{"1":"\u9009\u9879\u4E00","2":"\u9009\u9879\u4E8C"}}},props:{type:Object,default(){return{value:"value",label:"label"}}}},data(){return{modelForm:this.model}},computed:{selectOption(){let e=[];if(Array.isArray(this.options)&&this.options.length&&this.options[0][this.props.label]===void 0){const{label:n,value:t}=this.props;e=this.options.map((a,l)=>{const o={label:a,value:l};return{label:o[n],value:o[t]}})}else if(!Array.isArray(this.options))e=Object.entries(this.options).map(([n,t])=>({label:t,value:n}));else{let n=[];n.push(...this.options),e=n.map(t=>({label:t[this.props.label],value:t[this.props.value]}))}return e}},methods:{handleChange(e){this.$emit("change",e)}},watch:{modelForm(e){this.$emit("changes",e)},model(e){this.modelForm=e}}},E={};var ge=c(ve,he,fe,!1,be,"07b0bd64",null,null);function be(e){for(let n in E)this[n]=E[n]}var C=function(){return ge.exports}();C.install=e=>{e.component(C.name,C)};const A=C;var ye=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-operation"},[e._t("default")],2)},$e=[],Le="";const Ce={name:"ComOperation",prop:{type:String,default:"main"}},D={};var xe=c(Ce,ye,$e,!1,Se,"3c6cb9f6",null,null);function Se(e){for(let n in D)this[n]=D[n]}var x=function(){return xe.exports}();x.install=e=>{e.component(x.name,x)};const P=x;var we=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-search"},[t("div",{staticClass:"ui-search__main"},[e._t("default")],2),t("div",{staticClass:"ui-search__footer"},[t("el-button",{attrs:{size:"small",icon:"el-icon-refresh"},on:{click:e.handleReset}},[e._v("\u91CD\u7F6E")]),t("el-button",{attrs:{size:"small",icon:"el-icon-search",type:"primary"},on:{click:e.handleQuery}},[e._v("\u67E5\u8BE2")])],1)])},Fe=[],Ne="";const Te={name:"ComSearch",methods:{handleQuery(){const e=this.$parent.handleQuery;e?e():this.$emit("query")},handleReset(){const e=this.$parent.handleReset;e?e():this.$emit("reset")}}},B={};var He=c(Te,we,Fe,!1,Ie,"07c7d454",null,null);function Ie(e){for(let n in B)this[n]=B[n]}var S=function(){return He.exports}();S.install=e=>{e.component(S.name,S)};const W=S;function ke(e=0){const n=document.querySelectorAll(".ui-page__main:not(.v-leave) > div"),t=document.querySelector(".ui-pagination"),a=document.querySelector(".ui-container__header"),l=document.querySelector(".ui-tabs");let o=e;o+=t?t.offsetHeight:0,o+=a?a.offsetHeight:0,o+=l?l.offsetHeight:0;let d=navigator.userAgent;for(let u=0;u<n.length;u++){let s=n[u];if(!s||s.className==="ui-table")continue;o+=s.offsetHeight;let i,p,_=document.defaultView.getComputedStyle(s);if(d.indexOf("Firefox")>-1)p=parseInt(_["margin-top"])+parseInt(_["margin-bottom"]);else if(d.indexOf("compatible")>-1&&d.indexOf("MSIE")>-1&&!(d.indexOf("Opera")>-1)){let r=s.currentStyle;p=parseInt(r.marginTop)+parseInt(r.marginBottom)}else if(i=_.margin.split(" "),i.length==1)p=parseInt(i[0])*2;else{const[r,Q,f,Je]=i;p=parseInt(f)?parseInt(r)+parseInt(f):parseInt(r)}o=p+o}return o=window.innerHeight-o,o}var Oe=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"ui-table"},[t("div",{staticClass:"ui-table__tab"},[e._t("default")],2),t("el-table",e._b({ref:"myTable",attrs:{highlightRow:"",border:!0,data:e.tableData},on:{"selection-change":e.handleSelectionChange},scopedSlots:e._u([{key:"empty",fn:function(){return[e.autoHeight?e._e():t("div",[t("el-empty",{directives:[{name:"show",rawName:"v-show",value:!e.tableData.length,expression:"!tableData.length"}],attrs:{description:"\u6682\u65E0\u6570\u636E"}})],1)]},proxy:!0}])},"el-table",e._d({},[e.isBindHeight,e.tableHeight,e.isBindMaxHeight,e.maxHeight])),[e.showSelect?t("el-table-column",{attrs:{type:"selection",width:"35",selectable:e.selectable}}):e._e(),e._l(e.tableTitle,function(a,l){return t("el-table-column",{key:e.tableProps[l],attrs:{minWidth:"60px",label:a,prop:e.tableProps[l],width:e.tableProps[l]==="index"?"60px":e.tableColsWidth[l]||""},scopedSlots:e._u([{key:"header",fn:function(o){return[e._t(e.tableProps[l]+"Title",[t("span",[e._v(e._s(a))])],{row:a,$index:o.$index})]}},{key:"default",fn:function(o){return[e._t(e.tableProps[l],[t("span",[e._v(e._s(e.tableProps[l]==="index"?e.changeTableInx(o.$index):o.row[e.tableProps[l]]))])],{row:o.row,$index:o.$index})]}}],null,!0)})})],2),e.showPage?t("div",{staticClass:"ui-pagination"},[t("el-pagination",{ref:"pageRef",attrs:{layout:"total, sizes, prev, pager, next, jumper","current-page":e.pageData.offset,"page-sizes":e.pageSizes,"page-size":e.pageData.limit,total:e.pageData.total},on:{"size-change":function(a){return e.handlePageChange("limit",a)},"current-change":function(a){return e.handlePageChange("offset",a)}}})],1):e._e()],1)},Re=[],Qe="";const je={name:"ComTable",props:{showSelect:{type:Boolean,default:!1},selectable:{type:Function,default(){return()=>{}}},tableData:{type:Array,default(){return[]}},tableMap:{type:Object,default(){return{index:"\u5E8F\u53F7"}}},colsWidth:{type:[Array,Object],default(){return[]}},pageData:{type:Object,default(){return{}}},showPage:{type:Boolean,default:!0},height:{type:String,default:""},autoHeight:{type:Boolean,default:!1},maxHeight:{type:String,default:""},heightStatic:{type:Number,default:0}},data(){return{pageSizes:[20,50,100,200],tableHeight:""}},computed:{tableTitle(){return Object.values(this.tableMap)},tableProps(){return Object.keys(this.tableMap)},tableColsWidth(){return Array.isArray(this.colsWidth)?this.colsWidth.map(e=>`${parseInt(e)}px`):this.tableProps.map(e=>this.colsWidth[e]?`${parseInt(this.colsWidth[e])}px`:"")},isBindHeight(){return this.tableHeight?"height":""},isBindMaxHeight(){return this.maxHeight?"max-height":""}},methods:{changeTableInx(e){let n=parseInt(e)+1+"";return"0".repeat(4-n.length)+n},handleRefreshHeight(){this.tableHeight=`${ke()-this.heightStatic}px`,console.log(this.tableHeight,"this.tableHeight"),this.$refs.myTable&&this.$refs.myTable.doLayout()},handlePageChange(e="offset",n){if(e==="offset"){if(this.tempSize>this.pageData.total&&this.pageData.offset>1)return;this.$emit("pageChange",e,n)}else this.tempSize=n,this.$emit("pageChange",e,n)},handleSelectionChange(e){this.$emit("selectionChange",e)}},async mounted(){!this.autoHeight&&!this.height?(await this.$nextTick(),this.handleRefreshHeight(),window.addEventListener("resize",this.handleRefreshHeight)):this.height&&(this.tableHeight=this.height,this.$refs.myTable&&this.$refs.myTable.doLayout())},beforeDestroy(){window.removeEventListener("resize",this.handleRefreshHeight)}},q={};var ze=c(je,Oe,Re,!1,Me,"54b3bd8e",null,null);function Me(e){for(let n in q)this[n]=q[n]}var w=function(){return ze.exports}();w.install=e=>{e.component(w.name,w)};const L=w,Ee=[T,I,O,j,M,A,P,W,L],N={version:"dev",install:(e,n={config:{}})=>{Ee.forEach(t=>e.component(t.name,t)),e.prototype.$UICONFIG=n.config},ComTemplate:T,ComMenu:I,ComTabs:O,ComTool:j,ComDialog:M,ComFormItem:A,ComOperation:P,ComSearch:W,ComTable:L};try{N.version=require("../package.json").version}catch{console.log("no require")}return N});
 //# sourceMappingURL=tenghui-ui.umd.js.map

package/dist/tenghui-ui.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"tenghui-ui.umd.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n    <h1>{{msg}}</h1>\n</div>\n","<template>\r\n    <div class=\"ui-template\">\r\n        <h1>{{msg}}</h1>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"ComTemplate\",\r\n        data() {\r\n            return {\r\n                msg: '测试组件'\r\n            }\r\n        },\r\n        methods: {\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n    app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","import ComTemplate from '../packages/template';\r\n\r\n\r\nconst components:any[] = [\r\n    ComTemplate\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n    components.forEach(component => Vue.component(component.name, component));\r\n\r\n    // 注册组件时可以带入UI库配置\r\n    Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n    version: 'dev',\r\n    install,\r\n    ComTemplate,\r\n};\r\n\r\ntry {\r\n    defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n    console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["ComTemplate"],"mappings":"gPAAA,GAAI,GAAS,UAAY,CAAC,GAAI,GAAI,KAAS,EAAG,EAAI,eAAmB,EAAG,EAAI,MAAM,IAAI,EAAG,MAAO,GAAG,MAAM,CAAC,YAAY,eAAe,CAAC,EAAG,KAAK,CAAC,EAAI,GAAG,EAAI,GAAG,EAAI,WAC7J,EAAkB,mvBCMtB,oNCDA,EAAY,QAAU,AAAC,GAAoB,GACnC,UAAU,EAAY,KAAM,IAEpC,KAAM,GAAoD,ECNpD,EAAmB,CACrBA,GAeE,EAAgB,CAClB,QAAS,MACT,QAVY,CAAC,EAAS,EAAU,CAAE,OAAQ,MAAS,GACxC,QAAQ,GAAa,EAAI,UAAU,EAAU,KAAM,MAG1D,UAAU,UAAY,EAAI,oBAO9BA,GAGJ,GAAI,GACc,QAAU,QAAQ,mBAAmB,sBAE3C,IAAI"}
+{"version":3,"file":"tenghui-ui.umd.js","sources":["../packages/template/src/index.vue?vue&type=template&lang.js","../packages/template/src/index.vue","../packages/template/index.ts","../packages/menu/src/index.vue?vue&type=template&lang.js","../packages/menu/src/index.vue","../packages/menu/index.ts","../packages/tabs/src/index.vue?vue&type=template&lang.js","../packages/tabs/src/index.vue","../packages/tabs/index.ts","../packages/tool/src/index.vue?vue&type=template&lang.js","../packages/tool/src/index.vue","../packages/tool/index.ts","../packages/dialog/src/index.vue?vue&type=template&lang.js","../packages/dialog/src/index.vue","../packages/dialog/index.ts","../packages/form-item/src/index.vue?vue&type=template&lang.js","../packages/form-item/src/index.vue","../packages/form-item/index.ts","../packages/operation/src/index.vue?vue&type=template&lang.js","../packages/operation/src/index.vue","../packages/operation/index.ts","../packages/search/src/index.vue?vue&type=template&lang.js","../packages/search/src/index.vue","../packages/search/index.ts","../utils/index.ts","../packages/table/src/index.vue?vue&type=template&lang.js","../packages/table/src/index.vue","../packages/table/index.ts","../src/main.ts"],"sourcesContent":["\n<div class=\"ui-template\">\n    <h1>{{ msg }}</h1>\n    <el-table :data=\"tableData\" style=\"width: 100%\">\n        <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\n        </el-table-column>\n        <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\n        </el-table-column>\n        <el-table-column prop=\"address\" label=\"地址\">\n        </el-table-column>\n    </el-table>\n</div>\n","<template>\r\n    <div class=\"ui-template\">\r\n        <h1>{{ msg }}</h1>\r\n        <el-table :data=\"tableData\" style=\"width: 100%\">\r\n            <el-table-column prop=\"date\" label=\"日期\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"name\" label=\"姓名\" width=\"180\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"address\" label=\"地址\">\r\n            </el-table-column>\r\n        </el-table>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ComTemplate\",\r\n    data() {\r\n        return {\r\n            msg: '测试组件11111',\r\n            tableData: [{\r\n                date: '2016-05-02',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1518 弄'\r\n            }, {\r\n                date: '2016-05-04',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1517 弄'\r\n            }, {\r\n                date: '2016-05-01',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1519 弄'\r\n            }, {\r\n                date: '2016-05-03',\r\n                name: '王小虎',\r\n                address: '上海市普陀区金沙江路 1516 弄'\r\n            }]\r\n        }\r\n    },\r\n    methods: {\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n</style>","import Vue from 'vue';\r\nimport ComTemplate from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComTemplate.install = (app: typeof Vue) => {\r\n    app.component(ComTemplate.name, ComTemplate);\r\n};\r\nconst InComTemplate: SFCWithInstall<typeof ComTemplate> = ComTemplate; // 增加类型\r\nexport default InComTemplate;","\n<el-menu \n    mode=\"horizontal\"\n    background-color=\"#545c64\"\n    text-color=\"#ccc\"\n    active-text-color=\"#FFF\"\n    menu-trigger=\"hover\"\n    :default-active=\"$route.path\"\n    @select=\"handleJump\">\n    <template v-for=\"(item, index) in data\">\n        <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\n            <template slot=\"title\">\n                <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\n                <span>{{item.name}}</span>\n            </template>\n            <template v-for=\"(_item, _index) in item.children\">\n                <el-submenu v-if=\"_item.children\" \n                    :index=\"_item.path || _item.name\">\n                    <template slot=\"title\">{{_item.name}}</template>\n                    <el-menu-item v-for=\"(__item, __index) in _item.children\" \n                        :key=\"__item.name\" \n                        :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\n                </el-submenu>\n                <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\n            </template>\n        </el-submenu>\n        <el-menu-item v-else :index=\"item.path || item.name\">\n            <i class=\"el-icon-menu\"></i>\n            <span slot=\"title\">{{item.name}}</span>\n        </el-menu-item>\n    </template>\n</el-menu>\n","<template>\r\n    <el-menu \r\n        mode=\"horizontal\"\r\n        background-color=\"#545c64\"\r\n        text-color=\"#ccc\"\r\n        active-text-color=\"#FFF\"\r\n        menu-trigger=\"hover\"\r\n        :default-active=\"$route.path\"\r\n        @select=\"handleJump\">\r\n        <template v-for=\"(item, index) in data\">\r\n            <el-submenu v-if=\"item.children\" :index=\"item.path || item.name\">\r\n                <template slot=\"title\">\r\n                    <i class=\"icon-chanpinguanli-chanpinliebiao\"></i>\r\n                    <span>{{item.name}}</span>\r\n                </template>\r\n                <template v-for=\"(_item, _index) in item.children\">\r\n                    <el-submenu v-if=\"_item.children\" \r\n                        :index=\"_item.path || _item.name\">\r\n                        <template slot=\"title\">{{_item.name}}</template>\r\n                        <el-menu-item v-for=\"(__item, __index) in _item.children\" \r\n                            :key=\"__item.name\" \r\n                            :index=\"__item.path || __item.name\">{{__item.name}}</el-menu-item>\r\n                    </el-submenu>\r\n                    <el-menu-item v-else :index=\"_item.path || _item.name\">{{_item.name}}</el-menu-item>\r\n                </template>\r\n            </el-submenu>\r\n            <el-menu-item v-else :index=\"item.path || item.name\">\r\n                <i class=\"el-icon-menu\"></i>\r\n                <span slot=\"title\">{{item.name}}</span>\r\n            </el-menu-item>\r\n        </template>\r\n    </el-menu>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n    name: 'ComMenu',\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    computed: {\r\n        \r\n    },\r\n    methods: {\r\n        handleJump(path) {\r\n            this.$emit('jump', path);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n .el-menu {\r\n    width: 100%;\r\n    height: 60px !important;\r\n }\r\n\r\n .el-submenu .el-menu-item {\r\n    min-width: unset;\r\n }\r\n\r\n .el-submenu__title i {\r\n    color: unset;\r\n }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-tabs\">\n    <ul class=\"clear-fix\">\n        <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \n            @click=\"handleToggle(item.path)\">\n            <span>{{item.name}}</span>\n            <span class=\"el-icon-error\"></span>\n        </li>\n    </ul>\n</div>\n","<template>\r\n    <div class=\"ui-tabs\">\r\n        <ul class=\"clear-fix\">\r\n            <li class=\"ui-tabs__item\" v-for=\"item in data\" :class=\"{ 'ui-tabs__item--active': currentTab.path === item.path }\" \r\n                @click=\"handleToggle(item.path)\">\r\n                <span>{{item.name}}</span>\r\n                <span class=\"el-icon-error\"></span>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComTabs',\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        currentTab: {\r\n            type: Object,\r\n            default() {\r\n                return {}\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n        }\r\n    },\r\n    methods: {\r\n        handleToggle(path) {\r\n            this.$emit('toggle', path);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n    .ui-tabs {\r\n\r\n        border-bottom: 1px solid @color-border;\r\n        padding: 0 10px;\r\n        height: 40px;\r\n        background-color: #FFF;\r\n        \r\n        &__item {\r\n            float: left;\r\n            height: 31px;\r\n            border-radius: 6px 6px 0 0;\r\n            border: 1px solid @color-border;\r\n            margin-top: 10px;\r\n            box-sizing: border-box;\r\n            font-size: 12px;\r\n            line-height: 30px;\r\n            padding: 0 10px;\r\n            color: @color-f4;\r\n            cursor: pointer;\r\n            border-bottom-color: #FFF;\r\n            margin-right: 1px;\r\n            position: relative;\r\n            transition: all .1s linear;\r\n\r\n            &:hover {\r\n                .el-icon-error {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n\r\n            .el-icon-error {\r\n                position: absolute;\r\n                right: 2px;\r\n                top: 50%;\r\n                margin-top: -5px;\r\n                opacity: 0;\r\n                transition: all .1s linear;\r\n\r\n                &:hover {\r\n                    color: @theme-color2;\r\n                }\r\n            }\r\n\r\n            &--active {\r\n                color: @theme-color2;\r\n                padding-right: 20px;\r\n\r\n                .el-icon-error {\r\n                    top: 50%;\r\n                    right: 5px;\r\n                    font-size: 14px;\r\n                    margin-top: -5px;\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dropdown>\n    <span class=\"el-dropdown-link\">\n        <i class=\"el-icon-s-tools\"></i>\n    </span>\n    <el-dropdown-menu slot=\"dropdown\">\n        <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\n    </el-dropdown-menu>\n</el-dropdown>\n","<template>\r\n    <el-dropdown>\r\n        <span class=\"el-dropdown-link\">\r\n            <i class=\"el-icon-s-tools\"></i>\r\n        </span>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item icon=\"icon-tuichudenglu\" @click=\"handleOperation('outLogin')\">退出登录</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n    </el-dropdown>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComTool',\r\n    methods: {\r\n        handleOperation(cmd) {\r\n            switch (cmd) {\r\n                case 'outLogin':\r\n                    this.$confirm('确认退出登录?', '提示', {\r\n                        type: 'warning'\r\n                    }).then(() => {\r\n                        console.log('out login');\r\n                    })\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .el-icon-s-tools {\r\n        font-size: 20px;\r\n        color: #FFF;\r\n        line-height: 60px;\r\n        margin-right: 20px;\r\n        cursor: pointer;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<el-dialog  \n    append-to-body\n    :top=\"top\"\n    :title=\"title\" \n    :visible=\"visible\"\n    :width=\"width\"\n    @close=\"handleClose\">\n    <slot></slot>\n    <template v-slot:footer>\n        <slot name=\"footer\">\n            <el-button size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\n            <el-button size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n        </slot>\n    </template>\n</el-dialog>\n","<template>\r\n    <el-dialog  \r\n        append-to-body\r\n        :top=\"top\"\r\n        :title=\"title\" \r\n        :visible=\"visible\"\r\n        :width=\"width\"\r\n        @close=\"handleClose\">\r\n        <slot></slot>\r\n        <template v-slot:footer>\r\n            <slot name=\"footer\">\r\n                <el-button size=\"small\" @click=\"$emit('update:visible', false)\">取消</el-button>\r\n                <el-button size=\"small\" type=\"primary\" @click=\"handleConfirm\">确定</el-button>\r\n            </slot>\r\n        </template>\r\n    </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComDialog',\r\n    props: {\r\n        visible: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        title: {\r\n            type: String,\r\n            default: '标题'\r\n        },\r\n        width: {\r\n            type: String,\r\n            default: '600px'\r\n        },\r\n        top: {\r\n            type: String,\r\n            default: '50px'\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            show: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleClose() {\r\n            this.$emit('close');\r\n            this.$emit('update:visible', false);\r\n        },\r\n\r\n        handleConfirm() {\r\n            this.$emit('confirm');\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n/deep/ .el-dialog__header {\r\n    border-bottom: 1px solid #ededed;\r\n\r\n    .el-dialog__title {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n/deep/ .el-dialog__footer {\r\n    border-top: 1px solid #ededed;\r\n}\r\n\r\n/deep/ .el-dialog__body {\r\n\r\n    .el-select {\r\n        width: 240px;\r\n    }\r\n\r\n    .el-input {\r\n        width: 240px;\r\n    }\r\n\r\n    .el-input-number {\r\n        width: 240px;\r\n\r\n        .el-input__inner {\r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    .ui-item__main {\r\n        width: 100%;\r\n    }\r\n\r\n    .el-form-item__label {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .el-input--small .el-input__icon {\r\n        height: 32px;\r\n    }\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-form__item\">\n    <div>\n        <slot name=\"label\">\n            <div class=\"ui-item__label\" v-if=\"label\">\n                <span >{{label}}</span>\n            </div>\n        </slot>\n    </div>\n    <div class=\"ui-item__main\">\n        <template v-if=\"type === 'input'\">\n            <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\n        </template>\n        <template v-else-if=\"type === 'select'\">\n            <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" filterable clearable>\n                <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\n            </el-select>\n        </template>\n        <template v-else-if=\"type === 'textarea'\">\n            <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \n                :placeholder=\"placeholder || '请输入'\" \n                :rows=\"4\" \n                :disabled=\"readonly\"></el-input>\n        </template>\n        <template v-else-if=\"type === 'input-number'\">\n            <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\n        </template>\n        <template v-else-if=\"type === 'cascader'\">\n            <el-cascader\n                size=\"small\"\n                v-model=\"modelForm\"\n                :options=\"options\"\n                :props=\"props\"\n                @change=\"handleChange\"></el-cascader>\n        </template>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-form__item\">\r\n        <div>\r\n            <slot name=\"label\">\r\n                <div class=\"ui-item__label\" v-if=\"label\">\r\n                    <span >{{label}}</span>\r\n                </div>\r\n            </slot>\r\n        </div>\r\n        <div class=\"ui-item__main\">\r\n            <template v-if=\"type === 'input'\">\r\n                <el-input size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder\" :disabled=\"readonly\" :maxlength=\"maxlength\"></el-input>\r\n            </template>\r\n            <template v-else-if=\"type === 'select'\">\r\n                <el-select size=\"small\" v-model=\"modelForm\" :placeholder=\"placeholder || '请选择'\" :multiple=\"multiple\" :disabled=\"readonly\" filterable clearable>\r\n                    <el-option v-for=\"item in selectOption\" :key=\"item.value\" :value=\"item.value.toString()\" :label=\"item.label\"></el-option>\r\n                </el-select>\r\n            </template>\r\n            <template v-else-if=\"type === 'textarea'\">\r\n                <el-input size=\"small\" v-model=\"modelForm\" type=\"textarea\" \r\n                    :placeholder=\"placeholder || '请输入'\" \r\n                    :rows=\"4\" \r\n                    :disabled=\"readonly\"></el-input>\r\n            </template>\r\n            <template v-else-if=\"type === 'input-number'\">\r\n                <el-input-number size=\"small\" v-model=\"modelForm\" controls-position=\"right\"></el-input-number>\r\n            </template>\r\n            <template v-else-if=\"type === 'cascader'\">\r\n                <el-cascader\r\n                    size=\"small\"\r\n                    v-model=\"modelForm\"\r\n                    :options=\"options\"\r\n                    :props=\"props\"\r\n                    @change=\"handleChange\"></el-cascader>\r\n            </template>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComFormItem',\r\n    model: {\r\n        prop: 'model',\r\n        event: 'changes'\r\n    },\r\n    props: {\r\n\r\n        model: undefined,\r\n\r\n        // 组件类型\r\n        type: {\r\n            type: String,\r\n            default: 'input'\r\n        },\r\n\r\n        // item name\r\n        label: {\r\n            type: String,\r\n            default: ''\r\n        },\r\n\r\n        readonly: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n\r\n        placeholder: {\r\n            type: String,\r\n            default: ''\r\n        },\r\n\r\n        maxlength: {\r\n            type: [Array, String],\r\n            default: ''\r\n        },\r\n\r\n        multiple: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n\r\n        // 选项\r\n        options: {\r\n            type: [Object, Array],\r\n            default() {\r\n                return { '1': '选项一', '2': '选项二' }\r\n            }\r\n        },\r\n\r\n        // 选项映射\r\n        props: {\r\n            type: Object,\r\n            default() {\r\n                return { value: 'value', label: 'label' }\r\n            }\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            modelForm: this.model\r\n        }\r\n    },\r\n    computed: {\r\n        selectOption() {\r\n            let tempArr = [];\r\n            if (Array.isArray(this.options) && this.options.length && this.options[0][this.props.label] === undefined) {\r\n                const { label, value } = this.props;\r\n                tempArr = this.options.map((item, index) => {\r\n                    const obj = {\r\n                        label: item,\r\n                        value: index\r\n                    }\r\n                    return {\r\n                        label: obj[label],\r\n                        value: obj[value]\r\n                    }\r\n                })\r\n            } else if (!Array.isArray(this.options)){\r\n                tempArr = Object.entries(this.options).map(([value, label]) => {\r\n                    return {\r\n                        label,\r\n                        value\r\n                    }\r\n                })\r\n            } else {\r\n                let options = [];\r\n                options.push(...this.options);\r\n                tempArr = options.map((item) => {\r\n                    return {\r\n                        label: item[this.props.label],\r\n                        value: item[this.props.value]\r\n                    }\r\n                })\r\n            }\r\n            return tempArr;\r\n        }\r\n    },\r\n    methods: {\r\n        handleChange(val) {\r\n            this.$emit('change', val);\r\n        }\r\n    },\r\n    watch: {\r\n        modelForm(val) {\r\n            this.$emit('changes', val);\r\n        },\r\n        model(val) {\r\n            this.modelForm = val;\r\n        }\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.ui-form__item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-right: 15px;\r\n}\r\n\r\n.ui-item__label {\r\n    margin-right: 10px;\r\n    font-size: 12px;\r\n    width: 70px;\r\n    text-align: right;\r\n}\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-operation\">\n    <slot></slot>\n</div>\n","<template>\r\n    <div class=\"ui-operation\">\r\n        <slot></slot>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComOperation',\r\n    prop: {\r\n        type: String,\r\n        default: 'main'\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .ui-operation {\r\n        padding: 0 10px;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\n<div class=\"ui-search\">\n    <div class=\"ui-search__main\">\n        <slot></slot>\n    </div>\n    <div class=\"ui-search__footer\">\n        <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\n        <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-search\">\r\n        <div class=\"ui-search__main\">\r\n            <slot></slot>\r\n        </div>\r\n        <div class=\"ui-search__footer\">\r\n            <el-button size=\"small\" icon=\"el-icon-refresh\" @click=\"handleReset\">重置</el-button>\r\n            <el-button size=\"small\" icon=\"el-icon-search\" type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'ComSearch',\r\n    methods: {\r\n        handleQuery() {\r\n            const queryFn = this.$parent.handleQuery;\r\n            if (queryFn) {\r\n                queryFn();\r\n            } else {\r\n                this.$emit('query');\r\n            }\r\n        },\r\n        handleReset() {\r\n            const resetFn = this.$parent.handleReset;\r\n            if (resetFn) {\r\n                resetFn();\r\n            } else {\r\n                this.$emit('reset');\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n    .ui-search {\r\n        margin: 10px 10px 0 10px;\r\n        padding: 20px;\r\n        // box-shadow: 0 0 5px 2px #e7e7e7;\r\n        background-color: #FFF;\r\n        border: 1px solid @color-border;\r\n        border-radius: 4px;\r\n\r\n        &__main {\r\n            display: flex;\r\n        }\r\n\r\n        &__footer {\r\n            margin-top: 10px;\r\n        }\r\n\r\n        /deep/ .ui-form__item {\r\n            display: block;\r\n        }\r\n\r\n        /deep/ .ui-item__label {\r\n            width: unset;\r\n            text-align: left;\r\n            margin-bottom: 5px;\r\n        }\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","\r\n/**\r\n * 计算表格高度\r\n * staticNum { number } \r\n * */\r\n export function countTableHeight(staticNum = 0) {\r\n\r\n    const pageCountEls = document.querySelectorAll('.ui-page__main:not(.v-leave) > div')\r\n    const paginationEl = document.querySelector('.ui-pagination');\r\n    \r\n    const headerEl = document.querySelector('.ui-container__header');\r\n    const tabsEl = document.querySelector('.ui-tabs');\r\n\r\n    let tableHeight = staticNum;\r\n    tableHeight += paginationEl ? paginationEl.offsetHeight : 0;\r\n    tableHeight += headerEl ? headerEl.offsetHeight : 0;\r\n    tableHeight += tabsEl ? tabsEl.offsetHeight : 0;\r\n\r\n    let userAgent = navigator.userAgent;\r\n    for (let i = 0; i < pageCountEls.length; i++) {\r\n\r\n        // 获取容器元素\r\n        let ele = pageCountEls[i];\r\n        if (!ele || ele.className === 'ui-table') continue;\r\n        tableHeight += ele.offsetHeight;\r\n\r\n        let eleMargin, eleTBMargin;\r\n        let eleCss = document.defaultView.getComputedStyle(ele);\r\n        if (userAgent.indexOf('Firefox') > -1) {\r\n            eleTBMargin = parseInt(eleCss['margin-top']) + parseInt(eleCss['margin-bottom']);\r\n        } else if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf(\"MSIE\") > -1 && !(userAgent.indexOf(\"Opera\") > -1)) {\r\n            let ieCss = ele.currentStyle;\r\n            eleTBMargin = parseInt(ieCss['marginTop']) + parseInt(ieCss['marginBottom']);\r\n        } else {\r\n            eleMargin = eleCss.margin.split(' ');\r\n\r\n            if (eleMargin.length == 1) {\r\n                eleTBMargin = parseInt(eleMargin[0]) * 2;\r\n            } else {\r\n                const [mt, mr, mb, ml] = eleMargin;\r\n                eleTBMargin = parseInt(mb) ? parseInt(mt) + parseInt(mb) : parseInt(mt);\r\n            }\r\n        }\r\n\r\n        tableHeight = eleTBMargin + tableHeight;\r\n    }\r\n    tableHeight = window.innerHeight - tableHeight;\r\n    return tableHeight;\r\n  }\r\n  \r\n  // 表格INX\r\n  export function autoAddTableInx(inx) {\r\n    let i = parseInt(inx) + 1 + '';\r\n    let first = '0';\r\n    return first.repeat(4 - i.length) + i\r\n  }","\n<div class=\"ui-table\">\n    <div class=\"ui-table__tab\">\n        <slot></slot>\n    </div>\n    <el-table  \n        ref=\"myTable\"\n        highlightRow\n        :border=\"true\"\n        :data=\"tableData\"\n        :[isBindHeight]=\"tableHeight\"\n        :[isBindMaxHeight]=\"maxHeight\"\n        @selection-change=\"handleSelectionChange\">\n        <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\n        <el-table-column v-for=\"(item, index) in tableTitle\"\n            minWidth=\"60px\"\n            :label=\"item\"\n            :key=\"tableProps[index]\" \n            :prop=\"tableProps[index]\" \n            :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\n\n            <!-- 表头插槽 自定义表头-->\n            <template v-slot:header=\"scope\">\n                <slot \n                    :name=\"tableProps[index] + 'Title'\" \n                    :row=\"item\" \n                    :$index=\"scope.$index\">\n                    <span>{{ item }}</span>\n                </slot>\n            </template>\n\n            <!-- 内容插槽 -->\n            <template v-slot:default=\"scope\">\n                <slot \n                    :name=\"tableProps[index]\" \n                    :row=\"scope.row\" \n                    :$index=\"scope.$index\">\n                <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\n                        scope.row[tableProps[index]]\n                }}</span>\n            </slot>\n            </template>\n        </el-table-column>\n        <template v-slot:empty>\n            <div v-if=\"!autoHeight\">\n                <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\n            </div>\n        </template>\n    </el-table>\n    <div class=\"ui-pagination\" v-if=\"showPage\">\n        <el-pagination ref=\"pageRef\" \n            layout=\"total, sizes, prev, pager, next, jumper\"\n            :current-page=\"pageData.offset\"\n            :page-sizes=\"pageSizes\" \n            :page-size=\"pageData.limit\" \n            :total=\"pageData.total\"\n            @size-change=\"val => handlePageChange('limit', val)\"\n            @current-change=\"val => handlePageChange('offset', val)\" >\n        </el-pagination>\n    </div>\n</div>\n","<template>\r\n    <div class=\"ui-table\">\r\n        <div class=\"ui-table__tab\">\r\n            <slot></slot>\r\n        </div>\r\n        <el-table  \r\n            ref=\"myTable\"\r\n            highlightRow\r\n            :border=\"true\"\r\n            :data=\"tableData\"\r\n            :[isBindHeight]=\"tableHeight\"\r\n            :[isBindMaxHeight]=\"maxHeight\"\r\n            @selection-change=\"handleSelectionChange\">\r\n            <el-table-column type=\"selection\" width=\"35\" v-if=\"showSelect\" :selectable=\"selectable\"></el-table-column>\r\n            <el-table-column v-for=\"(item, index) in tableTitle\"\r\n                minWidth=\"60px\"\r\n                :label=\"item\"\r\n                :key=\"tableProps[index]\" \r\n                :prop=\"tableProps[index]\" \r\n                :width=\"tableProps[index] === 'index' ? '60px' : (tableColsWidth[index] || '')\">\r\n\r\n                <!-- 表头插槽 自定义表头-->\r\n                <template v-slot:header=\"scope\">\r\n                    <slot \r\n                        :name=\"tableProps[index] + 'Title'\" \r\n                        :row=\"item\" \r\n                        :$index=\"scope.$index\">\r\n                        <span>{{ item }}</span>\r\n                    </slot>\r\n                </template>\r\n\r\n                <!-- 内容插槽 -->\r\n                <template v-slot:default=\"scope\">\r\n                    <slot \r\n                        :name=\"tableProps[index]\" \r\n                        :row=\"scope.row\" \r\n                        :$index=\"scope.$index\">\r\n                    <span>{{ tableProps[index] === 'index' ? changeTableInx(scope.$index) :\r\n                            scope.row[tableProps[index]]\r\n                    }}</span>\r\n                </slot>\r\n                </template>\r\n            </el-table-column>\r\n            <template v-slot:empty>\r\n                <div v-if=\"!autoHeight\">\r\n                    <el-empty v-show=\"!tableData.length\" description=\"暂无数据\"></el-empty>\r\n                </div>\r\n            </template>\r\n        </el-table>\r\n        <div class=\"ui-pagination\" v-if=\"showPage\">\r\n            <el-pagination ref=\"pageRef\" \r\n                layout=\"total, sizes, prev, pager, next, jumper\"\r\n                :current-page=\"pageData.offset\"\r\n                :page-sizes=\"pageSizes\" \r\n                :page-size=\"pageData.limit\" \r\n                :total=\"pageData.total\"\r\n                @size-change=\"val => handlePageChange('limit', val)\"\r\n                @current-change=\"val => handlePageChange('offset', val)\" >\r\n            </el-pagination>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { countTableHeight } from '@/utils';\r\nexport default {\r\n    name: 'ComTable',\r\n    props: {\r\n\r\n        // 是否显示勾选框\r\n        showSelect: { type: Boolean, default: false },\r\n\r\n        // 勾选方法\r\n        selectable: { type: Function, default() { return () => { } } },\r\n\r\n        // 表格数据\r\n        tableData: { type: Array, default() { return [] } },\r\n\r\n        // 表头映射\r\n        tableMap: { type: Object, default() { return { index: '序号' } } },\r\n\r\n        // 列宽度\r\n        colsWidth: { type: [Array, Object], default() { return [] } },\r\n\r\n        // 分页对象\r\n        pageData: { type: Object, default() { return {} } },\r\n\r\n        // 是否显示分页\r\n        showPage: { type: Boolean, default: true },\r\n\r\n        // 固定表格高度\r\n        height: { type: String, default: '' },\r\n\r\n        // 表格高度自适应\r\n        autoHeight: { type: Boolean, default: false },\r\n\r\n        // 最大高度 \r\n        maxHeight: { type: String, default: '' },\r\n\r\n        // 高度占位值 当有特殊情况表格高度需减少指定值\r\n        heightStatic: { type: Number, default: 0 }\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            pageSizes: [20, 50, 100, 200],\r\n            tableHeight: ''\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        tableTitle() {\r\n            return Object.values(this.tableMap);\r\n        },\r\n        tableProps() {\r\n            return Object.keys(this.tableMap);\r\n        },\r\n        tableColsWidth() {\r\n            if (Array.isArray(this.colsWidth)) {\r\n                return this.colsWidth.map(item => `${parseInt(item)}px`);\r\n            } else {\r\n                return this.tableProps.map(item => this.colsWidth[item] ? `${parseInt(this.colsWidth[item])}px` : '') \r\n            }\r\n        },\r\n        isBindHeight() {\r\n            return this.tableHeight ? 'height' : ''\r\n        },\r\n        isBindMaxHeight() {\r\n            return this.maxHeight ? 'max-height' : ''\r\n        },\r\n    },\r\n    methods: {\r\n\r\n        changeTableInx(inx) {\r\n            let i = parseInt(inx) + 1 + '';\r\n            let first = '0';\r\n            return first.repeat(4 - i.length) + i\r\n        },\r\n\r\n        // 刷新表格高度\r\n        handleRefreshHeight() {\r\n            this.tableHeight = `${countTableHeight() - this.heightStatic}px`;\r\n            console.log(this.tableHeight, 'this.tableHeight');\r\n            this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n        },\r\n\r\n        // 分页切换\r\n        handlePageChange(type = 'offset', val) {\r\n            if (type === 'offset') {\r\n                if (this.tempSize > this.pageData.total && this.pageData.offset > 1) return;\r\n                this.$emit('pageChange', type, val);\r\n            } else {\r\n                this.tempSize = val;\r\n                this.$emit('pageChange', type, val)\r\n            }\r\n        },\r\n\r\n        // 勾选\r\n        handleSelectionChange(val) {\r\n            this.$emit('selectionChange', val);\r\n        }\r\n    },\r\n    async mounted() {\r\n\r\n        // 没设置表格高度 高度根据屏幕高度适应\r\n        if (!this.autoHeight && !this.height) {\r\n            await this.$nextTick();\r\n            this.handleRefreshHeight();\r\n\r\n            window.addEventListener('resize', this.handleRefreshHeight);\r\n        } else if (this.height) {\r\n            this.tableHeight = this.height;\r\n            this.$refs['myTable'] && this.$refs['myTable'].doLayout();\r\n        }\r\n    },\r\n    beforeDestroy() {\r\n        window.removeEventListener('resize', this.handleRefreshHeight);\r\n    }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n\r\n    .ui-table {\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .el-table {\r\n        \r\n\r\n        /deep/ .el-table__body {\r\n            ::-webkit-scrollbar {\r\n                width: 4px;\r\n                background-color: #e4e4e5;\r\n            }\r\n\r\n            ::-webkit-scrollbar-thumb {\r\n                border-radius: 4px;\r\n                background-color: @theme-color;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ui-pagination {\r\n        text-align: center;\r\n        padding: 10px 0;\r\n    }\r\n</style>","import Vue from 'vue';\r\nimport ComComponent from './src/index.vue';\r\n\r\ntype SFCWithInstall<T> = T & { install(app: typeof Vue): void }; // vue 安装\r\n\r\n// 安装\r\nComComponent.install = (app: typeof Vue) => {\r\n    app.component(ComComponent.name, ComComponent);\r\n};\r\nconst InComComponent: SFCWithInstall<typeof ComComponent> = ComComponent; // 增加类型\r\nexport default InComComponent;","import ComTemplate from '../packages/template';\r\nimport ComMenu from '../packages/menu';\r\nimport ComTabs from '../packages/tabs';\r\nimport ComTool from '../packages/tool';\r\nimport ComDialog from '../packages/dialog';\r\nimport ComFormItem from '../packages/form-item';\r\nimport ComOperation from '../packages/operation';\r\nimport ComSearch from '../packages/search';\r\nimport ComTable from '../packages/table';\r\n\r\n\r\nconst components:any[] = [\r\n    ComTemplate,\r\n    ComMenu,\r\n    ComTabs,\r\n    ComTool,\r\n    ComDialog,\r\n    ComFormItem,\r\n    ComOperation,\r\n    ComSearch,\r\n    ComTable\r\n];\r\n\r\n/**\r\n * @param { App }\r\n * @returns { Void }\r\n */\r\nconst install = (Vue:any, ops:any = { config: {} }) => {\r\n    components.forEach(component => Vue.component(component.name, component));\r\n\r\n    // 注册组件时可以带入UI库配置\r\n    Vue.prototype.$UICONFIG = ops.config;\r\n}\r\n\r\n\r\nconst defaultConfig = {\r\n    version: 'dev',\r\n    install,\r\n    ComTemplate,\r\n    ComMenu,\r\n    ComTabs,\r\n    ComTool,\r\n    ComDialog,\r\n    ComFormItem,\r\n    ComOperation,\r\n    ComSearch,\r\n    ComTable\r\n};\r\n\r\ntry {\r\n    defaultConfig.version = require('../package.json').version;\r\n} catch(e) {\r\n    console.log('no require');\r\n}\r\n\r\nexport default defaultConfig;"],"names":["render","staticRenderFns","ComComponent","InComComponent","ComTemplate","ComMenu","ComTabs","ComTool","ComDialog","ComFormItem","ComOperation","ComSearch","ComTable"],"mappings":"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"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "tenghui-ui",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "vue 2x, tenghui-ui",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "main": "./dist/tenghui-ui.umd.js",
   "module": "./dist/tenghui-ui.es.js",

package/src/config/index.ts

@@ -0,0 +1,5 @@
+const CONFIG = {
+
+};
+
+export default CONFIG;

package/src/main.ts

@@ -0,0 +1,56 @@
+import ComTemplate from '../packages/template';
+import ComMenu from '../packages/menu';
+import ComTabs from '../packages/tabs';
+import ComTool from '../packages/tool';
+import ComDialog from '../packages/dialog';
+import ComFormItem from '../packages/form-item';
+import ComOperation from '../packages/operation';
+import ComSearch from '../packages/search';
+import ComTable from '../packages/table';
+
+
+const components:any[] = [
+    ComTemplate,
+    ComMenu,
+    ComTabs,
+    ComTool,
+    ComDialog,
+    ComFormItem,
+    ComOperation,
+    ComSearch,
+    ComTable
+];
+
+/**
+ * @param { App }
+ * @returns { Void }
+ */
+const install = (Vue:any, ops:any = { config: {} }) => {
+    components.forEach(component => Vue.component(component.name, component));
+
+    // 注册组件时可以带入UI库配置
+    Vue.prototype.$UICONFIG = ops.config;
+}
+
+
+const defaultConfig = {
+    version: 'dev',
+    install,
+    ComTemplate,
+    ComMenu,
+    ComTabs,
+    ComTool,
+    ComDialog,
+    ComFormItem,
+    ComOperation,
+    ComSearch,
+    ComTable
+};
+
+try {
+    defaultConfig.version = require('../package.json').version;
+} catch(e) {
+    console.log('no require');
+}
+
+export default defaultConfig;

package/src/theme/index.less

@@ -0,0 +1,20 @@
+// 主题色
+@theme-color: #409EFF;
+@theme-color2: fade(@theme-color, 80%);
+@theme-color3: fade(@theme-color, 30%);
+@theme-color4: fade(@theme-color, 5%);
+
+// 辅助色
+@color-success: #67C23A;
+@color-warning: #E6A23C;
+@color-danger: #F56C6C;
+@color-info: #909399;
+
+// 字体
+@color-f1: #303133; // 主要文字
+@color-f2: #606266; // 常规文字
+@color-f3: #909399; // 次要文字
+@color-f4: #C0C4CC; // 占位文字
+
+// 边框
+@color-border: #ebeef5;