@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/formGenerator/styles/index.scss

@@ -1,136 +0,0 @@
-@import "./generator.scss";
-// body, html{
-//   margin: 0;
-//   padding: 0;
-//   background: #fff;
-//   -moz-osx-font-smoothing: grayscale;
-//   -webkit-font-smoothing: antialiased;
-//   text-rendering: optimizeLegibility;
-//   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
-// }
-
-input, textarea{
-  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
-}
-.ul,.li {
-  list-style: none;
-}
-div,span {
-  word-break: break-all;
-}
-
-.form-dialog {
-  overflow: hidden !important;
-  display: flex;
-  flex-direction: column;
-  .el-dialog {
-    margin-top:5vh !important;
-    width: 650px;
-   
-  }
-  .el-dialog__body {
-    padding: 20px 50px;
-    overflow-y: auto;
-    box-sizing: border-box;
-    height: 85vh;
-  }
-  >.is-fullscreen {
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.Fg-dialog2 {
-  overflow: hidden;
-  .el-dialog__body {
-    overflow-y: auto;
-    box-sizing: border-box;
-    height: 60vh;
-  }
-}
-
-// 全局自定义组件添加遮罩
-.form-components {
-  position: relative;
-  .form-readonly {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1;
-  }
-  .form-disabled {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1;
-    background-color: rgba($color: #F5F7FA, $alpha: 0.6);
-    border-color: #E4E7ED;
-    color: #C0C4CC;
-    cursor: not-allowed;
-  }
-}
-
-.mask-layer {
-  position: relative;
-  &:after {
-    content: '';
-    position: absolute;
-    // inset: 0; // google 64 版本不兼容
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    display: block !important;
-    z-index: 1;
-  }
-}
-
-.form-hover {
-  &::after {
-    content: "点击修改";
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    cursor: pointer;
-    color: #fff;
-    opacity: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 14px;
-    background-color: rgba(0, 0, 0, 0.5);
-    transition: opacity 0.3s;
-  }
-}
-.form-hover:hover {
-  &::after {
-    opacity: 1;
-  }
-}
-
-.form-signature-empty {
-  background-color: #fbfdff;
-  border: 1px dashed #c0ccda;
-  border-radius: 6px;
-  color: #8c939d;
-  width: 100%;
-  aspect-ratio: 8/3;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding: 16px;
-  box-sizing: border-box;
-  &:hover {
-    border-color: $themeColor;
-  }
-}
-

package/src/components/formGenerator/styles/left-coms.scss

@@ -1,57 +0,0 @@
-@import "./generator.scss";
-
-.Fg-coms-list {
-  padding: 8px;
-  box-sizing: border-box;
-  height: 100%;
-  .Fg-coms-item {
-    display: inline-block;
-    width: 48%;
-    margin: 1%;
-    transition: transform 0ms !important;
-  }
-  .el-collapse-item__content {
-    padding-bottom: 0;
-  }
-  border: 0px;
-  .el-collapse-item__wrap,
-  .el-collapse-item__header {
-    border: 0px;
-  }
-}
-.Fg-coms-title {
-  font-size: 14px;
-  color: #222;
-  margin: 6px 2px;
-  font-style: italic;
-  font-weight: bold;
-  .svg-icon {
-    color: #666;
-    font-size: 18px;
-  }
-}
-
-.Fg-coms-body {
-  padding: 0;
-  margin: 0;
-  font-size: 0;
-  padding: 8px 10px;
-  background: $selectedColor;
-  font-size: 12px;
-  cursor: pointer;
-  border: 1px dashed $selectedColor;
-  border-radius: 3px;
-  white-space: nowrap;
-  line-height: 20px;
-  .svg-icon {
-    color: #777;
-    font-size: 15px;
-  }
-  &:hover {
-    border: 1px dashed $themeColor;
-    color: $themeColor;
-    .svg-icon {
-      color: $themeColor;
-    }
-  }
-}

package/src/components/formGenerator/styles/phone.scss

@@ -1,269 +0,0 @@
-
-$gray-3: #ebedf0;
-$gray-5: #c8c9cc;
-$gray-6: #969799;
-$gray-7: #646566;
-$blue-1:#478df4;
-$green:#07c160;
-$orange:#ff976a;
-$red:#ee0a24;
-
-.pho-bg-primary {
-  background-color: $blue-1;
-}
-.pho-bg-success {
-  background-color: $green;
-}
-.pho-bg-warning {
-  background-color: $orange;
-}
-.pho-bg-danger {
-  background-color:$red;
-}
-.pho-bg-info {
-  background-color:$gray-6;
-}
-.pho-text-primary {
- color: $blue-1;
-}
-.pho-text-success {
- color: $green;
-}
-.pho-text-warning {
- color: $orange;
-}
-.pho-text-danger {
- color:$red;
-}
-.pho-text-info {
-  color:$gray-6;
-}
-.pho-border-primary {
-  border-color: $blue-1;
-}
-.pho-border-success {
-border-color: $green;
-}
-.pho-border-warning {
-border-color: $orange;
-}
-.pho-border-danger {
-border-color:$red;
-}
-.pho-border-info {
-  border-color:$gray-6;
-}
-.van-gray5 {
-  color: $gray-5;
-}
-.van-gray6 {
-  color: $gray-6;
-}
-.blue {
-  color: $blue-1;
-}
-.Fg-phone {
-  .van-cell {
-    background: transparent;
-  }
-  font-size: 14px;
-}
-.pho-form-item {
-  position: relative;
-  font-size: 14px;
-  .pho-form-item-title {
-    padding: 10px 16px 0 16px;
-    margin-bottom: 5px;
-    line-height: 24px;
-    color:$gray-7
-  }
-  .pho-form-item-cont {
-    padding: 0 16px 10px 16px;
-
-  }
-  .van-field--label-top ~ .right-box{
-    padding-top: 0;
-  }
-  .van-tabs__line,
-  .van-tabs__nav--card .van-tab.van-tab--active {
-    background-color: $blue-1;
-  }
-
-  .van-tabs__nav--card .van-tab ,
-  .van-tabs__nav--card{
-    border-color:  $blue-1;
-  }
-  .van-cascader__option--selected,
-  .van-tabs__nav--card .van-tab {
-    color: $blue-1;
-  }
-  .van-tabs__nav--card .van-tab.van-tab--active {
-    color: #fff;
-  }
-
-  .van-cell::after {
-    display: none;
-  }
-  &::before {
-    position: absolute;
-    box-sizing: border-box;
-    content: ' ';
-    pointer-events: none;
-    right: 16px;
-    bottom: 0;
-    left: 16px;
-    border-bottom: 1px solid $gray-3;
-    -webkit-transform: scaleY(0.5);
-    transform: scaleY(0.5);
-    z-index: 1;
-  }
-
-  /* 自定义 单行表单 （label 为独立一行 输入框独立一行）*/
-  .van-field--label-top {
-    display: block;
-    text-align: left;
-    .van-field__label {
-      width: 100% !important;
-      padding: 0;
-      margin-bottom: 5px;
-    }
-    // // 输入元素 另起一行
-    .van-field__value {
-      display: block;
-      .van-field__control {
-        text-align: left;
-        justify-content: flex-start;
-      }
-    }
-    >.van-icon-arrow {
-      display: none;
-    }
-  }
-  .van-field__label--right,
-  .van-field__label--right,
-  .van-field__label--center {
-    text-align: left;
-  }
-  // van-field组件仅显示标题，隐藏van-field组件的输入框部分
-  .pho-form-onlylabel {
-    .van-field__value {
-      display: none;
-    }
-  }
-  .van-cell__title {
-    color: $gray-7;
-  }
-  // 禁用样式
-  .form-cell--disabled,.van-field--disabled {
-    .van-cell__title {
-      color: $gray-5;
-    }
-  }
-  .pho-form-cont{
-    padding: 0 16px;
-    padding-bottom: 10px;
-  }
-  .van-cell__right-icon {
-    line-height: 24px;
-  }
-
-}
-
-.pho-form-flex {
-  display: flex; 
-  justify-content: space-between;
-  .right-box {
-    color: #323233;
-    line-height: 20px;
-    padding: 10px 16px;
-  }
-  .right-box.center {
-    display: flex;
-    align-items: center;
-  }
-}
-.pho-form-pad {
-  padding: 12px 16px;
-}
-.pho-pad-lr {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.form-range-picker {
-  display: flex;
-  justify-content: flex-end;
-  .startPlaceholder,.endPlaceholder {
-    cursor: pointer;
-  }
-  .rangeSeparator {
-    margin: 0 10px;
-    color: $gray-7;
-  }
-  
-
-}
-.date-range-cell {
-  .van-cell__value {
-    flex: 2;
-  }
-}
-.form-input-hidden {
-  .van-field__control,.van-field__body {
-    visibility: hidden;
-    height: 0;
-    width: 0;
-  }
- 
-  width: auto;
-}
-
-.form-input-hidden.van-field--label-top {
-  padding-bottom: 0;
-}
-
-
-
-.form-placeholder {
-  color: #c8c9cc;
-}
-.pho-disabled {
-  color: #c8c9cc;
-  position: relative;
-  &::after {
-    content: "";
-    position: absolute;
-    // inset: 0; // google 64 版本不兼容
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-  }
-}
-
-.Fg-pho-mask-layer {
-  position: relative;
-  &:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 10;
-  }
-}
-
-.pho-empty {
-  width: 100%;
-  height: 40px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: $gray-3;
-  color: $gray-6;
-}
-.van-dialog__confirm, .van-dialog__confirm:active {
-  color: $blue-1;
-}

package/src/components/formGenerator/styles/theme.scss

@@ -1,5 +0,0 @@
-@import "./generator.scss";
-// 待补充。。。。。
-// .Fg-gener {
-
-// }

package/src/components/formGenerator/utils/attribute.js

@@ -1,107 +0,0 @@
-// 组件属性相关的数据
-export const dateTimeFormat = {
-  date: "yyyy-MM-dd",
-  week: "yyyy 第 WW 周",
-  month: "yyyy-MM",
-  year: "yyyy",
-  datetime: "yyyy-MM-dd HH:mm:ss",
-  daterange: "yyyy-MM-dd",
-  monthrange: "yyyy-MM",
-  datetimerange: "yyyy-MM-dd HH:mm:ss"
-};
-
-export const dateTypeOptions = [
-  {
-    label: "日(date)",
-    value: "date"
-  },
-  {
-    label: "周(week)",
-    value: "week"
-  },
-  {
-    label: "月(month)",
-    value: "month"
-  },
-  {
-    label: "年(year)",
-    value: "year"
-  },
-  {
-    label: "日期时间(datetime)",
-    value: "datetime"
-  }
-]
-
-export const dateRangeTypeOptions = [
-  {
-    label: "日期范围(daterange)",
-    value: "daterange"
-  },
-  {
-    label: "月范围(monthrange)",
-    value: "monthrange"
-  },
-  {
-    label: "日期时间范围(datetimerange)",
-    value: "datetimerange"
-  }
-]
-
-export const colorFormatOptions = [
-  {
-    label: "hex",
-    value: "hex"
-  },
-  {
-    label: "rgb",
-    value: "rgb"
-  },
-  {
-    label: "rgba",
-    value: "rgba"
-  },
-  {
-    label: "hsv",
-    value: "hsv"
-  },
-  {
-    label: "hsl",
-    value: "hsl"
-  }
-]
-
-export const justifyOptions = [
-  {
-    label: "start",
-    value: "start"
-  },
-  {
-    label: "end",
-    value: "end"
-  },
-  {
-    label: "center",
-    value: "center"
-  },
-  {
-    label: "space-around",
-    value: "space-around"
-  },
-  {
-    label: "space-between",
-    value: "space-between"
-  }
-]
-// 文件类型
-export const fileTypeOptions = [
-  { label: '图片文件', value: 'image/*' },
-  { label: '视频文件', value: 'video/*' },
-  { label: '音频文件', value: 'audio/*' },
-  { label: '压缩文件', value: '.rar,.zip' },
-  { label: 'excel', value: '.xls,.xlsx' },
-  { label: 'word', value: '.doc,.docx' },
-  { label: 'pdf', value: '.pdf' },
-]
-
-

package/src/components/formGenerator/utils/comMixins.js

@@ -1,148 +0,0 @@
-import { requestUrl } from "@/api/data";
-import { deepClone, handleEvent, handleStyle, } from "./index"
-import store from "@/store"
-export const comMixin = {
-  props: {
-    styleObj: {
-      type: Object,
-      default: () => { }
-    },
-    // 父级字体样式
-    font: {
-      type: Object,
-      default: () => { }
-    },
-    // 用于保存接口相关数据
-    dataObj: {
-      type: Object,
-      default: () => { }
-    }
-  },
-  data() {
-    return { resData: [], loading: false };
-  },
-  computed: {
-    dataType() {
-      return this.dataObj?.type;
-    },
-    dataValue() {
-      return this.dataObj?.value;
-    },
-    newStyle() {
-      return handleStyle(this.styleObj, this.font)
-    },
-    attrs() {
-      const attrs = deepClone(this.$attrs)
-      delete attrs.styleObj // 需要删除attrs中的样式属性，避免传给子级
-      return attrs
-    },
-    clearable() {
-      return this.$attrs.clearable && this.value && !this.$attrs.onlyShow && !this.$attrs.disabled && !this.$attrs.readonly
-    },
-    props() {
-      return this.dataObj?.props || {}
-    },
-    refresh() {
-      return store.state.app.refresh
-    },
-    activeId() {
-      return store.state.app.activeId
-    },
-  },
-  created() {
-    handleEvent('onCreated', "", this.$attrs, this)
-  },
-  mounted() {
-    handleEvent('onMounted', "", this.$attrs, this)
-    this.init()
-  },
-  watch: {
-    refresh() {
-      if (this.activeId == this.attrs?.__config__?.formId && this.$attrs.isEdit) {
-        this.init()
-      }
-    },
-  },
-  methods: {
-    // 点击事件
-    onClick() {
-      handleEvent('onClick', "", this.$attrs, this)
-    },
-    // 在 Input 失去焦点时触发
-    onBlur(value) {
-      handleEvent('onBlur', value, this.$attrs, this)
-    },
-    // 在 Input 获得焦点时触发
-    onFocus(value) {
-      handleEvent('onFocus', value, this.$attrs, this)
-    },
-    // 在 Input 值改变时触发
-    onInput(value) {
-      this.$emit('input', value)
-      handleEvent('onInput', value, this.$attrs, this)
-    },
-    // 点击清空按钮时触发
-    onClear(value) {
-      handleEvent('onClear', value, this.$attrs, this)
-    },
-    // 绑定值或选中项变化时触发
-    onChange(value) {
-      handleEvent('onChange', value, this.$attrs, this)
-    },
-    // 点击确认按钮时触发
-    onConfirm(value) {
-      handleEvent('onConfirm', value, this.$attrs, this)
-    },
-    init() {
-
-      if (!this.dataType) return
-      this.resData = [];
-      this.loading = true;
-      if (this.dataType == "static") {
-        this.resData = this.dataObj.value;
-        this.handleSuccess(this.resData)
-        this.$nextTick(() => {
-          this.loading = false;
-        })
-      } else if (this.dataType == "dynamic") {
-        this.loadData();
-      }
-    },
-    loadData(data) {
-      // 请求参数
-      const requestData = deepClone({ ...this.dataObj.request, ...data })
-      this.loading = true;
-      requestUrl(this.dataObj.url, this.dataObj.method, requestData, this.dataObj.reDataType)
-        .then(
-          (res) => {
-            this.resData = res.result;
-            if (this.dataObj.response) {
-              const func = new Function("response", this.dataObj.response);
-              func(res.result)
-              // 加载成功
-              this.handleSuccess(res.result)
-            }
-            this.loading = false;
-          }
-        ).catch((err) => {
-          // 加载失败
-          this.handleError(err)
-          if (this.dataObj.error) {
-            const func = new Function("error", this.dataObj.error);
-            func(err);
-          }
-          this.loading = false;
-        });
-    },
-    // 对数据进行处理
-    handleSuccess(res) { },
-    handleError(err) { },
-    // 刷新
-    handleRefresh() {
-      this.loading = true
-      this.$nextTick(() => {
-        this.loading = false
-      })
-    }
-  }
-};