eoss-ui 0.6.95 → 0.6.97

package/packages/steps/src/main.vue

@@ -1,181 +1,181 @@
-<template>
-  <el-steps
-    v-bind="$attrs"
-    :active="defaultActive"
-    class="es-steps"
-    :finishStatus="finishStatus"
-  >
-    <el-step
-      v-for="(item, indexs) in content"
-      v-bind="handleExclAttribute({ data: item, attr: ['title'] })"
-      :key="indexs"
-      :title="
-        typeof item.title === 'string' && (!showNumber || !item.showNumber)
-          ? item.title
-          : undefined
-      "
-      :showNumber="false"
-      :position="position"
-      :class="{
-        'es-line-dotted': indexs === active - 1,
-        'es-is-click': isClick
-      }"
-      @click="
-        () => {
-          handleClick(item, indexs);
-        }
-      "
-    >
-      <template
-        slot="title"
-        v-if="(showNumber || item.showNumber) && typeof item.title === 'string'"
-      >
-        <span class="es-step-title_number">{{
-          (prepose ? prepose : '') + (indexs + 1)
-        }}</span>
-        <span class="es-step-title_text">{{ item.title }}</span>
-      </template>
-      <template v-else-if="typeof item.title === 'object'" slot="title">
-        <template v-if="Array.isArray(item.title)">
-          <span
-            v-for="(ele, index) in item.title"
-            :class="'es-step-title_' + index"
-            >{{ ele }}</span
-          >
-        </template>
-        <template v-else>
-          <span
-            class="es-step-title_number"
-            v-if="Object.prototype.hasOwnProperty.call(item.title, 'number')"
-            >{{ item.title.number }}</span
-          >
-          <span
-            class="es-step-title_text"
-            v-if="Object.prototype.hasOwnProperty.call(item.title, 'text')"
-            >{{ item.title.text }}</span
-          >
-          <span
-            class="es-step-title_icon"
-            v-if="Object.prototype.hasOwnProperty.call(item.title, 'icon')"
-            >{{ item.title.icon }}</span
-          >
-        </template>
-      </template>
-    </el-step>
-  </el-steps>
-</template>
-<script>
-import util from 'eoss-ui/src/utils/util.js';
-import { debounce } from 'throttle-debounce';
-export default {
-  name: 'EsSteps',
-  inheritAttrs: false,
-  inject: {
-    esForm: {
-      default: ''
-    }
-  },
-  props: {
-    method: String,
-    prepose: String,
-    active: {
-      type: Number,
-      default: 0
-    },
-    finishStatus: {
-      type: String,
-      default: 'success'
-    },
-    url: String,
-    param: Object,
-    contents: Array,
-    showNumber: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: 'top'
-    },
-    finish: Boolean,
-    isClick: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      list: null
-    };
-  },
-  computed: {
-    content() {
-      return this.list ? this.list : this.contents;
-    },
-    defaultActive() {
-      return this.finish ? this.content.length : this.active;
-    }
-  },
-  watch: {
-    url() {
-      this.getData();
-    },
-    param: {
-      deep: true,
-      handler() {
-        if (this.url) {
-          this.getData();
-        }
-      }
-    }
-  },
-  beforeCreate() {
-    this.getData = debounce(500, () => {
-      this.getDatas();
-    });
-  },
-  created() {
-    this.getData();
-  },
-  mounted() {},
-  methods: {
-    getDatas() {
-      if (this.url) {
-        let param = this.param ? this.param : {};
-        util
-          .ajax({
-            method: this.method,
-            url: this.url,
-            data: param,
-            params: param
-          })
-          .then((res) => {
-            if (res.rCode === 0) {
-              if (this.esForm) {
-                this.esForm.stepContent = JSON.parse(
-                  JSON.stringify(res.results)
-                );
-              } else {
-                this.list = JSON.parse(JSON.stringify(res.results));
-              }
-            }
-          })
-          .catch((err) => {
-            if (err.message && err.message !== 'canceled') {
-              this.$message.error(err.message);
-            }
-          });
-      }
-    },
-    handleClick(item, index) {
-      this.$emit('click', { type: 'step', ...item }, index);
-    },
-    handleExclAttribute({ data, attrs }) {
-      return util.exclAttribute({
-        data: data,
-        attrs: attrs
-      });
-    }
-  }
-};
-</script>
+<template>
+  <el-steps
+    v-bind="$attrs"
+    :active="defaultActive"
+    class="es-steps"
+    :finishStatus="finishStatus"
+  >
+    <el-step
+      v-for="(item, indexs) in content"
+      v-bind="handleExclAttribute({ data: item, attr: ['title'] })"
+      :key="indexs"
+      :title="
+        typeof item.title === 'string' && (!showNumber || !item.showNumber)
+          ? item.title
+          : undefined
+      "
+      :showNumber="false"
+      :position="position"
+      :class="{
+        'es-line-dotted': indexs === active - 1,
+        'es-is-click': isClick
+      }"
+      @click="
+        () => {
+          handleClick(item, indexs);
+        }
+      "
+    >
+      <template
+        slot="title"
+        v-if="(showNumber || item.showNumber) && typeof item.title === 'string'"
+      >
+        <span class="es-step-title_number">{{
+          (prepose ? prepose : '') + (indexs + 1)
+        }}</span>
+        <span class="es-step-title_text">{{ item.title }}</span>
+      </template>
+      <template v-else-if="typeof item.title === 'object'" slot="title">
+        <template v-if="Array.isArray(item.title)">
+          <span
+            v-for="(ele, index) in item.title"
+            :class="'es-step-title_' + index"
+            >{{ ele }}</span
+          >
+        </template>
+        <template v-else>
+          <span
+            class="es-step-title_number"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'number')"
+            >{{ item.title.number }}</span
+          >
+          <span
+            class="es-step-title_text"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'text')"
+            >{{ item.title.text }}</span
+          >
+          <span
+            class="es-step-title_icon"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'icon')"
+            >{{ item.title.icon }}</span
+          >
+        </template>
+      </template>
+    </el-step>
+  </el-steps>
+</template>
+<script>
+import util from 'eoss-ui/src/utils/util.js';
+import { debounce } from 'throttle-debounce';
+export default {
+  name: 'EsSteps',
+  inheritAttrs: false,
+  inject: {
+    esForm: {
+      default: ''
+    }
+  },
+  props: {
+    method: String,
+    prepose: String,
+    active: {
+      type: Number,
+      default: 0
+    },
+    finishStatus: {
+      type: String,
+      default: 'success'
+    },
+    url: String,
+    param: Object,
+    contents: Array,
+    showNumber: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: String,
+      default: 'top'
+    },
+    finish: Boolean,
+    isClick: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      list: null
+    };
+  },
+  computed: {
+    content() {
+      return this.list ? this.list : this.contents;
+    },
+    defaultActive() {
+      return this.finish ? this.content.length : this.active;
+    }
+  },
+  watch: {
+    url() {
+      this.getData();
+    },
+    param: {
+      deep: true,
+      handler() {
+        if (this.url) {
+          this.getData();
+        }
+      }
+    }
+  },
+  beforeCreate() {
+    this.getData = debounce(500, () => {
+      this.getDatas();
+    });
+  },
+  created() {
+    this.getData();
+  },
+  mounted() {},
+  methods: {
+    getDatas() {
+      if (this.url) {
+        let param = this.param ? this.param : {};
+        util
+          .ajax({
+            method: this.method,
+            url: this.url,
+            data: param,
+            params: param
+          })
+          .then((res) => {
+            if (res.rCode === 0) {
+              if (this.esForm) {
+                this.esForm.stepContent = JSON.parse(
+                  JSON.stringify(res.results)
+                );
+              } else {
+                this.list = JSON.parse(JSON.stringify(res.results));
+              }
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    handleClick(item, index) {
+      this.$emit('click', { type: 'step', ...item }, index);
+    },
+    handleExclAttribute({ data, attrs }) {
+      return util.exclAttribute({
+        data: data,
+        attrs: attrs
+      });
+    }
+  }
+};
+</script>

package/packages/switch/index.js

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

package/packages/switch/src/main.vue

@@ -1,154 +1,154 @@
-<script>
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'EsSwitch',
-  inheritAttrs: false,
-  props: {
-    // 显示隐藏组件
-    display: {
-      type: Boolean,
-      default: true
-    },
-    // 	是否不渲染组件
-    hide: {
-      type: Boolean,
-      default: false
-    },
-    inlay: {
-      type: Boolean,
-      default: true
-    },
-    data: {
-      type: [Object, Array],
-      default() {
-        return [];
-      }
-    },
-    value: [String, Boolean, Number],
-    readonly: Boolean,
-    plain: Boolean
-  },
-  data() {
-    return {
-      attrs: {
-        activeText: '',
-        inactiveText: '',
-        activeValue: '',
-        inactiveValue: ''
-      }
-    };
-  },
-  computed: {
-    model: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  },
-  render(h) {
-    if (!this.hide) {
-      if (this.readonly) {
-        let dom = '';
-        if (Array.isArray(this.data)) {
-          this.data.forEach(item => {
-            if (this.value === item.value) {
-              dom = item.name || item.label || item.text || item.value;
-              return;
-            }
-          });
-        } else {
-          for (let i in this.data) {
-            if (
-              util.isObject(this.data[i]) &&
-              this.value === this.data[i].value
-            ) {
-              dom =
-                this.data[i].name ||
-                this.data[i].label ||
-                this.data[i].text ||
-                this.data[i].value;
-              break;
-            } else if (this.value === this.data[i]) {
-              dom = this.data[i];
-              break;
-            }
-          }
-        }
-        return h(
-          'div',
-          { class: ['es-input__inner', { 'es-plain': this.plain }] },
-          [dom]
-        );
-      }
-      if (Array.isArray(this.data)) {
-        this.data.forEach(item => {
-          if (
-            util.isObject(item) &&
-            (typeof item.value === 'boolean' || typeof item.value === 'number')
-          ) {
-            if (item.value) {
-              this.attrs.activeValue = item.value;
-              this.attrs.activeText =
-                item.name || item.label || item.text || item.value;
-            } else {
-              this.attrs.inactiveValue = item.value;
-              this.attrs.inactiveText =
-                item.name || item.label || item.text || item.value;
-            }
-          } else {
-            console.error('数据错误');
-            return false;
-          }
-        });
-      } else {
-        if (this.data.active && this.data.inactive) {
-          if (typeof this.data.active === 'string') {
-            this.attrs.activeValue = this.data.active;
-            this.attrs.activeText = this.data.active;
-          } else if (util.isObject(this.data.active)) {
-            this.attrs.activeValue = this.data.active.value;
-            this.attrs.activeText =
-              this.data.active.name ||
-              this.data.active.label ||
-              this.data.active.text ||
-              this.data.active.value;
-          }
-          if (typeof this.data.inactive === 'string') {
-            this.attrs.inactiveValue = this.data.inactive;
-            this.attrs.inactiveText = this.data.inactive;
-          } else if (util.isObject(this.data.inactive)) {
-            this.attrs.inactiveValue = this.data.inactive.value;
-            this.attrs.inactiveText =
-              this.data.inactive.name ||
-              this.data.inactive.label ||
-              this.data.inactive.text ||
-              this.data.inactive.value;
-          }
-        }
-      }
-      return h('div', { class: 'es-switch-content' }, [
-        h('el-switch', {
-          attrs: {
-            ...this.$attrs,
-            ...this.attrs,
-            inlay: this.inlay,
-            value: this.model
-          },
-          on: this.$listeners,
-          directives: [
-            {
-              name: 'show',
-              value: this.display
-            }
-          ]
-        })
-      ]);
-    } else {
-      return '';
-    }
-  }
-};
-</script>
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsSwitch',
+  inheritAttrs: false,
+  props: {
+    // 显示隐藏组件
+    display: {
+      type: Boolean,
+      default: true
+    },
+    // 	是否不渲染组件
+    hide: {
+      type: Boolean,
+      default: false
+    },
+    inlay: {
+      type: Boolean,
+      default: true
+    },
+    data: {
+      type: [Object, Array],
+      default() {
+        return [];
+      }
+    },
+    value: [String, Boolean, Number],
+    readonly: Boolean,
+    plain: Boolean
+  },
+  data() {
+    return {
+      attrs: {
+        activeText: '',
+        inactiveText: '',
+        activeValue: '',
+        inactiveValue: ''
+      }
+    };
+  },
+  computed: {
+    model: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  render(h) {
+    if (!this.hide) {
+      if (this.readonly) {
+        let dom = '';
+        if (Array.isArray(this.data)) {
+          this.data.forEach(item => {
+            if (this.value === item.value) {
+              dom = item.name || item.label || item.text || item.value;
+              return;
+            }
+          });
+        } else {
+          for (let i in this.data) {
+            if (
+              util.isObject(this.data[i]) &&
+              this.value === this.data[i].value
+            ) {
+              dom =
+                this.data[i].name ||
+                this.data[i].label ||
+                this.data[i].text ||
+                this.data[i].value;
+              break;
+            } else if (this.value === this.data[i]) {
+              dom = this.data[i];
+              break;
+            }
+          }
+        }
+        return h(
+          'div',
+          { class: ['es-input__inner', { 'es-plain': this.plain }] },
+          [dom]
+        );
+      }
+      if (Array.isArray(this.data)) {
+        this.data.forEach(item => {
+          if (
+            util.isObject(item) &&
+            (typeof item.value === 'boolean' || typeof item.value === 'number')
+          ) {
+            if (item.value) {
+              this.attrs.activeValue = item.value;
+              this.attrs.activeText =
+                item.name || item.label || item.text || item.value;
+            } else {
+              this.attrs.inactiveValue = item.value;
+              this.attrs.inactiveText =
+                item.name || item.label || item.text || item.value;
+            }
+          } else {
+            console.error('数据错误');
+            return false;
+          }
+        });
+      } else {
+        if (this.data.active && this.data.inactive) {
+          if (typeof this.data.active === 'string') {
+            this.attrs.activeValue = this.data.active;
+            this.attrs.activeText = this.data.active;
+          } else if (util.isObject(this.data.active)) {
+            this.attrs.activeValue = this.data.active.value;
+            this.attrs.activeText =
+              this.data.active.name ||
+              this.data.active.label ||
+              this.data.active.text ||
+              this.data.active.value;
+          }
+          if (typeof this.data.inactive === 'string') {
+            this.attrs.inactiveValue = this.data.inactive;
+            this.attrs.inactiveText = this.data.inactive;
+          } else if (util.isObject(this.data.inactive)) {
+            this.attrs.inactiveValue = this.data.inactive.value;
+            this.attrs.inactiveText =
+              this.data.inactive.name ||
+              this.data.inactive.label ||
+              this.data.inactive.text ||
+              this.data.inactive.value;
+          }
+        }
+      }
+      return h('div', { class: 'es-switch-content' }, [
+        h('el-switch', {
+          attrs: {
+            ...this.$attrs,
+            ...this.attrs,
+            inlay: this.inlay,
+            value: this.model
+          },
+          on: this.$listeners,
+          directives: [
+            {
+              name: 'show',
+              value: this.display
+            }
+          ]
+        })
+      ]);
+    } else {
+      return '';
+    }
+  }
+};
+</script>