@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/formGenerator/formComponents/pcComponents/components/imageShow.vue

@@ -1,148 +0,0 @@
-<template>
-  <!-- 图片显示 -->
-  <ul class="form-image-show">
-    <li class="form-image-show--item" v-for="(item, i) in list" :key="i">
-      <img :src="item.url" />
-      <!-- <label class="form-image-show--label">
-        <i class="el-icon-check"></i>
-      </label>-->
-      <div class="form-image-show--actions">
-        <span class="form-image-show--button" @click="onPreview(item)" style="margin-right: 10px">
-          <i class="el-icon-zoom-in" />
-        </span>
-        <span v-if="!onlyShow" @click="onRemove(item, i)">
-          <i class="el-icon-delete" />
-        </span>
-      </div>
-    </li>
-    <slot name="default"></slot>
-
-    <el-dialog :title="image.name" :visible.sync="dialogVisible" append-to-body>
-      <img width="100%" :src="image.url" alt />
-    </el-dialog>
-  </ul>
-</template>
-
-<script>
-export default {
-  props: {
-    value: {
-      type: Array,
-      default: [],
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false,
-    },
-    // 	下载的文件字段名
-    dName: {
-      type: String,
-      default: "",
-    },
-    // 文件下载地址
-    download: {
-      type: String,
-      default: "",
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      dialogVisible: false,
-      image: {},
-      list: this.value,
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (newValue) {
-          this.list = JSON.parse(JSON.stringify(newValue));
-        }
-      },
-    },
-  },
-  methods: {
-    // 移除
-    onRemove(file, i) {
-      if (this.readonly) return;
-      this.list.splice(i, 1);
-      this.$emit("update:value", this.list);
-      this.$emit("change", this.list);
-    },
-    onPreview(file) {
-      this.image = file;
-      this.dialogVisible = true;
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.form-image-show {
-  .form-image-show--item {
-    position: relative;
-    overflow: hidden;
-    background-color: #fff;
-    border: 1px solid #c0ccda;
-    border-radius: 6px;
-    box-sizing: border-box;
-    width: 148px;
-    height: 148px;
-    margin: 0 8px 8px 0;
-    display: inline-block;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .form-image-show--label {
-    position: absolute;
-    right: -15px;
-    top: -6px;
-    width: 40px;
-    height: 24px;
-    background: #13ce66;
-    text-align: center;
-    transform: rotate(45deg);
-    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-    color: #fff;
-    font-size: 12px;
-    .el-icon-check {
-      transform: rotate(-45deg);
-    }
-  }
-  .form-image-show--actions {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    cursor: default;
-    color: #fff;
-    opacity: 0;
-    font-size: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(0, 0, 0, 0.5);
-    transition: opacity 0.3s;
-    > span {
-      cursor: pointer;
-    }
-  }
-  .form-image-show--item:hover {
-    .form-image-show--actions {
-      opacity: 1;
-    }
-    .form-image-show--label {
-      display: none;
-    }
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/components/nameShow.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="tags-show">
-    <el-tag
-      v-for="(tag, i) in value"
-      :key="i"
-      :closable="!onlyShow"
-      type="primary"
-      @close="handleClose(tag)"
-    >{{ tag[props.response.name] }}</el-tag>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "",
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    props: {
-      type: Object,
-      default: () => {}
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mounted() {},
-
-  methods: {
-    handleClose(tag) {
-      if (this.readonly) return;
-      const select = this.value;
-      select.splice(select.indexOf(tag), 1);
-      this.$emit("update", select);
-      this.$emit("change", select);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.tags-show {
-  .el-tag {
-    margin-right: 10px;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/components/tableOptions.vue

@@ -1,56 +0,0 @@
-<template>
-  <el-dropdown
-    placement="bottom-start"
-    trigger="click"
-    @command="handleSelect($event,list,rIndex,dIndex)"
-  >
-    <MenuButton svg="table2" />
-
-    <el-dropdown-menu slot="dropdown" class="Fg-dropdown-menu">
-      <el-dropdown-item
-        v-for="item in defaultOptions(list,rIndex,dIndex)"
-        :command="item.value"
-        :key="item.value"
-        :divided="item.divided"
-        :disabled="item.disabled"
-      >{{item.label}}</el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-import { defaultOptions } from "../../../utils/table";
-
-export default {
-  name: "TableOptions",
-  props: {
-    list: {
-      type: Array,
-      default: () => [],
-    },
-    rIndex: {
-      type: Number,
-      default: 0,
-    },
-    dIndex: {
-      type: Number,
-      default: 0,
-    },
-  },
-
-  methods: {
-    defaultOptions,
-    handleSelect(e) {
-      this.$emit("command", e);
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-dropdown-menu {
-  .popper__arrow {
-    display: none !important;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/components/tableStyle.vue

@@ -1,58 +0,0 @@
-<template>
-  <div style="display:inline-block">
-    <el-popover placement="bottom" width="200" trigger="click" popper-class="Fg-table-style">
-      <MenuButton svg="table3" slot="reference" />
-      <el-form :inline="true" size="mini" :model="formInline" class="demo-form-inline">
-        <el-form-item label="背景颜色">
-          <el-color-picker v-model="formInline.backgroundColor" />
-        </el-form-item>
-      </el-form>
-    </el-popover>
-  </div>
-</template>
-
-<script>
-import { deepClone } from "../../../utils";
-export default {
-  name: "TableStyle",
-  props: {
-    value: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      formInline: {},
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (JSON.stringify(newValue) !== JSON.stringify(this.formInline)) {
-          this.formInline = deepClone(newValue);
-        }
-      },
-    },
-    formInline: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (JSON.stringify(newValue) !== JSON.stringify(this.value)) {
-          this.$emit("input", newValue);
-        }
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-table-style {
-  .popper__arrow {
-    display: none !important;
-  }
-}
-</style>