tianheng-ui 0.0.56 → 0.0.57

package/packages/formMaking/CusDialog.vue

@@ -1,134 +0,0 @@
-<template>
-  <el-dialog
-    class="cus-dialog-container"
-    :title="title"
-    :visible.sync="dialogVisible"
-    :close-on-click-modal="false"
-    append-to-body
-    center
-    :width="width"
-    ref="elDialog"
-    :id="id"
-    >
-    <span v-if="show">
-      <slot></slot>
-    </span>
-
-    <span v-if="action" slot="footer" class="dialog-footer" v-loading="loading"
-      :element-loading-text="loadingText">
-      <slot name="action">
-        <el-button @click="close">取 消</el-button>
-        <el-button type="primary" @click="submit" >确 定</el-button>
-      </slot>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  props: {
-    visible: Boolean,
-    loadingText: {
-      type: String,
-      default: ''
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    width: {
-      type: String,
-      default: '600px'
-    },
-    form: {
-      type: Boolean,
-      default: true
-    },
-    action: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    show () {
-      if (this.form) {
-        return this.showForm
-      } else {
-        return true
-      }
-    }
-  },
-  data () {
-    return {
-      loading: false,
-      dialogVisible: this.visible,
-      id: 'dialog_' + new Date().getTime(),
-      showForm: false
-    }
-  },
-  methods: {
-    close () {
-      this.dialogVisible = false
-    },
-    submit () {
-      this.loading = true
-
-      this.$emit('on-submit')
-    },
-    end () {
-      this.loading = false
-    }
-  },
-  mounted () {
-  },
-  watch: {
-    dialogVisible (val) {
-      if (!val) {
-        this.loading = false
-        this.$emit('on-close')
-        setTimeout(() => {
-          this.showForm = false
-        }, 300)
-      } else {
-        this.showForm = true
-      }
-    },
-    visible (val) {
-      this.dialogVisible = val
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.cus-dialog-container{
-  .el-dialog__footer{
-    margin: 0 20px;
-    // border-top: 1px dashed #ccc;
-    padding: 15px 0 16px;
-    text-align: center;
-    position: relative;
-
-    .dialog-footer{
-      display: block;
-
-      .circular{
-        display: inline-block;
-        vertical-align: middle;
-        margin-right: 5px;
-        width: 24px;
-        height: 24px;
-      }
-
-      .el-loading-text{
-        display: inline-block;
-        vertical-align: middle;
-      }
-
-      .el-loading-spinner{
-        margin-top: -12px;
-      }
-    }
-  }
-}
-</style>

package/packages/formMaking/GenerateForm.vue

@@ -1,174 +0,0 @@
-<template>
-  <div class="fm-style">
-    <el-form
-      ref="generateForm"
-      label-suffix=":"
-      :size="data.config.size"
-      :model="models"
-      :rules="rules"
-      :label-position="data.config.labelPosition"
-      :label-width="data.config.labelWidth + 'px'"
-    >
-      <genetate-form-item
-        v-for="item in data.list"
-        :key="item.key"
-        :models.sync="models"
-        :rules="rules"
-        :widget="item"
-        :slotKeys="slotKeys"
-        @input-change="onInputChange"
-        :remote="remote"
-      >
-        <template v-for="name in slotKeys" :slot="name">
-          <slot :name="name" />
-        </template>
-      </genetate-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import GenetateFormItem from "./GenerateFormItem";
-
-export default {
-  name: "fm-generate-form",
-  components: {
-    GenetateFormItem
-  },
-  props: ["data", "remote", "value", "insite", "slotKeys"],
-  data() {
-    return {
-      models: {},
-      rules: {}
-    };
-  },
-  created() {
-    this.generateModle(this.data.list);
-  },
-  mounted() {},
-  methods: {
-    generateModle(genList, obj) {
-      genList.map(item => {
-        if (item.type === "grid") {
-          item.columns.forEach(item => {
-            this.generateModle(item.list, obj);
-          });
-        } else if (item.type === "tabs") {
-          if (obj) {
-            obj[item.model] = {};
-            item.tabs.forEach(item2 => {
-              obj[item.model][item2.value] = {};
-              this.generateModle(
-                item2.list,
-                obj[item.model][item2.value]
-              );
-            });
-          } else {
-            this.models[item.model] = {};
-            item.tabs.forEach(item2 => {
-              this.models[item.model][item2.value] = {};
-              this.generateModle(
-                item2.list,
-                this.models[item.model][item2.value]
-              );
-            });
-          }
-        } else if (obj) {
-          obj[item.model] = JSON.parse(
-            JSON.stringify(item.options.defaultValue || "")
-          );
-        } else {
-          if (this.value && Object.keys(this.value).indexOf(item.model) >= 0) {
-            this.models[item.model] = this.value[item.model];
-          } else {
-            if (item.type === "blank") {
-              this.$set(
-                this.models,
-                item.model,
-                item.options.defaultType === "String"
-                  ? ""
-                  : item.options.defaultType === "Object"
-                  ? {}
-                  : []
-              );
-            } else {
-              this.models[item.model] = JSON.parse(
-                JSON.stringify(item.options.defaultValue || "")
-              );
-            }
-          }
-
-          if (item.type === "table") {
-            this.generateRules(item);
-            item.list.forEach(item2 => {
-              this.generateRules(item2);
-            });
-          } else {
-            this.generateRules(item);
-          }
-        }
-      });
-    },
-    generateRules(item) {
-      if (this.rules[item.model]) {
-        this.rules[item.model] = [
-          ...this.rules[item.model],
-          ...item.rules.map(rule => {
-            if (rule.pattern) {
-              return { ...rule, pattern: new RegExp(rule.pattern) };
-            } else {
-              return { ...rule };
-            }
-          })
-        ];
-      } else {
-        this.rules[item.model] = [
-          ...item.rules.map(rule => {
-            if (rule.pattern) {
-              return { ...rule, pattern: new RegExp(rule.pattern) };
-            } else {
-              return { ...rule };
-            }
-          })
-        ];
-      }
-    },
-    getData() {
-      return new Promise((resolve, reject) => {
-        this.$refs.generateForm.validate(valid => {
-          if (valid) {
-            resolve(this.models);
-          } else {
-            reject(new Error("表单数据校验失败").message);
-          }
-        });
-      });
-    },
-    reset() {
-      this.$refs.generateForm.resetFields();
-    },
-    onInputChange(value, field) {
-      this.$emit("on-change", field, value, this.models);
-    },
-    refresh() {}
-  },
-  watch: {
-    data: {
-      deep: true,
-      handler(val) {
-        // this.generateModle(val.list);
-      }
-    },
-    value: {
-      deep: true,
-      handler(val) {
-        this.models = { ...this.models, ...val };
-      }
-    }
-  }
-};
-</script>
-
-<style lang="scss">
-// @import '../styles/cover.scss';
-</style>