gyyg-components 0.3.8 → 0.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gyyg-components",
-  "version": "0.3.08",
+  "version": "0.3.10",
   "private": false,
   "main": "lib/gyyg-components.umd.js",
   "scripts": {

package/src/components/MecForm/MecForm.vue

@@ -29,6 +29,7 @@
 						v-model="item.value"
 						:value.sync="item.value"
 						:otherValue.sync="item.otherValue"
+						:delIdList.sync="item.delIdList"
 						v-bind="item"
 						v-on="item.componentListeners"
 					></component>

package/src/components/MecSearchForm/MecSearchForm.vue

@@ -19,10 +19,10 @@
                 </el-form-item>
             </template>
             <slot name="custom" :formGroups="formGroups"></slot>
-            <el-form-item>
-                <el-button type="primary" size="small" @click="search">查询</el-button>
+            <el-form-item v-if="showButton">
+                <el-button type="primary" size="small" @click="search" :icon="searchIcon">查询</el-button>
                 <el-button type="primary" v-if="isSeniorBtn" size="small" @click="seniorSearch" style="margin-left: 5px;">高级搜索</el-button>
-                <el-button  size="small" icon="el-icon-refresh" @click="refresh" style="margin-left: 5px;"></el-button>
+                <el-button plain  size="small" icon="el-icon-refresh" @click="refresh" style="margin-left: 5px;"></el-button>
             </el-form-item>
         </el-form>
     </div>
@@ -35,7 +35,15 @@ export default {
         isSeniorBtn: {
             type: Boolean,
             default: false
-        }
+        },
+        showButton: {
+            type: Boolean,
+            default: true
+        },
+        searchIcon: {
+            type: String,
+            default: ''
+        },
     },
     methods: {
 

package/src/components/MecTable/MecTable.vue

@@ -31,6 +31,12 @@
                 :reserve-selection="reserveSelection"
                 v-if="selection"
             ></el-table-column>
+            <!-- 序号 -->
+            <el-table-column
+                v-if="showIndex"
+                type="index"
+                width="50">
+            </el-table-column>
             <template v-for="(col, index) in column">
                 <el-table-column
                     v-if="!col['type'] && (!col.headerList || col.headerList.length === 0)"
@@ -255,6 +261,10 @@ export default {
         cellStyle: {
 
         },
+        showIndex: {
+            type: Boolean,
+            default: false
+        }
 
     },
     data() {

package/src/components/MecTags/MecTags.vue

@@ -3,6 +3,7 @@
         class="mec-tags"
         :style="{ width: `calc(100% - ${btnWidth}px)` }"
         ref="tagsContainer"
+        v-if="tagsData.length > 0"
     >
         <el-button
             icon="el-icon-arrow-left"
@@ -67,6 +68,9 @@ export default {
         }
     },
     mounted() {
+        this.$nextTick(() => {
+            this.updateTagsContainerWidth();
+        })
         this.updateTagsContainerWidth();
         window.addEventListener('resize', this.updateTagsContainerWidth);
     },
@@ -94,8 +98,8 @@ export default {
         },
 
         updateTagsContainerWidth() {
-            this.tagsContainerWidth = this.$refs.tagsContainer.offsetWidth;
-            const boxWidth = this.$refs.tagsBox.scrollWidth;
+            this.tagsContainerWidth = this.$refs.tagsContainer && this.$refs.tagsContainer.offsetWidth;
+            const boxWidth = this.$refs.tagsBox && this.$refs.tagsBox.scrollWidth;
             if (boxWidth > this.tagsContainerWidth) {
                 this.showArrow = true;
             } else {

package/src/otherComponents/iconButton.vue

@@ -80,6 +80,10 @@ export default {
 .icon-btn {
 	display: flex;
 	align-items: center;
+	i {
+		font-size: 18px;
+		color: #1890ff;
+	}
 }
 
 .icon-btn /deep/.icon {
@@ -87,6 +91,7 @@ export default {
 	align-items: center;
 	user-select: none;
 	cursor: pointer;
+	
 }
 
 .view-btn {

package/src/otherComponents/styleText.vue

@@ -35,6 +35,7 @@ export default {
 }
 /deep/ .el-button { 
     cursor: text;
+    font-weight: normal;
     &.is-plain:focus, &.is-plain:hover {
         background: #FFF;
         border: 1px solid #DCDFE6;