eoss-ui 0.5.81-beta14 → 0.5.81-beta16

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

@@ -0,0 +1,414 @@
+<template>
+  <el-form-item
+    v-if="!(type === 'handle' && !scope.row.hideHandle)"
+    :name="name"
+    :prop="field || prop"
+    :rules="isNotRule(scope) ? [] : rules"
+    :index="scope.$index"
+  >
+    <es-select
+      v-if="type == 'select'"
+      v-bind="formOption"
+      :data="option"
+      v-model="scope.row[field || prop]"
+      @blur="
+        (event) => {
+          handleBlur({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @focus="
+        (event) => {
+          handleFocus({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+    ></es-select>
+    <es-cascader
+      v-else-if="getType('cascader', scope)"
+      v-bind="formOption"
+      :data="option"
+      v-model="scope.row[field || prop]"
+      @blur="
+        (event) => {
+          handleBlur({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @focus="
+        (event) => {
+          handleFocus({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+    >
+    </es-cascader>
+    <es-select-ganged
+      v-else-if="getType('ganged', scope)"
+      v-bind="formOption"
+      :data="init(option, config)"
+      v-model="scope.row[field || prop]"
+      @change="
+        (value) => {
+          handleChange({
+            name: field || prop,
+            value: value,
+            data: scope.row,
+            item: item
+          });
+        }
+      "
+    ></es-select-ganged>
+    <es-radio-group
+      v-else-if="getType('radio', scope)"
+      v-bind="formOption"
+      :data="option"
+      v-model="scope.row[field || prop]"
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row
+          });
+        }
+      "
+    ></es-radio-group>
+    <es-checkbox-group
+      v-else-if="getType('checkbox', scope)"
+      v-bind="formOption"
+      :data="option"
+      v-model="scope.row[field || prop]"
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row
+          });
+        }
+      "
+    ></es-checkbox-group>
+    <es-switch
+      v-else-if="getType('switch', scope)"
+      v-bind="formOption"
+      :data="option"
+      v-model="scope.row[field || prop]"
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row
+          });
+        }
+      "
+    ></es-switch>
+    <es-date-picker
+      v-else-if="
+        config.date ||
+        getType(
+          type,
+          [
+            'date',
+            'year',
+            'month',
+            'date',
+            'dates',
+            'week',
+            'datetime',
+            'datetimerange',
+            'daterange',
+            'monthrange',
+            'quarter',
+            'halfyear'
+          ],
+          scope
+        )
+      "
+      v-bind="formOption"
+      v-model="scope.row[field || prop]"
+      :type="type"
+      @blur="
+        (event) => {
+          handleBlur({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @focus="
+        (event) => {
+          handleFocus({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+    ></es-date-picker>
+    <es-input-number
+      v-else-if="getType('number', scope)"
+      v-bind="formOption"
+      v-model="scope.row[field || prop]"
+      @blur="
+        (event) => {
+          handleBlur({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @focus="
+        (event) => {
+          handleFocus({
+            item: config,
+            event: event,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row,
+            scope: scope
+          });
+        }
+      "
+    ></es-input-number>
+    <es-selector
+      v-else-if="getType('selector', scope)"
+      v-bind="formOption"
+      v-model="scope.row[field || prop]"
+      v-on="
+        exclAttribute({
+          data: events,
+          attrs: 'change'
+        })
+      "
+      @change="
+        (value) => {
+          handleChange({
+            item: config,
+            name: field || prop,
+            value: value,
+            data: scope.row
+          });
+        }
+      "
+    ></es-selector>
+    <template v-else-if="getType(['text', 'input', 'textarea'])">
+      <template v-if="config.lazy">
+        <input
+          v-if="getType(['text', 'input'], scope)"
+          class="el-input__inner"
+          v-bind="formOption"
+          v-model.lazy="scope.row[field]"
+          @blur="
+            (event) => {
+              handleBlur({
+                item: config,
+                event: event,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+          @focus="
+            (event) => {
+              handleFocus({
+                item: config,
+                event: event,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+          @change="
+            (value) => {
+              handleChange({
+                item: config,
+                name: field || prop,
+                value: value,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+        />
+        <textarea
+          v-else
+          class="el-textarea__inner"
+          v-bind="formOption"
+          v-model.lazy="scope.row[field]"
+          @blur="
+            (event) => {
+              handleBlur({
+                item: config,
+                event: event,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+          @focus="
+            (event) => {
+              handleFocus({
+                item: config,
+                event: event,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+          @change="
+            (value) => {
+              handleChange({
+                item: config,
+                name: field || prop,
+                value: value,
+                data: scope.row,
+                scope: scope
+              });
+            }
+          "
+        ></textarea>
+      </template>
+      <es-input
+        v-else
+        v-bind="formOption"
+        :type="type"
+        :scope="scope"
+        v-model="scope.row[field || prop]"
+        @blur="
+          (event) => {
+            handleBlur({
+              item: config,
+              event: event,
+              data: scope.row,
+              scope: scope
+            });
+          }
+        "
+        @focus="
+          (event) => {
+            handleFocus({
+              item: config,
+              event: event,
+              data: scope.row,
+              scope: scope
+            });
+          }
+        "
+        @change="
+          (value) => {
+            handleChange({
+              item: config,
+              name: field || prop,
+              value: value,
+              data: scope.row,
+              scope: scope
+            });
+          }
+        "
+      ></es-input>
+    </template>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: '',
+  components: {},
+  props: {
+    type: String,
+    scope: {}
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    getType(target, data) {
+      let type = this.type;
+      if (this.setType) {
+        let obj = this.setType(data);
+        if (util.isObject(obj)) {
+          type = obj.type;
+          this.options = obj.data;
+        } else {
+          type = obj;
+        }
+      }
+      return Array.isArray(target) ? target.includes(type) : type == target;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -91,7 +91,6 @@ export default {
   },
   mounted() {
     this.newThead = util.extend(true, [], this.data);
-    console.log(this.mode, 90909);
   },
   methods: {
     show() {

package/packages/login/src/main.vue

@@ -352,7 +352,7 @@
       custom-class="es-clients-dialog"
       :visible.sync="showDownLoadApp"
     >
-      <es-clients :downloads="download"></es-clients>
+      <es-clients :downloads="download" :showTips="showIosTips"></es-clients>
     </es-dialog>
     <slot name="calogin"></slot>
     <es-dialog
@@ -588,7 +588,8 @@ export default {
       type: Number,
       default: 1500
     },
-    isScale: Boolean
+    isScale: Boolean,
+    showIosTips: Boolean
   },
   computed: {
     transform() {