meixioacomponent 0.3.61 → 0.3.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.3.61",
+  "version": "0.3.64",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/base/baseToggle/toggle.vue

@@ -17,16 +17,16 @@
         :name="item.icon"
         @iconClick="handletoggle(item)"
       ></base-icon>
-      <span v-else> {{ item.label }}</span>
+      <span v-else>{{ item.label }}</span>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  name: "baseToggle",
+  name: 'baseToggle',
   data() {
-    return {};
+    return {}
   },
   props: {
     value: {
@@ -38,7 +38,7 @@ export default {
     },
     size: {
       type: String,
-      default: "min",
+      default: 'min',
     },
     beforeHandle: {
       type: Function,
@@ -47,31 +47,31 @@ export default {
   computed: {
     module: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
     },
   },
   methods: {
     handletoggle(item) {
-      const { beforeHandle } = this.$props;
+      const { beforeHandle } = this.$props
       if (beforeHandle) {
         beforeHandle(() => {
-          this.setModule(item);
-        }, item);
+          this.setModule(item)
+        }, item)
       } else {
-        this.setModule(item);
+        this.setModule(item)
       }
     },
 
     setModule(item) {
-      this.module = item.value;
-      this.$emit("handletoggle", item);
+      this.module = item.value
+      this.$emit('handletoggle', item)
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -108,9 +108,10 @@ export default {
   }
 }
 .min {
+  padding: var(--padding-1) !important;
   .toggle-item-wrap {
-    line-height: 24px;
-    padding: 0px var(--padding-3);
+    line-height: 22px;
+    padding: 0px var(--padding-2);
   }
 }
 

package/packages/components/proPageTable/oa_pro-table-search.vue

@@ -7,6 +7,10 @@
       @handleSearch="handleSearch"
       @handleScreen="handleScreen"
     >
+      <template slot="search-hearch-extend">
+        <slot slot="table-search-extend"></slot>
+      </template>
+
       <el-button
         size="small"
         :class="{
@@ -15,11 +19,13 @@
         :disabled="_proScreenList.length <= 0 && !proScreenCardShow"
         @click="handleProScreenList(false)"
         :type="proScreenCardShow ? 'selected' : 'info'"
-        >{{ handleScreenText }} <i :class="handleScreenIcon"></i>
+      >
+        {{ handleScreenText }}
+        <i :class="handleScreenIcon"></i>
       </el-button>
       <el-button size="small" @click="handleOpenProScreen">
-        <i class="meixicomponenticonfont meixicomponenticon-shaixuan"></i
-        >高级筛选
+        <i class="meixicomponenticonfont meixicomponenticon-shaixuan"></i>
+        高级筛选
       </el-button>
     </searchHeaderVue>
 
@@ -32,7 +38,7 @@
             :event="false"
             :icon="false"
             :useSlot="true"
-            style="width: auto"
+            style="width: auto;"
             :valueAlign="`left`"
             :label="`排列方式：`"
           >
@@ -65,9 +71,9 @@
 </template>
 
 <script>
-import oa_pro_screen_itemVue from "./oa_pro_screen_item.vue";
-import searchHeaderVue from "../searchHeader/searchHeader.vue";
-import baseButtonHandle from "../base/baseButtonHandle/baseButtonHandle.vue";
+import oa_pro_screen_itemVue from './oa_pro_screen_item.vue'
+import searchHeaderVue from '../searchHeader/searchHeader.vue'
+import baseButtonHandle from '../base/baseButtonHandle/baseButtonHandle.vue'
 export default {
   data() {
     return {
@@ -78,14 +84,14 @@ export default {
       toggle: {
         index: 1,
         list: [
-          { label: "三列", value: 1 },
-          { label: "四列", value: 2 },
+          { label: '三列', value: 1 },
+          { label: '四列', value: 2 },
         ],
       },
-    };
+    }
   },
   created() {
-    this.initFooterHandleList();
+    this.initFooterHandleList()
   },
   props: {
     value: {},
@@ -107,97 +113,97 @@ export default {
   },
   computed: {
     proScreenCardShow() {
-      return this._proScreenList.length > 0 && this.showProScreenList;
+      return this._proScreenList.length > 0 && this.showProScreenList
     },
     handleScreenIcon() {
-      return this.proScreenCardShow ? "el-icon-arrow-up" : "el-icon-arrow-down";
+      return this.proScreenCardShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
     },
     handleScreenText() {
-      return this.proScreenCardShow ? "收起筛选" : "展开筛选";
+      return this.proScreenCardShow ? '收起筛选' : '展开筛选'
     },
 
     _proScreenList() {
       return this.$props.proScreenList.filter((item) => {
-        return item.exposed;
-      });
+        return item.exposed
+      })
     },
     rowWidth() {
-      return this.toggle.index == 1 ? 33 : 25;
+      return this.toggle.index == 1 ? 33 : 25
     },
 
     screenStyle() {
       return {
         width: `${this.rowWidth}%`,
-      };
+      }
     },
 
     module: {
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
     },
   },
   methods: {
     handleSearch() {
-      this.$parent.refreshData();
+      this.$parent.refreshData()
     },
     handleProScreenList(flag = false) {
       if (!flag) {
-        this.showProScreenList = !this.showProScreenList;
+        this.showProScreenList = !this.showProScreenList
       } else {
-        this.showProScreenList = true;
+        this.showProScreenList = true
       }
 
-      this.computedHeight();
+      this.computedHeight()
     },
     handleScreen(index) {
-      this.$parent.handleScreen(index);
+      this.$parent.handleScreen(index)
     },
     computedHeight() {
       this.$nextTick(() => {
         this.$emit(
-          "searchContentHeightChange",
-          this.$refs.oaProTableSearchContent.clientHeight
-        );
-      });
+          'searchContentHeightChange',
+          this.$refs.oaProTableSearchContent.clientHeight,
+        )
+      })
     },
     handleOpenProScreen() {
-      this.$parent.handleOpenProScreen();
+      this.$parent.handleOpenProScreen()
     },
 
     // 尾部按钮
     initFooterHandleList() {
       this.footerHandleConfig = [
         {
-          text: "确定",
-          type: "primary",
+          text: '确定',
+          type: 'primary',
           plain: false,
           click: () => {
-            this.$parent.refreshData();
+            this.$parent.refreshData()
           },
         },
         {
-          text: "清空条件",
-          type: "info",
+          text: '清空条件',
+          type: 'info',
           plain: true,
           click: () => {
-            this.$parent.cleanProscreenCondition(true);
+            this.$parent.cleanProscreenCondition(true)
           },
         },
-      ];
+      ]
     },
   },
   watch: {
     proScreenCardShow(newVal, oldVal) {
       if (!newVal) {
-        this.showProScreenList = false;
+        this.showProScreenList = false
       }
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>

package/packages/components/proPageTable/oa_pro_table.vue

@@ -29,7 +29,11 @@
         :proScreenList="proScreenList"
         :proScreenConfig="_proScreenConfig"
         @searchContentHeightChange="searchContentHeightChange"
-      ></oa_pro_table_searchVue>
+      >
+        <template slot="table-search-extend">
+          <slot slot="search-extend"></slot>
+        </template>
+      </oa_pro_table_searchVue>
     </div>
 
     <!-- 表格内容 -->

package/packages/components/searchHeader/searchHeader.vue

@@ -5,15 +5,15 @@
         v-if="input"
         size="small"
         v-model="module"
-        style="width: 220px"
+        style="width: 220px;"
         :placeholder="placeholder"
         suffix-icon="el-icon-search"
         @keyup.enter.native="handleSearch"
-      >
-      </el-input>
+      ></el-input>
 
       <div class="header-config-wrap" v-if="searchList">
         <span class="view-text">显示：</span>
+
         <el-button
           :key="index"
           :size="size"
@@ -23,8 +23,11 @@
           @click="handleScreen(index)"
           v-for="(item, index) in searchList.list"
           :type="index == searchList.index ? 'selected' : 'info'"
-          >{{ item.label }}</el-button
         >
+          {{ item.label }}
+        </el-button>
+
+        <slot name="search-hearch-extend"></slot>
       </div>
     </div>
     <div class="search-header-wrap-right">
@@ -36,7 +39,7 @@
 <script>
 export default {
   data() {
-    return {};
+    return {}
   },
   props: {
     value: {},
@@ -49,29 +52,29 @@ export default {
     },
     size: {
       type: String,
-      default: "small",
+      default: 'small',
     },
     placeholder: { type: String },
   },
   computed: {
     module: {
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
     },
   },
   methods: {
     handleSearch() {
-      this.$emit("handleSearch");
+      this.$emit('handleSearch')
     },
     handleScreen(index) {
-      this.$emit("handleScreen", index);
+      this.$emit('handleScreen', index)
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>