@xfu0401/form-generator 1.1.24 → 1.1.25

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

@@ -1,271 +0,0 @@
-$themeColor:var(--themeColor);
-$selectedColor: var(--selectedColor);
-$borderColor:#f1e8e8;
-$shadowColor:#0000001a;
-$shadow:0 0 4px $shadowColor;
-
-$grey-light:#93969e;
-
-.Fg-Blue {
-  color: $themeColor;
-}
-
-@mixin Fg-drop-here() {
-  background: #f2f8ff;
-  // border: 1px dashed #ccc;
-}
-.Fg-form-item {
-  overflow: hidden;
-  .el-table .el-table__header {
-    line-height: 23px;
-  }
-}
-.drawing-board {
-
-  .Fg-form-item {
-    // background-color: #fff;
-    .el-form-item {
-      background: transparent !important; 
-    }
-    .el-input__inner {
-      // background: transparent;
-    }
-  }
-  .el-input__inner,.el-textarea__inner {
-    background: transparent;
-  }
-
- 
-  .Fg-active {
-    position: relative;
-    border: 2px solid $themeColor !important;
-  }
-  height: 100%;
-  // min-height: 60px;
-  position: relative;
-  .sortable-ghost {
-    position: relative;
-    display: block;
-    overflow: hidden;
-    &::before {
-      content: " ";
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      height: 3px;
-      background: $themeColor;
-      z-index: 2;
-    }
-  }
-  .components-item.sortable-ghost {
-    width: 100%;
-    height: 60px;
-    // background-color: $selectedColor;
-  }
-  .drawing-item-edit:last-child{
-    margin-bottom: 0;
-  }
-}
-.drawing-item-edit{
-  position: relative;
-  cursor: move;
-  // margin-bottom: 16px;
-  padding: 8px;
-  &.unfocus-bordered:not(.active-from-item) > div:first-child {
-    border: 1px dashed #ccc;
-  }
-  .el-form-item{
-    // padding: 12px 10px;
-    margin-bottom: 0;
-    background-color: #fff;
-  }
-  .Fg-table-container {
-    td {
-      height: 60px;
-      box-sizing: border-box;
-      background-color: #f2f8ff;
-      >.Fg-tips {
-        >.Fg-tips-content {
-          border-width: 0;
-        }
-      }
-    }
-  }
-  .Fg-com-mini, .Fg-com-small,.Fg-com-medium {
-    margin-bottom: 0;
-  }
-
-  .form-row-container {
-    padding: 8px;
-  }
-  .Fg-table-container {
-    .form-row-container {
-      padding: 0;
-    }
-  }
-
-  .Fg-tabs-container {
-    .el-tabs__content {
-      @include Fg-drop-here();
-    }
-    &.el-tabs--border-card>.el-tabs__content {
-      padding: 0;
-    }
-  }
-  .Fg-card {
-    .el-card__body {
-      @include Fg-drop-here();
-      padding: 0;
-    }
-  }
-  
-  .Fg-collapse {
-    .el-collapse-item__content {
-      @include Fg-drop-here();
-      padding-bottom: 0;
-    }
-  }
-  .Fg-sub {
-    .Fg-sub-item {
-      @include Fg-drop-here();
-    }
-  }
-  .Fg-steps {
-    .Fg-steps--content {
-      @include Fg-drop-here();
-    }
-  }
-  .Fg-tips {
-    position: relative;
-    .Fg-tips-content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-  
-}
-
-.form-row-container {
-  font-size: 14px;
-  input,textarea {
-    // background: transparent;
-  }
-  .el-form-item__label {
-    // color: inherit;
-    // font-size: inherit;
-    // text-decoration-line: inherit;
-    // text-decoration-color:inherit;
-    // text-decoration-style:inherit;
-  }
-}
-.drawing-border {
-  @include Fg-drop-here()
-}
-.drawing-row-item{
-  position: relative;
-  cursor: move;
-  box-sizing: border-box;
-  border: 1px dashed #ccc;
-  // border-radius: 3px;
-  .drag-wrapper{
-    min-height: 80px;
-  }
-  .component-name{
-    position: absolute;
-    top: 0;
-    left: 10px;
-    font-size: 12px;
-    color: #bbb;
-    display: inline-block;
-    padding: 0 6px;
-  }
-  .el-input-number,
-  .el-autocomplete {
-    width: 100%;
-  }
-
-}
-
-.drawing-item-hover {
-  &:hover {
-    border: 1px dashed $themeColor ;
-  } 
-}
-
-.drawing-item-edit, .drawing-row-item{
-  .Fg-form-item--topIcon {
-    position: absolute;
-    top: 5px;
-    left:5px;
-    z-index: 1;
-  }
-  .Fg-form-item--icon {
-    position: absolute;
-    // top: -10px;
-    // right: 24px;
-    bottom: 1px;
-    right: 1px;
-  }
-}
-
-.Fg-bottom-0 {
-  margin-bottom: 0;
-}
-
-.Fg-com-mini {
-  margin-bottom: 18px;
-}
-
-.Fg-com-small {
-  margin-bottom: 18px;
-}
-.Fg-com-medium {
-  margin-bottom: 22px;
-}
-
-.Fg-cursor {
-  cursor: pointer;
-}
-
-.Fg-upload-tips {
-  color: $grey-light;
-}
-
-// 组件文字行高 
-@mixin FgTextLH($lh) {
-  // 富文本行高
-  .rich-text-show {
-    line-height: $lh !important;
-    .ql-editor {
-      padding: 0 !important;
-      line-height: $lh !important;
-    }
-  }
-  // 附件行高
-  .Fg-file-item {
-    line-height: $lh !important;
-  }
-  // 
-}
-
-.el-form-item--mini {
-  @include FgTextLH(28px);
-  .Fg-tree {
-    margin: 1px 0;
-  }
-}
-.el-form-item--small {
-  @include FgTextLH(32px);
-  .Fg-tree {
-    margin: 3px 0;
-  }
-}
-.el-form-item--medium {
-  @include FgTextLH(36px);
-  .Fg-tree {
-    margin: 5px 0;
-  }
-}
-

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 {
-
-// }