eoss-ui 0.7.27 → 0.7.29

package/packages/data-table/src/sizer.vue

@@ -1,195 +1,195 @@
-<template>
-  <div class="es-table-sizer">
-    <div class="es-table-sizer-tips">
-      提示：锁定的列排序无效，列的内容是数字才能合计
-    </div>
-    <es-data-table
-      dragSort
-      numbers
-      form
-      row-key="id"
-      default-expand-all
-      height="480px"
-      :mode="mode"
-      :data="theads"
-      :thead="thead"
-      :tree-props="{ children: 'childHead' }"
-      @change="handleChange"
-      @update-drag-sort="handleDrag"
-    >
-    </es-data-table>
-    <div class="sizer-btn-box">
-      <el-button type="primary" size="medium" @click="handleConfirm"
-        >确定</el-button
-      >
-    </div>
-  </div>
-</template>
-
-<script type="text/babel">
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'Sizer',
-  props: {
-    mode: String,
-    data: Array
-  },
-  computed: {
-    theads: {
-      get() {
-        if (this.data && this.data.length) {
-          let newData = [];
-          this.getThead(this.data, newData);
-          return newData;
-        }
-        return [];
-      }
-    }
-  },
-  data() {
-    return {
-      visible: false,
-      thead: [
-        {
-          title: '名称',
-          field: 'title'
-        },
-        {
-          title: '锁定列位置',
-          field: 'fixed',
-          type: 'select',
-          clearable: true,
-          width: 160,
-          data: [
-            {
-              value: 'left',
-              name: '左'
-            },
-            {
-              value: 'right',
-              name: '右'
-            }
-          ]
-        },
-        {
-          title: '列是否显示',
-          field: 'hide',
-          type: 'switch',
-          width: 160,
-          align: 'center',
-          data: [
-            {
-              value: false,
-              name: '隐藏'
-            },
-            {
-              value: true,
-              name: '显示'
-            }
-          ]
-        },
-        {
-          title: '是否开启合计',
-          field: 'total',
-          type: 'switch',
-          width: 160,
-          align: 'center',
-          data: [
-            {
-              value: false,
-              name: '关闭'
-            },
-            {
-              value: true,
-              name: '开启'
-            }
-          ]
-        }
-      ],
-      newThead: [],
-      nid: 0
-    };
-  },
-  mounted() {
-    this.newThead = util.extend(true, [], this.data);
-  },
-  methods: {
-    show() {
-      this.visible = true;
-    },
-    getThead(res, data) {
-      res.forEach((item, index) => {
-        if (
-          item.type !== 'index' &&
-          item.type !== 'selection' &&
-          item.type !== 'handle'
-        ) {
-          let { fixed, hide, childHead, children, title, ...other } = item;
-          let items = {
-            title: title ? title : item.label,
-            fixed:
-              fixed === true
-                ? 'left'
-                : fixed === undefined || fixed === false
-                ? ''
-                : fixed,
-            hide: hide ? false : true,
-            id: index,
-            ...other
-          };
-          if (childHead && childHead.length) {
-            let childHeads = [];
-            this.getThead(childHead, childHeads);
-            items.childHead = childHeads;
-          }
-          if (children && children.length) {
-            let childHeads = [];
-            this.getThead(children, childHeads);
-            items.children = childHeads;
-          }
-          data.push(items);
-        } else {
-          this.nid++;
-        }
-      });
-    },
-    setThead(res, thead) {
-      let { name, value, data } = res;
-      for (let i in thead) {
-        let item = thead[i];
-        if (data.field === item.field) {
-          thead[i][name] = name === 'hide' ? !value : value;
-          thead[i].hide === false && delete thead[i].hide;
-          break;
-        } else {
-          if (item.childHead && item.childHead.length) {
-            this.setThead(res, item.childHead);
-          }
-          if (item.children && item.children.length) {
-            this.setThead(res, item.children);
-          }
-        }
-      }
-    },
-    handleChange(res) {
-      this.setThead(res, this.newThead);
-    },
-    handleDrag(res, evt) {
-      let { oldIndex, newIndex } = evt;
-      oldIndex += this.nid;
-      newIndex += this.nid;
-      if (oldIndex > newIndex) {
-        this.newThead.splice(newIndex, 0, this.newThead[oldIndex]);
-        this.newThead.splice(oldIndex + 1, 1);
-      } else {
-        this.newThead.splice(newIndex + 1, 0, this.newThead[oldIndex]);
-        this.newThead.splice(oldIndex, 1);
-      }
-    },
-    handleConfirm() {
-      this.visible = false;
-      this.$emit('confirm', this.newThead);
-    }
-  }
-};
-</script>
+<template>
+  <div class="es-table-sizer">
+    <div class="es-table-sizer-tips">
+      提示：锁定的列排序无效，列的内容是数字才能合计
+    </div>
+    <es-data-table
+      dragSort
+      numbers
+      form
+      row-key="id"
+      default-expand-all
+      height="480px"
+      :mode="mode"
+      :data="theads"
+      :thead="thead"
+      :tree-props="{ children: 'childHead' }"
+      @change="handleChange"
+      @update-drag-sort="handleDrag"
+    >
+    </es-data-table>
+    <div class="sizer-btn-box">
+      <el-button type="primary" size="medium" @click="handleConfirm"
+        >确定</el-button
+      >
+    </div>
+  </div>
+</template>
+
+<script type="text/babel">
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'Sizer',
+  props: {
+    mode: String,
+    data: Array
+  },
+  computed: {
+    theads: {
+      get() {
+        if (this.data && this.data.length) {
+          let newData = [];
+          this.getThead(this.data, newData);
+          return newData;
+        }
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      thead: [
+        {
+          title: '名称',
+          field: 'title'
+        },
+        {
+          title: '锁定列位置',
+          field: 'fixed',
+          type: 'select',
+          clearable: true,
+          width: 160,
+          data: [
+            {
+              value: 'left',
+              name: '左'
+            },
+            {
+              value: 'right',
+              name: '右'
+            }
+          ]
+        },
+        {
+          title: '列是否显示',
+          field: 'hide',
+          type: 'switch',
+          width: 160,
+          align: 'center',
+          data: [
+            {
+              value: false,
+              name: '隐藏'
+            },
+            {
+              value: true,
+              name: '显示'
+            }
+          ]
+        },
+        {
+          title: '是否开启合计',
+          field: 'total',
+          type: 'switch',
+          width: 160,
+          align: 'center',
+          data: [
+            {
+              value: false,
+              name: '关闭'
+            },
+            {
+              value: true,
+              name: '开启'
+            }
+          ]
+        }
+      ],
+      newThead: [],
+      nid: 0
+    };
+  },
+  mounted() {
+    this.newThead = util.extend(true, [], this.data);
+  },
+  methods: {
+    show() {
+      this.visible = true;
+    },
+    getThead(res, data) {
+      res.forEach((item, index) => {
+        if (
+          item.type !== 'index' &&
+          item.type !== 'selection' &&
+          item.type !== 'handle'
+        ) {
+          let { fixed, hide, childHead, children, title, ...other } = item;
+          let items = {
+            title: title ? title : item.label,
+            fixed:
+              fixed === true
+                ? 'left'
+                : fixed === undefined || fixed === false
+                ? ''
+                : fixed,
+            hide: hide ? false : true,
+            id: index,
+            ...other
+          };
+          if (childHead && childHead.length) {
+            let childHeads = [];
+            this.getThead(childHead, childHeads);
+            items.childHead = childHeads;
+          }
+          if (children && children.length) {
+            let childHeads = [];
+            this.getThead(children, childHeads);
+            items.children = childHeads;
+          }
+          data.push(items);
+        } else {
+          this.nid++;
+        }
+      });
+    },
+    setThead(res, thead) {
+      let { name, value, data } = res;
+      for (let i in thead) {
+        let item = thead[i];
+        if (data.field === item.field) {
+          thead[i][name] = name === 'hide' ? !value : value;
+          thead[i].hide === false && delete thead[i].hide;
+          break;
+        } else {
+          if (item.childHead && item.childHead.length) {
+            this.setThead(res, item.childHead);
+          }
+          if (item.children && item.children.length) {
+            this.setThead(res, item.children);
+          }
+        }
+      }
+    },
+    handleChange(res) {
+      this.setThead(res, this.newThead);
+    },
+    handleDrag(res, evt) {
+      let { oldIndex, newIndex } = evt;
+      oldIndex += this.nid;
+      newIndex += this.nid;
+      if (oldIndex > newIndex) {
+        this.newThead.splice(newIndex, 0, this.newThead[oldIndex]);
+        this.newThead.splice(oldIndex + 1, 1);
+      } else {
+        this.newThead.splice(newIndex + 1, 0, this.newThead[oldIndex]);
+        this.newThead.splice(oldIndex, 1);
+      }
+    },
+    handleConfirm() {
+      this.visible = false;
+      this.$emit('confirm', this.newThead);
+    }
+  }
+};
+</script>

package/packages/data-table-form/index.js

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

package/packages/data-table-form/src/checkbox.vue

@@ -1,101 +1,101 @@
-<template>
-  <div class="el-checkbox-group">
-    <label class="el-checkbox" v-for="(item, index) in options" :key="index">
-      <input
-        type="checkbox"
-        :name="_name"
-        :checked="isChecked(item)"
-        @change="
-          (event) => {
-            handeChange(event, item, index);
-          }
-        "
-      />{{ labelKey ? item[labelKey] : item.name || item.label }}
-    </label>
-  </div>
-</template>
-<script>
-export default {
-  name: 'EoCheckbox',
-  props: {
-    field: {
-      required: true,
-      type: String
-    },
-    prop: String,
-    index: Number,
-    labelKey: String,
-    valueKey: String,
-    data: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    options: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    decollator: {
-      type: String,
-      default: ','
-    },
-    valueToString: Boolean,
-    value: {}
-  },
-  data() {
-    return {
-      _value: this.value
-    };
-  },
-  computed: {
-    model: {
-      get() {
-        if (Array.isArray(this.value)) {
-          return this.value;
-        }
-        if (typeof this.value === 'string') {
-          return this.value.split(this.decollator);
-        }
-        return [this.value];
-      }
-      // set(val) {
-      //   this.$emit(
-      //     'input',
-      //     this.valueToString ? val.join(this.decollator) : val
-      //   );
-      //   return val;
-      // }
-    },
-    _name() {
-      if (this.index !== undefined) {
-        return `${this.field || this.prop}[${this.index}]`;
-      }
-      return this.field || this.prop;
-    }
-  },
-  methods: {
-    isChecked(res) {
-      return this.valueKey
-        ? this.model.indexOf(res[this.valueKey]) > -1
-        : this.model.indexOf(res.value) > -1;
-    },
-    handeChange(event, res, index) {
-      let val = this.model;
-      if (event.target.checked) {
-        if (val.length > index) {
-          val.splice(index, 0, this.valueKey ? res[this.valueKey] : res.value);
-        } else {
-          val.push(this.valueKey ? res[this.valueKey] : res.value);
-        }
-      } else {
-        let i = val.indexOf(this.valueKey ? res[this.valueKey] : res.value);
-        val.splice(i, 1);
-      }
-      this.$emit('input', this.valueToString ? val.join(this.decollator) : val);
-    }
-  }
-};
-</script>
+<template>
+  <div class="el-checkbox-group">
+    <label class="el-checkbox" v-for="(item, index) in options" :key="index">
+      <input
+        type="checkbox"
+        :name="_name"
+        :checked="isChecked(item)"
+        @change="
+          (event) => {
+            handeChange(event, item, index);
+          }
+        "
+      />{{ labelKey ? item[labelKey] : item.name || item.label }}
+    </label>
+  </div>
+</template>
+<script>
+export default {
+  name: 'EoCheckbox',
+  props: {
+    field: {
+      required: true,
+      type: String
+    },
+    prop: String,
+    index: Number,
+    labelKey: String,
+    valueKey: String,
+    data: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    options: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    decollator: {
+      type: String,
+      default: ','
+    },
+    valueToString: Boolean,
+    value: {}
+  },
+  data() {
+    return {
+      _value: this.value
+    };
+  },
+  computed: {
+    model: {
+      get() {
+        if (Array.isArray(this.value)) {
+          return this.value;
+        }
+        if (typeof this.value === 'string') {
+          return this.value.split(this.decollator);
+        }
+        return [this.value];
+      }
+      // set(val) {
+      //   this.$emit(
+      //     'input',
+      //     this.valueToString ? val.join(this.decollator) : val
+      //   );
+      //   return val;
+      // }
+    },
+    _name() {
+      if (this.index !== undefined) {
+        return `${this.field || this.prop}[${this.index}]`;
+      }
+      return this.field || this.prop;
+    }
+  },
+  methods: {
+    isChecked(res) {
+      return this.valueKey
+        ? this.model.indexOf(res[this.valueKey]) > -1
+        : this.model.indexOf(res.value) > -1;
+    },
+    handeChange(event, res, index) {
+      let val = this.model;
+      if (event.target.checked) {
+        if (val.length > index) {
+          val.splice(index, 0, this.valueKey ? res[this.valueKey] : res.value);
+        } else {
+          val.push(this.valueKey ? res[this.valueKey] : res.value);
+        }
+      } else {
+        let i = val.indexOf(this.valueKey ? res[this.valueKey] : res.value);
+        val.splice(i, 1);
+      }
+      this.$emit('input', this.valueToString ? val.join(this.decollator) : val);
+    }
+  }
+};
+</script>

package/packages/data-table-form/src/colgroup.vue

@@ -1,17 +1,17 @@
-<template>
-  <colgroup>
-    <col v-if="numbers" width="56" />
-    <template v-for="(item, index) in cols">
-      <col :width="item.width" :key="index" />
-    </template>
-  </colgroup>
-</template>
-<script>
-export default {
-  name: 'EoColgroup',
-  props: {
-    numbers: Boolean,
-    cols: Array
-  }
-};
-</script>
+<template>
+  <colgroup>
+    <col v-if="numbers" width="56" />
+    <template v-for="(item, index) in cols">
+      <col :width="item.width" :key="index" />
+    </template>
+  </colgroup>
+</template>
+<script>
+export default {
+  name: 'EoColgroup',
+  props: {
+    numbers: Boolean,
+    cols: Array
+  }
+};
+</script>