eoss-ui 0.7.64 → 0.7.66

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>

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

@@ -1,181 +1,181 @@
-<script>
-import util from 'eoss-ui/src/utils/util';
-import { findSysCode, getDictList } from 'eoss-ui/src/config/api.js';
-import store from 'eoss-ui/src/utils/store';
-//import rules from 'eoss-ui/src/utils/rules.js';
-import eoTable from './table.vue';
-export default {
-  name: 'EsDataTableForm',
-  inheritAttrs: false,
-  components: {
-    [eoTable.name]: eoTable
-  },
-  provide() {},
-  inject: {
-    elForm: {
-      default: ''
-    }
-  },
-  props: {
-    service: String,
-    params: Object,
-    full: Boolean,
-    readonly: Boolean,
-    numbers: Boolean,
-    data: Array,
-    url: String,
-    thead: Array,
-    optionData: Object,
-    page: [Boolean, Object]
-  },
-  data() {
-    return {
-      result: null,
-      option: {}
-    };
-  },
-  computed: {
-    models: {
-      get() {
-        return this.data ? this.data : this.result;
-      },
-      set(val) {
-        return val;
-      }
-    },
-    cols() {
-      let col = [];
-      this.theads.forEach((items) => {
-        if (Array.isArray(items)) {
-          items.forEach((item) => {
-            if (!item.rowspan || item.rowspan < 2) {
-              col.push(item);
-            }
-          });
-        } else {
-          col.push(items);
-        }
-      });
-      return col;
-    },
-    theads() {
-      return this.thead && util.isObject(this.thead[0])
-        ? [this.thead]
-        : this.thead;
-    },
-    types() {
-      let types = [];
-      this.theads.forEach((items) => {
-        if (Array.isArray(items)) {
-          items.forEach((item) => {
-            if (item.type && item.type !== 'text' && item.type !== 'textarea') {
-              types.push(item);
-            }
-          });
-        } else if (
-          items.type &&
-          items.type !== 'text' &&
-          items.type !== 'textarea'
-        ) {
-          types.push(items);
-        }
-      });
-      return types;
-    },
-    options() {
-      return this.optionData ? this.optionData : this.option;
-    },
-    findCode() {
-      if (this.service) {
-        return `/${this.service}${getDictList}`;
-      }
-      return findSysCode;
-    }
-  },
-  watch: {
-    theads: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val) {
-          val.forEach((items) => {
-            if (Array.isArray(items)) {
-              items.forEach((item) => {
-                this.getOptions(item);
-              });
-            } else {
-              this.getOptions(items);
-            }
-          });
-        }
-      }
-    }
-  },
-  created() {},
-  mounted() {},
-  methods: {
-    getOptions(item) {
-      if (item.sysCode || item.url) {
-        let params = util.extend(
-          {},
-          item.sysCode ? { sysAppCode: item.sysCode, code: sysCode } : {},
-          item.param ? item.param : {}
-        );
-        util
-          .ajax({
-            url: item.sysCode ? this.findCode : item.url,
-            method: this.method,
-            params: params,
-            data: params
-          })
-          .then((res) => {
-            if (res.rCode === 0) {
-              this.option[item.field || item.prop] = JSON.parse(
-                JSON.stringify(res.results)
-              );
-              if (item.sysCode) {
-                store.set(
-                  item.sysCode,
-                  JSON.parse(JSON.stringify(res.results))
-                );
-              }
-            } else {
-              let msg = res.msg || '系统错误，请联系管理员！';
-              this.$message.error(msg);
-            }
-          })
-          .catch((err) => {
-            if (err.message && err.message !== 'canceled') {
-              this.$message.error(err.message);
-            }
-          });
-      }
-    }
-  },
-  render(h) {
-    let tag = this.elForm ? 'div' : 'form';
-    return h(
-      tag,
-      {
-        class: { 'es-data-form-full': this.full, 'es-data-table-form': 1 }
-      },
-      [
-        h('eo-table', {
-          props: {
-            cols: this.cols,
-            thead: this.theads,
-            numbers: this.numbers,
-            cols: this.cols,
-            data: this.models,
-            types: this.types,
-            options: this.options,
-            page: this.page,
-            ...this.$attrs
-          },
-          on: this.$listeners
-        })
-      ]
-    );
-  }
-};
-</script>
+<script>
+import util from 'eoss-ui/src/utils/util';
+import { findSysCode, getDictList } from 'eoss-ui/src/config/api.js';
+import store from 'eoss-ui/src/utils/store';
+//import rules from 'eoss-ui/src/utils/rules.js';
+import eoTable from './table.vue';
+export default {
+  name: 'EsDataTableForm',
+  inheritAttrs: false,
+  components: {
+    [eoTable.name]: eoTable
+  },
+  provide() {},
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
+  props: {
+    service: String,
+    params: Object,
+    full: Boolean,
+    readonly: Boolean,
+    numbers: Boolean,
+    data: Array,
+    url: String,
+    thead: Array,
+    optionData: Object,
+    page: [Boolean, Object]
+  },
+  data() {
+    return {
+      result: null,
+      option: {}
+    };
+  },
+  computed: {
+    models: {
+      get() {
+        return this.data ? this.data : this.result;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    cols() {
+      let col = [];
+      this.theads.forEach((items) => {
+        if (Array.isArray(items)) {
+          items.forEach((item) => {
+            if (!item.rowspan || item.rowspan < 2) {
+              col.push(item);
+            }
+          });
+        } else {
+          col.push(items);
+        }
+      });
+      return col;
+    },
+    theads() {
+      return this.thead && util.isObject(this.thead[0])
+        ? [this.thead]
+        : this.thead;
+    },
+    types() {
+      let types = [];
+      this.theads.forEach((items) => {
+        if (Array.isArray(items)) {
+          items.forEach((item) => {
+            if (item.type && item.type !== 'text' && item.type !== 'textarea') {
+              types.push(item);
+            }
+          });
+        } else if (
+          items.type &&
+          items.type !== 'text' &&
+          items.type !== 'textarea'
+        ) {
+          types.push(items);
+        }
+      });
+      return types;
+    },
+    options() {
+      return this.optionData ? this.optionData : this.option;
+    },
+    findCode() {
+      if (this.service) {
+        return `/${this.service}${getDictList}`;
+      }
+      return findSysCode;
+    }
+  },
+  watch: {
+    theads: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val) {
+          val.forEach((items) => {
+            if (Array.isArray(items)) {
+              items.forEach((item) => {
+                this.getOptions(item);
+              });
+            } else {
+              this.getOptions(items);
+            }
+          });
+        }
+      }
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    getOptions(item) {
+      if (item.sysCode || item.url) {
+        let params = util.extend(
+          {},
+          item.sysCode ? { sysAppCode: item.sysCode, code: sysCode } : {},
+          item.param ? item.param : {}
+        );
+        util
+          .ajax({
+            url: item.sysCode ? this.findCode : item.url,
+            method: this.method,
+            params: params,
+            data: params
+          })
+          .then((res) => {
+            if (res.rCode === 0) {
+              this.option[item.field || item.prop] = JSON.parse(
+                JSON.stringify(res.results)
+              );
+              if (item.sysCode) {
+                store.set(
+                  item.sysCode,
+                  JSON.parse(JSON.stringify(res.results))
+                );
+              }
+            } else {
+              let msg = res.msg || '系统错误，请联系管理员！';
+              this.$message.error(msg);
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    }
+  },
+  render(h) {
+    let tag = this.elForm ? 'div' : 'form';
+    return h(
+      tag,
+      {
+        class: { 'es-data-form-full': this.full, 'es-data-table-form': 1 }
+      },
+      [
+        h('eo-table', {
+          props: {
+            cols: this.cols,
+            thead: this.theads,
+            numbers: this.numbers,
+            cols: this.cols,
+            data: this.models,
+            types: this.types,
+            options: this.options,
+            page: this.page,
+            ...this.$attrs
+          },
+          on: this.$listeners
+        })
+      ]
+    );
+  }
+};
+</script>