tenghui-ui 1.1.12 → 1.2.1

package/dist/style.css

@@ -1 +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-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{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-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{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-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-7dceecbc]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-7dceecbc]{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-0ba999b1]{padding:0 10px}.ui-pagination[data-v-0ba999b1]{text-align:center;padding:10px 0}
+.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-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{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-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{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-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-5f450689]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-5f450689]{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-f8366462]{padding:0 10px}.ui-table[data-v-f8366462] .el-table-column--selection .el-checkbox{display:block}.ui-pagination[data-v-f8366462]{text-align:center;padding:10px 0}.ui-image--error[data-v-4d3de6d0]{text-align:center;color:#999;background-color:#efefef}

package/dist/tenghui-ui.es.js

@@ -1,11 +1,11 @@
-var render$8 = function() {
+var render$9 = 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))]), _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$8 = [];
-var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+var staticRenderFns$9 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   if (render2) {
@@ -57,7 +57,7 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __vue2_script$8 = {
+const __vue2_script$9 = {
   name: "ComTemplate",
   data() {
     return {
@@ -83,21 +83,21 @@ const __vue2_script$8 = {
   },
   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];
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "183fe45a", null, null);
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
   }
 }
 var ComTemplate = /* @__PURE__ */ function() {
-  return __component__$8.exports;
+  return __component__$9.exports;
 }();
 ComTemplate.install = (app) => {
   app.component(ComTemplate.name, ComTemplate);
 };
 const InComTemplate = ComTemplate;
-var render$7 = function() {
+var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -109,9 +109,9 @@ var render$7 = function() {
     })], 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 = {
+var staticRenderFns$8 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+const __vue2_script$8 = {
   name: "ComMenu",
   props: {
     data: {
@@ -131,21 +131,21 @@ const __vue2_script$7 = {
     }
   }
 };
-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];
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "1a7163e6", null, null);
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
   }
 }
-var ComComponent$7 = /* @__PURE__ */ function() {
-  return __component__$7.exports;
+var ComComponent$8 = /* @__PURE__ */ function() {
+  return __component__$8.exports;
 }();
-ComComponent$7.install = (app) => {
-  app.component(ComComponent$7.name, ComComponent$7);
+ComComponent$8.install = (app) => {
+  app.component(ComComponent$8.name, ComComponent$8);
 };
-const InComComponent$7 = ComComponent$7;
-var render$6 = function() {
+const InComComponent$8 = ComComponent$8;
+var render$7 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -158,9 +158,9 @@ var render$6 = function() {
     } } })]);
   }), 0)]);
 };
-var staticRenderFns$6 = [];
-var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
-const __vue2_script$6 = {
+var staticRenderFns$7 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+const __vue2_script$7 = {
   name: "ComTabs",
   props: {
     data: {
@@ -188,21 +188,21 @@ const __vue2_script$6 = {
     }
   }
 };
-const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "e7fe9cfa", null, null);
-function __vue2_injectStyles$6(context) {
-  for (let o in __cssModules$6) {
-    this[o] = __cssModules$6[o];
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "e7fe9cfa", null, null);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
   }
 }
-var ComComponent$6 = /* @__PURE__ */ function() {
-  return __component__$6.exports;
+var ComComponent$7 = /* @__PURE__ */ function() {
+  return __component__$7.exports;
 }();
-ComComponent$6.install = (app) => {
-  app.component(ComComponent$6.name, ComComponent$6);
+ComComponent$7.install = (app) => {
+  app.component(ComComponent$7.name, ComComponent$7);
 };
-const InComComponent$6 = ComComponent$6;
-var render$5 = function() {
+const InComComponent$7 = ComComponent$7;
+var render$6 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -210,9 +210,9 @@ var render$5 = function() {
     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 = {
+var staticRenderFns$6 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+const __vue2_script$6 = {
   name: "ComTool",
   methods: {
     handleOperation(cmd) {
@@ -228,21 +228,21 @@ const __vue2_script$5 = {
     }
   }
 };
-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];
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "b586e068", null, null);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
   }
 }
-var ComComponent$5 = /* @__PURE__ */ function() {
-  return __component__$5.exports;
+var ComComponent$6 = /* @__PURE__ */ function() {
+  return __component__$6.exports;
 }();
-ComComponent$5.install = (app) => {
-  app.component(ComComponent$5.name, ComComponent$5);
+ComComponent$6.install = (app) => {
+  app.component(ComComponent$6.name, ComComponent$6);
 };
-const InComComponent$5 = ComComponent$5;
-var render$4 = function() {
+const InComComponent$6 = ComComponent$6;
+var render$5 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -252,9 +252,9 @@ var render$4 = function() {
     } } }, [_vm._v("\u53D6\u6D88")]) : _vm._e(), _vm.showBtn ? _c("el-button", { attrs: { "size": "small", "type": "primary" }, on: { "click": _vm.handleConfirm } }, [_vm._v("\u786E\u5B9A")]) : _vm._e()])];
   }, 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 = {
+var staticRenderFns$5 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
+const __vue2_script$5 = {
   name: "ComDialog",
   props: {
     visible: {
@@ -303,27 +303,27 @@ const __vue2_script$4 = {
     }
   }
 };
-const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "0a02be4b", null, null);
-function __vue2_injectStyles$4(context) {
-  for (let o in __cssModules$4) {
-    this[o] = __cssModules$4[o];
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "0a02be4b", null, null);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
   }
 }
-var ComComponent$4 = /* @__PURE__ */ function() {
-  return __component__$4.exports;
+var ComComponent$5 = /* @__PURE__ */ function() {
+  return __component__$5.exports;
 }();
-ComComponent$4.install = (app) => {
-  app.component(ComComponent$4.name, ComComponent$4);
+ComComponent$5.install = (app) => {
+  app.component(ComComponent$5.name, ComComponent$5);
 };
-const InComComponent$4 = ComComponent$4;
-var render$3 = function() {
+const InComComponent$5 = ComComponent$5;
+var render$4 = 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) {
+  }, expression: "modelForm" } })] : _vm.type === "select" ? [_c("el-select", { attrs: { "size": "small", "placeholder": _vm.placeholder || "\u8BF7\u9009\u62E9", "multiple": _vm.multiple, "disabled": _vm.readonly, "clearable": _vm.clearable, "filterable": "" }, 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 } });
@@ -339,9 +339,9 @@ var render$3 = function() {
     _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 = {
+var staticRenderFns$4 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+const __vue2_script$4 = {
   name: "ComFormItem",
   model: {
     prop: "model",
@@ -384,6 +384,10 @@ const __vue2_script$3 = {
       default() {
         return { value: "value", label: "label" };
       }
+    },
+    clearable: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
@@ -440,58 +444,58 @@ const __vue2_script$3 = {
     }
   }
 };
-const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "7dceecbc", null, null);
-function __vue2_injectStyles$3(context) {
-  for (let o in __cssModules$3) {
-    this[o] = __cssModules$3[o];
+const __cssModules$4 = {};
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "5f450689", null, null);
+function __vue2_injectStyles$4(context) {
+  for (let o in __cssModules$4) {
+    this[o] = __cssModules$4[o];
   }
 }
-var ComComponent$3 = /* @__PURE__ */ function() {
-  return __component__$3.exports;
+var ComComponent$4 = /* @__PURE__ */ function() {
+  return __component__$4.exports;
 }();
-ComComponent$3.install = (app) => {
-  app.component(ComComponent$3.name, ComComponent$3);
+ComComponent$4.install = (app) => {
+  app.component(ComComponent$4.name, ComComponent$4);
 };
-const InComComponent$3 = ComComponent$3;
-var render$2 = function() {
+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-operation" }, [_vm._t("default")], 2);
 };
-var staticRenderFns$2 = [];
-var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
-const __vue2_script$2 = {
+var staticRenderFns$3 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
+const __vue2_script$3 = {
   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];
+const __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "3c6cb9f6", null, null);
+function __vue2_injectStyles$3(context) {
+  for (let o in __cssModules$3) {
+    this[o] = __cssModules$3[o];
   }
 }
-var ComComponent$2 = /* @__PURE__ */ function() {
-  return __component__$2.exports;
+var ComComponent$3 = /* @__PURE__ */ function() {
+  return __component__$3.exports;
 }();
-ComComponent$2.install = (app) => {
-  app.component(ComComponent$2.name, ComComponent$2);
+ComComponent$3.install = (app) => {
+  app.component(ComComponent$3.name, ComComponent$3);
 };
-const InComComponent$2 = ComComponent$2;
-var render$1 = function() {
+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-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 = {
+var staticRenderFns$2 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+const __vue2_script$2 = {
   name: "ComSearch",
   methods: {
     handleQuery() {
@@ -512,20 +516,20 @@ const __vue2_script$1 = {
     }
   }
 };
-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];
+const __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "07c7d454", null, null);
+function __vue2_injectStyles$2(context) {
+  for (let o in __cssModules$2) {
+    this[o] = __cssModules$2[o];
   }
 }
-var ComComponent$1 = /* @__PURE__ */ function() {
-  return __component__$1.exports;
+var ComComponent$2 = /* @__PURE__ */ function() {
+  return __component__$2.exports;
 }();
-ComComponent$1.install = (app) => {
-  app.component(ComComponent$1.name, ComComponent$1);
+ComComponent$2.install = (app) => {
+  app.component(ComComponent$2.name, ComComponent$2);
 };
-const InComComponent$1 = ComComponent$1;
+const InComComponent$2 = ComComponent$2;
 function countTableHeight(staticNum = 0) {
   const pageCountEls = document.querySelectorAll(".ui-page__main:not(.v-leave) > div");
   const paginationEl = document.querySelector(".ui-pagination");
@@ -562,7 +566,7 @@ function countTableHeight(staticNum = 0) {
   tableHeight = window.innerHeight - tableHeight;
   return tableHeight;
 }
-var render = function() {
+var render$1 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -580,9 +584,9 @@ var render = function() {
     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 = {
+var staticRenderFns$1 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const __vue2_script$1 = {
   name: "ComTable",
   props: {
     showSelect: { type: Boolean, default: false },
@@ -673,8 +677,93 @@ const __vue2_script = {
     window.removeEventListener("resize", this.handleRefreshHeight);
   }
 };
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "f8366462", 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;
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("el-image", { ref: "imageRef", style: { width: _vm.sizeMain }, attrs: { "src": _vm.srcMain, "preview-src-list": _vm.previewList }, scopedSlots: _vm._u([{ key: "placeholder", fn: function() {
+    return [_c("div", { directives: [{ name: "loading", rawName: "v-loading", value: true, expression: "true" }], staticClass: "ui-image--loading", style: { width: _vm.sizeMain, height: _vm.height } })];
+  }, proxy: true }, { key: "error", fn: function() {
+    return [_c("div", { staticClass: "ui-image--error", style: { width: _vm.sizeMain, height: _vm.height, lineHeight: _vm.height, fontSize: _vm.fontSize } }, [_c("i", { staticClass: "el-icon-picture-outline" })])];
+  }, proxy: true }]) });
+};
+var staticRenderFns = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script = {
+  name: "ComImage",
+  props: {
+    size: {
+      type: String,
+      default: ""
+    },
+    src: {
+      type: [String, Array],
+      default() {
+        return "";
+      }
+    },
+    previewSrcList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      height: ""
+    };
+  },
+  computed: {
+    previewList() {
+      if (this.previewSrcList.length)
+        return this.previewSrcList;
+      if (Array.isArray(this.src)) {
+        return this.src;
+      } else {
+        return [];
+      }
+    },
+    srcMain() {
+      if (Array.isArray(this.src)) {
+        return this.src[0];
+      } else {
+        return this.src;
+      }
+    },
+    fontSize() {
+      return `${parseInt(this.height) - 30}px`;
+    },
+    sizeMain() {
+      if (!this.size)
+        return "100%";
+      else if (Number(this.size))
+        return `${this.size}px`;
+      else
+        return this.size;
+    }
+  },
+  async mounted() {
+    await this.$nextTick();
+    this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;
+  }
+};
 const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "0ba999b1", null, null);
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, "4d3de6d0", null, null);
 function __vue2_injectStyles(context) {
   for (let o in __cssModules) {
     this[o] = __cssModules[o];
@@ -689,6 +778,7 @@ ComComponent.install = (app) => {
 const InComComponent = ComComponent;
 const components = [
   InComTemplate,
+  InComComponent$8,
   InComComponent$7,
   InComComponent$6,
   InComComponent$5,
@@ -706,14 +796,15 @@ const defaultConfig = {
   version: "dev",
   install,
   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
+  ComMenu: InComComponent$8,
+  ComTabs: InComComponent$7,
+  ComTool: InComComponent$6,
+  ComDialog: InComComponent$5,
+  ComFormItem: InComComponent$4,
+  ComOperation: InComComponent$3,
+  ComSearch: InComComponent$2,
+  ComTable: InComComponent$1,
+  ComImage: InComComponent
 };
 try {
   defaultConfig.version = require("../package.json").version;