eoss-ui 0.7.20 → 0.7.22

package/packages/card/index.js

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

package/packages/card/src/main.vue

@@ -1,156 +1,156 @@
-<template>
-  <el-card
-    class="es-card"
-    :class="{ 'es-card-border-none': !border }"
-    v-bind="$attrs"
-  >
-    <template slot="header">
-      <div class="es-card-header" :class="modeClass">
-        <slot name="header">
-          <template v-if="header">
-            <template v-if="isObject">
-              <es-icon
-                v-if="header.icon"
-                class="es-header-icon"
-                :contents="header.icon"
-              ></es-icon>
-              <span v-if="header.text" class="es-header-text">{{
-                header.text
-              }}</span>
-              <es-icon
-                v-if="header.icons"
-                class="es-header-icons"
-                :contents="header.icons"
-              ></es-icon>
-              <el-menu
-                v-if="header.tabs"
-                slot="suffix"
-                class="es-card-menu"
-                mode="horizontal"
-                :default-active="active"
-                @select="handleSelect"
-              >
-                <template v-for="(item, index) in tabs">
-                  <el-menu-item
-                    v-if="typeof item === 'string'"
-                    :key="index"
-                    :index="String(index)"
-                  >
-                    {{ item }}
-                  </el-menu-item>
-                  <el-menu-item
-                    v-else
-                    :key="index"
-                    :index="item.id ? item.id : String(index)"
-                  >
-                    <el-badge
-                      :value="item.tips"
-                      :max="max"
-                      :is-dot="isDot"
-                      :hidden="!item.tips || item.tips == '0'"
-                    >
-                      {{ item.name || item.label }}
-                    </el-badge>
-                  </el-menu-item>
-                </template>
-              </el-menu>
-            </template>
-            <span v-else class="es-header-text">{{ header }}</span>
-          </template>
-          <template>
-            <el-menu
-              v-if="tabs"
-              slot="suffix"
-              class="es-card-menu"
-              mode="horizontal"
-              :default-active="active"
-              @select="handleSelect"
-            >
-              <template v-for="(item, index) in tabs">
-                <el-menu-item
-                  v-if="typeof item === 'string'"
-                  :key="index"
-                  :index="String(index)"
-                >
-                  {{ item }}
-                </el-menu-item>
-                <el-menu-item
-                  v-else
-                  :key="index"
-                  :index="item.id ? item.id : String(index)"
-                >
-                  <el-badge
-                    :value="item.tips"
-                    :max="max"
-                    :is-dot="isDot"
-                    :hidden="!item.tips || item.tips == '0'"
-                  >
-                    {{ item.name || item.label }}
-                  </el-badge>
-                </el-menu-item>
-              </template>
-            </el-menu>
-          </template>
-          <slot name="suffix"></slot>
-        </slot>
-      </div>
-    </template>
-    <slot></slot>
-  </el-card>
-</template>
-<script>
-export default {
-  name: 'EsCard',
-  inheritAttrs: false,
-  props: {
-    show: {
-      type: Boolean,
-      default: true
-    },
-    mode: {
-      type: String,
-      default: 'bar'
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    header: [String, Object],
-    tabs: Array,
-    defaultActive: String,
-    max: {
-      type: Number,
-      default: 99
-    },
-    isDot: Boolean
-  },
-  computed: {
-    isObject() {
-      return typeof this.header !== 'string';
-    },
-    active: {
-      get() {
-        if (this.defaultActive === undefined) {
-          if (typeof this.tabs[0] === 'string') {
-            return '0';
-          } else {
-            return this.tabs[0].id ? this.tabs[0].id : '0';
-          }
-        }
-        return this.defaultActive;
-      }
-    },
-    modeClass() {
-      return this.show ? `es-card-ornament-${this.mode}` : '';
-    }
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    handleSelect(res, path) {
-      this.$emit('select', res, path);
-    }
-  }
-};
-</script>
+<template>
+  <el-card
+    class="es-card"
+    :class="{ 'es-card-border-none': !border }"
+    v-bind="$attrs"
+  >
+    <template slot="header">
+      <div class="es-card-header" :class="modeClass">
+        <slot name="header">
+          <template v-if="header">
+            <template v-if="isObject">
+              <es-icon
+                v-if="header.icon"
+                class="es-header-icon"
+                :contents="header.icon"
+              ></es-icon>
+              <span v-if="header.text" class="es-header-text">{{
+                header.text
+              }}</span>
+              <es-icon
+                v-if="header.icons"
+                class="es-header-icons"
+                :contents="header.icons"
+              ></es-icon>
+              <el-menu
+                v-if="header.tabs"
+                slot="suffix"
+                class="es-card-menu"
+                mode="horizontal"
+                :default-active="active"
+                @select="handleSelect"
+              >
+                <template v-for="(item, index) in tabs">
+                  <el-menu-item
+                    v-if="typeof item === 'string'"
+                    :key="index"
+                    :index="String(index)"
+                  >
+                    {{ item }}
+                  </el-menu-item>
+                  <el-menu-item
+                    v-else
+                    :key="index"
+                    :index="item.id ? item.id : String(index)"
+                  >
+                    <el-badge
+                      :value="item.tips"
+                      :max="max"
+                      :is-dot="isDot"
+                      :hidden="!item.tips || item.tips == '0'"
+                    >
+                      {{ item.name || item.label }}
+                    </el-badge>
+                  </el-menu-item>
+                </template>
+              </el-menu>
+            </template>
+            <span v-else class="es-header-text">{{ header }}</span>
+          </template>
+          <template>
+            <el-menu
+              v-if="tabs"
+              slot="suffix"
+              class="es-card-menu"
+              mode="horizontal"
+              :default-active="active"
+              @select="handleSelect"
+            >
+              <template v-for="(item, index) in tabs">
+                <el-menu-item
+                  v-if="typeof item === 'string'"
+                  :key="index"
+                  :index="String(index)"
+                >
+                  {{ item }}
+                </el-menu-item>
+                <el-menu-item
+                  v-else
+                  :key="index"
+                  :index="item.id ? item.id : String(index)"
+                >
+                  <el-badge
+                    :value="item.tips"
+                    :max="max"
+                    :is-dot="isDot"
+                    :hidden="!item.tips || item.tips == '0'"
+                  >
+                    {{ item.name || item.label }}
+                  </el-badge>
+                </el-menu-item>
+              </template>
+            </el-menu>
+          </template>
+          <slot name="suffix"></slot>
+        </slot>
+      </div>
+    </template>
+    <slot></slot>
+  </el-card>
+</template>
+<script>
+export default {
+  name: 'EsCard',
+  inheritAttrs: false,
+  props: {
+    show: {
+      type: Boolean,
+      default: true
+    },
+    mode: {
+      type: String,
+      default: 'bar'
+    },
+    border: {
+      type: Boolean,
+      default: true
+    },
+    header: [String, Object],
+    tabs: Array,
+    defaultActive: String,
+    max: {
+      type: Number,
+      default: 99
+    },
+    isDot: Boolean
+  },
+  computed: {
+    isObject() {
+      return typeof this.header !== 'string';
+    },
+    active: {
+      get() {
+        if (this.defaultActive === undefined) {
+          if (typeof this.tabs[0] === 'string') {
+            return '0';
+          } else {
+            return this.tabs[0].id ? this.tabs[0].id : '0';
+          }
+        }
+        return this.defaultActive;
+      }
+    },
+    modeClass() {
+      return this.show ? `es-card-ornament-${this.mode}` : '';
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    handleSelect(res, path) {
+      this.$emit('select', res, path);
+    }
+  }
+};
+</script>

package/packages/cascader/index.js

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

package/packages/cascader/src/main.vue

@@ -1,168 +1,168 @@
-<script>
-export default {
-  name: 'EsCascader',
-  inheritAttrs: false,
-  props: {
-    value: [String, Array],
-    data: Array,
-    options: Array,
-    hide: {
-      type: Boolean,
-      default: false
-    },
-    readonly: Boolean,
-    plain: Boolean,
-    separator: {
-      type: String,
-      default: '/'
-    },
-    props: Object,
-    //Props
-    trigger: {
-      type: String,
-      default: 'click'
-    },
-    multiple: Boolean,
-    checkStrictly: Boolean,
-    emitPath: {
-      type: Boolean,
-      default: true
-    },
-    lazy: Boolean,
-    lazyLoad: Function,
-    type: {
-      type: String,
-      default: 'object'
-    },
-    valueKey: {
-      type: String,
-      default: 'value'
-    },
-    labelKey: {
-      type: String,
-      default: 'label'
-    },
-    children: {
-      type: String,
-      default: 'children'
-    },
-    disabled: {
-      type: String,
-      default: 'disabled'
-    },
-    leaf: {
-      type: String,
-      default: 'leaf'
-    }
-  },
-  computed: {
-    model: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        return val;
-      }
-    },
-    datas() {
-      return this.data || this.options;
-    },
-    newProps() {
-      let props = {
-        expandTrigger: this.trigger,
-        multiple: this.multiple,
-        checkStrictly: this.checkStrictly,
-        emitPath: this.emitPath,
-        lazy: this.lazy,
-        lazyLoad: this.lazyLoad,
-        type: this.type,
-        value: this.valueKey,
-        label: this.labelKey,
-        children: this.children,
-        disabled: this.disabled,
-        leaf: this.leaf
-      };
-      if (this.props) {
-        return { ...props, ...this.props };
-      }
-      return props;
-    }
-  },
-  data() {
-    return {};
-  },
-  created() {},
-  methods: {
-    getLabel(val, data) {
-      let label = '';
-      for (let i = 0; i < data.length; i++) {
-        let item = data[i];
-        if (val == item[this.newProps.value]) {
-          label = item[this.newProps.label];
-          break;
-        } else {
-          if (item.children && item.children.length) {
-            label = this.getLabel(val, item.children);
-            if (label) {
-              break;
-            }
-          }
-        }
-      }
-      return label;
-    }
-  },
-  render(h) {
-    if (!this.hide) {
-      if (this.readonly) {
-        let value = '';
-        if (this.model) {
-          value = Array.isArray(this.model)
-            ? this.model
-                .map((item) => {
-                  if (Array.isArray(item)) {
-                    return item
-                      .map((ele) => {
-                        if (typeof ele === 'string') {
-                          return this.getLabel(ele, this.datas);
-                        } else {
-                          return ele[this.newProps.label];
-                        }
-                      })
-                      .join(this.separator);
-                  } else {
-                    if (typeof item === 'string') {
-                      return this.getLabel(item, this.datas);
-                    } else {
-                      return item[this.newProps.label];
-                    }
-                  }
-                })
-                .join(this.multiple ? '，' : this.separator)
-            : this.model;
-        }
-        return h(
-          'div',
-          {
-            class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
-          },
-          [value]
-        );
-      }
-      return h(
-        'el-cascader',
-        {
-          attrs: {
-            ...this.$attrs,
-            options: this.datas,
-            props: this.newProps,
-            value: this.model
-          },
-          on: this.$listeners
-        },
-        [this.$slots.default]
-      );
-    }
-  }
-};
-</script>
+<script>
+export default {
+  name: 'EsCascader',
+  inheritAttrs: false,
+  props: {
+    value: [String, Array],
+    data: Array,
+    options: Array,
+    hide: {
+      type: Boolean,
+      default: false
+    },
+    readonly: Boolean,
+    plain: Boolean,
+    separator: {
+      type: String,
+      default: '/'
+    },
+    props: Object,
+    //Props
+    trigger: {
+      type: String,
+      default: 'click'
+    },
+    multiple: Boolean,
+    checkStrictly: Boolean,
+    emitPath: {
+      type: Boolean,
+      default: true
+    },
+    lazy: Boolean,
+    lazyLoad: Function,
+    type: {
+      type: String,
+      default: 'object'
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    labelKey: {
+      type: String,
+      default: 'label'
+    },
+    children: {
+      type: String,
+      default: 'children'
+    },
+    disabled: {
+      type: String,
+      default: 'disabled'
+    },
+    leaf: {
+      type: String,
+      default: 'leaf'
+    }
+  },
+  computed: {
+    model: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    datas() {
+      return this.data || this.options;
+    },
+    newProps() {
+      let props = {
+        expandTrigger: this.trigger,
+        multiple: this.multiple,
+        checkStrictly: this.checkStrictly,
+        emitPath: this.emitPath,
+        lazy: this.lazy,
+        lazyLoad: this.lazyLoad,
+        type: this.type,
+        value: this.valueKey,
+        label: this.labelKey,
+        children: this.children,
+        disabled: this.disabled,
+        leaf: this.leaf
+      };
+      if (this.props) {
+        return { ...props, ...this.props };
+      }
+      return props;
+    }
+  },
+  data() {
+    return {};
+  },
+  created() {},
+  methods: {
+    getLabel(val, data) {
+      let label = '';
+      for (let i = 0; i < data.length; i++) {
+        let item = data[i];
+        if (val == item[this.newProps.value]) {
+          label = item[this.newProps.label];
+          break;
+        } else {
+          if (item.children && item.children.length) {
+            label = this.getLabel(val, item.children);
+            if (label) {
+              break;
+            }
+          }
+        }
+      }
+      return label;
+    }
+  },
+  render(h) {
+    if (!this.hide) {
+      if (this.readonly) {
+        let value = '';
+        if (this.model) {
+          value = Array.isArray(this.model)
+            ? this.model
+                .map((item) => {
+                  if (Array.isArray(item)) {
+                    return item
+                      .map((ele) => {
+                        if (typeof ele === 'string') {
+                          return this.getLabel(ele, this.datas);
+                        } else {
+                          return ele[this.newProps.label];
+                        }
+                      })
+                      .join(this.separator);
+                  } else {
+                    if (typeof item === 'string') {
+                      return this.getLabel(item, this.datas);
+                    } else {
+                      return item[this.newProps.label];
+                    }
+                  }
+                })
+                .join(this.multiple ? '，' : this.separator)
+            : this.model;
+        }
+        return h(
+          'div',
+          {
+            class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
+          },
+          [value]
+        );
+      }
+      return h(
+        'el-cascader',
+        {
+          attrs: {
+            ...this.$attrs,
+            options: this.datas,
+            props: this.newProps,
+            value: this.model
+          },
+          on: this.$listeners
+        },
+        [this.$slots.default]
+      );
+    }
+  }
+};
+</script>

package/packages/checkbox-group/index.js

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