@zscreate/form-component 1.1.689-AI.3 → 1.1.689-AI.5

package/dist/form-component.css

@@ -3543,6 +3543,11 @@ span.CodeMirror-selectedtext { background: none; }
 }
 
 
+[data-v-777f0809] .ant-radio-group {
+  white-space: nowrap;
+}
+
+
 [data-v-62eca78c] .ant-modal {
   width: -moz-max-content !important;
   width: max-content !important;
@@ -5084,7 +5089,7 @@ div {
   display: none ;
 }
 
-.components-list[data-v-58c83656] {
+.components-list[data-v-7f5cfb32] {
   padding: 0;
   margin: 0;
   line-height: 20px;
@@ -5092,7 +5097,7 @@ div {
   height: 100%;
   overflow-y: auto;
 }
-.components-list .tabs[data-v-58c83656] {
+.components-list .tabs[data-v-7f5cfb32] {
   padding: 8px 10px 6px;
   display: flex;
   flex-wrap: wrap;
@@ -5103,7 +5108,7 @@ div {
   background: #fff;
   z-index: 1;
 }
-.components-list .tabs span[data-v-58c83656] {
+.components-list .tabs span[data-v-7f5cfb32] {
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
@@ -5112,14 +5117,14 @@ div {
   color: #666;
   transition: all 0.2s;
 }
-.components-list .tabs .activeTab[data-v-58c83656] {
+.components-list .tabs .activeTab[data-v-7f5cfb32] {
   background: #409EFF;
   color: #fff;
 }
-.components-list ul[data-v-58c83656] {
+.components-list ul[data-v-7f5cfb32] {
   padding: 8px 8px 4px;
 }
-.components-list .widget-control[data-v-58c83656] {
+.components-list .widget-control[data-v-7f5cfb32] {
   display: block;
   width: 100%;
   box-sizing: border-box;
@@ -5131,13 +5136,13 @@ div {
   margin: 0 0 6px 0;
   transition: all 0.25s ease;
 }
-.components-list .widget-control[data-v-58c83656]:hover {
+.components-list .widget-control[data-v-7f5cfb32]:hover {
   border-color: #409EFF;
   background: #ecf5ff;
   transform: translateX(2px);
   box-shadow: 0 2px 6px rgba(64, 158, 255, 0.15);
 }
-.components-list .widget-control a[data-v-58c83656] {
+.components-list .widget-control a[data-v-7f5cfb32] {
   color: #606266;
   display: flex;
   flex-direction: row;
@@ -5147,44 +5152,31 @@ div {
   padding: 0 10px;
   font-size: 13px;
 }
-.components-list .widget-control a i[data-v-58c83656] {
+.components-list .widget-control a i[data-v-7f5cfb32] {
   font-size: 16px;
   margin-right: 8px;
 }
-.components-list .preview-options[data-v-58c83656] {
-  position: absolute;
-  height: 30px;
-  right: 10px;
-  bottom: 10px;
-}
-.components-list .preview-options .ant-btn-link[data-v-58c83656] {
-  color: #666;
-  padding: 0 2px;
-}
-.components-list .preview-options .ant-btn-link.btn-active[data-v-58c83656] {
-  color: #1890ff;
-}
-.control[data-v-58c83656] {
+.control[data-v-7f5cfb32] {
   margin-top: 20px;
   width: 350px;
   background: #ffffff;
   box-shadow: 0 0 15px #ffffff;
 }
-.control .title[data-v-58c83656] {
+.control .title[data-v-7f5cfb32] {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   border-bottom: 1px solid #f0f0f0;
 }
-.control .list_wrap[data-v-58c83656] {
+.control .list_wrap[data-v-7f5cfb32] {
   padding-top: 15px;
   font-size: 0;
   min-height: 680px;
 }
-.control .list_wrap .list_box[data-v-58c83656] {
+.control .list_wrap .list_box[data-v-7f5cfb32] {
   display: inline-block;
 }
-.control .list_wrap .list[data-v-58c83656] {
+.control .list_wrap .list[data-v-7f5cfb32] {
   border: 1px dashed #d1d1d1;
   margin: 0 7.5px 15px 7.5px;
   width: 160px;
@@ -5200,25 +5192,25 @@ div {
   position: relative;
   overflow: hidden;
 }
-.control .list_wrap .list i[data-v-58c83656] {
+.control .list_wrap .list i[data-v-7f5cfb32] {
   position: absolute;
   right: 10px;
   top: 0px;
   font-size: 22px;
   color: #999;
 }
-.control .list_wrap .list[data-v-58c83656]:nth-child(2n) {
+.control .list_wrap .list[data-v-7f5cfb32]:nth-child(2n) {
   margin-right: 0;
 }
-.control .list_wrap .list[data-v-58c83656]:hover {
+.control .list_wrap .list[data-v-7f5cfb32]:hover {
   background: #f1f1f1;
 }
 
-.widget-view[data-v-093767a8] {
+.widget-view[data-v-e4654656] {
   position: relative;
   z-index: 8;
 }
-.widget-view .widget-view-model[data-v-093767a8] {
+.widget-view .widget-view-model[data-v-e4654656] {
   position: absolute;
   top: 0px;
   right: 3px;
@@ -5228,98 +5220,98 @@ div {
   opacity: 0.6;
 }
 
-.paper[data-v-51f14858] * {
+.paper[data-v-432be42f] * {
   font-size: var(--paperFontSize);
 }
-.paper .form-title[data-v-51f14858] {
+.paper .form-title[data-v-432be42f] {
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   min-height: 40px;
   line-height: 30px;
 }
-[data-v-51f14858] .vue-grid-layout {
+[data-v-432be42f] .vue-grid-layout {
   z-index: 2;
 }
-[data-v-51f14858] .vue-grid-item {
+[data-v-432be42f] .vue-grid-item {
   border: 1px dashed #ccc;
   box-sizing: border-box;
   background-color: #fff;
 }
-[data-v-51f14858] .ant-form-item {
+[data-v-432be42f] .ant-form-item {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
 }
-[data-v-51f14858] .ant-form-item .ant-form-item-label {
+[data-v-432be42f] .ant-form-item .ant-form-item-label {
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   border-right: 1px solid var(--designBorderColor);
 }
-[data-v-51f14858] .ant-form-item .ant-form-item-label label {
+[data-v-432be42f] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-51f14858] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-432be42f] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-51f14858] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-432be42f] .ant-form-item .ant-form-item-control-wrapper {
   height: 100%;
   float: right;
   display: flex;
   align-items: center;
 }
-[data-v-51f14858] .ant-form-item .ant-form-item-control {
+[data-v-432be42f] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-.is_required[data-v-51f14858]::before {
+.is_required[data-v-432be42f]::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.widget-form-list[data-v-51f14858] {
+.widget-form-list[data-v-432be42f] {
   background: #fff;
   box-sizing: border-box;
 }
-.widget-form-list .row-item[data-v-51f14858]:first-child {
+.widget-form-list .row-item[data-v-432be42f]:first-child {
   border-top: 1px solid var(--designBorderColor);
 }
-.widget-form-list .row-item[data-v-51f14858] {
+.widget-form-list .row-item[data-v-432be42f] {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .row-item[data-v-51f14858] {
+.widget-form-list .row-item[data-v-432be42f] {
   border-right: 1px solid var(--designBorderColor);
   border-left: 1px solid var(--designBorderColor);
 }
-.widget-form-list .item-bottom[data-v-51f14858] {
+.widget-form-list .item-bottom[data-v-432be42f] {
   border-bottom: 1px solid var(--designBorderColor);
 }
-.widget-form-list .no-row-item[data-v-51f14858] {
+.widget-form-list .no-row-item[data-v-432be42f] {
   border-right: none;
   border-bottom: none !important;
 }
-.widget-form-list .no-row-item .widget-form-list[data-v-51f14858] {
+.widget-form-list .no-row-item .widget-form-list[data-v-432be42f] {
   border-top: none !important;
   border-right: none;
 }
-.widget-form-list .widget-grid[data-v-51f14858] {
+.widget-form-list .widget-grid[data-v-432be42f] {
   background: #f4f6fc;
   position: relative;
   border-left: 5px solid transparent;
   padding: 5px;
   margin: 0 !important;
 }
-.widget-form-list .widget-grid.active[data-v-51f14858] {
+.widget-form-list .widget-grid.active[data-v-432be42f] {
   outline: 2px solid #409eff;
   border: 1px solid #409eff;
   background: #ecf5ff;
 }
-.widget-form-list .widget-grid .grid-background[data-v-51f14858] {
+.widget-form-list .widget-grid .grid-background[data-v-432be42f] {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -5330,85 +5322,85 @@ div {
   height: 100%;
   padding: 5px 5px 10px 5px;
 }
-.widget-form-list .widget-grid .grid-background .rows[data-v-51f14858] {
+.widget-form-list .widget-grid .grid-background .rows[data-v-432be42f] {
   border-bottom: 1px dashed #ccc;
   border-left: 1px dashed #ccc;
   box-sizing: border-box;
   overflow: hidden;
 }
-.widget-form-list .widget-grid .grid-background .rows[data-v-51f14858]:first-child {
+.widget-form-list .widget-grid .grid-background .rows[data-v-432be42f]:first-child {
   border-top: 1px dashed #ccc;
 }
-.widget-form-list .widget-grid .grid-background .rows .columns[data-v-51f14858] {
+.widget-form-list .widget-grid .grid-background .rows .columns[data-v-432be42f] {
   float: left;
   border-right: 1px dashed #ccc;
   min-height: 40px;
   box-sizing: border-box;
 }
-.widget-form-list .row_table[data-v-51f14858] {
+.widget-form-list .row_table[data-v-432be42f] {
   min-height: 60px;
   position: relative;
 }
-.widget-form-list li.sortable-chosen[data-v-51f14858] {
+.widget-form-list li.sortable-chosen[data-v-432be42f] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.widget-form-list .widget-col-list[data-v-51f14858] {
+.widget-form-list .widget-col-list[data-v-432be42f] {
   min-height: 50px;
   border: 1px dashed #ccc;
   background: #fff;
 }
-.widget-form-list .widget-col[data-v-51f14858] {
+.widget-form-list .widget-col[data-v-432be42f] {
   padding-bottom: 0;
   padding: 5px;
   background-color: rgba(253, 246, 236, 0.3);
 }
-.grid-lay-out-wrap .widget-col-list[data-v-51f14858] {
+.grid-lay-out-wrap .widget-col-list[data-v-432be42f] {
   width: 100%;
   height: 100%;
   min-height: 40px;
   border: none;
 }
-.widget-form-ocuupied[data-v-51f14858] {
+.widget-form-ocuupied[data-v-432be42f] {
   min-height: 540px;
   border: none;
 }
-.drag_table[data-v-51f14858] {
+.drag_table[data-v-432be42f] {
   width: calc(100% - 100px);
   height: 100%;
   display: flex;
   overflow-y: scroll;
 }
-.drag_table[data-v-51f14858]::-webkit-scrollbar {
+.drag_table[data-v-432be42f]::-webkit-scrollbar {
   width: 3px;
   height: 3px;
 }
-.drag_table[data-v-51f14858]::-webkit-scrollbar-track {
+.drag_table[data-v-432be42f]::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 2px;
 }
-.drag_table[data-v-51f14858]::-webkit-scrollbar-thumb {
+.drag_table[data-v-432be42f]::-webkit-scrollbar-thumb {
   background: #cdcdcd;
   border-radius: 8px;
 }
-.drag_table[data-v-51f14858]::-webkit-scrollbar-thumb:hover {
+.drag_table[data-v-432be42f]::-webkit-scrollbar-thumb:hover {
   background: #cdcdcd;
 }
-.drag_table[data-v-51f14858]::-webkit-scrollbar-corner {
+.drag_table[data-v-432be42f]::-webkit-scrollbar-corner {
   background: #cdcdcd;
 }
-.widget-form-ocuupied[data-v-51f14858] {
+.widget-form-ocuupied[data-v-432be42f] {
   min-height: 540px;
   border: none;
 }
-.table_label[data-v-51f14858] {
+.table_label[data-v-432be42f] {
   width: 100px;
   min-width: 100px;
   height: 100%;
   text-align: right;
 }
-.widget-view-model[data-v-51f14858] {
+.widget-view-model[data-v-432be42f] {
   position: absolute;
   top: 0px;
   right: 3px;
@@ -5418,12 +5410,12 @@ div {
   opacity: 0.6;
 }
 /**selectedWidget active*/
-[data-v-51f14858] .active {
+[data-v-432be42f] .active {
   outline: 2px solid #409EFF;
   box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
   position: relative;
 }
-[data-v-51f14858] .active .widget-view-drag {
+[data-v-432be42f] .active .widget-view-drag {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -5437,7 +5429,7 @@ div {
   color: #ffffff;
   cursor: move;
 }
-[data-v-51f14858] .active .widget-view-action {
+[data-v-432be42f] .active .widget-view-action {
   width: 70px;
   position: absolute;
   right: 0px;
@@ -5450,7 +5442,7 @@ div {
   background: transparent;
   color: #fff;
 }
-[data-v-51f14858] .active .widget-view-action .iconfont {
+[data-v-432be42f] .active .widget-view-action .iconfont {
   width: 25px;
   height: 25px;
   border-radius: 50%;
@@ -5460,17 +5452,17 @@ div {
   font-size: 14px;
   justify-content: center;
 }
-[data-v-51f14858] .active .widget-view-action .icon-icon_clone {
+[data-v-432be42f] .active .widget-view-action .icon-icon_clone {
   background: red;
 }
-[data-v-51f14858] .active .widget-view-action .icon-trash {
+[data-v-432be42f] .active .widget-view-action .icon-trash {
   margin-left: 20px;
 }
-.widget-form-list .widget-view[data-v-51f14858] {
+.widget-form-list .widget-view[data-v-432be42f] {
   z-index: 8;
   position: relative;
 }
-.widget-form-list .widget-view .widget-view-action[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-action[data-v-432be42f] {
   position: absolute;
   right: 0px;
   bottom: 0;
@@ -5482,7 +5474,7 @@ div {
   background: transparent;
   color: #fff;
 }
-.widget-form-list .widget-view .widget-view-action .iconfont[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-action .iconfont[data-v-432be42f] {
   width: 25px;
   height: 25px;
   border-radius: 50%;
@@ -5492,13 +5484,13 @@ div {
   font-size: 14px;
   justify-content: center;
 }
-.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-432be42f] {
   background: red;
 }
-.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-action .icon-trash[data-v-432be42f] {
   margin-left: 20px;
 }
-.widget-form-list .widget-view .widget-view-drag[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-drag[data-v-432be42f] {
   position: absolute;
   left: -2px;
   top: -2px;
@@ -5508,30 +5500,30 @@ div {
   background: #409eff;
   z-index: 9;
 }
-.widget-form-list .widget-view .widget-view-drag i[data-v-51f14858] {
+.widget-form-list .widget-view .widget-view-drag i[data-v-432be42f] {
   font-size: 14px;
   color: #fff;
   margin: 0 5px;
   cursor: move;
 }
 /*****无border *****/
-.no-border .widget-form-list[data-v-51f14858] {
+.no-border .widget-form-list[data-v-432be42f] {
   border: none;
 }
-.no-border .widget-form-list .row-item[data-v-51f14858]:not(:last-child) {
+.no-border .widget-form-list .row-item[data-v-432be42f]:not(:last-child) {
   border: none;
 }
-.no-border .widget-form-list[data-v-51f14858] .ant-form-item .ant-form-item-label {
+.no-border .widget-form-list[data-v-432be42f] .ant-form-item .ant-form-item-label {
   border: 0;
 }
 /*****无border *****/
 /***label对齐方式 */
-[data-v-51f14858] .custom_form_item .break {
+[data-v-432be42f] .custom_form_item .break {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
 }
-[data-v-51f14858] .custom_form_item .align-between {
+[data-v-432be42f] .custom_form_item .align-between {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
@@ -5540,28 +5532,28 @@ div {
        text-align-last: justify;
   width: 80%;
 }
-[data-v-51f14858] .custom_form_item .align-middle {
+[data-v-432be42f] .custom_form_item .align-middle {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: center;
   width: 80%;
 }
-[data-v-51f14858] .custom_form_item .align-left {
+[data-v-432be42f] .custom_form_item .align-left {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: left;
   width: 80%;
 }
-[data-v-51f14858] .custom_form_item .align-right {
+[data-v-432be42f] .custom_form_item .align-right {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
   text-align: right;
   width: 80%;
 }
-[data-v-51f14858] .custom_form_item .align-center {
+[data-v-432be42f] .custom_form_item .align-center {
   white-space: normal;
   word-break: break-all;
   word-wrap: break-word;
@@ -5582,37 +5574,37 @@ div {
 }
 
 
-[data-v-78823b9c] .ant-form-item {
+[data-v-45ff2fe2] .ant-form-item {
   margin-bottom: 10px;
   padding-bottom: 8px;
   border-bottom: 1px dashed #f0f0f0;
 }
-[data-v-78823b9c] .ant-form-item:last-child {
+[data-v-45ff2fe2] .ant-form-item:last-child {
   border-bottom: none;
   padding-bottom: 0;
 }
-[data-v-78823b9c] .ant-form-item ul {
+[data-v-45ff2fe2] .ant-form-item ul {
   position: initial !important;
   overflow-y: auto !important;
 }
-[data-v-78823b9c] .ant-form-item-label > label {
+[data-v-45ff2fe2] .ant-form-item-label > label {
   color: #606266;
   font-size: 13px;
   font-weight: 500;
 }
-[data-v-78823b9c] .ant-switch {
+[data-v-45ff2fe2] .ant-switch {
   transition: all 0.25s ease;
 }
-[data-v-78823b9c] .ant-input,[data-v-78823b9c] .ant-select,[data-v-78823b9c] .ant-input-number {
+[data-v-45ff2fe2] .ant-input,[data-v-45ff2fe2] .ant-select,[data-v-45ff2fe2] .ant-input-number {
   transition: border-color 0.25s ease, box-shadow 0.25s ease;
 }
-[data-v-78823b9c] .ant-input:focus,[data-v-78823b9c] .ant-select:focus,[data-v-78823b9c] .ant-input-number:focus,[data-v-78823b9c] .ant-input:hover,[data-v-78823b9c] .ant-select:hover,[data-v-78823b9c] .ant-input-number:hover {
+[data-v-45ff2fe2] .ant-input:focus,[data-v-45ff2fe2] .ant-select:focus,[data-v-45ff2fe2] .ant-input-number:focus,[data-v-45ff2fe2] .ant-input:hover,[data-v-45ff2fe2] .ant-select:hover,[data-v-45ff2fe2] .ant-input-number:hover {
   border-color: #409EFF;
 }
-[data-v-78823b9c] .ant-input:focus,[data-v-78823b9c] .ant-select:focus .ant-select-selection {
+[data-v-45ff2fe2] .ant-input:focus,[data-v-45ff2fe2] .ant-select:focus .ant-select-selection {
   box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.15);
 }
-.config-empty[data-v-78823b9c] {
+.config-empty[data-v-45ff2fe2] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -5620,17 +5612,17 @@ div {
   height: 200px;
   color: #c0c4cc;
 }
-.config-empty .anticon[data-v-78823b9c] {
+.config-empty .anticon[data-v-45ff2fe2] {
   font-size: 40px;
   margin-bottom: 14px;
-  animation: emptyFloat-data-v-78823b9c 2.5s ease-in-out infinite;
+  animation: emptyFloat-data-v-45ff2fe2 2.5s ease-in-out infinite;
 }
-.config-empty p[data-v-78823b9c] {
+.config-empty p[data-v-45ff2fe2] {
   font-size: 13px;
   margin: 0;
   color: #909399;
 }
-@keyframes emptyFloat-data-v-78823b9c {
+@keyframes emptyFloat-data-v-45ff2fe2 {
 0%,
   100% {
     transform: translateY(0);
@@ -6765,6 +6757,9 @@ div {
   background: url(data:image/png;base64,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) no-repeat;
   background-position: 50%;
 }
+.widget-config-container .ant-radio-group {
+  white-space: nowrap;
+}
 .left-sider {
   background: #fff !important;
   border-right: none;
@@ -6777,6 +6772,30 @@ div {
   height: 100%;
   overflow: hidden;
 }
+.left-sider .ant-layout-sider-children > widget-list {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+}
+.preview-options {
+  flex-shrink: 0;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top: 1px solid #ebeef5;
+  background: #fafafa;
+  gap: 6px;
+}
+.preview-options .ant-btn-link {
+  color: #666;
+  padding: 0 4px;
+  font-size: 12px;
+}
+.preview-options .ant-btn-link.btn-active {
+  color: #409EFF;
+}
 .left-actions {
   padding: 10px 12px;
   display: flex;