meixioacomponent 0.3.34 → 0.3.37

package/lib/style/element/index.css

@@ -28291,7 +28291,7 @@
 }
 
 .el-button--bg-icon i {
-  font-size: 20px !important;
+  font-size: 18px !important;
 }
 
 .el-button--bg-icon.is-current {

package/package.json

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

package/packages/components/base/baseImg/baseImg.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="base-img-wrap">
+  <div class="base-img-wrap" :class="[shape]">
     <img
       alt=""
       :src="src"
@@ -13,7 +13,7 @@
     <baseSkeletonVue
       v-if="loading"
       :lines="[1]"
-      :shape="`rect`"
+      :shape="shape"
     ></baseSkeletonVue>
     <div class="img-error-wrap" v-if="isError">
       <base-icon
@@ -26,18 +26,18 @@
 </template>
 
 <script>
-import useImg from "../../../config/use/UseImg";
-import baseSkeletonVue from "../baseSkeleton/baseSkeleton.vue";
+import useImg from '../../../config/use/UseImg'
+import baseSkeletonVue from '../baseSkeleton/baseSkeleton.vue'
 export default {
-  name: "baseImg",
+  name: 'baseImg',
   data() {
     return {
       isError: false,
       loading: true,
-    };
+    }
   },
   created() {
-    this.init();
+    this.init()
   },
   components: {
     baseSkeletonVue,
@@ -46,98 +46,104 @@ export default {
     //   cover,fill,contain,
     fit: {
       type: String,
-      default: "cover",
+      default: 'cover',
     },
     src: {
       type: String,
     },
     error: {
       type: String,
-      default: "图片加载失败",
+      default: '图片加载失败',
     },
     event: {
       type: Boolean,
       default: false,
     },
+    shape: {
+      type: String,
+      default: 'rect',
+    },
   },
   computed: {
     imgStyle() {
       return {
         objectFit: this.$props.fit,
-        cursor: this.$props.event ? "zoom-in" : "default",
-      };
+        cursor: this.$props.event ? 'zoom-in' : 'default',
+      }
     },
     imgShow() {
       if (this.$props.src) {
-        return true;
+        return true
       }
-      return false;
+      this.loading = false
+      this.isError = true
+      return false
     },
   },
   methods: {
     init() {
       if (!this.$props.src) {
-        this.loading = true;
+        this.loading = true
       }
     },
     loadEd() {
-      this.loading = false;
+      this.loading = false
     },
     errorEd() {
       //console.log(this.$props.src)
       //console.log("imgError");
-      this.loading = false;
-      this.isError = true;
+      this.loading = false
+      this.isError = true
     },
     viewImg() {
-      if (!this.$props.event || this.loading || this.isError) return;
-      let parent = this.$parent;
+      if (!this.$props.event || this.loading || this.isError) return
+      let parent = this.$parent
       if (!parent) {
-        useImg.toView([this.$props.src]);
-        return;
+        useImg.toView([this.$props.src])
+        return
       }
-      let tags = parent.$options._componentTag;
-      if (tags == "baseUploadItemVue") {
-        useImg.toView([this.$props.src]);
+      let tags = parent.$options._componentTag
+      if (tags == 'baseUploadItemVue') {
+        useImg.toView([this.$props.src])
       } else {
-        let parentChildrenList = parent.$children;
-        let name = this.$options.name;
+        let parentChildrenList = parent.$children
+        let name = this.$options.name
         let filterList = parentChildrenList.filter((item) => {
-          return item.$options.name == name;
-        });
-        let imgList = [];
-        let thisIndex = null;
-        let thisSrc = this.$props.src;
+          return item.$options.name == name
+        })
+        let imgList = []
+        let thisIndex = null
+        let thisSrc = this.$props.src
         filterList.forEach((item, index) => {
-          let itemSrc = item.$props.src;
+          let itemSrc = item.$props.src
           if (itemSrc == thisSrc) {
-            thisIndex = index;
+            thisIndex = index
           }
-          imgList.push(itemSrc);
-        });
-        this.viewListImg(thisIndex, imgList);
+          imgList.push(itemSrc)
+        })
+        this.viewListImg(thisIndex, imgList)
       }
     },
 
     viewListImg(index, imgList) {
-      let templateList = [...imgList];
+      let templateList = [...imgList]
       if (index == 0) {
-        useImg.toView(templateList);
-        return;
+        useImg.toView(templateList)
+        return
       }
-      let start = templateList.splice(index);
-      let remain = templateList.splice(0, index);
-      useImg.toView(start.concat(remain));
+      let start = templateList.splice(index)
+      let remain = templateList.splice(0, index)
+      useImg.toView(start.concat(remain))
     },
   },
 
   watch: {
     src: function (newVal, oldVal) {
-      this.isError = false;
-      this.loading = true;
+      this.isError = false
+      this.loading = true
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -157,4 +163,7 @@ export default {
     justify-content: center;
   }
 }
+.cir {
+  border-radius: 50%;
+}
 </style>

package/packages/components/style/element/index.css

@@ -28291,7 +28291,7 @@
 }
 
 .el-button--bg-icon i {
-  font-size: 20px !important;
+  font-size: 18px !important;
 }
 
 .el-button--bg-icon.is-current {