@fouro/elx - npm Package Compare versions

Comparing version 1.0.49 to 1.0.50

package.json

 {
   "name": "@fouro/elx",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "description": "element-ui components",
@@ -5,0 +5,0 @@ "main": "/src",

src/fields/Container.vue

 <template>
-  <div class="container-wrapper" v-show="value.value.configList && value.value.configList.length">
-    <div class="config-title" v-if="value.value.name">{{value.value.name}}</div>
-    <div class="config-container">
-      <el-form inline>
-        <slot name="items"></slot>
-      </el-form>
+    <div class="container-wrapper" v-show="value.value.configList && value.value.configList.length">
+        <div class="config-title" v-if="value.value.name">{{i18nConvert('components.deviceConfig',value.key,true,value.value.name)}}</div>
+        <div class="config-container">
+            <el-form inline>
+                <slot name="items"></slot>
+            </el-form>
+        </div>
     </div>
-  </div>
 </template>
 <script type="text/javascript">
 export default {
-  name: 'textfield',
-  components: {
+    name: 'textfield',
+    components: {
 
-  },
-  props: {
-    value: { required: true },
-    category: String
-  },
-  computed: {},
-  mounted() {
+    },
+    props: {
+        value: { required: true },
+        category: String
+    },
+    computed: {},
+    mounted() {
 
-  },
-  methods: {
+    },
+    methods: {
 
-  }
+    }
 }
-
-</script>
+</script>

src/fields/RadioField.vue

 <template>
-  <el-form-item :label="value.descriptor.explain" class="config-item-wrap">
-    <el-radio-group v-model="value.value" :disabled="value.descriptor.readonly">
-      <el-radio v-for="item in value.descriptor.ui.items" :label="item.value">
-        {{item.name}}
-      </el-radio>
-    </el-radio-group>
-  </el-form-item>
+    <el-form-item :label="i18nConvert('components.deviceConfig',value.key,true,value.descriptor.explain)" class="config-item-wrap">
+        <el-radio-group v-model="value.value" :disabled="value.descriptor.readonly">
+            <el-radio v-for="item in value.descriptor.ui.items" :label="item.value">
+                {{i18nConvert('components.deviceConfig',item.key,true,item.name)}}
+            </el-radio>
+        </el-radio-group>
+    </el-form-item>
 </template>
 <script type="text/javascript">
 export default {
-  name: 'radiofield',
-  components: {
+    name: 'radiofield',
+    components: {
 
-  },
-  data() {
-    return {
+    },
+    data() {
+        return {
 
-    }
-  },
-  props: {
-    value: { required: true }
-  },
-  methods: {}
+        }
+    },
+    props: {
+        value: { required: true }
+    },
+    methods: {}
 }
-
 </script>
 <style type="text/css">
-
-
-</style>
+</style>

src/fields/SelectField.vue

 <template>
-  <el-form-item :label="value.descriptor.explain">
-    <el-select v-model="value.value" :disabled="value.descriptor.readonly">
-      <el-option v-for="item in value.descriptor.ui.items" :key="item.value" :label="item.name" :value="item.value">
-      </el-option>
-    </el-select>
-  </el-form-item>
+    <el-form-item :label="i18nConvert('components.deviceConfig',value.key,true,value.descriptor.explain)">
+        <el-select v-model="value.value" :disabled="value.descriptor.readonly">
+            <el-option v-for="item in value.descriptor.ui.items" :key="item.value" :label="i18nConvert('components.deviceConfig',item.key,true,item.name)" :value="item.value">
+            </el-option>
+        </el-select>
+    </el-form-item>
 </template>
 <script type="text/javascript">
 export default {
-  name: 'selectfield',
-  components: {
+    name: 'selectfield',
+    components: {
 
-  },
-  props: {
-    value: { required: true }
-  },
-  computed: {
+    },
+    props: {
+        value: { required: true }
+    },
+    computed: {
 
-  },
-  mounted() {
+    },
+    mounted() {
 
-  },
-  methods: {
+    },
+    methods: {
 
-  }
+    }
 }
-
 </script>
 <style type="text/css">
-
-
-</style>
+</style>

src/fields/SlideBar.vue

 <template>
-  <div class="config-item-wrap">
-    <p>{{value.descriptor.explain}}</p>
-    <el-slider :disabled="value.descriptor.readonly" v-model="formatedValue" :min="value.descriptor.ui.min" :max="value.descriptor.ui.max" :step="value.descriptor.ui.step" show-input>
-    </el-slider>
-  </div>
+    <div class="config-item-wrap">
+        <p>{{i18nConvert('components.deviceConfig',value.key,true,value.descriptor.explain)}}</p>
+        <el-slider :disabled="value.descriptor.readonly" v-model="formatedValue" :min="value.descriptor.ui.min" :max="value.descriptor.ui.max" :step="value.descriptor.ui.step" show-input>
+        </el-slider>
+    </div>
 </template>
 <script type="text/javascript">
 export default {
-  name: 'radiofield',
-  components: {
+    name: 'radiofield',
+    components: {
 
-  },
-  data() {
-    return {
+    },
+    data() {
+        return {
 
-    }
-  },
-  computed: {
-    formatedValue: {
-      // getter
-      get: function() {
-        return +this.value.value;
-      },
-      // setter
-      set: function(newValue) {
-        this.value.value = newValue + '';
-      }
-    }
-  },
-  props: {
-    value: { required: true }
-  },
-  mounted() {
-    this.$el.querySelector('input').readOnly = true
-  },
-  methods: {}
+        }
+    },
+    computed: {
+        formatedValue: {
+            // getter
+            get: function() {
+                return +this.value.value;
+            },
+            // setter
+            set: function(newValue) {
+                this.value.value = newValue + '';
+            }
+        }
+    },
+    props: {
+        value: { required: true }
+    },
+    mounted() {
+        this.$el.querySelector('input').readOnly = true
+    },
+    methods: {}
 }
-
 </script>
 <style type="text/css">
-</style>
+</style>

src/fields/TextField.vue

 <template>
-  <el-form-item :label="value.descriptor.explain" class="config-readonly" :error="error">
-    <el-input :type="value.descriptor.readonly ? 'textarea' : 'text'" :title="value.value" autosize resize="none" v-model="value.value" :max="value.descriptor.ui.max" :min="value.descriptor.ui.min" :step="value.descriptor.ui.step" :disabled="value.descriptor.readonly" @change="handleChange"></el-input>
-  </el-form-item>
+    <el-form-item :label="i18nConvert('components.deviceConfig',value.key,true,value.descriptor.explain)" class="config-readonly" :error="error">
+        <el-input :type="value.descriptor.readonly ? 'textarea' : 'text'" :title="value.value" autosize resize="none" v-model="value.value" :max="value.descriptor.ui.max" :min="value.descriptor.ui.min" :step="value.descriptor.ui.step" :disabled="value.descriptor.readonly" @change="handleChange"></el-input>
+    </el-form-item>
 </template>
@@ -9,61 +9,61 @@ <script type="text/javascript">
 export default {
-  name: 'textfield',
-  components: {
+    name: 'textfield',
+    components: {
 
-  },
-  data() {
-    return {
-      error: null
-    }
-  },
-  props: {
-    value: { required: true },
-    category: String
-  },
-  computed: {
-    requireValidate() {
-      return !this.value.descriptor.readonly
-    }
-  },
-  mounted() {
-    this.initialize();
-  },
-  beforeDestroy() {
-    this.detachValidator();
-  },
-  methods: {
-    initialize() {
-
-      if (!this.value.value) {
-        this.value.value = ''
-      }
-
-      this.attachValidator();
     },
-    handleChange() {
-      this.validate();
+    data() {
+        return {
+            error: null
+        }
     },
-    validate() {
-      var value = this.value.value;
-      this.error = null;
-      input(null, value, (error) => {
-        if (!error) {
-
-        } else {
-          this.error = this.$t('common.message.error.specialCharacter')
-          this.$bus.$emit('categoryErrorsNotify', this.category)
+    props: {
+        value: { required: true },
+        category: String
+    },
+    computed: {
+        requireValidate() {
+            return !this.value.descriptor.readonly
         }
-      })
     },
-    attachValidator() {
-      if (this.requireValidate) {
-        this.$bus.$on('validateConfigField', this.validate)
-      }
+    mounted() {
+        this.initialize();
     },
-    detachValidator() {
-      if (this.requireValidate) {
-        this.$bus.$off('validateConfigField', this.validate)
-      }
+    beforeDestroy() {
+        this.detachValidator();
+    },
+    methods: {
+        initialize() {
+
+            if (!this.value.value) {
+                this.value.value = ''
+            }
+
+            this.attachValidator();
+        },
+        handleChange() {
+            this.validate();
+        },
+        validate() {
+            var value = this.value.value;
+            this.error = null;
+            input(null, value, (error) => {
+                if (!error) {
+
+                } else {
+                    this.error = this.$t('common.message.error.specialCharacter')
+                    this.$bus.$emit('categoryErrorsNotify', this.category)
+                }
+            })
+        },
+        attachValidator() {
+            if (this.requireValidate) {
+                this.$bus.$on('validateConfigField', this.validate)
+            }
+        },
+        detachValidator() {
+            if (this.requireValidate) {
+                this.$bus.$off('validateConfigField', this.validate)
+            }
+        }
     }
-  }
 }
@@ -73,26 +73,26 @@ </script>
 .config-container .config-readonly .el-input .el-input__inner:disabled {
-  border: none;
-  outline: none;
-  background-color: transparent;
-  color: #282828;
-  cursor: pointer;
-  opacity: 1;
-  min-width: 300px;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    color: #282828;
+    cursor: pointer;
+    opacity: 1;
+    min-width: 300px;
 }
 
 .config-container .config-readonly .el-textarea.is-disabled {
-  vertical-align: middle;
+    vertical-align: middle;
 }
 
 .config-container .config-readonly .el-textarea.is-disabled .el-textarea__inner:disabled {
-  border: none;
-  outline: none;
-  background-color: transparent;
-  color: #282828;
-  cursor: pointer;
-  opacity: 1;
-  min-width: 300px;
-  overflow: hidden;
-  padding: 0;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    color: #282828;
+    cursor: pointer;
+    opacity: 1;
+    min-width: 300px;
+    overflow: hidden;
+    padding: 0;
 }
 </style>

src/fields/ToggleField.vue

 <template>
-  <el-form-item :label="value.descriptor.explain" class="config-item-wrap">
-    <el-switch v-model="formatedValue" :disabled="value.descriptor.readonly">
-    </el-switch>
-  </el-form-item>
+    <el-form-item :label="i18nConvert('components.deviceConfig',value.key,true,value.descriptor.explain)" class="config-item-wrap">
+        <el-switch v-model="formatedValue" :disabled="value.descriptor.readonly">
+        </el-switch>
+    </el-form-item>
 </template>
 <script type="text/javascript">
 export default {
-  name: 'togglefield',
-  components: {
+    name: 'togglefield',
+    components: {
 
-  },
-  data() {
-    return {
+    },
+    data() {
+        return {
 
-    }
-  },
-  props: {
-    value: { required: true }
-  },
-  computed: {
-    formatedValue: {
-      // getter
-      get: function() {
-        return this.value.value === 'true';
-      },
-      // setter
-      set: function(newValue) {
-        this.value.value = newValue + '';
-      }
-    }
-  },
-  methods: {}
+        }
+    },
+    props: {
+        value: { required: true }
+    },
+    computed: {
+        formatedValue: {
+            // getter
+            get: function() {
+                return this.value.value === 'true';
+            },
+            // setter
+            set: function(newValue) {
+                this.value.value = newValue + '';
+            }
+        }
+    },
+    methods: {}
 }
-
 </script>
 <style>
-
-</style>
+</style>

No alert changes

Improved metrics

Total package byte prevSize

911190

0.12%

No dependency changes