eoss-mobiles 0.3.95 → 0.3.97

package/packages/field/src/main.vue

@@ -1,235 +1,235 @@
-<template>
-  <div class="em-input"  :class="{'em-input-border':border}">
-    <!-- <div :class="{'em-input-border':border}"></div> -->
-    <van-field
-      :class="{
-        'hide-label': hideLabel,
-        'input-wrap': labelPosition == 'top',
-        'required-right': requiredPosition == 'right',
-        'input-right':($attrs['inputAlign'] || $attrs['input-align']) === 'right',
-        isRequired:
-          (required ||
-            (Array.isArray(rules) ? rules[0].required : rules.required)) &&
-          requiredPosition != 'right',
-        'is-left-icon': leftIcon,
-        
-      }"
-      :disabled="$attrs.disabled || !!$attrs.readonly "
-      v-model="modelValue"
-      :border='border'
-      autocomplete="new-password"
-      v-bind="$attrs"
-      :label-width="labelWidth"
-      :placeholder="
-  ($attrs.disabled || $attrs.readonly) && newPlaceholder == undefined ?'暂无数据' : newPlaceholder != undefined ? newPlaceholder : '请输入' + ($attrs.label || '')
-      "
-      v-on="$listeners"
-      :error-message="newErrorMessage"
-      :required="
-        required || (Array.isArray(rules) ? rules[0].required : rules.required)
-      "
-      :autofocus="autofocus"
-      :error="
-        (!newErrorMessage &&
-          !modelValue &&
-          rules &&
-          (Array.isArray(rules) ? rules[0].required : rules.required) &&
-          isBlur) ||
-          $attrs.error
-      "
-      :right-icon="$attrs['right-icon'] || getRightIcon"
-      :label-align="labelAlign"
-      :type="newType"
-      :left-icon="leftIcon"
-      :rules="Array.isArray(rules) ? rules : []"
-      @blur="handleBlur(rules)"
-      @change="handleBlur(rules)"
-      @click-right-icon="handleRightIcon"
-    >
-      <!-- @focus="handleFocus" -->
-      <template v-if="!$slots['left-icon'] && leftIcon" slot="left-icon"> 
-          <i  :class="`${leftIcon.indexOf('icon-') == -1 ? `van-icon van-icon-${leftIcon}` : `iconfont ${leftIcon}` }`" style="color:#9399A5" />
-      </template>
-      <template v-if="!$slots.label" slot="label">
-        <span
-          :class="{
-            'em-cell--required':
-              (required ||
-                (Array.isArray(rules) ? rules[0].required : rules.required)) &&
-              requiredPosition == 'right'
-          }"
-          >{{ label }}</span
-        >
-      </template>
-      <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: ''
-    },
-    label: {
-      type: String,
-      default: ''
-    },
-    labelAlign: {
-      type: String,
-      default: 'left'
-    },
-    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: ''
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
-    },
-    labelPosition: {
-      type: String,
-      default: 'left'
-    },
-    showPassword: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: 'text'
-    },
-    requiredPosition: {
-      type: String,
-      default: 'left'
-    },
-    leftIcon: {
-      type: String,
-      default: ''
-    },
-    border:{
-      type:Boolean,
-      default:true
-    }
-  },
-  data() {
-    return {
-      newPlaceholder: '',
-      newErrorMessage: '',
-      isBlur: false,
-      newType: ''
-    };
-  },
-  computed: {
-    getRightIcon: {
-      get() {
-        let icon = undefined;
-        if (this.showPassword) {
-          if (this.newType != 'password') {
-            icon = 'eye-o';
-          } else {
-            icon = 'closed-eye';
-          }
-        }
-        return icon;
-      },
-      set(val) {
-        return val;
-      }
-    },
-    modelValue: {
-      get() {
-        let val = this.value;
-        return val;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  },
-  mounted() {
-    this.newType = this.type;
-    this.newPlaceholder = this.$attrs.placeholder;
-    this.newErrorMessage = this.errorMessage;
-  },
-  methods: {
-    handleRightIcon(event) {
-      if (this.showPassword) {
-        if (this.newType == 'text') {
-          this.newType = 'password';
-        } else {
-          this.newType = 'text';
-        }
-      }
-      // this.$emit('click-right-icon', event);
-    },
-    handleBlur(rules) {
-      const _that = this;
-      this.isBlur = true;
-      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) {
-          rules.message && (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>
+<template>
+  <div class="em-input"  :class="{'em-input-border':border}">
+    <!-- <div :class="{'em-input-border':border}"></div> -->
+    <van-field
+      :class="{
+        'hide-label': hideLabel,
+        'input-wrap': labelPosition == 'top',
+        'required-right': requiredPosition == 'right',
+        'input-right':($attrs['inputAlign'] || $attrs['input-align']) === 'right',
+        isRequired:
+          (required ||
+            (Array.isArray(rules) ? rules[0].required : rules.required)) &&
+          requiredPosition != 'right',
+        'is-left-icon': leftIcon,
+        
+      }"
+      :disabled="$attrs.disabled || !!$attrs.readonly "
+      v-model="modelValue"
+      :border='border'
+      autocomplete="new-password"
+      v-bind="$attrs"
+      :label-width="labelWidth"
+      :placeholder="
+  ($attrs.disabled || $attrs.readonly) && newPlaceholder == undefined ?'暂无数据' : newPlaceholder != undefined ? newPlaceholder : '请输入' + ($attrs.label || '')
+      "
+      v-on="$listeners"
+      :error-message="newErrorMessage"
+      :required="
+        required || (Array.isArray(rules) ? rules[0].required : rules.required)
+      "
+      :autofocus="autofocus"
+      :error="
+        (!newErrorMessage &&
+          !modelValue &&
+          rules &&
+          (Array.isArray(rules) ? rules[0].required : rules.required) &&
+          isBlur) ||
+          $attrs.error
+      "
+      :right-icon="$attrs['right-icon'] || getRightIcon"
+      :label-align="labelAlign"
+      :type="newType"
+      :left-icon="leftIcon"
+      :rules="Array.isArray(rules) ? rules : []"
+      @blur="handleBlur(rules)"
+      @change="handleBlur(rules)"
+      @click-right-icon="handleRightIcon"
+    >
+      <!-- @focus="handleFocus" -->
+      <template v-if="!$slots['left-icon'] && leftIcon" slot="left-icon"> 
+          <i  :class="`${leftIcon.indexOf('icon-') == -1 ? `van-icon van-icon-${leftIcon}` : `iconfont ${leftIcon}` }`" style="color:#9399A5" />
+      </template>
+      <template v-if="!$slots.label" slot="label">
+        <span
+          :class="{
+            'em-cell--required':
+              (required ||
+                (Array.isArray(rules) ? rules[0].required : rules.required)) &&
+              requiredPosition == 'right'
+          }"
+          >{{ label }}</span
+        >
+      </template>
+      <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: ''
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    labelAlign: {
+      type: String,
+      default: 'left'
+    },
+    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: ''
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    labelPosition: {
+      type: String,
+      default: 'left'
+    },
+    showPassword: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: 'text'
+    },
+    requiredPosition: {
+      type: String,
+      default: 'left'
+    },
+    leftIcon: {
+      type: String,
+      default: ''
+    },
+    border:{
+      type:Boolean,
+      default:true
+    }
+  },
+  data() {
+    return {
+      newPlaceholder: '',
+      newErrorMessage: '',
+      isBlur: false,
+      newType: ''
+    };
+  },
+  computed: {
+    getRightIcon: {
+      get() {
+        let icon = undefined;
+        if (this.showPassword) {
+          if (this.newType != 'password') {
+            icon = 'eye-o';
+          } else {
+            icon = 'closed-eye';
+          }
+        }
+        return icon;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    modelValue: {
+      get() {
+        let val = this.value;
+        return val;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  mounted() {
+    this.newType = this.type;
+    this.newPlaceholder = this.$attrs.placeholder;
+    this.newErrorMessage = this.errorMessage;
+  },
+  methods: {
+    handleRightIcon(event) {
+      if (this.showPassword) {
+        if (this.newType == 'text') {
+          this.newType = 'password';
+        } else {
+          this.newType = 'text';
+        }
+      }
+      // this.$emit('click-right-icon', event);
+    },
+    handleBlur(rules) {
+      const _that = this;
+      this.isBlur = true;
+      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) {
+          rules.message && (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

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