@zscreate/form-component 1.0.0 → 1.0.2

package/dist/form-component.css

@@ -2905,43 +2905,43 @@
   box-shadow: none !important;
 }
 
-.t-border[data-v-89e95976] {
+.t-border[data-v-380419bb] {
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-[data-v-89e95976] .custom_form_item {
+[data-v-380419bb] .custom_form_item {
   height: -moz-fit-content;
   height: fit-content;
 }
-.save-pdf[data-v-89e95976] .ant-input {
+.save-pdf[data-v-380419bb] .ant-input {
   border: none !important;
 }
-.save-pdf[data-v-89e95976] .ant-select-selection {
+.save-pdf[data-v-380419bb] .ant-select-selection {
   border: none !important;
 }
-.save-pdf[data-v-89e95976] .ant-select-arrow svg {
+.save-pdf[data-v-380419bb] .ant-select-arrow svg {
   display: none;
 }
-.save-pdf[data-v-89e95976] .ant-upload.ant-upload-select-picture-card {
+.save-pdf[data-v-380419bb] .ant-upload.ant-upload-select-picture-card {
   display: none;
 }
-.save-pdf[data-v-89e95976] .anticon svg {
+.save-pdf[data-v-380419bb] .anticon svg {
   display: none;
 }
-.save-pdf[data-v-89e95976] .ant-time-picker-input {
+.save-pdf[data-v-380419bb] .ant-time-picker-input {
   border: none !important;
 }
-.save-pdf[data-v-89e95976] .ant-upload.ant-upload-select {
+.save-pdf[data-v-380419bb] .ant-upload.ant-upload-select {
   display: none;
 }
 /**打印非固定高度标签 高度不确定bug**/
-.computed-wrap[data-v-89e95976] {
+.computed-wrap[data-v-380419bb] {
   background: #f5f5f5;
 }
-.computed-wrap .item[data-v-89e95976] {
+.computed-wrap .item[data-v-380419bb] {
   display: flex;
 }
-.computed-wrap .item > div[data-v-89e95976] {
+.computed-wrap .item > div[data-v-380419bb] {
   height: 35px;
   line-height: 35px;
   flex: 1;
@@ -2949,124 +2949,127 @@
   border-bottom: 1px solid #000;
   text-align: center;
 }
-.computed-wrap .item > div + div[data-v-89e95976] {
+.computed-wrap .item > div + div[data-v-380419bb] {
   flex: 2;
 }
-.layout .paper[data-v-89e95976] * {
+.layout .paper[data-v-380419bb] {
+  position: relative;
+}
+.layout .paper[data-v-380419bb] * {
   font-size: var(--paperFontSize);
 }
-.layout .paper .form-title[data-v-89e95976] {
+.layout .paper .form-title[data-v-380419bb] {
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   height: 40px;
 }
-.row-item[data-v-89e95976] {
+.row-item[data-v-380419bb] {
   height: -moz-fit-content;
   height: fit-content;
   /**打印非固定高度标签 高度不确定bug**/
 }
-.no-row-item[data-v-89e95976] {
+.no-row-item[data-v-380419bb] {
   border-right: none;
   border-bottom: none;
 }
 /****page边框内的 ***/
-.page-border[data-v-89e95976] {
+.page-border[data-v-380419bb] {
   background: #fff;
   box-sizing: border-box;
 }
-.page-border .row-item[data-v-89e95976]:first-child {
+.page-border .row-item[data-v-380419bb]:first-child {
   border-top: 1px solid #000;
 }
-.page-border .row-item[data-v-89e95976] {
+.page-border .row-item[data-v-380419bb] {
   border-left: 1px solid #000;
 }
-.page-border .item-bottom[data-v-89e95976] {
+.page-border .item-bottom[data-v-380419bb] {
   border-bottom: 1px solid #000;
 }
-.page-border .row-item[data-v-89e95976]:not(:last-child) {
+.page-border .row-item[data-v-380419bb]:not(:last-child) {
   position: relative;
 }
-.page-border li.sortable-chosen[data-v-89e95976] {
+.page-border li.sortable-chosen[data-v-380419bb] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.page-border .ant-time-picker-panel[data-v-89e95976] {
+.page-border .ant-time-picker-panel[data-v-380419bb] {
   z-index: 200000 !important;
 }
-.page-border .ant-calendar-picker-container[data-v-89e95976] {
+.page-border .ant-calendar-picker-container[data-v-380419bb] {
   z-index: 200000 !important;
 }
-[data-v-89e95976] .ant-time-picker-panel {
+[data-v-380419bb] .ant-time-picker-panel {
   z-index: 9999 !important;
 }
-.ant-calendar-picker-container[data-v-89e95976] {
+.ant-calendar-picker-container[data-v-380419bb] {
   z-index: 200000 !important;
 }
-[data-v-89e95976] .ant-form-item-children {
+[data-v-380419bb] .ant-form-item-children {
   display: block;
 }
-[data-v-89e95976] .ant-form-item {
+[data-v-380419bb] .ant-form-item {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
   display: flex;
 }
-[data-v-89e95976] .ant-form-item .is_required::before {
+[data-v-380419bb] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-[data-v-89e95976] .ant-form-item .ant-form-item-label {
+[data-v-380419bb] .ant-form-item .ant-form-item-label {
   border-right: 1px solid #000;
 }
-[data-v-89e95976] .ant-form-item .ant-form-item-label label {
+[data-v-380419bb] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-89e95976] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-380419bb] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-89e95976] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-380419bb] .ant-form-item .ant-form-item-control-wrapper {
   display: flex;
   align-items: center;
   text-align: left;
 }
-[data-v-89e95976] .ant-form-item .ant-form-item-control {
+[data-v-380419bb] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-[data-v-89e95976] .ant-form-item .is_required::before {
+[data-v-380419bb] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.row-table[data-v-89e95976] {
+.row-table[data-v-380419bb] {
   display: flex;
 }
-.row-table[data-v-89e95976] .ant-spin-container {
+.row-table[data-v-380419bb] .ant-spin-container {
   display: flex;
   width: 100%;
 }
-.row-table[data-v-89e95976] .ant-spin-container .table-left {
+.row-table[data-v-380419bb] .ant-spin-container .table-left {
   width: 100px;
   text-align: center;
   border-right: 1px solid #333;
   position: relative;
 }
-.row-table[data-v-89e95976] .ant-spin-container .table-left p {
+.row-table[data-v-380419bb] .ant-spin-container .table-left p {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.row-table[data-v-89e95976] .ant-spin-container .table-right {
+.row-table[data-v-380419bb] .ant-spin-container .table-right {
   flex: 1;
 }
-.table-content[data-v-89e95976] {
+.table-content[data-v-380419bb] {
   width: 100%;
   height: 40px;
   line-height: 40px;
@@ -3075,11 +3078,11 @@
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
 }
-.sub-table-col[data-v-89e95976] {
+.sub-table-col[data-v-380419bb] {
   display: flex;
   box-sizing: border-box;
 }
-.sub-table-col > span[data-v-89e95976] {
+.sub-table-col > span[data-v-380419bb] {
   flex: 2;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
@@ -3087,28 +3090,28 @@
   line-height: 40px;
   text-align: center;
 }
-.sub-table-col > .last-one[data-v-89e95976] {
+.sub-table-col > .last-one[data-v-380419bb] {
   width: 87px;
   flex: 0 0 87px;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-.sub-table-col-no-border > span[data-v-89e95976] {
+.sub-table-col-no-border > span[data-v-380419bb] {
   border: none;
   height: auto;
 }
-.sub-table-col-no-border > .last-one[data-v-89e95976] {
+.sub-table-col-no-border > .last-one[data-v-380419bb] {
   width: 87px;
   flex: 0 0 87px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.sub-table-col-no-border > span[data-v-89e95976] {
+.sub-table-col-no-border > span[data-v-380419bb] {
   border: none;
   height: auto;
 }
-.sub-table-col-no-border > .last-one[data-v-89e95976] {
+.sub-table-col-no-border > .last-one[data-v-380419bb] {
   width: 87px;
   flex: 0 0 87px;
   display: flex;
@@ -3116,67 +3119,68 @@
   align-items: center;
 }
 /*****无border *****/
-.no-border .page-border[data-v-89e95976] {
+.no-border .page-border[data-v-380419bb] {
   border: none;
 }
-.no-border .page-border .row-item[data-v-89e95976]:not(:last-child) {
+.no-border .page-border .row-item[data-v-380419bb]:not(:last-child) {
   border: none;
 }
-.no-border .page-border[data-v-89e95976] .ant-form-item .ant-form-item-label {
+.no-border .page-border[data-v-380419bb] .ant-form-item .ant-form-item-label {
   border: none;
 }
-.table_border[data-v-89e95976] {
+.table_border[data-v-380419bb] {
   border-bottom: 0;
   border-right: 0;
 }
 /*****无border *****/
-[data-v-89e95976] .ant-form-item-children > div > p,[data-v-89e95976] .ant-form-item-children > div > h1,[data-v-89e95976] .ant-form-item-children > div > h2,[data-v-89e95976] .ant-form-item-children > div > h3,[data-v-89e95976] .ant-form-item-children > div > h4,[data-v-89e95976] .ant-form-item-children > div > h5,[data-v-89e95976] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
+[data-v-380419bb] .ant-form-item-children > div > p,[data-v-380419bb] .ant-form-item-children > div > h1,[data-v-380419bb] .ant-form-item-children > div > h2,[data-v-380419bb] .ant-form-item-children > div > h3,[data-v-380419bb] .ant-form-item-children > div > h4,[data-v-380419bb] .ant-form-item-children > div > h5,[data-v-380419bb] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
   margin: 10px 0;
   line-height: 1.5;
 }
-[data-v-89e95976] .ant-spin-dot {
+[data-v-380419bb] .ant-spin-dot {
   font-size: 20px !important;
 }
 
-.components-list[data-v-023b7ddd] {
+.components-list[data-v-564091c5] {
   padding: 0;
   padding-top: 5px;
   margin: 0;
   line-height: 20px;
+  position: relative;
 }
-.components-list .tabs[data-v-023b7ddd] {
+.components-list .tabs[data-v-564091c5] {
   margin-bottom: 10px;
   overflow: hidden;
 }
-.components-list .tabs > div[data-v-023b7ddd] {
+.components-list .tabs > div[data-v-564091c5] {
   float: left;
 }
-.components-list .tabs > div[data-v-023b7ddd]:not(:last-child) {
+.components-list .tabs > div[data-v-564091c5]:not(:last-child) {
   border-right: 1px solid #ccc;
 }
-.components-list .tabs span[data-v-023b7ddd] {
+.components-list .tabs span[data-v-564091c5] {
   cursor: pointer;
   display: inline-block;
   margin: 0 5px;
   font-size: 12px;
   padding: 2px 5px;
 }
-.components-list .tabs .activeTab[data-v-023b7ddd] {
+.components-list .tabs .activeTab[data-v-564091c5] {
   background: #4991f2;
   border-radius: 10px;
   color: #fff;
 }
-.components-list .widget-control[data-v-023b7ddd] {
+.components-list .widget-control[data-v-564091c5] {
   display: inline-block;
   width: 70px;
   height: 45px;
   border: 1px solid #ccc;
   cursor: move;
 }
-.components-list .widget-control[data-v-023b7ddd]:not(:last-child) {
+.components-list .widget-control[data-v-564091c5]:not(:last-child) {
   border-right: none;
 }
-.components-list .widget-control a[data-v-023b7ddd] {
+.components-list .widget-control a[data-v-564091c5] {
   color: #666;
   display: flex;
   flex-direction: column;
@@ -3184,27 +3188,40 @@
   align-items: center;
   font-size: 12px;
 }
-.control[data-v-023b7ddd] {
+.components-list .preview-options[data-v-564091c5] {
+  position: absolute;
+  height: 30px;
+  right: 250px;
+  bottom: 0;
+}
+.components-list .preview-options .ant-btn-link[data-v-564091c5] {
+  color: #666;
+  padding: 0 2px;
+}
+.components-list .preview-options .ant-btn-link.btn-active[data-v-564091c5] {
+  color: #1890ff;
+}
+.control[data-v-564091c5] {
   margin-top: 20px;
   width: 350px;
   background: #ffffff;
   box-shadow: 0 0 15px #ffffff;
 }
-.control .title[data-v-023b7ddd] {
+.control .title[data-v-564091c5] {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   border-bottom: 1px solid #f0f0f0;
 }
-.control .list_wrap[data-v-023b7ddd] {
+.control .list_wrap[data-v-564091c5] {
   padding-top: 15px;
   font-size: 0;
   min-height: 680px;
 }
-.control .list_wrap .list_box[data-v-023b7ddd] {
+.control .list_wrap .list_box[data-v-564091c5] {
   display: inline-block;
 }
-.control .list_wrap .list[data-v-023b7ddd] {
+.control .list_wrap .list[data-v-564091c5] {
   border: 1px dashed #d1d1d1;
   margin: 0 7.5px 15px 7.5px;
   width: 160px;
@@ -3220,17 +3237,17 @@
   position: relative;
   overflow: hidden;
 }
-.control .list_wrap .list i[data-v-023b7ddd] {
+.control .list_wrap .list i[data-v-564091c5] {
   position: absolute;
   right: 10px;
   top: 0px;
   font-size: 22px;
   color: #999;
 }
-.control .list_wrap .list[data-v-023b7ddd]:nth-child(2n) {
+.control .list_wrap .list[data-v-564091c5]:nth-child(2n) {
   margin-right: 0;
 }
-.control .list_wrap .list[data-v-023b7ddd]:hover {
+.control .list_wrap .list[data-v-564091c5]:hover {
   background: #f1f1f1;
 }