meixioacomponent 0.3.27 → 0.3.28

package/package.json

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

package/packages/components/base/baseAvatar/baseAvatar.vue

@@ -11,63 +11,62 @@
         :event="event"
         @iconClick="iconClick"
         v-else-if="type == 'icon'"
-      >
-      </base-icon>
+      ></base-icon>
     </div>
   </el-badge>
 </template>
 
 <script>
-import baseImgVue from "../baseImg/baseImg.vue";
+import baseImgVue from '../baseImg/baseImg.vue'
 export default {
-  name: "baseAvatar",
+  name: 'baseAvatar',
   data() {
-    return {};
+    return {}
   },
   components: { baseImgVue },
   props: {
     type: {
       type: String,
-      default: "icon",
+      default: 'icon',
     },
     source: {
       type: String,
-      default: "meixicomponenticon-user",
+      default: 'meixicomponenticon-user',
     },
     size: {
       type: String,
-      default: "m",
+      default: 'm',
     },
     shape: {
       type: String,
-      default: "cir",
+      default: 'cir',
     },
     view: {
       type: Boolean,
       default: false,
     },
     value: {},
-    event:{
-      type:Boolean,
-      default:false,
+    event: {
+      type: Boolean,
+      default: false,
     },
   },
   computed: {
     module: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
     },
   },
-  methods:{
-    iconClick(){
-      this.$emit('iconClick');
-    }
-  }
-};
+  methods: {
+    iconClick() {
+      this.$emit('iconClick')
+    },
+  },
+}
 </script>
 
 <style lang="less" scoped>
@@ -83,6 +82,11 @@ export default {
     font-weight: var(--font-weight-kg);
   }
 }
+.xl {
+  width: 70px;
+  height: 70px;
+  font-size: var(--font-size-xl);
+}
 .l {
   width: 50px;
   height: 50px;

package/packages/components/base/baseButtonHandle/baseButtonHandle.vue

@@ -5,39 +5,41 @@
       :size="size"
       :type="item.type"
       :plain="item.plain"
+      :loading="item.loading"
       :disabled="item.disabled"
       @click="handleClick(item)"
       v-for="(item, index) in config"
     >
-      <i v-if="item.icon" :class="item.icon"></i> {{ item.text }}</el-button
-    >
+      <i v-if="item.icon" :class="item.icon"></i>
+      {{ item.text }}
+    </el-button>
   </div>
 </template>
 
 <script>
 export default {
-  name: "baseButtonHandle",
+  name: 'baseButtonHandle',
   data() {
-    return {};
+    return {}
   },
   computed: {
     footerHandleClick() {
-      let _align = this.$props.align;
+      let _align = this.$props.align
       return {
-        "justify-content": _align == "center" ? "center" : `flex-${_align}`,
-      };
+        'justify-content': _align == 'center' ? 'center' : `flex-${_align}`,
+      }
     },
   },
   props: {
     /* button按钮的大小 */
     size: {
       type: String,
-      default: "mini",
+      default: 'mini',
     },
     /* 按钮的方向 左，右，中间 */
     align: {
       type: String,
-      default: "end",
+      default: 'end',
     },
 
     config: {
@@ -48,11 +50,11 @@ export default {
   methods: {
     handleClick(item) {
       if (item.click) {
-        item.click();
+        item.click()
       }
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>

package/packages/components/proForm/proForm/pro_form.vue

@@ -310,7 +310,6 @@ export default {
     checkValidate() {
       return new Promise((resolve, reject) => {
         this.$refs.form.validate((validate, Object) => {
-          console.log(Object);
           // 滚动至未填写的项目中
           if (JSON.stringify(Object) != "{}") {
             this.scrollToItem(Object);

package/src/component/test.vue

@@ -1,4 +1,173 @@
 <template>
+  <base-dialog
+    ref="dialog"
+    :modal="true"
+    :title="`验证邮箱`"
+    :isDestroy="true"
+    :appendToBody="true"
+    :contentHeight="`200px`"
+    @destroy="destroy"
+  >
+    <div class="dialog-content" slot="dialog-content">
+      <div class="verify-email-wrap">
+        <span class="des-text">
+          请填写新的邮箱地址，邮箱填写完成后点击发送电子邮件，系统会发送一封邮件到新的邮箱地址，请输入邮件中的验证码验证您的邮箱。
+        </span>
+        <base-form
+          :footer="false"
+          :rules="rules"
+          :rowNumber="1"
+          ref="baseForm"
+          v-model="formList"
+          :labelWidth="`70px`"
+          :labelPosition="`left`"
+          @formSubmit="formSubmit"
+        >
+          <template v-slot:form-verifyCode="data">
+            <el-input
+              size="medium"
+              prefix-icon="el-icon-postcard"
+              v-model.number="data.scope[1].value"
+            >
+              <div class="code-button_wrap" slot="suffix">
+                <el-button
+                  type="info"
+                  size="mini"
+                  slot="suffix"
+                  :disabled="downButtonDisable"
+                  @click="onHandleStartDown"
+                >
+                  获取验证码
+                </el-button>
+              </div>
+            </el-input>
+          </template>
+        </base-form>
+      </div>
+    </div>
+    <base-button-handle
+      slot="dialog-footer"
+      :size="`mini`"
+      :config="buttonConfig"
+    ></base-button-handle>
+  </base-dialog>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formList: [],
+      downTriger: null,
+      downNumber: 120,
+      test: true,
+      rules: {
+        email: [
+          {
+            // validator: elementValidate.validateEmail,
+            required: true,
+            message: '请输入邮箱',
+            trigger: 'blur',
+          },
+        ],
+
+        verifyCode: [
+          {
+            required: true,
+            trigger: 'blur',
+            message: '请输入验证码',
+          },
+        ],
+      },
+    }
+  },
+
+  created() {
+    const { email } = this.$props
+    this.formList = [
+      {
+        value: email,
+        key: 'email',
+        type: 'input',
+        label: '邮箱',
+      },
+      {
+        value: '',
+        key: 'verifyCode',
+        type: 'template',
+        label: '验证码',
+      },
+    ]
+
+    setTimeout(() => {
+      this.test = false
+    }, 5000)
+  },
+  mounted() {
+    this.$refs.dialog.showDialog()
+  },
+  computed: {
+    downButtonDisable() {
+      return this.trigger || !this.formList[0].value
+    },
+    buttonConfig() {
+      return [
+        {
+          text: '发送验证码',
+          type: 'primary',
+          loading: this.test,
+          click: () => {
+            this.$refs.baseForm.onSubmit()
+          },
+        },
+        {
+          text: '取消验证',
+          type: 'info',
+          click: () => {},
+        },
+      ]
+    },
+  },
+  props: {
+    email: {},
+  },
+  methods: {
+    destroy() {
+      this.$destroy()
+    },
+    formSubmit() {
+      const result = this.$refs.baseForm.returnFormValue()
+      //   submitAccountInfo(result).then((res) => {
+      console.log(result)
+      this.$message.success('操作成功')
+      //   })
+    },
+    onHandleStartDown() {},
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.verify-email-wrap {
+  width: 100%;
+  height: 200px;
+
+  .des-text {
+    display: inline-block;
+    margin-bottom: var(--margin-4);
+    color: var(--font-color-s);
+    font-size: var(--font-size-base);
+  }
+  .code-button_wrap {
+    top: 50%;
+    right: 0px;
+    position: absolute;
+    transform: translateY(-50%);
+  }
+}
+</style>
+
+<!-- <template>
   <base-drawer
     :size="800"
     ref="drawer"
@@ -140,7 +309,7 @@ export default {
   padding: var(--padding-4);
   box-sizing: border-box;
 }
-</style>
+</style> -->
 
 <!-- <template>
   <div class="page-table-wrap" ref="pageTableWrap">