tenghui-ui 1.2.2 → 1.2.5

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-575499bb]{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-024d06dc]{padding:0 10px}.ui-table[data-v-024d06dc] .el-table-column--selection .el-checkbox{display:block}.ui-pagination[data-v-024d06dc]{text-align:center;padding:10px 0}.ui-image--error[data-v-4d3de6d0]{text-align:center;color:#999;background-color:#efefef}
+.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-575499bb]{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-acc84488]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-acc84488]{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-2232b3ee]{padding:0 10px}.ui-table[data-v-2232b3ee] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-2232b3ee] .el-tabs__header{margin-bottom:0;border-bottom:0 none}.ui-table[data-v-2232b3ee] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-pagination[data-v-2232b3ee]{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,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var render$9 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -318,27 +337,73 @@ ComComponent$5.install = (app) => {
   app.component(ComComponent$5.name, ComComponent$5);
 };
 const InComComponent$5 = ComComponent$5;
+const datePickerCommonAttrs = {
+  "range-separator": "\u81F3",
+  "start-placeholder": "\u5F00\u59CB\u65F6\u95F4",
+  "end-placeholder": "\u7ED3\u675F\u65F6\u95F4"
+};
+const datetimerangeDefaultAttrs = __spreadProps(__spreadValues({}, datePickerCommonAttrs), {
+  type: "datetimerange",
+  "value-format": "yyyy-MM-dd hh:mm:ss",
+  format: "yyyy-MM-dd hh:mm:ss"
+});
+const daterangeDefaultAttrs = __spreadProps(__spreadValues({}, datePickerCommonAttrs), {
+  type: "daterange",
+  "value-format": "yyyy-MM-dd",
+  format: "yyyy-MM-dd"
+});
+const defaultAttrsMap = {
+  input: {
+    size: "small"
+  },
+  select: {
+    size: "small",
+    clearable: true
+  },
+  textarea: {
+    placeholder: "\u8BF7\u8F93\u5165",
+    size: "small",
+    rows: 4
+  },
+  "input-number": {
+    "controls-position": "right",
+    size: "small"
+  },
+  cascader: {
+    size: "small"
+  },
+  daterange: daterangeDefaultAttrs,
+  datetimerange: datetimerangeDefaultAttrs
+};
 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) {
+  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", _vm._g(_vm._b({ ref: _vm.type, scopedSlots: _vm._u([_vm._l(_vm.getComponentSlots(_vm.$slots), function(item, key) {
+    return { key, fn: function() {
+      return [_vm._t(key)];
+    }, proxy: true };
+  })], null, true), 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, "clearable": _vm.clearable, "filterable": "" }, model: { value: _vm.modelForm, callback: function($$v) {
+  }, expression: "modelForm" } }, "el-input", _vm.setDefaultAttrs(_vm.polyfillAttrs(_vm.$attrs)), false), _vm.$listeners))] : _vm.type === "select" ? [_c("el-select", _vm._g(_vm._b({ ref: _vm.type, attrs: { "filterable": "" }, scopedSlots: _vm._u([_vm._l(_vm.getComponentSlots(_vm.$slots), function(item, key) {
+    return { key, fn: function() {
+      return [_vm._t(key)];
+    }, proxy: true };
+  })], null, true), model: { value: _vm.modelForm, callback: function($$v) {
     _vm.modelForm = $$v;
-  }, expression: "modelForm" } }, _vm._l(_vm.selectOption, function(item) {
+  }, expression: "modelForm" } }, "el-select", _vm.setDefaultAttrs(_vm.polyfillAttrs(_vm.$attrs)), false), _vm.$listeners), _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) {
+  }), 1)] : _vm.type === "textarea" ? [_c("el-input", _vm._g(_vm._b({ ref: _vm.type, attrs: { "type": "textarea" }, 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) {
+  }, expression: "modelForm" } }, "el-input", _vm.setDefaultAttrs(_vm.polyfillAttrs(_vm.$attrs)), false), _vm.$listeners))] : _vm.type === "input-number" ? [_c("el-input-number", _vm._g(_vm._b({ ref: _vm.type, 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) {
+  }, expression: "modelForm" } }, "el-input-number", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "cascader" ? [_c("el-cascader", _vm._g(_vm._b({ ref: _vm.type, attrs: { "options": _vm.options, "props": _vm.props }, model: { value: _vm.modelForm, callback: function($$v) {
     _vm.modelForm = $$v;
-  }, expression: "modelForm" } })] : _vm.type === "daterange" ? [_c("el-date-picker", { attrs: { "type": "daterange", "value-format": "yyyy-MM-dd", "format": "yyyy-MM-dd", "range-separator": "\u81F3", "start-placeholder": "\u5F00\u59CB\u65E5\u671F", "end-placeholder": "\u7ED3\u675F\u65E5\u671F" }, model: { value: _vm.modelForm, callback: function($$v) {
+  }, expression: "modelForm" } }, "el-cascader", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "daterange" ? [_c("el-date-picker", _vm._g(_vm._b({ ref: _vm.type, model: { value: _vm.modelForm, callback: function($$v) {
     _vm.modelForm = $$v;
-  }, expression: "modelForm" } })] : _vm.type === "datetimerange" ? [_c("el-date-picker", { attrs: { "type": "datetimerange", "value-format": "yyyy-MM-dd hh:mm:ss", "format": "yyyy-MM-dd hh:mm:ss", "range-separator": "\u81F3", "start-placeholder": "\u5F00\u59CB\u65F6\u95F4", "end-placeholder": "\u7ED3\u675F\u65F6\u95F4" }, model: { value: _vm.modelForm, callback: function($$v) {
+  }, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "datetimerange" ? [_c("el-date-picker", _vm._g(_vm._b({ ref: _vm.type, model: { value: _vm.modelForm, callback: function($$v) {
     _vm.modelForm = $$v;
-  }, expression: "modelForm" } })] : _vm._e()], 2)]);
+  }, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm._e()], 2)]);
 };
 var staticRenderFns$4 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
@@ -358,26 +423,10 @@ const __vue2_script$4 = {
       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" };
+        return { 1: "\u9009\u9879\u4E00", 2: "\u9009\u9879\u4E8C" };
       }
     },
     props: {
@@ -385,10 +434,6 @@ const __vue2_script$4 = {
       default() {
         return { value: "value", label: "label" };
       }
-    },
-    clearable: {
-      type: Boolean,
-      default: true
     }
   },
   data() {
@@ -432,8 +477,33 @@ const __vue2_script$4 = {
     }
   },
   methods: {
-    handleChange(val) {
-      this.$emit("change", val);
+    getComponentSlots(slots) {
+      const excludeSlots = ["label"];
+      const slots_ = {};
+      Object.entries(slots).forEach(([key, value]) => {
+        if (!excludeSlots.includes(key)) {
+          slots_[key] = value;
+        }
+      });
+      return slots_;
+    },
+    getCurrentInstance() {
+      return this.$refs[this.type];
+    },
+    polyfillAttrs(attrs2) {
+      return __spreadProps(__spreadValues({}, attrs2), {
+        disabled: attrs2.readonly || attrs2.disabled
+      });
+    },
+    getformItemConfig() {
+      const { formItemConfig } = this.$UICONFIG;
+      return formItemConfig || {};
+    },
+    setDefaultAttrs(attrs2) {
+      const { type } = this;
+      const formItemConfig = this.getformItemConfig();
+      const defaultAttrs = formItemConfig[type] || defaultAttrsMap[type] || {};
+      return __spreadValues(__spreadValues({}, defaultAttrs), attrs2);
     }
   },
   watch: {
@@ -446,7 +516,7 @@ const __vue2_script$4 = {
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "5f450689", null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "acc84488", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -7386,7 +7456,6 @@ Vue.component("table-preset-prop", {
       const { field, type, params } = processPresetProp(tableProp, separator);
       return presetPropMap[type](row, { field, params });
     };
-    console.log("context.$UICONFIG", context.parent.$UICONFIG);
     return createElement2(...getCurrentComponent(context));
   }
 });
@@ -7394,7 +7463,13 @@ var render$1 = 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 _c("div", { staticClass: "ui-table" }, [_c("div", { staticClass: "ui-table__tab" }, [_vm._t("default", [_c("el-tabs", { attrs: { "type": "card", "size": "mini" }, on: { "tab-click": function(val) {
+    return _vm.$emit("tabChange", val);
+  } }, model: { value: _vm.checkTab, callback: function($$v) {
+    _vm.checkTab = $$v;
+  }, expression: "checkTab" } }, _vm._l(_vm.tabList, function(item) {
+    return _c("el-tab-pane", { key: item.value, attrs: { "label": item.label, "name": item.value } });
+  }), 1)])], 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, index2) {
     return _c("el-table-column", { key: _vm.tableProps[index2], attrs: { "minWidth": "60px", "label": item, "prop": _vm.tableProps[index2], "width": _vm.tableProps[index2] === "index" ? "60px" : _vm.tableColsWidth[index2] || "" }, scopedSlots: _vm._u([{ key: "header", fn: function(scope) {
@@ -7449,13 +7524,24 @@ const __vue2_script$1 = {
     height: { type: String, default: "" },
     autoHeight: { type: Boolean, default: false },
     maxHeight: { type: String, default: "" },
-    heightStatic: { type: Number, default: 0 }
+    heightStatic: { type: Number, default: 0 },
+    tabList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    defaultTab: {
+      type: [String, Number],
+      default: ""
+    }
   },
   data() {
     return {
       isPresetProp,
       pageSizes: [20, 50, 100, 200],
-      tableHeight: ""
+      tableHeight: "",
+      checkTab: ""
     };
   },
   computed: {
@@ -7503,6 +7589,9 @@ const __vue2_script$1 = {
       this.$emit("selectionChange", val);
     }
   },
+  created() {
+    this.checkTab = this.defaultTab;
+  },
   async mounted() {
     if (!this.autoHeight && !this.height) {
       await this.$nextTick();
@@ -7518,7 +7607,7 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "024d06dc", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "2232b3ee", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
@@ -7630,7 +7719,44 @@ const components = [
 ];
 const install = (Vue2, ops = { config: {} }) => {
   components.forEach((component) => Vue2.component(component.name, component));
-  Vue2.prototype.$UICONFIG = ops.config;
+  const UIDefaultConfig = {
+    tablePreset: {
+      separator: "@",
+      presetPropMap: {
+        image(row, { field, params }) {
+          const src2 = row[field].split("|");
+          const size = params.size || 59;
+          return ["com-image", { attrs: { src: src2, size } }];
+        },
+        link(row, { field, params }) {
+          const text = row[field];
+          let { target: target2, href, type, underline } = params;
+          target2 = target2 || "_blank";
+          href = row[href] || text;
+          type = type || "primary";
+          underline = !!underline;
+          return [
+            "el-link",
+            {
+              attrs: {
+                target: target2,
+                href,
+                type,
+                underline
+              }
+            },
+            text
+          ];
+        }
+      }
+    },
+    formItemConfig: {
+      input: {
+        placeholder: "placeholder in config"
+      }
+    }
+  };
+  Vue2.prototype.$UICONFIG = __spreadValues(__spreadValues({}, UIDefaultConfig), ops.config);
 };
 const defaultConfig = {
   version: "dev",