eoss-mobiles 0.1.13

package/packages/field/src/main.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="em-input">
+    <van-field
+      :class="{ 'hide-label': hideLabel }"
+      v-model="modelValue"
+      autocomplete="new-password"
+      v-bind="$attrs"
+      :label-width="labelWidth"
+      :placeholder="
+        newPlaceholder ? newPlaceholder : '请输入' + ($attrs.label || '')
+      "
+      v-on="$listeners"
+      :error-message="newErrorMessage"
+      :required="
+        required || (Array.isArray(rules) ? rules[0].required : rules.required)
+      "
+      :error="
+        (!newErrorMessage && !modelValue && rules.required) || $attrs.error
+      "
+      :rules="Array.isArray(rules) ? rules : []"
+      @blur="handleBlur(rules)"
+    >
+      <!-- @focus="handleFocus" -->
+      <template v-for="(index, name) in $slots" :slot="name">
+        <slot :name="name" />
+      </template>
+    </van-field>
+  </div>
+</template>
+<script>
+export default {
+  name: 'EmInput',
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: [String, Array, Number],
+      default: ''
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    precision: {
+      type: Number,
+      default: null
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: '4em'
+    },
+    hideLabel: {
+      type: Boolean,
+      default: false
+    },
+    rules: {
+      type: [Object, Array],
+      default() {
+        return {};
+      }
+    },
+    errorMessage: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      newPlaceholder: '',
+      newErrorMessage: ''
+    };
+  },
+  computed: {
+    modelValue: {
+      get() {
+        let val = this.value;
+
+        return val;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  mounted() {
+    this.newPlaceholder = this.$attrs.placeholder;
+    this.newErrorMessage = this.errorMessage;
+  },
+  methods: {
+    handleBlur(rules) {
+      console.log(rules, 'rules');
+      const _that = this;
+      if (this.$attrs.type == 'number' && this.precision != null) {
+        this.$emit('input', Number(this.value).toFixed(Number(this.precision)));
+      }
+      if (Array.isArray(rules)) {
+        rules.map(x => {
+          this.handleBlur(x);
+        });
+      } else {
+        if (rules && rules.required && !rules.validator && !this.value) {
+          this.newPlaceholder = '';
+          this.newErrorMessage = rules.message;
+          return { name: _that.$attrs.name, message: rules.message };
+        } else if (rules && rules.validator) {
+          rules.validator(this.value, this.valid);
+        } else {
+          this.newPlaceholder = '';
+          this.newErrorMessage = '';
+        }
+      }
+    },
+    valid(val) {
+      const _that = this;
+      if (!this.value) {
+        this.newPlaceholder = val;
+        this.newErrorMessage = '';
+      } else {
+        this.newPlaceholder = '';
+        this.newErrorMessage = val;
+      }
+      return {
+        name: _that.$attrs.name,
+        message: Array.isArray(_that.rules)
+          ? _that.rules[0].message
+          : _that.rules.message
+      };
+    }
+  }
+};
+</script>

package/packages/flow/index.js

@@ -0,0 +1,5 @@
+import EmFlow from './src/main';
+
+EmFlow.install = Vue => Vue.component(EmFlow.name, EmFlow);
+
+export default EmFlow;