eoss-ui 0.8.4 → 0.8.6

package/packages/selector-panel/src/selection.vue

@@ -1,174 +1,174 @@
-<template>
-  <div class="es-selection">
-    <el-scrollbar class="es-scrollbar">
-      <el-radio-group
-        v-if="!multiple"
-        v-bind="$attrs"
-        size="small"
-        v-on="$listeners"
-        v-model="selectes"
-      >
-        <el-radio
-          v-for="(item, index) in data"
-          :key="index"
-          v-show="item.disabled ? showDisabled : true"
-          v-bind="getprops($attrs, item)"
-          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
-          :disabled="isDisabled(item)"
-          :class="{ 'es-radio-delete': genre === 'delete' }"
-          :value-key="valueKey"
-          :tooltip="showTooltip ? item[tipKey] : undefined"
-        >
-          {{ typeof item == 'string' ? item : getLabel(item) }}</el-radio
-        >
-      </el-radio-group>
-      <el-checkbox-group
-        v-else
-        v-bind="$attrs"
-        :max="max"
-        size="small"
-        v-on="$listeners"
-        v-model="selectes"
-        ref="sortable"
-      >
-        <el-checkbox
-          v-for="(item, index) in data"
-          :key="index"
-          v-show="item.disabled ? showDisabled : true"
-          v-bind="getprops($attrs, item)"
-          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
-          :disabled="isDisabled(item)"
-          :class="{ 'es-checkbox-delete': genre === 'delete' }"
-          :value-key="valueKey"
-          :tooltip="showTooltip ? item[tipKey] : undefined"
-        >
-          {{ typeof item == 'string' ? item : getLabel(item) }}
-          <i v-show="genre === 'delete'" class="el-icon-circle-close"></i>
-        </el-checkbox>
-      </el-checkbox-group>
-    </el-scrollbar>
-  </div>
-</template>
-<script>
-import Sortable from 'sortablejs';
-import util from 'eoss-ui/src/utils/util.js';
-export default {
-  name: 'Selection',
-  props: {
-    value: [String, Array, Object],
-    showDisabled: {
-      type: Boolean,
-      default: true
-    },
-    genre: String,
-    valueKey: {
-      type: String,
-      default: 'showid'
-    },
-    labelKey: {
-      type: String,
-      default: 'showname'
-    },
-    tipKey: {
-      type: String,
-      default: 'pathname'
-    },
-    showTooltip: {
-      type: Boolean,
-      default: true
-    },
-    valueType: {
-      type: String,
-      default: 'object',
-      validator: function (value) {
-        return ['string', 'object'].includes(value);
-      }
-    },
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    max: Number,
-    mix: Boolean,
-    disableds: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    isObject() {
-      if (
-        this.selectes &&
-        Array.isArray(this.selectes) &&
-        this.selectes.length > 0 &&
-        util.isObject(this.selectes[0])
-      ) {
-        return true;
-      } else {
-        if (this.valueType === 'object') {
-          return true;
-        } else {
-          return false;
-        }
-      }
-    },
-    selectes: {
-      get() {
-        if (!this.multiple && this.value && this.value.length) {
-          return this.value[0];
-        }
-        return this.value;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  },
-  mounted() {
-    if (this.multiple && this.genre === 'delete') {
-      this._sortable = new Sortable(this.$refs.sortable.$el, {
-        animation: 150,
-        onUpdate: this.handleSort
-      });
-    }
-  },
-  methods: {
-    getLabel(res) {
-      return res[this.labelKey]
-        ? res[this.labelKey]
-        : res.label || res[this.valueKey];
-    },
-    handleSort(res) {
-      this.$emit('sort', res);
-    },
-    getprops(attrs, res) {
-      return util.isObject(res) ? { ...attrs, ...res } : attrs;
-    },
-    isDisabled(res) {
-      if (typeof res == 'string') {
-        return false;
-      }
-      if (this.disableds && this.disableds.length > 0) {
-        if (this.disableds.includes(res[this.valueKey])) {
-          return true;
-        }
-      }
-      return res.disabled;
-    }
-  },
-  beforeDestroy() {
-    if (this._sortable !== undefined) this._sortable.destroy();
-  }
-};
-</script>
+<template>
+  <div class="es-selection">
+    <el-scrollbar class="es-scrollbar">
+      <el-radio-group
+        v-if="!multiple"
+        v-bind="$attrs"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+      >
+        <el-radio
+          v-for="(item, index) in data"
+          :key="index"
+          v-show="item.disabled ? showDisabled : true"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
+          :disabled="isDisabled(item)"
+          :class="{ 'es-radio-delete': genre === 'delete' }"
+          :value-key="valueKey"
+          :tooltip="showTooltip ? item[tipKey] : undefined"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}</el-radio
+        >
+      </el-radio-group>
+      <el-checkbox-group
+        v-else
+        v-bind="$attrs"
+        :max="max"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+        ref="sortable"
+      >
+        <el-checkbox
+          v-for="(item, index) in data"
+          :key="index"
+          v-show="item.disabled ? showDisabled : true"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valueKey]"
+          :disabled="isDisabled(item)"
+          :class="{ 'es-checkbox-delete': genre === 'delete' }"
+          :value-key="valueKey"
+          :tooltip="showTooltip ? item[tipKey] : undefined"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}
+          <i v-show="genre === 'delete'" class="el-icon-circle-close"></i>
+        </el-checkbox>
+      </el-checkbox-group>
+    </el-scrollbar>
+  </div>
+</template>
+<script>
+import Sortable from 'sortablejs';
+import util from 'eoss-ui/src/utils/util.js';
+export default {
+  name: 'Selection',
+  props: {
+    value: [String, Array, Object],
+    showDisabled: {
+      type: Boolean,
+      default: true
+    },
+    genre: String,
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showname'
+    },
+    tipKey: {
+      type: String,
+      default: 'pathname'
+    },
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    valueType: {
+      type: String,
+      default: 'object',
+      validator: function (value) {
+        return ['string', 'object'].includes(value);
+      }
+    },
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    max: Number,
+    mix: Boolean,
+    disableds: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    isObject() {
+      if (
+        this.selectes &&
+        Array.isArray(this.selectes) &&
+        this.selectes.length > 0 &&
+        util.isObject(this.selectes[0])
+      ) {
+        return true;
+      } else {
+        if (this.valueType === 'object') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    },
+    selectes: {
+      get() {
+        if (!this.multiple && this.value && this.value.length) {
+          return this.value[0];
+        }
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  mounted() {
+    if (this.multiple && this.genre === 'delete') {
+      this._sortable = new Sortable(this.$refs.sortable.$el, {
+        animation: 150,
+        onUpdate: this.handleSort
+      });
+    }
+  },
+  methods: {
+    getLabel(res) {
+      return res[this.labelKey]
+        ? res[this.labelKey]
+        : res.label || res[this.valueKey];
+    },
+    handleSort(res) {
+      this.$emit('sort', res);
+    },
+    getprops(attrs, res) {
+      return util.isObject(res) ? { ...attrs, ...res } : attrs;
+    },
+    isDisabled(res) {
+      if (typeof res == 'string') {
+        return false;
+      }
+      if (this.disableds && this.disableds.length > 0) {
+        if (this.disableds.includes(res[this.valueKey])) {
+          return true;
+        }
+      }
+      return res.disabled;
+    }
+  },
+  beforeDestroy() {
+    if (this._sortable !== undefined) this._sortable.destroy();
+  }
+};
+</script>

package/packages/switch/src/main.vue

@@ -1,170 +1,170 @@
-<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,
-    activeText: String,
-    inactiveText: String
-  },
-  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 =
-                this.activeText !== undefined
-                  ? this.activeText
-                  : item.name || item.label || item.text || item.value;
-            } else {
-              this.attrs.inactiveValue = item.value;
-              this.attrs.inactiveText =
-                this.inactiveText !== undefined
-                  ? this.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.activeText !== undefined
-                ? this.activeText
-                : this.data.active;
-          } else if (util.isObject(this.data.active)) {
-            this.attrs.activeValue = this.data.active.value;
-            this.attrs.activeText =
-              this.activeText !== undefined
-                ? this.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.inactiveText !== undefined
-                ? this.inactiveText
-                : this.data.inactive;
-          } else if (util.isObject(this.data.inactive)) {
-            this.attrs.inactiveValue = this.data.inactive.value;
-            this.attrs.inactiveText =
-              this.inactiveText !== undefined
-                ? this.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,
+    activeText: String,
+    inactiveText: String
+  },
+  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 =
+                this.activeText !== undefined
+                  ? this.activeText
+                  : item.name || item.label || item.text || item.value;
+            } else {
+              this.attrs.inactiveValue = item.value;
+              this.attrs.inactiveText =
+                this.inactiveText !== undefined
+                  ? this.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.activeText !== undefined
+                ? this.activeText
+                : this.data.active;
+          } else if (util.isObject(this.data.active)) {
+            this.attrs.activeValue = this.data.active.value;
+            this.attrs.activeText =
+              this.activeText !== undefined
+                ? this.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.inactiveText !== undefined
+                ? this.inactiveText
+                : this.data.inactive;
+          } else if (util.isObject(this.data.inactive)) {
+            this.attrs.inactiveValue = this.data.inactive.value;
+            this.attrs.inactiveText =
+              this.inactiveText !== undefined
+                ? this.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>