tenghui-ui 1.3.11 → 1.3.14

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-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-7f89e23d]{padding:0 10px}.ui-table[data-v-7f89e23d] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-7f89e23d] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#FFF}.ui-table[data-v-7f89e23d] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-7f89e23d] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#409eff}.ui-pagination[data-v-7f89e23d]{text-align:center;padding:10px 0}.ui-table__tab[data-v-7f89e23d]{background-color:#fff}.ui-tab--loading[data-v-7f89e23d]{padding-left:10px;height:32px;line-height:32px}.ui-tab--loading span[data-v-7f89e23d]{font-size:12px;color:#999;display:inline-block;margin-left:5px}[data-v-7f89e23d] .el-table .cell{line-height:16px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}
+.ui-search__popover{padding-bottom:0!important}.ui-search__popover .ui-form__item{display:block!important}.ui-search__popover .ui-form__item .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.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-32bdff3a]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-32bdff3a]{margin-right:10px;font-size:12px;width:70px;text-align:right}[data-v-32bdff3a].el-select .el-select__caret:first-child:before{content:"\e6e1"}[data-v-32bdff3a].el-select .is-focus .el-select__caret:first-child{transform:rotate(0)}.ui-input__range[data-v-32bdff3a]{max-width:240px;display:flex}.ui-input__range>span[data-v-32bdff3a]{line-height:28px}.el-date-editor[data-v-32bdff3a]{width:100%!important}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-7d585940]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-7d585940]{display:flex}.ui-search__footer[data-v-7d585940]{margin-top:10px}.ui-search .ui-search__button--more[data-v-7d585940]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF;border-radius:0;margin-left:15px}.ui-search[data-v-7d585940] .ui-form__item{display:block;min-width:150px}.ui-search[data-v-7d585940] .ui-form__item--inputrange{min-width:160px}.ui-search[data-v-7d585940] .ui-form__item--hide{display:none}.ui-search[data-v-7d585940] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-more__select .el-col[data-v-7d585940]{margin-bottom:10px}.ui-table[data-v-7f89e23d]{padding:0 10px}.ui-table[data-v-7f89e23d] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-7f89e23d] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#FFF}.ui-table[data-v-7f89e23d] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-7f89e23d] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#409eff}.ui-pagination[data-v-7f89e23d]{text-align:center;padding:10px 0}.ui-table__tab[data-v-7f89e23d]{background-color:#fff}.ui-tab--loading[data-v-7f89e23d]{padding-left:10px;height:32px;line-height:32px}.ui-tab--loading span[data-v-7f89e23d]{font-size:12px;color:#999;display:inline-block;margin-left:5px}[data-v-7f89e23d] .el-table .cell{line-height:16px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}

package/dist/tenghui-ui.es.js

@@ -17,6 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var index$1 = "";
 var render$9 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -379,13 +380,13 @@ 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", _vm._g(_vm._b({ ref: _vm.type, scopedSlots: _vm._u([_vm._l(_vm.getComponentSlots(_vm.$slots), function(item, key) {
+  return _c("div", { staticClass: "ui-form__item", class: "ui-form__item--" + _vm.type }, [_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" } }, "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) {
+  }, 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: { "remote": "", "reserve-keyword": "", "loading": _vm.loading, "remote-method": _vm.remoteMethod }, scopedSlots: _vm._u([_vm._l(_vm.getComponentSlots(_vm.$slots), function(item, key) {
     return { key, fn: function() {
       return [_vm._t(key)];
     }, proxy: true };
@@ -403,7 +404,11 @@ var render$4 = function() {
     _vm.modelForm = $$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" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm._e()], 2)]);
+  }, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "inputrange" ? [_c("div", { staticClass: "ui-input__range" }, [_c("el-input", { staticStyle: { "width": "50%" }, model: { value: _vm.modelForm[0], callback: function($$v) {
+    _vm.$set(_vm.modelForm, 0, $$v);
+  }, expression: "modelForm[0]" } }), _c("span", { staticStyle: { "color": "#dcdfe6" } }, [_vm._v("-")]), _c("el-input", { staticStyle: { "width": "50%" }, model: { value: _vm.modelForm[1], callback: function($$v) {
+    _vm.$set(_vm.modelForm, 1, $$v);
+  }, expression: "modelForm[1]" } })], 1)] : _vm._e()], 2)]);
 };
 var staticRenderFns$4 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
@@ -434,6 +439,10 @@ const __vue2_script$4 = {
       default() {
         return { value: "value", label: "label" };
       }
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -504,6 +513,9 @@ const __vue2_script$4 = {
       const formItemConfig = this.getformItemConfig();
       const defaultAttrs = formItemConfig[type] || defaultAttrsMap[type] || {};
       return __spreadValues(__spreadValues({}, defaultAttrs), attrs2);
+    },
+    remoteMethod(query2) {
+      this.$emit("remoteMethod", query2);
     }
   },
   watch: {
@@ -516,7 +528,7 @@ const __vue2_script$4 = {
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "acc84488", null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "32bdff3a", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o in __cssModules$4) {
     this[o] = __cssModules$4[o];
@@ -562,12 +574,27 @@ 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)]);
+  return _c("div", { ref: "Search", 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")]), _vm.showMore ? _c("el-popover", { attrs: { "placement": "bottom-start", "trigger": "click", "popper-class": "ui-search__popover", "offset": -172, "width": _vm.containerWidth } }, [_c("div", { staticClass: "ui-more__select" }, [_c("el-row", _vm._l(_vm.hideItems, function(item) {
+    return _c("el-col", _vm._b({ key: item._uid }, "el-col", Object.assign({}, { sm: 6, lg: 4 }, item.$options.propsData), false), [_c(item.constructor, _vm._b({ tag: "component", model: { value: item.modelForm, callback: function($$v) {
+      _vm.$set(item, "modelForm", $$v);
+    }, expression: "item.modelForm" } }, "component", item.$options.propsData, false))], 1);
+  }), 1)], 1), _c("el-button", { staticClass: "ui-search__button--more", attrs: { "slot": "reference", "type": "text" }, slot: "reference" }, [_vm._v("\u66F4\u591A\u9009\u9879 "), _c("i", { staticClass: "el-icon-caret-right" })])], 1) : _vm._e()], 1)]);
 };
 var staticRenderFns$2 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
 const __vue2_script$2 = {
   name: "ComSearch",
+  data() {
+    return {
+      containerWidth: "200px",
+      hideItems: []
+    };
+  },
+  computed: {
+    showMore() {
+      return !!this.hideItems.length;
+    }
+  },
   methods: {
     handleQuery() {
       const queryFn = this.$parent.handleQuery;
@@ -584,11 +611,27 @@ const __vue2_script$2 = {
       } else {
         this.$emit("reset");
       }
+    },
+    handleLayoutItem() {
+      const containerEl = this.$refs.Search;
+      const { right: containerRight } = containerEl.getBoundingClientRect();
+      this.containerWidth = containerEl.offsetWidth - 80;
+      const itemEls = containerEl.querySelectorAll(".ui-form__item");
+      itemEls.forEach((ele) => {
+        const { right: itemRight } = ele.getBoundingClientRect();
+        if (itemRight > containerRight) {
+          ele.className = `${ele.className} ui-form__item--hide`;
+        }
+      });
+      this.hideItems = this.$children.filter((item) => item.$el.className.indexOf("ui-form__item--hide") > -1);
     }
+  },
+  async mounted() {
+    this.handleLayoutItem();
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "07c7d454", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "7d585940", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];