@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formDivider.vue

@@ -1,49 +0,0 @@
-<template>
-  <div
-    class="Fg-divider"
-    :style="{...newStyle,'--borderColor': newStyle.borderColor || '#DCDFE6','--bgColor':newStyle.backgroundColor||'#fff'}"
-  >
-    <el-divider v-bind="$attrs">
-      <i :class="$attrs.icon" v-if="$attrs.icon" />
-      {{value}}
-    </el-divider>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-divider",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-divider {
-  font-size: 14px;
-  .el-divider {
-    background-color: var(--borderColor);
-    text-decoration-line: inherit;
-    text-decoration-color: inherit;
-    text-decoration-style: inherit;
-  }
-  .el-divider--horizontal {
-    margin: 0;
-  }
-  .el-divider__text {
-    color: inherit;
-    background-color: var(--bgColor);
-    font-weight: inherit;
-    font-size: inherit;
-    text-decoration-line: inherit;
-    text-decoration-color: inherit;
-    text-decoration-style: inherit;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formHtml.vue

@@ -1,37 +0,0 @@
-<template>
-  <!-- 说明组件 -->
-  <div class="Fg-html" v-html="html" :style="newStyle"></div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-html",
-  props: {
-    html: {
-      type: String,
-      default: "",
-    },
-    css: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    HTML() {
-      return this.html;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.Fg-html {
-  width: 100%;
-  word-break: break-all;
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formLink.vue

@@ -1,26 +0,0 @@
-<template>
-  <!-- 链接组件 -->
-  <div :style="newStyle" class="form-components">
-    <div v-if="$attrs.isEdit" class="form-readonly"></div>
-    <el-link v-bind="$attrs">
-      <span :style="newStyle.font">{{value}}</span>
-    </el-link>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-link",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formNotice.vue

@@ -1,118 +0,0 @@
-<template>
-  <div
-    v-show="show"
-    class="Fg-notice"
-    :style="{...newStyle,paddingRight:this.$attrs.closable ? `calc(${newStyle.paddingRight} + 40px)` : newStyle.paddingRight}"
-  >
-    <div class="Fg-notice--wrap" ref="noticeBox" :style="{'--time':time,}">
-      <div class="Fg-notice--content" ref="notice">
-        <i :class="$attrs.icon" style="margin-right: 8px;"></i>
-        <span>{{value}}</span>
-      </div>
-    </div>
-    <div class="Fg-notice--close" v-if="$attrs.closable" @click="show=!show">
-      <i class="el-icon-close"></i>
-    </div>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-notice",
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    speed: {
-      type: [Number, String],
-      default: "",
-    },
-  },
-  data() {
-    return {
-      time: "0s",
-      show: true,
-    };
-  },
-
-  watch: {
-    value() {
-      this.getTime();
-    },
-    speed() {
-      this.getTime();
-    },
-  },
-  mounted() {
-    this.getTime();
-  },
-
-  methods: {
-    getTime() {
-      // 确保DOM已经渲染完毕
-      this.$nextTick(() => {
-        const notice = this.$refs.notice;
-        const noticeBox = this.$refs.noticeBox;
-        if (notice) {
-          // 获取div的宽度
-          const width = notice.offsetWidth;
-          const width2 = noticeBox.offsetWidth;
-          if (width < width2 - 30) {
-            this.time = "0s";
-          } else {
-            // 速率=speed
-            this.time = width / this.speed + "s";
-          }
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-/* 定义滚动动画 */
-@keyframes scroll-text {
-  0% {
-    transform: translateX(0); /* 从容器右侧开始 */
-  }
-  100% {
-    transform: translateX(-100%); /* 滚动到容器左侧 */
-  }
-}
-.Fg-notice {
-  padding: 0 16px;
-  position: relative;
-  font-size: 14px;
-  height: 40px;
-  // color: #ed6a0c;
-}
-.Fg-notice--wrap {
-  height: 100%;
-  // padding: 0 16px;
-  // background-color: #fffbe8;
-  overflow: hidden; /* 隐藏超出部分 */
-  white-space: nowrap; /* 防止文字换行 */
-  display: flex; /* 使用flex布局 */
-  align-items: center; /* 垂直居中 */
-}
-
-.Fg-notice--content {
-  display: inline-block; /* 使内容成为行内块元素 */
-  // padding-left: 100%; /* 确保内容宽度足够滚动 */
-  animation: scroll-text 10s linear infinite; /* 调整滚动速度和时间 */
-  animation-duration: var(--time);
-}
-.Fg-notice--close {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 16px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formRemark.vue

@@ -1,29 +0,0 @@
-<template>
-  <!-- 说明组件 -->
-  <div class="form-remark" :style="newStyle">
-    <i :class="$attrs.icon" />
-    {{ value }}
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-remark",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.form-remark {
-  width: 100%;
-  word-break: break-all;
-  color: #606266;
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formSwipe.vue

@@ -1,39 +0,0 @@
-<template>
-  <el-carousel class="Fg-Swipe" v-bind="$attrs" :style="newStyle" :height="newStyle.height">
-    <el-carousel-item v-for="(item,i) in resData" :key="i">
-      <img :src="item.path" :alt="item.name" />
-    </el-carousel-item>
-  </el-carousel>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  name: "form-swipe",
-  mixins: [comMixin],
-};
-</script>
-
-<style lang="scss" >
-.Fg-Swipe {
-  .el-carousel__item {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    // line-height: 150px;
-    margin: 0;
-    text-align: center;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .el-carousel__item:nth-child(2n) {
-    background-color: #99a9bf;
-  }
-  .el-carousel__item:nth-child(2n + 1) {
-    background-color: #d3dce6;
-  }
-  z-index: 1;
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/assistComs/formTable.vue

@@ -1,130 +0,0 @@
-<template>
-  <div style="width: 100%">
-    <el-table
-      class="Fg-table-data"
-      :loading="loading"
-      :data="data"
-      v-bind="$attrs"
-      style="width: 100%"
-      :header-cell-style="{background:$attrs.color}"
-    >
-      <el-table-column v-if="index" label="序号" type="index" width="80" align="center"></el-table-column>
-      <template v-for="(item, key) in dataObj.head">
-        <el-table-column v-if="!item.hide" v-bind="item" :key="key">
-          <template slot-scope="scope">
-            <el-tag
-              v-if="item.render=='tag'"
-              type="primary"
-              :size="$attrs.size"
-            >{{scope.row[item.prop]}}</el-tag>
-            <el-image
-              v-else-if="item.render=='img'"
-              style="width: 50px; height: 50px"
-              :src="scope.row[item.prop]"
-              fit="fill"
-            ></el-image>
-            <el-button
-              v-else-if="item.render=='button'"
-              type="text"
-              :size="$attrs.size"
-            >{{scope.row[item.prop]}}</el-button>
-            <span v-else>{{scope.row[item.prop]}}</span>
-          </template>
-        </el-table-column>
-      </template>
-    </el-table>
-    <div v-if="isPage" :style="{textAlign:pagination.position,marginTop:'15px'}">
-      <el-pagination
-        v-bind="pagination"
-        :layout="layout"
-        :total="total"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="current"
-        :page-size="size"
-      ></el-pagination>
-    </div>
-  </div>
-</template>
-
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  name: "form-table",
-  mixins: [comMixin],
-  props: {
-    // 分页配置
-    pagination: {
-      type: Object,
-      default: () => {},
-    },
-    // 是否分页
-    isPage: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否显示序号
-    index: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      total: 0,
-      data: [],
-      current: 1,
-      size: 10,
-    };
-  },
-  computed: {
-    layout() {
-      return this.pagination.layout.join(",");
-    },
-  },
-
-  methods: {
-    // 请求数据
-    // loadData() {},
-    handleSuccess(data) {
-      // 分页的情况
-      this.data = data[this.props.records || "records"];
-      this.total = data[this.props.total || "total"];
-      this.current =
-        parseInt(data[this.props.current || "current"]) || this.current;
-      this.size = parseInt(data[this.props.size || "size"]) || this.size;
-    },
-    handleError(err) {
-      this.data = [];
-    },
-    handleSizeChange(val) {
-      this.current = 1;
-      this.size = val;
-      const queryForm = {};
-      queryForm[this.props.current] = this.current;
-      queryForm[this.props.size] = this.size;
-      this.loadData(queryForm);
-    },
-    handleCurrentChange(val) {
-      this.current = val;
-      const queryForm = {};
-      queryForm[this.props.current] = this.current;
-      queryForm[this.props.size] = this.size;
-      this.loadData(queryForm);
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-table-data {
-  .el-table__header {
-    line-height: 23px;
-  }
-  table {
-    width: 100% !important;
-    table-layout: fixed;
-  }
-}
-</style>